/* [project]/node_modules/react-tabs-scrollable/dist/rts.css [app-client] (css) */
:root {
  --rts-primary-color: #fd9e02;
  --rts-gray-color: #ddd;
  --rts-white-color: #fff;
}

.display___block {
  display: block;
}

.display____inline___block {
  display: inline-block;
}

.display___none {
  display: none !important;
}

@media (max-width: 991.98px) {
  .display___md___none {
    display: none !important;
  }
}

.rts___tabs___container {
  display: flex;
}

@media (max-width: 991.98px) {
  .rts___tabs___container {
    padding: 5px;
  }
}

.rts___tabs {
  padding: 10px 0;
  display: flex;
  overflow: auto;
}

.rts___tabs.hide___rts___tabs___scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.rts___tabs.hide___rts___tabs___scroll::-webkit-scrollbar {
  display: none;
}

.rts___tab {
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  margin: 0 5px;
  padding: 10px 40px;
}

@media (max-width: 991.98px) {
  .rts___tab {
    margin: 0 2px;
  }
}

@media (max-width: 767.98px) {
  .rts___tab {
    padding: 5px 20px;
  }
}

.rts___nav___btn___container {
  display: flex;
}

.rts___btn {
  cursor: pointer;
  border: 2px solid var(--rts-gray-color);
  background-color: #0000;
  border-radius: 40px;
}

.rts___tab___selected {
  background-color: var(--rts-primary-color);
  color: var(--rts-white-color);
  box-shadow: 0 1px 4px #00000029;
}

.rts___nav___btn {
  color: #0009;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  display: flex;
}

.rts___nav___btn:hover {
  background-color: var(--rts-primary-color);
  transition: all .5s;
}

.rts___nav___btn:hover > svg {
  stroke: var(--rts-white-color);
}

@media (max-width: 767.98px) {
  .rts___nav___btn > svg {
    width: 15px;
  }
}

button:disabled.rts___btn, button[disabled].rts___btn {
  cursor: not-allowed;
  color: var(--rts-gray-color);
  pointer-events: none;
}

.rts button:disabled.rts___btn, button[disabled].rts___btn svg {
  stroke: var(--rts-gray-color);
}

/* [project]/node_modules/swiper/swiper.css [app-client] (css) */
:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

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

  100% {
    transform: rotate(360deg);
  }
}

/* [project]/node_modules/swiper/modules/pagination.css [app-client] (css) */
.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* [project]/node_modules/swiper/modules/navigation.css [app-client] (css) */
:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev, .swiper-button-next {
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled :is(.swiper-button-prev, .swiper-button-next) {
  display: none !important;
}

:is(.swiper-button-prev, .swiper-button-next) ::slotted(svg), :is(.swiper-button-prev, .swiper-button-next) svg {
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center;
  fill: currentColor;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev, .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  margin-left: 0;
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

:is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next) ::slotted(.swiper-navigation-icon), :is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(180deg);
}

:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) ::slotted(.swiper-navigation-icon), :is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(0);
}

.swiper-vertical .swiper-button-prev, .swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-prev, .swiper-vertical ~ .swiper-button-next {
  left: var(--swiper-navigation-top-offset, 50%);
  margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
  margin-top: 0;
  right: auto;
}

.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev {
  top: var(--swiper-navigation-sides-offset, 4px);
  bottom: auto;
}

:is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) ::slotted(.swiper-navigation-icon), :is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(-90deg);
}

.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}

:is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) ::slotted(.swiper-navigation-icon), :is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(90deg);
}

/* [project]/node_modules/swiper/modules/thumbs.css [app-client] (css) */


/* [project]/node_modules/swiper/modules/free-mode.css [app-client] (css) */
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

/* [project]/src/app/blog/category/[category]/ServerBlogList.css [app-client] (css) */
.blog-row {
  flex-wrap: nowrap;
  align-items: flex-start;
  display: flex;
}

.blog-image-col {
  flex: none;
  padding: 0;
  position: relative;
}

.blog-right-col {
  flex: none;
  width: 50%;
  padding-left: 20px;
}

@media (max-width: 768px) {
  .blog-row {
    flex-direction: column;
  }

  .blog-image-col {
    width: 100% !important;
  }

  .blog-right-col {
    width: 100%;
    padding-top: 10px;
    padding-left: 0;
    display: block;
  }
}

/* [project]/src/app/search/search.css [app-client] (css) */
.search_advanced {
  background: #fff;
  flex-direction: column;
  min-height: 85vh;
  padding: 91px 20px 1%;
  display: flex;
}

.advanced-search-heading {
  margin: 0 0 1rem;
  font-size: 48px;
  font-weight: 600;
}

.advanced-search-content {
  align-items: flex-start;
  gap: 75px;
  display: flex;
  position: relative;
}

.banner-section-column {
  z-index: 10;
  align-self: flex-start;
  height: fit-content;
  position: sticky;
  top: 100px;
}

.advanced-search-results {
  flex: 3;
}

.advanced-section-title {
  border-left: 4px solid var(--global-color-main-1, var(--primary-color));
  margin-bottom: 1rem;
  padding-left: 10px;
  font-size: 1.5rem;
  font-weight: 600;
}

.advanced-section-title a {
  color: #000 !important;
}

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

.advanced-results-list {
  border: 1px solid #ddd;
  border-radius: 18px;
  margin: 0;
  padding: 24px;
  list-style: none;
}

.advanced-result-item, .advanced-result-item-creator {
  border-bottom: 1px solid #ddd;
  align-items: center;
  gap: 12px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  display: flex;
}

.advanced-result-item-inside-collection {
  border: 1px solid #ddd;
  border-radius: 18px 0 18px 18px;
}

.advanced-result-item-most {
  border-bottom: 1px solid #ddd;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.advanced-result-thumb {
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 18px 0 18px 18px;
  width: 200px;
  height: 112px;
}

.advanced-result-collection {
  -o-object-fit: contain;
  object-fit: contain;
  color: #ddd;
  width: 200px;
  height: 112px;
  padding: 15px;
}

.advanced-result-thumb-round-img {
  color: #958c8cfa;
  border: 1px solid #958c8cfa;
  border-radius: 50%;
  width: 112px;
  height: 112px;
  display: block;
  position: relative;
  overflow: hidden;
}

.advanced-result-details {
  flex-direction: column;
  width: 80%;
  display: flex;
}

.advanced-result-title {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
}

.advanced-result-item:hover .advanced-result-title, .advanced-result-title:hover {
  color: #00000089;
  cursor: pointer;
}

.advanced-result-title-blue {
  color: #0e63be;
  cursor: pointer;
  border-radius: 14px;
  width: fit-content;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: bold;
}

.advanced-result-title-blue:hover {
  background-color: #0e4bbe2b;
}

.advanced-result-meta {
  color: #555;
  font-size: .9rem;
}

.streaming-subtitle-2 {
  color: gray;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 14px;
  display: -webkit-box;
  overflow: hidden;
}

.position-relative {
  position: relative;
}

.bookmark_add {
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.bookmark_add_round_profile {
  cursor: pointer;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.cursor-pointer {
  cursor: pointer;
}

.pt-3 {
  padding-top: .75rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.new_spinnner-white {
  justify-content: center;
  align-items: center;
  margin-top: 6%;
  display: flex;
}

.spinnner_wrapper-white {
  gap: 10px;
  display: flex;
}

.service-offered-image-div {
  border: 1px solid #958c8cfa;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  display: flex;
}

.service-offered-image-1 {
  width: 60px;
  height: 60px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

@media (min-width: 426px) and (max-width: 768px) {
  .search_advanced {
    padding: 7% 2px 1% 16px;
  }

  .advanced-search-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    display: flex;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .banner-section-column {
    align-self: center;
  }

  .streaming-subtitle-2 {
    -webkit-line-clamp: 1;
  }

  .advanced-result-collection {
    -o-object-fit: contain;
    object-fit: contain;
    color: #ddd;
    width: 100px;
    height: 56px;
    padding: 15px;
  }

  .advanced-result-thumb {
    -o-object-fit: fill;
    object-fit: fill;
    border-radius: 18px 0 18px 18px;
    width: 100px;
    height: 56px;
  }

  .advanced-results-list {
    border: none;
    margin: 0;
    padding: 10px 0;
    list-style: none;
  }

  .advanced-result-details {
    width: 70%;
  }

  .search_advanced {
    background: #fff;
    flex-direction: column;
    padding: 14% 16px 20px;
    display: flex;
  }

  .advanced-search-heading {
    margin: 1rem 0;
    font-size: 22px;
  }

  .advanced-search-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    display: flex;
  }

  .advanced-result-item-creator {
    align-items: center;
  }
}

.search-section-padding {
  padding: 30px 0;
}

@media (min-width: 0) and (max-width: 768px) {
  .search-section-padding {
    padding: 10px 0;
  }
}

/* [project]/src/app/terms-and-condition/terms.css [app-client] (css) */
.terms-condition-container {
  background-color: #000;
  min-height: 100vh;
  padding: 20px;
}

.terms-condition-content {
  background-color: #000;
  border: 1px solid #212121;
  max-width: 1200px;
  margin: 20px auto;
  padding: 20px 20px 20px 30px;
}

.terms-condition-heading {
  color: #fff;
  margin: 20px 0;
  font-size: 2rem;
  font-weight: bold !important;
}

.terms-and-condition-body {
  color: #868686;
  overflow: auto;
}

.terms-condition-body h1, .terms-condition-body h2, .terms-condition-body h3, .terms-condition-body h4, .terms-condition-body h5, .terms-condition-body h6 {
  color: #fff;
  margin: 20px 0 10px;
}

.terms-condition-body p {
  margin-bottom: 15px;
}

.terms-condition-body ul, .terms-condition-body ol {
  margin: 15px 0;
  padding-left: 20px;
}

.terms-condition-body li {
  margin-bottom: 8px;
}

.terms-condition-body a {
  color: #dba506;
  text-decoration: none;
}

.terms-condition-body a:hover {
  text-decoration: underline;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: #5f5e5e;
  background-clip: padding-box;
}

::-webkit-scrollbar-track {
  background-color: #333;
}

::-webkit-scrollbar-button:single-button {
  background-color: #333;
  border-style: solid;
  width: 12px;
  height: 13px;
  display: block;
}

/* [project]/src/assets/style/AdminStyle/AdminBidsEditModal.css [app-client] (css) */
#admin-bid-Market-category {
  color: #9d9da7;
  background: #303030;
  border: 1px solid #606060;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  display: flex;
}

.dropdown-menu.show {
  width: 100%;
}

.admin-bids-edit-div {
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.admin-bids-edit-body {
  background-color: #14110f;
  border: 1px solid #212121;
  padding: 3% 3% 3% 4% !important;
}

.admin-bids-edit-modal-title {
  color: #fff;
  padding: 0 15px 13px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.admin-bids-edit-modal-img-div {
  position: absolute;
  right: 1%;
}

.admin-bids-edit-white-cross-btn-img {
  cursor: pointer;
  -o-object-fit: contain;
  object-fit: contain;
}

.admin-bids-edit-white-cross-btn-img-slot {
  vertical-align: middle;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.divvideo {
  justify-content: center;
  display: flex;
  padding-bottom: 30px !important;
}

.admin-bids-edit-white-cross-btn-img:hover {
  content: url("../media/Yellow-Button-Cross.d38fe4fa.svg");
}

.arrrange_text {
  position: relative;
}

.outlinegray {
  cursor: pointer;
  border: 2px dashed gray;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  margin-bottom: 16px;
  display: flex;
  position: relative;
}

.yellow-text-upload {
  z-index: 55;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  position: absolute;
  top: 41%;
  left: 3%;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.arrange_model_new_project {
  width: 100%;
  display: flex;
}

.arrange_model_new_project_1 {
  flex: 1;
}

.arrange_model_new_project_2 {
  border: 1px solid #1f1f1f;
  flex-direction: column;
  align-items: center;
  width: 348px;
  max-height: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.proejct_title_bold {
  color: #fff;
  padding-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}

.credit_font_modal {
  color: #7b7777;
  margin-right: 0;
  font-size: 16px;
}

.project_tab_collection_all {
  width: 100%;
  display: flex;
}

.project_tab_collection_all_left {
  -moz-column-gap: 10px;
  flex-direction: column;
  column-gap: 10px;
  width: 100%;
  padding: 3px 10px 10px 0;
  display: flex;
}

.project_dyanamic {
  color: #7b7777;
  text-align: start;
  height: 220px;
  font-size: 12px;
  overflow: auto;
}

.project_dyanamic-1 {
  color: #7b7777;
  text-align: start;
  height: 90px;
  font-size: 12px;
  overflow: auto;
}

.self_text {
  font-size: 14px;
}

.declaimer_project {
  color: #7b7777;
  cursor: pointer;
  border: 1px solid #1f1f1f;
  height: 131px;
  font-size: 12px;
  position: relative;
  overflow: auto;
}

.declaimer_project_position {
  color: #000;
  z-index: 111;
  text-align: justify;
  background-color: #fff;
  width: 100%;
  height: fit-content;
  padding: 10px;
  font-size: 14px;
  position: absolute;
  bottom: 40px;
  left: 20px;
  overflow-y: auto;
}

.declaimer_project_position_project {
  color: #000;
  z-index: 111;
  text-align: justify;
  background-color: #fff;
  width: 100%;
  height: fit-content;
  padding: 10px;
  font-size: 14px;
  position: absolute;
  bottom: 40px;
  left: 0;
  overflow-y: auto;
}

.bottom-360 {
  bottom: 360px;
}

.declaimer_project_position_archive {
  color: #000;
  z-index: 111;
  text-align: justify;
  background-color: #fff;
  width: 100%;
  height: fit-content;
  padding: 10px;
  font-size: 14px;
  position: absolute;
  bottom: 40px;
  right: 20px;
  overflow-y: auto;
}

.declaimer_project_position_model {
  color: #000;
  z-index: 111;
  background-color: #fff;
  width: 321px;
  height: fit-content;
  padding: 10px;
  font-size: 14px;
  position: absolute;
  bottom: 171px;
  right: 16px;
  overflow-y: auto;
}

.project_tab_collection_all_right {
  width: 25%;
  padding: 10px;
}

.change_tab_project {
  color: #fff;
  background-color: #a7a7a71c;
  width: fit-content;
  margin: 4px 0;
  font-size: 14px;
  padding: 10px 24px !important;
}

.change_tab_project_active {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  background-color: #a7a7a71c;
  -webkit-background-clip: text;
  background-clip: text;
  width: fit-content;
  margin: 4px 0;
  font-size: 14px;
  position: relative;
  padding: 10px 24px !important;
}

.change_tab_project_active:after {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #fff;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.change_tab_project:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  cursor: pointer;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.ad-text {
  color: #8c8c8c;
  content: "ADVERTISEMENT";
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
}

.ad-text span {
  color: #7b7b7b;
  background: none;
  padding: 5px;
  font-size: 10px;
  font-weight: 800;
  position: absolute;
  top: 0;
  right: 0;
}

.disclaimber-player {
  border: 1px solid #2b2b2b;
  width: 32%;
  padding: 8px;
}

@media screen and (min-width: 0) and (max-width: 425px) {
  .disclaimber-player {
    width: 100%;
  }

  .project_dyanamic {
    color: #7b7777;
    min-height: 200px;
    max-height: 200px;
    font-size: 12px;
    overflow: auto;
  }

  .project_dyanamic-1 {
    color: #7b7777;
    min-height: 180px;
    max-height: 180px;
    font-size: 12px;
    overflow: auto;
  }

  .declaimer_project_position {
    color: #000;
    z-index: 111;
    background-color: #fff;
    height: 258px;
    padding: 10px;
    font-size: 14px;
    position: absolute;
    bottom: 24px;
    left: -12px;
    overflow-y: auto;
  }

  .declaimer_project_position_project {
    color: #000;
    z-index: 111;
    background-color: #fff;
    height: 258px;
    padding: 10px;
    font-size: 14px;
    position: fixed;
    top: 300px;
    right: 12px;
    overflow-y: auto;
  }

  .top-0-mob {
    top: 0;
  }

  .declaimer_project_position_archive {
    color: #000;
    z-index: 111;
    z-index: 111;
    background-color: #fff;
    height: 258px;
    padding: 10px;
    font-size: 14px;
    position: absolute;
    bottom: 24px;
    left: -12px;
    right: 20px;
    overflow-y: auto;
  }

  .declaimer_project_position_model {
    color: #000;
    z-index: 111;
    background-color: #fff;
    width: 382px;
    height: 258px;
    padding: 10px;
    font-size: 14px;
    position: absolute;
    bottom: 171px;
    right: 2px;
    overflow-y: auto;
  }

  .project-tabs-scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex-wrap: nowrap;
    gap: 8px;
    display: flex;
    overflow-x: auto;
  }

  .declaimer_project {
    display: none;
  }

  .project-tabs-scroll::-webkit-scrollbar {
    display: none;
  }

  .change_tab_project, .change_tab_project_active {
    min-width: max-content;
  }

  .project_tab_collection_all_left {
    width: 100%;
    margin: 10px 0;
    padding: 0 0 10px;
  }

  .project_tab_collection_all_right, .project_dyanamic, .project_dyanamic-1 {
    width: 100%;
  }

  .change_tab_project {
    height: fit-content;
  }

  .project_tab_collection_all {
    flex-direction: column;
  }

  .proejct_title_bold {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .arrange_model_new_project_1 {
    width: 100%;
  }

  .arrange_model_new_project_2 {
    width: 100%;
    max-height: 120px;
    padding: 10px;
  }

  .arrange_model_new_project {
    flex-direction: column;
    display: flex;
  }

  .yellow-text-upload {
    left: 10%;
  }
}

@media screen and (min-width: 426px) and (max-width: 768px) {
  .declaimer_project {
    display: none;
  }

  .project-tabs-scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex-wrap: nowrap;
    gap: 8px;
    display: flex;
    overflow-x: auto;
  }

  .project-tabs-scroll::-webkit-scrollbar {
    display: none;
  }

  .change_tab_project, .change_tab_project_active {
    min-width: max-content;
  }

  .arrange_model_new_project_2 {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0 0;
    overflow-y: auto;
  }

  .arrange_model_new_project {
    flex-direction: column;
    display: flex;
  }
}

@media screen and (min-width: 678px) and (max-width: 1440px) {
  .arrange_model_new_project_2, .banner-section-column-2, .blog-page-banner-6 {
    width: 180px !important;
  }
}

.project-white-cross-btn-img {
  cursor: pointer;
  width: 25px;
  height: 25px;
}

.admin-bids-edit-modal-form {
  width: 100%;
  padding: 0 28px;
}

.admin-bids-edit-modal-label-div {
  width: 100%;
  padding-bottom: 10px;
}

.admin-bids-edit-modal-label {
  color: #fff;
  text-transform: capitalize;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
}

.admin-bids-edit-modal-formControl {
  color: #495057;
  border: none;
  border-radius: 7px;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
}

.react-datepicker-wrapper {
  width: 100%;
}

.errorMessage-admin-bids-edit-modal {
  color: red;
  font-size: 16px;
  font-weight: 400;
}

.admin-bids-edit-create-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  border-radius: 5%;
  width: 120px;
  padding: 6px 12px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.admin-bids-edit-create-btn:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  color: #000;
}

.admin-bids-edit-create-btn:active {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
}

.admin-bids-edit-create-btn-div {
  justify-content: center;
  padding-top: 6px;
  display: flex;
}

/* [project]/src/assets/style/AdminStyle/AlertModal.css [app-client] (css) */
.collection-popup-modal {
  z-index: 9999 !important;
}

.collection-popup-modal .modal-dialog {
  width: 100% !important;
  max-width: 430px !important;
  margin: 1.75rem auto !important;
}

.collection-popup-modal .modal-content {
  background: #000 !important;
  border: 1px solid #222 !important;
  border-radius: 6px !important;
  width: 100% !important;
  min-height: 685px !important;
  overflow: hidden !important;
  box-shadow: 0 5px 20px #000c !important;
}

.collection-popup-body {
  color: #fff !important;
  background: #000 !important;
  width: 100% !important;
  min-height: 685px !important;
  padding: 0 !important;
}

.collection-popup-card {
  color: #fff !important;
  box-sizing: border-box !important;
  background: #000 !important;
  width: 100% !important;
  min-height: 685px !important;
  padding: 28px 34px 30px !important;
}

.collection-popup-close-wrapper {
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  height: 28px !important;
  margin-bottom: 7px !important;
  display: flex !important;
}

.collection-popup-close {
  color: #fff !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  justify-content: center !important;
  align-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

.collection-popup-close svg {
  color: #fff !important;
  stroke: #fff !important;
  width: 21px !important;
  height: 21px !important;
}

.collection-popup-close:hover {
  color: #fff !important;
  background: none !important;
}

.collection-popup-title {
  color: #fff !important;
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 9px !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

.collection-popup-form, .collection-popup-field {
  width: 100% !important;
}

.collection-popup-field label {
  color: #fff !important;
  margin: 0 0 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  display: block !important;
}

.collection-popup-input {
  box-sizing: border-box !important;
  color: #fff !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  box-shadow: none !important;
  background: #303030 !important;
  border: 1px solid #666 !important;
  border-radius: 5px !important;
  outline: none !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  display: block !important;
}

.collection-popup-input::placeholder {
  color: #8b8b8b !important;
  opacity: 1 !important;
}

.collection-popup-input:focus {
  color: #fff !important;
  box-shadow: none !important;
  background: #303030 !important;
  border-color: #777 !important;
  outline: none !important;
}

.collection-popup-error {
  color: #ff4d4d !important;
  margin-top: 5px !important;
  font-size: 12px !important;
}

.collection-popup-button-wrapper {
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 20px !important;
  display: flex !important;
}

.collection-popup-submit {
  color: #000 !important;
  text-transform: uppercase !important;
  width: auto !important;
  min-width: 65px !important;
  height: 28px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  background: #b33df2 !important;
  border: 1px solid #b33df2 !important;
  border-radius: 5px !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 5px 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.collection-popup-submit:hover {
  color: #000 !important;
  opacity: .9 !important;
  background: #b33df2 !important;
  border-color: #b33df2 !important;
}

.collection-popup-submit:focus, .collection-popup-submit:active {
  color: #000 !important;
  box-shadow: none !important;
  background: #b33df2 !important;
  border-color: #b33df2 !important;
}

.collection-popup-submit:disabled {
  color: #000 !important;
  opacity: .6 !important;
  background: #b33df2 !important;
  border-color: #b33df2 !important;
}

@media (max-width: 576px) {
  .collection-popup-modal .modal-dialog {
    width: calc(100% - 24px) !important;
    max-width: 430px !important;
    margin: 12px auto !important;
  }

  .collection-popup-modal .modal-content, .collection-popup-body, .collection-popup-card {
    min-height: 600px !important;
  }

  .collection-popup-card {
    padding: 24px 20px !important;
  }

  .collection-popup-title {
    font-size: 21px !important;
  }
}

/* [project]/src/assets/style/AdminStyle/ProjectProfile.css [app-client] (css) */
.admin-projects-director-main-div {
  background-color: #303030;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.sponsoredhoverd {
  color: #000;
  text-align: left;
  letter-spacing: 0;
  background-color: #fff;
  padding: 8px;
  font-size: 12px;
}

.my-custom-tooltip > .tooltip-inner {
  background-color: #fff;
  max-width: 300px;
}

.buttonletusknow {
  color: #027185;
  background-color: #fff;
  border: none;
  margin-top: 5px;
  font-size: 15px;
}

.colorwhite {
  background-color: #fff;
}

.sponsoredtext {
  margin-bottom: 4px;
  margin-left: 5px;
}

.textsponsred {
  color: #797979;
  font-size: 11px;
}

.sp_tag {
  color: #000;
  cursor: pointer;
  background-color: #767676ad;
  border-radius: 13px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 800;
}

.protext {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border-radius: 5px;
  height: 21px;
  margin-left: 8px;
  padding: 2px;
  font-size: 12px;
  font-weight: 800;
}

.protext1 {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border-radius: 5px;
  margin-left: 8px;
  padding: 1px 4px;
  font-size: 12px;
  font-weight: 400;
}

.protext3 {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border-radius: 5px;
  width: fit-content;
  padding: 1px 4px;
  font-size: 12px;
  font-weight: 500;
}

.admin-projects-director-child-div {
  padding: 11px;
  display: flex;
}

.admin-projects-director-main-star-div {
  width: 100%;
  padding-left: 44px;
  display: flex;
}

.admin-projects-director-main-star-div-2 {
  width: 100%;
  padding-left: 0;
  display: flex;
}

.admin-projects-director-main-star-sub-div {
  width: 100%;
}

.admin-projects-director-block {
  padding: 0 10px;
}

.admin-projects-director-img-avatar {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: auto;
}

.admin-projects-director-img-avatar-empty {
  margin: auto;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  width: 60% !important;
  height: 100% !important;
}

.admin-projects-director-img-div {
  background: #161616;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 135px;
  display: flex;
}

.admin-projects-director-star {
  font-size: 12px;
  display: flex;
}

.admin-projects-director-img-star {
  width: 15px;
  height: 15px;
}

.admin-projects-director-div-star {
  color: #fff;
  text-align: left;
  margin-left: 5px;
  font-size: 12px;
}

.admin-projects-director-div-share {
  color: #fff;
  cursor: pointer;
}

.admin-projects-director-div-hi-share {
  margin-left: 10px;
  font-size: 18px;
}

.admin-projects-director-div-hi-share-1 {
  cursor: pointer;
  margin-left: 10px;
  font-size: 18px;
}

.admin-projects-director-div-hi-share-1 :hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.admin-projects-director-div-hi-share-2 {
  cursor: pointer;
  margin-left: 10px;
  font-size: 18px;
}

.admin-projects-director-div-hi-share-2 :hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.admin-projects-director-name-avatar {
  color: #fff;
  font-size: 20px;
}

.admin-projects-director-name-director {
  color: #797979;
  font-size: 12px;
}

.admin-projects-director-rank-pro-awa {
  color: #fff;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-top: 43px;
  font-size: 11px;
  display: flex;
}

.admin-projects-director-span-rank-pro-awa {
  margin: 0 10px;
}

.admin-projects-director-img-Stamp {
  width: 75px;
  height: 75px;
}

.admin-projects-director-p {
  color: #797979;
  word-break: break-all;
  height: 50px;
  margin: 0 0 16px;
  font-size: 10px;
  overflow: auto;
}

.admin-projects-director-skills {
  color: #fff;
  margin: 0 0 16px;
  font-size: 12px;
  font-weight: 700;
}

.profile-details-results-label {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.profile-details-results-value {
  color: #bababa;
  font-size: 12px;
}

.admin-project-view-details {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  cursor: pointer;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: 10px;
  font-size: 12px;
}

.set_skill {
  flex-wrap: wrap;
  display: flex;
}

.admin-projects-director-main {
  width: 100%;
}

.profile-skills {
  color: #fff;
  text-align: left;
  margin: 2px 0;
  font-size: 10px;
  display: flex;
}

.admin-project-rating {
  margin-left: 13px;
  display: flex;
}

.admin-projects-director-main-btn-select {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.admin-projects-director-select {
  text-align: end;
  width: 25%;
}

.admin-projects-director-btn-select {
  cursor: pointer;
  color: #e1b420;
  background-color: #303030;
  border: 1px solid #e1b420;
  border-radius: 3px;
  width: 130px;
  height: 38px;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.admin-projects-director-btn-select-1 {
  cursor: pointer;
  color: #e1b420;
  background-color: #303030;
  border: 1px solid #e1b420;
  border-radius: 3px;
  width: 82px;
  height: 32px;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.admin-project-register-for-access-full {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  cursor: pointer;
  color: #000;
  border: 1px solid #e1b420;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 700;
}

.share_expire {
  color: #868686;
  font-size: 12px;
}

.share_expire_1, .share_expire_1_black {
  color: #868686;
  text-align: end;
  padding-right: 62px;
  font-size: 12px;
}

@media (min-width: 430px) and (max-width: 768px) {
  .admin-projects-director-img-div {
    background: #161616;
    width: 96px;
    height: 95px;
  }

  .admin-projects-director-name-avatar {
    font-size: 14px;
  }

  .admin-projects-director-rank-pro-awa {
    margin: 0;
    padding-top: 5px;
    font-size: 10px;
  }

  .admin-projects-director-name-director {
    font-size: 8px;
  }

  .admin-projects-director-main-star-div {
    padding-left: 2px;
  }

  .admin-projects-director-p {
    font-size: 8px;
  }

  .admin-projects-director-skills {
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: 600;
  }

  .admin-projects-director-img-Stamp {
    width: 35px;
    height: 35px;
  }

  .admin-projects-director-btn-select, .admin-projects-director-btn-select-1 {
    width: 64px;
    height: 30px;
    font-size: 12px !important;
  }

  .admin-projects-director-main-star-sub-div {
    width: 100%;
    padding-left: 10px;
  }

  .profile-skills {
    font-size: 8px;
  }

  .admin-projects-director-main-btn-select {
    display: flex;
  }

  .admin-projects-director-select {
    text-align: end;
    justify-content: end;
    width: 100%;
    display: flex;
  }

  .admin-projects-director-main {
    width: 100%;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .admin-projects-director-div-hi-share-1 {
    margin-top: 16px;
  }

  .admin-projects-director-div-hi-share-2 {
    margin-top: -4px;
  }

  .admin-projects-director-img-div {
    background: #161616;
    width: 96px;
    height: 95px;
  }

  .admin-projects-director-name-avatar {
    font-size: 14px;
  }

  .admin-projects-director-rank-pro-awa {
    margin: 0;
    padding-top: 5px;
    font-size: 10px;
  }

  .admin-projects-director-name-director {
    font-size: 8px;
  }

  .admin-projects-director-main-star-div {
    padding-left: 2px;
  }

  .admin-projects-director-p {
    font-size: 8px;
  }

  .admin-projects-director-skills {
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: 600;
  }

  .admin-projects-director-img-Stamp {
    width: 35px;
    height: 35px;
  }

  .admin-projects-director-btn-select .admin-projects-director-btn-select {
    width: 80px;
    height: 30px;
    font-size: 12px !important;
  }

  .admin-projects-director-btn-select-1 {
    width: 64px;
    height: 30px;
    font-size: 10px !important;
  }

  .admin-projects-director-main-star-sub-div {
    width: 100%;
    padding-left: 10px;
  }

  .profile-skills {
    font-size: 8px;
  }

  .admin-projects-director-main-btn-select {
    display: flex;
  }

  .admin-projects-director-select {
    text-align: end;
    justify-content: end;
    width: 100%;
    display: flex;
  }

  .admin-projects-director-main {
    width: 100%;
  }
}

@media (min-width: 0) and (max-width: 320px) {
  .admin-projects-director-name-avatar {
    font-size: 12px;
  }

  .admin-projects-director-name-director {
    font-size: 8px;
  }

  .admin-projects-director-rank-pro-awa {
    margin-bottom: 3px;
    padding-top: 5px;
    font-size: 7px;
  }

  .admin-projects-director-main-star-div {
    padding-left: 2px;
  }

  .admin-projects-director-img-Stamp {
    width: 35px;
    height: 35px;
  }

  .admin-projects-director-img-div {
    padding-right: 5px;
    width: 90px !important;
    height: 100px !important;
  }

  .admin-projects-director-p {
    font-size: 8px;
  }

  .admin-projects-director-skills {
    font-size: 5px;
    font-weight: 600;
  }

  .admin-projects-director-btn-select, .admin-projects-director-btn-select-1 {
    width: 64px;
    height: 30px;
    font-size: 12px;
  }

  .admin-projects-director-main-star-sub-div {
    width: 100%;
    padding-left: 10px;
  }

  .profile-skills {
    font-size: 8px;
  }

  .admin-projects-director-main-btn-select {
    display: block;
  }

  .admin-projects-director-select {
    text-align: end;
    justify-content: end;
    width: 100%;
    display: flex;
  }

  .admin-projects-director-main {
    width: 100%;
  }
}

@media (min-width: 431px) and (max-width: 1024px) {
  .admin-projects-director-img-Stamp {
    width: 40px;
    height: 40px;
  }

  .admin-projects-director-rank-pro-awa {
    padding-top: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1400px) {
  .admin-project-rating {
    margin-left: 5px;
    display: flex;
  }

  .admin-projects-director-btn-select, .admin-projects-director-btn-select-1 {
    width: 90px !important;
  }
}

@media (min-width: 1441px) and (max-width: 1800px) {
  .admin-project-rating {
    margin-left: 5px;
    display: flex;
  }

  .admin-projects-director-btn-select, .admin-projects-director-btn-select-1 {
    width: 90px !important;
  }
}

@media screen and (min-width: 2560px) {
  .admin-projects-director-img-div {
    background: #161616;
    width: 165px;
    height: 155px;
  }

  .admin-projects-director-main {
    width: 82.5%;
  }
}

.marketer-Rating {
  border: 1px solid red !important;
}

.new-rating {
  flex-wrap: nowrap !important;
  display: flex !important;
}

/* [project]/src/assets/style/AdminStyle/ShareModal.css [app-client] (css) */
.page-break {
  page-break-before: always;
}

.margin-top-10 {
  margin-top: 50px;
}

.share-modal-form-label {
  color: #fff;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
}

.share-modal-form-label-1 {
  color: #000;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
}

.share-modal-form-div {
  padding-bottom: 15px;
}

.email_checkbox {
  padding: 7% 1% 1%;
}

.arrange_radio_share {
  align-items: center;
  gap: 8px;
  display: flex;
}

.share-details-modal-icon {
  justify-content: flex-end;
  display: flex;
}

.share-modal-modal-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border: var(--global-color-main-1, var(--primary-color));
}

.share-modal-modal-btn:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
}

.share-modal-modal-btn:active {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
}

.share-modal-btn-icon {
  color: #000;
  font-size: 25px;
}

.passwordcheckarrange {
  justify-content: flex-start;
  gap: 10px;
  display: flex;
}

.share-modal-form-message {
  color: red;
  padding-bottom: 5px;
}

.profile_wrap_modal {
  color: #fff;
}

.wrap_profile_corss {
  justify-content: space-between;
  align-items: center;
  padding: 0 0 20px;
  display: flex;
}

.profile_round_center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.border-gray-top {
  opacity: .85;
  border-top: 1px solid #212121;
  margin: 8px 0;
}

.addphoto {
  color: #fff;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
  display: flex;
}

.share-modal-body {
  background-color: #14110f;
  border: 1px solid #212121;
  padding: 3% 3% 3% 4% !important;
}

.share-modal-body-1 {
  background-color: #14110f;
  border: 1px solid #212121;
  padding: 3% 13% !important;
}

.share-modal-btn-share {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border: var(--global-color-main-1, var(--primary-color));
  color: #000;
  padding: 8px 25px;
  font-weight: 700;
}

.share-modal-btn-share:hover {
  border: var(--global-color-main-1, var(--primary-color));
  color: #000;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
}

.share-modal-btn-share:active {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border: var(--global-color-main-1, var(--primary-color));
  color: #000 !important;
}

.share-modal-share {
  justify-content: center;
  display: flex;
}

.share-modal-form-div-input {
  border-radius: 5px;
  width: 100%;
  padding: 5px;
}

/* [project]/src/assets/style/AuthNavigation.css [app-client] (css) */
.auth-navigation {
  text-align: center;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  margin: 60px 0;
  padding: 50px 20px;
}

.auth-nav-container h3 {
  color: #333;
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 700;
}

.auth-nav-container p {
  color: #666;
  margin-bottom: 30px;
  font-size: 16px;
}

.auth-nav-buttons {
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  display: flex;
}

.auth-nav-btn {
  border-radius: 8px;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  border: 2px solid #e6b920 !important;
}

.auth-nav-btn-filled {
  color: #fff !important;
  background: #e6b920 !important;
}

.auth-nav-btn-filled:hover {
  color: #e6b920 !important;
  background: none !important;
  border-color: #e6b920 !important;
}

.auth-nav-btn-outline {
  color: #e6b920 !important;
  background: none !important;
}

.auth-nav-btn-outline:hover {
  color: #fff !important;
  background: #e6b920 !important;
  border-color: #e6b920 !important;
}

@media (max-width: 768px) {
  .auth-navigation {
    margin: 40px 0;
    padding: 40px 20px;
  }

  .auth-nav-container h3 {
    font-size: 24px;
  }

  .auth-nav-buttons {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .auth-nav-btn {
    width: 200px;
  }
}

/* [project]/src/assets/style/BlogCarousel.css [app-client] (css) */
.exclusive-video {
  width: 100%;
}

.outline-top-blog-1 {
  vertical-align: top;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #2b2b2b;
  border-radius: 15px;
  width: fit-content;
  max-width: 100%;
  min-height: 310px;
  display: inline-block;
}

.outline-top-blog-1 .blog-image-wrap {
  width: fit-content;
  max-width: 100%;
  line-height: 0;
  display: block;
}

.outline-top-blog-1 .outline-top-blog {
  box-sizing: border-box;
  width: 0;
  min-width: 100%;
  max-width: 100%;
}

.outline-top-blog-1:hover .featured-posts-img-collection {
  filter: brightness(80%);
  transition: all .3s;
}

.over-hidden {
  border-radius: 15px 0 15px 15px;
  overflow: hidden;
}

.blog-title-collection {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.line-height-1-2 {
  line-height: 1.2;
}

.clamp-3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.mr-3px {
  margin-right: 3px;
}

.blog-summary {
  color: #a7a7a7;
  font-size: 12px;
}

.clamp-1-ranked {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.audio-placeholder {
  color: #666;
  text-align: center;
  background: #1a1a1a;
  border-radius: 4px;
  width: 100%;
  padding: 10px;
  font-size: 12px;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.gap-1 {
  gap: .25rem;
}

.gap-2 {
  gap: .5rem;
}

.pt-2 {
  padding-top: .5rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-0 {
  margin-top: 0;
}

.border-gray {
  border: 1px solid #333;
}

@media (max-width: 2560px) and (min-width: 1921px) {
  .outline-top-blog-1 {
    width: fit-content;
    max-width: 325px;
  }
}

@media (max-width: 1919px) and (min-width: 1440px) {
  .outline-top-blog-1 {
    min-height: 266px;
  }
}

@media (max-width: 1439px) and (min-width: 1024px) {
  .outline-top-blog-1 {
    min-height: 248px;
  }
}

@media (min-width: 0) and (max-width: 1440px) {
  .clamp-3 {
    -webkit-line-clamp: 2;
  }
}

@media (min-width: 0) and (max-width: 766px) {
  .outline-top-blog-1 {
    width: fit-content;
    max-width: 100%;
  }
}

/* [project]/src/assets/style/CardCarousel.css [app-client] (css) */
.swiper-slide-main {
  padding: 0;
}

.card-carousel-dasboard {
  z-index: 99;
  background: #303030;
  padding: 1px;
  position: absolute;
  top: 18%;
  left: 18%;
}

.card-carousel-main-div {
  position: relative;
}

.card-carousel-sub-div {
  z-index: 99;
  background: #303030;
  padding: 1px;
  position: absolute;
  top: 31%;
  left: 42%;
}

.card-carousel-secound-part-div {
  background: #000;
  padding: 10px 20px 6px 10px;
}

.card-carousel-third-part-div {
  background: #000;
  height: 128px;
  padding: 0 20px 0 14px;
  position: relative;
}

.card-carousel-third-part-div .swiper-button-prev, .card-carousel-third-part-div .swiper-button-next {
  top: 50%;
  transform: translateY(-50%);
}

.imageRation169 {
  width: 140px !important;
  height: 79px !important;
}

.card-carousel-video-title {
  color: #a3a3a3;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
  padding: 2px 0;
  font-size: 10px;
  overflow: hidden;
}

.card-carousel-mob-sub-div {
  z-index: 99;
  background: #303030;
  padding: 1px;
  position: absolute;
  top: 35%;
  left: 37%;
}

.card-carousels-swiper-div {
  position: relative;
}

.card-carousels-black-wrapper {
  background: #000;
  align-items: center;
  height: 40px;
  padding: 0 10px;
  display: flex;
  position: absolute;
}

.card-carousels-black-sub-div {
  justify-content: space-around;
  width: 70%;
  font-size: 12px;
  display: flex;
}

.card-carousels-swiper-div .swiper {
  margin: 0%;
}

.card-carousels-img-vid {
  z-index: 1;
  justify-content: space-between;
  font-size: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.card-carousels-vr {
  margin: 0 10px;
}

@media (min-width: 0) and (max-width: 1024px) {
  .card-carousel-sub-swiper {
    display: none;
  }
}

@media screen and (min-width: 2560px) {
  .card-carousel-third-part-div .swiper-slide {
    width: 167px !important;
  }
}

@media (min-width: 2560px) and (max-width: 3840px) {
  .card-carousel-sub-swiper {
    display: none;
  }

  .card-carousel-third-part-div {
    height: 118px;
  }
}

/* [project]/src/assets/style/ClientProduce.css [app-client] (css) */
.client-produce-main-div {
  color: #fff;
  text-align: center;
  background-color: #000;
  margin: 0;
  padding: 20px;
}

.client-produce-main-heading {
  font-size: 35px;
}

.client-produce-img {
  background-color: #0000;
  width: 170px;
  height: fit-content;
  margin-top: 20px;
}

.client-gif {
  background-color: #0000;
  width: 170px;
  height: 540px;
}

.client-gif-slot {
  flex-shrink: 0;
  width: 170px;
  height: 540px;
  min-height: 540px;
}

.client-produce-title {
  font-size: 25px;
}

.client-produce-details {
  font-size: 12px;
}

.vs-text {
  align-self: center;
  align-items: center;
  height: 100px;
  font-size: 35px;
  display: flex;
}

.produce-more-main-div {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.produce-more-sub-div-1 {
  flex-direction: row-reverse;
  width: 100%;
  display: flex;
}

.produce-more-sub-div-2 {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.produce-more-sub-div-top-down {
  align-items: center;
  width: 50%;
  display: flex;
}

.produce-more-sub-div-bottom-up {
  flex-direction: row-reverse;
  align-items: center;
  width: 50%;
  display: flex;
}

@media (min-width: 0) and (max-width: 768px) {
  .client-produce-main-div {
    height: auto;
    padding: 16px;
  }

  .client-produce-main-heading {
    padding-bottom: 20px;
    font-size: 22px;
  }

  .client-gif {
    width: 150px;
    height: 450px;
  }

  .client-gif-slot {
    width: 150px;
    height: 450px;
    min-height: 450px;
  }

  .client-produce-img {
    width: 125px;
  }

  .produce-more-sub-div-1, .produce-more-sub-div-2 {
    flex-direction: column;
    align-items: center;
  }

  .produce-more-sub-div-top-down, .produce-more-sub-div-bottom-up {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .vs-text {
    display: none;
  }
}

@media (width: 320px) {
  .client-gif {
    width: 130px;
  }
}

/* [project]/src/assets/style/CollectionSection.css [app-client] (css) */
.hover-yellow:hover {
  background-image: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.hover-yellow:hover .sportlight-right-icon-collection {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  fill: url("#globalColorHoverGrad") !important;
}

.sportlight-right-icon-collection {
  font-size: 1.5rem;
  transition: color .3s;
}

.sportlight-right-icon-collection-hover {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.5rem;
}

.scroll-btn {
  color: #fff;
  cursor: pointer;
  z-index: 10;
  background: none;
  border: 1px solid #ffffff4d;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 32px;
  padding: 4px 8px;
  font-size: 18px;
  display: flex;
}

.ipc-title__description {
  color: #a7a7a7;
  margin: 0;
  padding: 20px 0;
  font-size: 14px;
  line-height: 1;
}

.collection-section-tabs {
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
}

.collection-tabs-below {
  margin-top: 10px;
}

.collection-section-stack {
  box-sizing: border-box;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  display: flex;
}

.collection-section-stack .ipc-title__description, .collection-section-stack .collection-section-tabs, .collection-section-stack .collection_main_text {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.tab-item {
  cursor: pointer;
  white-space: nowrap;
  padding: 8px 16px;
  transition: all .3s;
}

.main-collection-tab-1 > div::-webkit-scrollbar {
  display: none;
}

.tab-item:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

/* [project]/src/assets/style/CreativeServicesCarousel.css [app-client] (css) */
.creative-services-main {
  background: #000;
}

@keyframes slider {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.logos {
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  width: 100%;
  overflow: hidden;
}

.logos::-webkit-scrollbar {
  display: none;
}

.logos-slide::-webkit-scrollbar {
  display: none;
}

.logos:hover .logos-slide, .logo-cut:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  animation: 1400s linear infinite slider;
  display: inline-block;
}

.creative-services-main .parent-product {
  vertical-align: top;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.parent-product {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.hover-yellow:hover {
  background-image: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.dark_main_text {
  color: #000;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 0;
  font-size: 24px;
  font-weight: 600;
  display: flex;
}

.color-white {
  color: #fff;
}

.color-gray {
  color: #7b7b7b;
}

.parent-product .project-card:hover {
  filter: brightness(80%);
  transition: all .3s;
}

.logos-slide img {
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 15px 0 15px 15px;
  width: 100%;
  height: 351px;
}

.bookmark_add_workstream {
  color: gray;
  z-index: 12;
  cursor: pointer;
  font-size: 40px;
  position: absolute;
  top: -7px;
  right: 0;
  width: 28px !important;
  height: 60px !important;
}

@media (min-width: 1024px) and (max-width: 1919px) {
  .product-workstream-price {
    font-size: 10px !important;
    top: 3rem !important;
    left: calc(1.2rem + 5px) !important;
  }
}

@media (max-width: 1919px) and (min-width: 1440px) {
  .creative-services-main .parent-product {
    width: 192px;
  }

  .logos-slide img {
    width: 192px;
    height: 263px;
  }

  .bookmark_add_workstream {
    right: 0 !important;
  }
}

@media (max-width: 1439px) and (min-width: 1024px) {
  .creative-services-main .parent-product {
    width: 192px;
  }

  .logos-slide img {
    width: 192px;
    height: 263px;
  }
}

.product-description {
  color: #fff;
  z-index: 10;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 252px;
  padding: 5px;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: .5rem;
  left: 1.2rem;
  overflow: hidden;
}

.product-workstream-price {
  z-index: 10;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #7c3aed26;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  box-sizing: border-box;
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 4px;
  width: fit-content;
  max-width: calc(100% - 1.2rem - 13px);
  margin: 0;
  padding: 1px 4px;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  top: 4.3rem;
  left: calc(1.2rem + 5px);
  right: auto;
  overflow: hidden;
  transform: none;
}

.action-item {
  cursor: pointer;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.action-item:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
}

.action-item svg {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
}

.advanced-sidebar-tag-revert {
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #252525;
  border-radius: 5px;
  flex-shrink: 0;
  margin-bottom: 0;
  padding: 4px 10px;
  font-size: .85rem;
  font-weight: 500;
}

.advanced-sidebar-tag-revert:hover {
  cursor: pointer;
  background: #3a3939;
}

.flex-grow-1 {
  flex-grow: 1;
}

.content-start {
  justify-content: flex-start;
}

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

.advanced-sidebar-tag-dark {
  color: #000;
  background: #fff;
  border-radius: 5px;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: .85rem;
  display: flex;
}

.advanced-sidebar-tag-dark:hover {
  color: #000;
  cursor: pointer;
  background: #fff;
  padding: 4px 10px;
  font-size: .85rem;
}

.bg-dark-theme {
  background-color: #111 !important;
}

@media (min-width: 0) and (max-width: 678px) {
  .logos-slide img {
    height: 351px;
  }
}

@media (min-width: 0) and (max-width: 430px) {
  .mobile-side-padding {
    padding-left: 16px !important;
  }

  .creative-services-main {
    overflow: hidden;
  }

  .logo-cut {
    width: 100%;
  }

  .sponsoredtext-new-white-2, .sponsoredtext-new-white-profile {
    width: 100% !important;
  }
}

.sponsoredtext-new-white-2 {
  border: 1px solid #2b2b2b;
  border-top: none;
  border-radius: 0 0 10px 10px;
  width: 336px;
  padding: 15px;
}

.sponsoredtext-new-white-profile {
  background: #1a1a1a;
  border: 1px solid #2b2b2b;
  border-radius: 0 0 10px 10px;
  width: 336px;
  padding: 15px;
}

.buy-company-btn {
  color: #fff;
  cursor: pointer;
  background-color: #2e2e2e;
  border-radius: 5px;
  width: fit-content;
  height: fit-content;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.logo-cut {
  white-space: nowrap;
  cursor: pointer;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background-color: #0000;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.logo-cut::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.logo-cut, .logos {
  background-color: initial;
  cursor: pointer;
  white-space: nowrap;
}

.workstream-cards-tabs-col {
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.workstream-cards-tabs-col .collection-tabs-below {
  margin-top: 0;
}

@media (max-width: 425px) {
  .workstream-cards-tabs-col {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 426px) {
  .workstream-cards-tabs-col {
    flex: 1;
    align-self: flex-start;
  }
}

.pt-1 {
  padding-top: .25rem;
}

.pb-1 {
  padding-bottom: .25rem;
}

.mt-1 {
  margin-top: .25rem;
}

.pt-20 {
  padding-top: 20px;
}

@media (max-width: 1024px) {
  .top-workstream-carousel .workstream-padding {
    padding: 14px 23px;
  }

  .top-workstream-carousel .collection_main_text {
    margin: 0;
    padding: 0 23px;
  }
}

/* [project]/src/assets/style/CreatorSubscriptionPlan.css [app-client] (css) */
.wrapmainSub {
  background-color: #0e0e0e;
  padding: 3.5% 13.5%;
}

.wrapdiv {
  width: 100%;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.col-12, .col-lg-4, .col-md-12, .col-xxl-4, .col-xl-12 {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 991.98px) {
  .col-12 {
    margin-bottom: 2rem;
  }

  .parent-annual-one {
    justify-content: center;
    margin-bottom: 2rem;
  }
}

@media (max-width: 767.98px) {
  .wrapmainSub {
    padding: 2rem 16px;
  }

  .row3 {
    padding: 2rem 0;
  }

  .firstrow {
    text-align: center;
  }
}

.mainfourth {
  color: #fff;
  font-size: 14px;
  padding-right: 0 !important;
}

.firstrow {
  color: #fff;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.firsttext {
  font-family: var(--bs-body-font-family);
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 16px;
  font-weight: 600;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  padding: 0 !important;
}

.gradiv {
  padding: 4rem 5rem 1rem;
}

.gradiv2 {
  background: #0e0e0e;
  padding: 10px;
}

.secondtext {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  text-align: left;
  letter-spacing: .1px;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 10px;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.25;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.currency_new {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.thirdtext {
  color: #b2b2b2;
  text-align: left;
  padding-top: 18px;
  padding-bottom: 3%;
  font-size: 16px;
  line-height: 25px;
}

.btnwraptop {
  margin-top: 30px;
  padding-right: 31px;
  position: relative;
}

.btnwraptop-1 {
  margin-top: 30px;
  padding-right: 43px;
  position: relative;
}

.btnwraptop_dash {
  margin-top: 30px;
  position: relative;
}

.parent-annual-one {
  display: flex;
}

.parent-annual-one-1 {
  justify-content: flex-end;
  display: flex;
}

.annualbtn {
  background: #0e0e0e;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  text-align: center;
  z-index: 2;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 5px 0 0 5px;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  transition: all .3s;
}

.annualActive {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  text-align: center;
  z-index: 2;
  text-transform: uppercase;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  font-weight: 600;
  transition: all .3s;
}

.monthyActive {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  text-align: center;
  z-index: 2;
  text-transform: uppercase;
  border-radius: 0 5px 5px 0;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  font-weight: 600;
  transition: all .3s;
}

.annualbtn:hover {
  z-index: 22;
  color: #000;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
}

.monthlybtn {
  background: #0e0e0e;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  text-align: right;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  transition: all .3s;
}

.monthlybtn:hover {
  z-index: 22;
  color: #000;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
}

.offlabeltext {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  background: #0e0e0e;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  z-index: 23;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 0 0 5px 5px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 800;
  position: absolute;
}

.offlabeltext_1 {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  background: #0e0e0e;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  z-index: 23;
  -webkit-background-clip: text;
  background-clip: text;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 800;
  position: static;
}

.mr-1 {
  margin-right: 5px !important;
}

.ml-1 {
  margin-left: 5px !important;
}

.fade-in-text {
  opacity: .5;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  animation: .8s forwards slideFadeIn;
  display: inline-block;
  transform: translateX(-20px);
}

@keyframes slideFadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.firstcard {
  background-color: #1a1a1a;
  border: 1px solid #1a1a1a;
  padding: 32px;
}

.firstcard-second {
  background-color: #1a1a1a;
  padding: 32px;
}

.firstcard:hover {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  box-shadow: 0 0 1em #ffffff40;
}

.maincol1 {
  height: fit-content;
  padding: 0 35px 0 0;
}

.maincol1:hover .bookcallbtn1 {
  display: block;
}

.maincol1:hover .btnwrap1 {
  justify-content: center;
  display: flex;
}

.parent-col-pricing {
  padding: 0;
}

.row2 {
  padding: 88px 0;
}

.row3 {
  -moz-column-gap: 35px;
  flex-wrap: wrap;
  gap: 83px 35px;
  padding: 88px 0;
  display: flex;
}

.maincol2 {
  background-color: #1a1a1a;
  border: 2px solid #1a1a1a;
  border-radius: 15px;
  flex: 0 0 calc(33.333% - 23.33px);
  max-width: calc(33.333% - 23.33px);
  height: fit-content;
  position: relative;
}

.card_txt1 {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}

.card_txt1 span {
  color: #a6a6a6;
}

.hrline {
  opacity: .18;
  border: 1px solid #707070;
}

.card_txt3 {
  color: #a6a6a6;
  margin-top: 12px;
}

.headingline {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  letter-spacing: .1px;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.25;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.truemark {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 24px;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.falsemark {
  color: #777;
  padding: 1px;
  font-size: 24px;
}

.featuredes {
  color: #fff;
  font-size: 16px !important;
}

.featuredes_new {
  color: #fff;
  font-size: 14px !important;
}

.marktext {
  line-height: 2;
}

.parent_mark {
  align-items: center;
  gap: 10px;
  padding: 0;
  display: flex;
}

.marktext span {
  padding: 10px;
  font-size: 16px;
}

.bookcallbtn1 {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  width: 70%;
  height: 55px;
  margin-top: 48px;
  display: none;
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
  background-color: #1a1a1a !important;
}

.bookcallbtn1:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  color: #000 !important;
}

.btnwrap1 {
  justify-content: center;
  display: flex;
}

.maincol1:before {
  width: 100%;
  position: absolute;
}

.maincol2:hover {
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
}

.border-yellow {
  border: 2px solid var(--global-color-main-1, var(--primary-color));
}

.mostpopulartext {
  text-align: center;
  color: #000;
  width: 101.2%;
  height: 48px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: -38px;
  left: -2px;
  border: 2.8px solid var(--global-color-main-1, var(--primary-color)) !important;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border-radius: 15px 15px 0 0 !important;
  overflow: hidden !important;
}

.btnwrap2 {
  justify-content: center;
  display: flex;
}

.disable_class_btn {
  opacity: .45;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: center;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 2px;
  margin-top: 48px;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: default !important;
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
  background-color: #1a1a1a !important;
}

.bookcallbtn2 {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: center;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 5px;
  margin-top: 48px;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 600;
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
  background-color: #1a1a1a !important;
}

.bookcallbtn2:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  color: #000 !important;
}

.btnwrap3 {
  justify-content: center;
  height: fit-content;
  display: flex;
}

.bookcallbtn3 {
  cursor: pointer;
  text-align: center;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  width: 70%;
  height: 55px;
  margin-top: 48px;
  padding: 16px 0;
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
  background-color: #1a1a1a !important;
}

.bookcallbtn3:hover {
  width: 70%;
  height: 55px;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  color: #000 !important;
}

.parent-singleBlogData {
  color: #b2b2b2;
}

.column2 {
  background-color: #1a1a1a;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
}

.maincol3 {
  height: fit-content;
  padding: 0 0 0 35px;
}

.maincol3:hover .bookcallbtn3 {
  display: block;
}

.maincol3:hover .btnwrap3 {
  justify-content: center;
  display: flex;
}

.iconsize {
  color: #707070;
  font-size: 24px;
}

.Includedplanheader {
  padding: 0 0 35px;
  font-size: 25px;
  font-weight: 600;
}

.includedpanmark {
  color: #757575;
  margin-left: 10px;
}

.includedarrange {
  align-items: center;
  gap: 15px;
  display: flex;
}

.includedlist {
  padding: 0 0 0 10px;
  font-size: 16px;
}

.includeddatamargin {
  margin-bottom: 25px;
  font-size: 1rem;
}

.colpedding {
  width: 30px;
  padding: 0 !important;
}

@media only screen and (min-width: 320px) {
  .maincol3 {
    margin-top: 130px;
  }

  .firstcard, .firstcard-second {
    padding: 15px 5px;
  }

  .btnwraptop, .btnwraptop-1, .btnwraptop_dash {
    justify-content: center;
  }

  .marktext span {
    width: 90%;
    padding: 10px;
    font-size: 12px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: .8rem;
  }
}

@media only screen and (min-width: 375px) {
  .firstcard, .firstcard-second {
    padding: 20px;
  }

  .btnwraptop, .btnwraptop-1, .btnwraptop_dash {
    justify-content: center;
  }

  .maincol3 {
    margin-top: 130px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .maincol3, .maincol1 {
    padding: 0;
  }
}

@media only screen and (min-width: 425px) and (max-width: 768px) {
  .btnwraptop, .btnwraptop-1, .btnwraptop_dash {
    justify-content: center;
  }

  .maincol3 {
    margin-top: 130px;
  }

  .marktext span {
    width: 90%;
    padding: 10px;
    font-size: 16px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .maincol2, .maincol3 {
    margin-top: 0;
  }

  .btnwraptop, .btnwraptop-1, .btnwraptop_dash {
    justify-content: center;
  }

  .marktext span {
    width: 90%;
    padding: 10px;
    font-size: 16px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}

@media (max-width: 1023px) {
  .maincol2 {
    flex: 0 0 calc(50% - 17.5px);
    max-width: calc(50% - 17.5px);
  }
}

@media (max-width: 768px) {
  .maincol2 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0 !important;
  }

  .row3 {
    -moz-column-gap: 0;
    gap: 2rem 0;
    padding: 2rem 0;
  }

  .border-yellow {
    margin-top: 45px;
  }
}

@media only screen and (min-width: 1024px) {
  .maincol2 {
    width: 30.4%;
    margin-top: 0;
  }

  .maincol3 {
    margin-top: 0;
  }

  .marktext span {
    padding: 10px;
    font-size: 16px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1440px) {
  .marktext span {
    width: 90%;
    padding: 10px;
    font-size: 16px;
  }

  .includeddatamargin {
    margin-bottom: 20px;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 2560px) {
  .marktext span {
    padding: 10px;
    font-size: 16px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}

@media (min-width: 1080px) and (max-width: 1980px) {
  .maincol3 {
    padding: 0 12px 0 35px;
  }
}

@media (min-width: 2160px) and (max-width: 3840px) {
  .mostpopulartext {
    width: 100.5%;
  }

  .gradiv {
    padding: 1rem 22rem;
  }

  .colpedding {
    width: 30px;
  }

  .firsttext {
    font-size: 1.5rem;
  }

  .offlabeltext {
    font-size: 12px;
  }

  .maincol1 {
    height: fit-content;
    padding: 0 60px 0 0;
  }

  .maincol3 {
    height: fit-content;
    padding: 0 12px 0 60px;
  }
}

@media (min-width: 1px) and (max-width: 425px) {
  .Includedplanheader {
    padding: 0 0 29px;
  }

  .maincol3 {
    margin-top: 0;
  }

  .firstcard {
    margin-bottom: 40px;
  }

  .border-yellow {
    margin-top: 45px;
  }

  .row3 {
    -moz-column-gap: 0px;
    gap: 0;
    padding: 0;
  }

  .row2 {
    padding: 0;
  }

  .gradiv {
    padding: 1rem 1px;
  }

  .mr-1 {
    margin-right: 5px !important;
  }

  .parent-singleBlogData {
    padding: 0;
  }

  .secondtext {
    font-size: 22px;
  }

  .thirdtext {
    font-size: 14px;
  }

  .parent-annual-one, .parent-annual-one-1 {
    justify-content: center;
    margin-bottom: 67px;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .mostpopulartext {
    width: 100.6%;
  }
}

@media (min-width: 1040px) and (max-width: 1424px) {
  .mostpopulartext {
    width: 101.5%;
  }
}

@media (min-width: 770px) and (max-width: 990px) {
  .mostpopulartext {
    width: 100.7%;
  }
}

@media (width: 3840px) {
  .mostpopulartext {
    width: 100.5%;
  }
}

@media (width: 1920px) {
  .mostpopulartext {
    width: 101.2%;
  }
}

@media (width: 2560px) {
  .mostpopulartext {
    width: 100.5%;
  }
}

@media (width: 1024px) {
  .mostpopulartext {
    width: 101.6%;
  }
}

@media (min-width: 321px) and (max-width: 425px) {
  .mostpopulartext {
    width: 101.6%;
  }
}

@media (min-width: 1px) and (max-width: 320px) {
  .maincol3 {
    margin-top: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 3840px) {
  .maincol3 {
    width: 34.2%;
  }
}

/* [project]/src/assets/style/DashBoardIconSwiper.css [app-client] (css) */
.box_logo_wrap {
  flex-direction: column;
  align-items: center;
  width: 100px;
  display: flex;
}

.box_logo_wrap1 {
  aspect-ratio: 1;
  cursor: pointer;
  width: 100%;
  margin: 0;
  display: block;
  position: relative;
}

.logo_3_icon {
  -o-object-fit: cover;
  object-fit: cover;
}

.box_logo_wrap_text {
  text-align: center;
  color: #fff;
  cursor: pointer;
  width: 140px;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 800;
}

.padding_caraousel_swipe {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 2% 13.5% 0%;
  display: flex;
}

@media (min-width: 678px) {
  .padding_caraousel_swipe.mobile-only, .padding_caraousel_swipe.d-none-desk {
    display: none !important;
  }
}

@media (min-width: 0) and (max-width: 677px) {
  .padding_caraousel_swipe.mobile-only {
    display: flex !important;
  }

  .padding_caraousel_swipe {
    -moz-column-gap: 5%;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 5%;
    padding: 20px 16px 0;
    top: -102px;
    overflow-x: auto;
  }

  .padding_caraousel_swipe::-webkit-scrollbar {
    display: none;
  }

  .box_logo_wrap {
    flex: none;
    width: 100px;
  }
}

@media (min-width: 0) and (max-width: 320px) {
  .box_logo_wrap1 {
    margin: 10px 0;
  }
}

@media (min-width: 321px) and (max-width: 375px) {
  .box_logo_wrap1 {
    margin: 10px 0;
  }
}

@media (min-width: 376px) and (max-width: 677px) {
  .box_logo_wrap1 {
    margin: 5px 0;
  }
}

/* [project]/src/assets/style/Faq.css [app-client] (css) */
.faq-toggle {
  display: none;
}

.faq-arrow {
  transition: transform .3s;
}

.faq-toggle:checked + .parent-que .faq-arrow {
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  padding: 0;
  transition: max-height .3s;
  overflow: hidden;
}

.faq-toggle:checked ~ .faq-answer {
  max-height: 200px;
  padding: 0 12px 15px;
}

.parent-seven .faq-answer .answer_new {
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.head {
  font-family: var(--bs-body-font-family);
  font-size: 16px;
  font-weight: 500;
  color: #ffffe7 !important;
}

.head-main {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  font-family: var(--bs-body-font-family);
  letter-spacing: .1px;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  padding-bottom: 20px;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.25;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.parent-faq {
  margin: 0;
}

.parent_main_seven {
  background-color: #0e0e0e;
  padding: 35px 20px;
}

.parent-seven {
  color: #fff;
  font-family: var(--bs-body-font-family);
  border-bottom: 1px solid #525252c7;
}

.parent-que {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 15px 16px 15px 0;
  display: flex;
}

.parent-ans {
  font: 1 bold;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 30px;
}

.parent-ans svg {
  fill: currentColor;
}

.parent-ans-1 svg {
  font: 1 bold;
  color: #74767e;
  font-size: 20px !important;
}

.question-title {
  margin: 0;
  font-size: 25px;
  font-weight: 600;
}

.answer_new {
  color: #b2b2b2;
  margin: 0 0;
  padding: 0 15px 15px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.featured-title-new-faq-second {
  color: #fff;
  cursor: pointer;
  width: 100%;
  padding: 0;
  font-weight: 700;
  line-height: .8;
  text-align: left !important;
  font-size: 40px !important;
  line-height: 2.5rem !important;
}

@media only screen and (min-width: 320px) {
  .question-title {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 375px) {
  .question-title {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 425px) {
  .question-title {
    font-size: 1rem;
  }

  .head-main {
    padding-bottom: 5px;
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) {
  .question-title {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 1024px) {
  .question-title {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 1440px) {
  .question-title {
    font-size: 25px;
  }
}

@media (min-width: 2160px) and (max-width: 3840px) {
  .head {
    font-size: 1.6rem;
    font-weight: 500;
  }

  .question-title {
    font-size: 25px;
  }
}

@media (max-width: 500px) {
  .faq-toggle:checked ~ .faq-answer {
    max-height: 300px;
  }
}

@media (min-width: 1px) and (max-width: 425px) {
  .answer_new {
    margin: 0 0;
    padding: 0 15px 15px 0;
    font-size: 14px;
    overflow: auto;
  }

  .parent_main_seven {
    padding: 15px 16px;
  }

  .featured-title-new-faq-second {
    width: 90%;
    font-size: 30px !important;
    line-height: 1 !important;
  }
}

/* [project]/src/assets/style/Footer.css [app-client] (css) */
.mainDiv {
  background-color: #000;
  padding: 3% 20px;
}

.footerCol {
  color: #fff;
  padding: 0 20px !important;
}

.footerLogo {
  width: 50px;
  height: 50px;
  margin-bottom: 13px;
}

.footerTitleAbout {
  text-transform: uppercase;
  margin: 0;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 500;
}

.footerTitle {
  margin: 0;
  padding: 6px 0;
  font-size: 16px;
  font-weight: 500;
}

.footer-knowledge-center-title {
  color: inherit;
  text-decoration: none;
}

.linkSection {
  color: #b2b2b2;
  text-transform: capitalize;
  cursor: pointer;
  font-size: 13px;
  line-height: 36px;
  text-decoration: none;
}

.linkSection:hover, .linkSection:hover .footer-blog-title, .linkSection:hover p, .footer-knowledge-center-title:hover {
  background-image: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.footer-blog-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.footer-blog-div {
  margin-bottom: 10px;
}

.footer-cinematic {
  margin-top: clamp(40px, 5vw, 72px);
}

.footer-bottom-brand {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 50px;
  display: flex;
  overflow: hidden;
}

.footer-bottom-brand-logo {
  aspect-ratio: 325 / 40;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.shareIcon {
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(6px, 1vw, 10px);
  margin-left: auto;
  padding-top: 0;
  display: flex;
}

.icon {
  cursor: pointer;
  padding: 0;
  display: block;
}

.footer-icon-link {
  justify-content: center;
  align-items: center;
  line-height: 0;
  text-decoration: none;
  transition: transform .25s, opacity .25s;
  display: inline-flex;
}

.footer-icon-link:hover {
  opacity: .85;
  transform: scale(1.08);
}

.footer-icon-link img {
  width: clamp(18px, 2vw, 22px);
  height: clamp(18px, 2vw, 22px);
  display: block;
}

@media (min-width: 0) and (max-width: 767.98px) {
  .mainDiv {
    padding: 3% 16px;
  }

  .footer-cinematic {
    margin-top: 32px;
  }

  .footer-cinematic .shareIcon {
    margin-top: 16px;
  }

  .footer-icon-link img {
    width: 20px;
    height: 20px;
  }
}

.footer-cinematic .shareIcon {
  margin-top: clamp(14px, 2vw, 24px);
}

/* [project]/src/assets/style/FullProjectCard.css [app-client] (css) */
.my-full-profile {
  color: #fff;
  background: #161616;
  width: 100%;
}

.main-profile {
  align-items: stretch;
  width: 100%;
  height: 71vh;
  padding: 20px;
  display: flex;
}

.main-profile-custom {
  align-items: stretch;
  width: 100%;
  height: 71vh;
  padding: 0 20px 34px;
  display: flex;
}

.gradinet-new {
  background: linear-gradient(#0000 0%, #000c 100%);
}

.right-profile-main-inner-ads {
  flex: 1;
  min-height: 0;
  padding-top: 0;
  overflow-y: auto;
}

.right-profile-main--home-blog {
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.right-profile-main--home-blog .home-blog-collection-title {
  flex-shrink: 0;
  margin-top: 0;
}

.right-profile-main--home-blog .right-profile-main-inner-ads {
  justify-content: initial;
  -webkit-overflow-scrolling: touch;
  flex: auto;
  min-height: 0;
  max-height: none;
  display: block;
  overflow: hidden auto;
}

.right-profile-main--home-blog .right-profile-main-inner-ads::-webkit-scrollbar {
  width: 4px;
}

.right-profile-main--home-blog .right-profile-main-inner-ads::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 4px;
}

.right-profile-main--home-blog .home-blog-mini-player {
  z-index: 2;
  flex: none;
  gap: 6px;
  max-width: 100%;
  min-height: 0;
  margin: 8px 0 0 20px;
  padding-bottom: 0;
  width: auto !important;
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}

.right-profile-main--home-blog > .shuffle-player-bar-2 {
  flex-shrink: 0;
}

.home-blog-mini-player {
  flex-direction: column;
  flex: none;
  gap: 8px;
  width: auto;
  min-width: 0;
  min-height: 0;
  margin: 6px 12px 0 20px;
  display: flex;
  position: relative;
  bottom: auto;
}

.home-blog-mini-player__now-playing {
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.home-blog-mini-player__stage {
  aspect-ratio: 16 / 9;
  background: none;
  border-radius: 14px;
  flex: none;
  width: 180px;
  height: 100px;
  position: relative;
  overflow: hidden;
}

.home-blog-mini-player__meta {
  flex-direction: column;
  flex: auto;
  gap: 4px;
  min-width: 0;
  padding-top: 2px;
  display: flex;
}

.home-blog-mini-player__title {
  color: #fff;
  -webkit-line-clamp: 2;
  word-break: break-word;
  -webkit-box-orient: vertical;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.home-blog-mini-player__description {
  color: #a7a7a7;
  -webkit-line-clamp: 3;
  word-break: break-word;
  -webkit-box-orient: vertical;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.home-blog-mini-player__poster, .home-blog-mini-player__poster--blur {
  transition: filter .2s, opacity .2s;
  transform: scale(1.2);
  -o-object-fit: cover !important;
  object-fit: cover !important;
  filter: blur(75px) brightness(.65) !important;
  opacity: .75 !important;
}

.home-blog-mini-player__poster-fallback {
  background: #111;
  position: absolute;
  inset: 0;
}

.home-blog-mini-player__audio {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.home-blog-mini-player__waveform-filter {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}

.home-blog-mini-player__video {
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
  pointer-events: none;
  filter: url("#home-blog-waveform-key");
  width: 100%;
  height: 100%;
  padding: 8% 12%;
  transition: opacity .2s;
  position: absolute;
  inset: 0;
  background: none !important;
}

.home-blog-mini-player__bar {
  flex-shrink: 0;
  -moz-column-gap: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  column-gap: 0 !important;
  padding: 4px 0 0 !important;
}

.home-blog-mini-player__bar .shuffle-controls {
  flex-wrap: nowrap;
  justify-content: start;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding-left: 0 !important;
}

.home-blog-mini-player__ctrl {
  appearance: none;
  cursor: pointer;
  color: #fff;
  background: none;
  border: 0;
  border-radius: 6px;
  margin: 0;
  padding: 4px;
  line-height: 0;
  transition: color .15s, transform .12s, opacity .15s;
  position: relative;
}

.home-blog-mini-player__ctrl .shuffle-icon, .home-blog-mini-player__ctrl svg {
  opacity: .9;
  pointer-events: none;
  width: 1em;
  height: 1em;
  color: inherit;
  font-size: 20px;
  fill: currentColor !important;
}

.home-blog-mini-player__ctrl.is-active, .home-blog-mini-player__ctrl.is-active .shuffle-icon, .home-blog-mini-player__ctrl.is-active svg, .home-blog-mini-player__ctrl:hover:not(:disabled):not(.is-disabled), .home-blog-mini-player__ctrl:hover:not(:disabled):not(.is-disabled) .shuffle-icon, .home-blog-mini-player__ctrl:hover:not(:disabled):not(.is-disabled) svg {
  opacity: 1;
  color: var(--global-color-main-1, var(--primary-color, #e6b91f)) !important;
}

.home-blog-mini-player__ctrl:active:not(:disabled):not(.is-disabled) {
  transform: scale(.9);
}

.home-blog-mini-player__ctrl:disabled, .home-blog-mini-player__ctrl.is-disabled {
  opacity: .35;
  cursor: default;
  pointer-events: none;
}

.home-blog-mini-player__repeat-badge {
  text-align: center;
  color: #fff;
  pointer-events: none;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color, #e6b91f)), var(--global-color-main-2, var(--primary-color, #e6b91f)));
  border-radius: 50%;
  width: 14px;
  height: 14px;
  font-size: 9px;
  font-weight: 700;
  line-height: 14px;
  position: absolute;
  top: -2px;
  right: -2px;
}

.home-blog-mini-player__skip:hover:not(:disabled):not(.is-disabled) .shuffle-icon, .home-blog-mini-player__skip:hover:not(:disabled):not(.is-disabled) svg {
  color: var(--global-color-main-1, var(--primary-color, #e6b91f)) !important;
}

.home-blog-mini-player__skip:active:not(:disabled):not(.is-disabled) {
  transform: scale(.86);
}

.home-blog-mini-player__play-btn {
  appearance: none;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  transition: transform .12s, filter .15s;
  display: flex;
  background-color: var(--primary-color, #e6b91f) !important;
  border: 2px solid #000 !important;
}

.home-blog-mini-player__play-btn:hover {
  filter: brightness(1.08);
  transform: scale(1.05);
}

.home-blog-mini-player__play-btn:active {
  transform: scale(.94);
}

.home-blog-mini-player__bar .volume-control {
  align-items: center;
  gap: 10px;
}

.home-blog-mini-player__bar .volume-slider {
  cursor: pointer;
  background-color: #ffffff4d;
  border-radius: 2px;
  align-items: stretch;
  display: block;
  position: relative;
  width: 60px !important;
  height: 4px !important;
}

.home-blog-mini-player__bar .volume-fill {
  background-color: var(--primary-color, #e6b91f);
  width: auto;
  height: 100% !important;
}

.right-profile-main-inner-ads::-webkit-scrollbar {
  width: 4px;
}

.right-profile-main-inner-ads::-webkit-scrollbar-track {
  background-color: #333;
}

.up_text {
  text-align: left;
  cursor: pointer;
  width: fit-content;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 600;
  display: block;
  color: #fff !important;
}

.hover-yellow:hover {
  background-image: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.hover-label-show-2 {
  position: relative;
}

.hover-label-show-inner-2 {
  white-space: nowrap;
  z-index: 10;
  background: #000;
  border-radius: 4px;
  padding: 8px;
  display: none;
  position: absolute;
}

.hover-label-show-2:hover .hover-label-show-inner-2 {
  display: block;
}

.image_player_wrap-2 {
  cursor: pointer;
  padding: 5px 0;
  display: flex;
}

:is(.right-profile-main-inner-ads .image_player_wrap-di-active-shuffle:has(.action-item:hover), .right-profile-main-inner-ads .image_player_wrap-di-active-shuffle:has(.action-item-main:hover)) {
  overflow: visible !important;
}

.right-profile-main .action-bar .action-item .action-item-hover, .right-profile-main .action-bar .action-item-main .action-item-hover {
  bottom: calc(100% + 4px);
  left: 0;
  top: auto !important;
  right: auto !important;
}

.right_full_card {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px 0 15px 15px;
  width: 200px;
  height: 112px;
}

.right_full_card:hover {
  filter: brightness(80%);
  transition: all .3s;
}

.right-profile-main-inner-ads .image_player_wrap-di-active, .right-profile-main-inner-ads .image_player_wrap-di-active-shuffle {
  align-items: stretch !important;
}

.right-profile-main-inner-ads .image_player_wrap-di-active > .position-relative, .right-profile-main-inner-ads .image_player_wrap-di-active-shuffle > .position-relative {
  border-radius: 15px 0 15px 15px;
  flex: none;
  align-self: stretch;
  min-height: 0;
  overflow: hidden;
  position: relative !important;
}

.right-profile-main-inner-ads .right_full_card {
  -o-object-fit: content !important;
  object-fit: content !important;
  border-radius: 15px 0 15px 15px !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

@media (max-width: 1919px) and (min-width: 1440px) {
  .right-profile-main-inner-ads .right_full_card {
    -o-object-fit: cover !important;
    object-fit: cover !important;
    width: 140px !important;
    height: 85px !important;
  }
}

@media (max-width: 1919px) {
  .right-profile-main-inner-ads .image_player_wrap-di-active > .position-relative, .right-profile-main-inner-ads .image_player_wrap-di-active-shuffle > .position-relative {
    flex: 0 0 140px;
  }

  .right-profile-main-inner-ads .streaming_subtitle_section, .right-profile-main-inner-ads .streaming_subtitle_section.clamp-3, .right-profile-main-inner-ads .streaming_subtitle_section p, .right-profile-main-inner-ads .streaming_subtitle_section .clamp-3, .right-profile-main-inner-ads .text-video-player-main .clamp-3 {
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
    overflow: hidden !important;
  }
}

@media (min-width: 1920px) {
  .right-profile-main-inner-ads .image_player_wrap-di-active > .position-relative, .right-profile-main-inner-ads .image_player_wrap-di-active-shuffle > .position-relative {
    flex: 0 0 200px;
    width: 200px;
    max-width: 200px;
  }
}

@media (max-width: 1439px) {
  .main-profile .homepage-hero-sidebar-slot {
    display: none;
  }

  .main-profile .right-profile-main.desktop-only {
    display: none !important;
  }

  .my-full-profile .main-profile > .discover-music-section-main-div {
    width: 100%;
    min-width: 0;
  }

  .my-full-profile {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
  }

  .main-profile.main-profile--industry-showcase {
    box-sizing: border-box;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0;
    display: flex;
    overflow-x: hidden;
  }

  .main-profile.main-profile--industry-showcase .homepage-showcase-left, .main-profile.main-profile--industry-showcase .homepage-industry-ads-collection, .main-profile.main-profile--industry-showcase .homepage-industry-ads-collection .top_worked_thumbnail, .main-profile.main-profile--industry-showcase .homepage-industry-ads-collection .bg-dark-theme, .main-profile.main-profile--industry-showcase .homepage-industry-ads-collection .top-project-showcase-mode {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .main-profile.main-profile--industry-showcase .top-project-showcase-mode .collection-padding {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

  .main-profile.main-profile--industry-showcase .carousel-wrapper-1 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .main-profile.main-profile--industry-showcase .swiper-container-new {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: auto hidden;
    display: block !important;
  }

  .main-profile.main-profile--industry-showcase .swiper-wrapper-new {
    flex-wrap: nowrap;
    flex-shrink: 0;
    max-width: none;
    display: flex;
    width: max-content !important;
    overflow: visible !important;
  }

  .main-profile.main-profile--industry-showcase .advanced-sidebar-tags-2, .main-profile.main-profile--industry-showcase .collection-tabs-below, .main-profile.main-profile--industry-showcase .top-project-archive-tabs-wrap {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-right: 0;
    padding-right: 0;
    overflow-x: auto;
  }

  .main-profile.main-profile--industry-showcase .homepage-showcase-promo-wrap, .main-profile.main-profile--industry-showcase .homepage-showcase-promo-card {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .main-profile.main-profile--industry-showcase {
    padding-top: 52px;
  }

  .main-profile.main-profile--industry-showcase .top-project-showcase-mode .collection-padding, .homepage-industry-ads-collection--compact .homepage-showcase-heading.collection-padding, .main-profile.main-profile--industry-showcase .homepage-showcase-promo-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .main-profile.main-profile--industry-showcase .swiper-slide-new-8 {
    box-sizing: border-box;
    flex: 0 0 268px;
    width: 268px;
    max-width: 268px;
    margin-right: 12px;
  }

  .main-profile.main-profile--industry-showcase .featured-posts-img-collection-project {
    max-width: 268px;
    width: 268px !important;
    height: 151px !important;
  }

  .main-profile.main-profile--industry-showcase .width-project-text {
    max-width: 268px;
    width: 268px !important;
  }

  .main-profile.main-profile--industry-showcase .video_player_project {
    width: 268px;
    height: 150px;
  }

  .main-profile.main-profile--industry-showcase .blank-mobile-space {
    flex: 0 0 0;
    width: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  .main-profile.main-profile--industry-showcase .homepage-showcase-promo-card {
    border-radius: 12px;
    min-height: 100px;
    padding: 16px 14px;
  }

  .main-profile.main-profile--industry-showcase .homepage-showcase-promo-card__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.1;
  }

  .main-profile.main-profile--industry-showcase .homepage-showcase-promo-card__body {
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (min-width: 0) and (max-width: 320px) {
  .main-profile.main-profile--industry-showcase .swiper-slide-new-8 {
    flex-basis: 255px;
    width: 255px;
    max-width: 255px;
  }

  .main-profile.main-profile--industry-showcase .featured-posts-img-collection-project, .main-profile.main-profile--industry-showcase .width-project-text {
    max-width: 255px;
    width: 255px !important;
  }

  .main-profile.main-profile--industry-showcase .featured-posts-img-collection-project {
    height: 143px !important;
  }
}

@media (min-width: 376px) and (max-width: 425px) {
  .main-profile.main-profile--industry-showcase .swiper-slide-new-8 {
    flex-basis: 280px;
    width: 280px;
    max-width: 280px;
  }

  .main-profile.main-profile--industry-showcase .featured-posts-img-collection-project, .main-profile.main-profile--industry-showcase .width-project-text {
    max-width: 280px;
    width: 280px !important;
  }

  .main-profile.main-profile--industry-showcase .featured-posts-img-collection-project {
    height: 158px !important;
  }
}

@media (min-width: 1440px) {
  .main-profile .homepage-hero-sidebar-slot {
    flex-direction: column;
    flex-shrink: 0;
    align-self: stretch;
    width: 34%;
    height: 100%;
    min-height: 0;
    display: flex;
  }

  .main-profile .right-profile-main.desktop-only {
    flex-shrink: 0;
    width: 34%;
    min-height: 0;
    display: flex;
  }

  .main-profile .homepage-hero-sidebar-slot .right-profile-main.desktop-only {
    flex: auto;
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  .main-profile .homepage-hero-sidebar-slot .right-profile-main--home-blog.desktop-only {
    height: 100%;
  }

  .main-profile.main-profile--industry-showcase {
    align-items: stretch;
    gap: 0;
    height: 71vh;
    min-height: 510px;
    max-height: 71vh;
    display: flex;
    overflow: hidden;
  }

  .main-profile.main-profile--industry-showcase .homepage-showcase-left {
    flex-direction: column;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    height: 100%;
    max-height: 100%;
    display: flex;
    overflow: hidden;
  }

  .main-profile.main-profile--industry-showcase .homepage-industry-ads-collection {
    flex-direction: column;
    flex: auto;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    display: flex;
    overflow: hidden;
  }

  .main-profile.main-profile--industry-showcase .homepage-industry-ads-collection .top_worked_thumbnail, .main-profile.main-profile--industry-showcase .homepage-industry-ads-collection .bg-dark-theme, .main-profile.main-profile--industry-showcase .homepage-industry-ads-collection .top-project-showcase-mode {
    flex-direction: column;
    flex: none;
    max-width: 100%;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .main-profile.main-profile--industry-showcase .top-project-showcase-mode .collection-padding {
    max-width: 100%;
    overflow: hidden;
  }

  .main-profile.main-profile--industry-showcase .carousel-wrapper-1, .main-profile.main-profile--industry-showcase .swiper-container-new {
    max-width: 100%;
  }

  .main-profile.main-profile--industry-showcase .homepage-showcase-promo-wrap {
    flex-direction: column;
    flex: auto;
    min-height: 120px;
    margin-top: 12px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    overflow: hidden;
  }

  .main-profile.main-profile--industry-showcase .homepage-showcase-promo-card {
    flex: auto;
    height: 100%;
    min-height: 0;
  }

  .main-profile.main-profile--industry-showcase .featured-posts-img-collection-project {
    border-radius: 12px;
    width: 240px;
    height: 135px;
  }

  .main-profile.main-profile--industry-showcase .width-project-text {
    width: 240px;
  }

  .main-profile.main-profile--industry-showcase .swiper-slide-new-8 {
    flex: none;
    width: auto;
  }
}

@media (min-width: 1920px) and (max-width: 2560px) {
  .main-profile.main-profile--industry-showcase .featured-posts-img-collection-project {
    width: 260px;
    height: 146px;
  }

  .main-profile.main-profile--industry-showcase .width-project-text {
    width: 260px;
  }
}

@media (min-width: 769px) and (max-width: 1439px) {
  .my-full-profile .main-profile {
    height: auto;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .my-full-profile .floating-play-btn {
    min-width: max-content;
  }
}

@media (max-width: 1439px) {
  .my-full-profile .main-profile {
    flex-wrap: wrap;
  }

  .my-full-profile .main-profile .homepage-hero-sidebar-slot {
    width: 100%;
    min-width: 0;
    margin-bottom: 16px;
    display: block;
    flex: 0 0 100% !important;
  }

  .my-full-profile .homepage-hero-sidebar-slot .right-profile-main.desktop-only {
    width: 100%;
    height: auto;
    overflow: visible;
    display: flex !important;
  }

  .my-full-profile .homepage-hero-sidebar-slot .right-profile-main-inner-ads {
    max-height: none;
    overflow: visible;
  }
}

@media (max-width: 768px) {
  .my-full-profile .homepage-hero-sidebar-slot .right-profile-main-inner-ads, .my-full-profile .homepage-hero-sidebar-slot .home-blog-mini-player {
    padding-right: 16px;
  }

  .my-full-profile .homepage-hero-sidebar-slot .streaming_title .clamp-1 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}

@media (max-width: 425px) {
  .my-full-profile .homepage-hero-sidebar-slot .right-profile-main-inner-ads {
    -webkit-overflow-scrolling: touch;
    max-height: 300px;
    overflow: hidden auto;
  }
}

@media (max-width: 374px) {
  .my-full-profile .featured-posts-img-collection {
    width: min(334px, 100vw - 44px);
    height: auto;
  }

  .my-full-profile .homepage-hero-sidebar-slot .image_player_wrap-di-active-shuffle > .position-relative {
    flex: 0 0 104px;
  }

  .my-full-profile .homepage-hero-sidebar-slot .current-active {
    padding-left: 0 !important;
  }

  .my-full-profile .homepage-hero-sidebar-slot .home-blog-mini-player__bar .shuffle-controls {
    gap: 6px;
  }

  .my-full-profile .homepage-hero-sidebar-slot .home-blog-mini-player__bar .volume-slider {
    width: 44px !important;
  }
}

.homepage-showcase-left {
  width: 100%;
  height: auto;
}

.homepage-showcase-hero-search {
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  overflow: hidden !important;
}

.homepage-showcase-heading {
  padding-top: 4px;
  padding-bottom: 10px;
}

.homepage-showcase-heading__label {
  color: #a7a7a7;
  letter-spacing: .01em;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.top-project-showcase-mode .collection-padding {
  padding-top: 0;
}

.top-project-showcase-mode .collection-tabs-below {
  margin-top: 12px;
}

.top-project-showcase-mode .advanced-sidebar-tag-revert {
  color: #e0e0e0;
  white-space: nowrap;
  background: #252525;
  border-radius: 8px;
  align-items: center;
  padding: 6px 12px;
  font-size: .85rem;
  display: inline-flex;
}

.homepage-industry-ads-collection--compact .homepage-showcase-heading.collection-padding {
  padding-left: 20px;
  padding-right: 20px;
}

.homepage-showcase-promo-wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding-top: 12px;
}

.homepage-showcase-promo-card {
  box-sizing: border-box;
  background: #9a9a9a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  min-height: 120px;
  padding: 30px 60px;
  display: flex;
  container: showcase-promo / inline-size;
}

.homepage-showcase-promo-card__title {
  color: #fff;
  letter-spacing: -.01em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  max-width: 100%;
  font-size: 70px;
  font-weight: 400;
  line-height: 1.05;
}

.homepage-showcase-promo-card__body {
  color: #fff;
  opacity: 1;
  overflow-wrap: break-word;
  max-width: 100%;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

@container showcase-promo (max-width: 900px) {
  .homepage-showcase-promo-card__title {
    font-size: clamp(36px, 7cqi, 56px);
  }

  .homepage-showcase-promo-card__body {
    font-size: clamp(15px, 2.4cqi, 18px);
  }
}

@container showcase-promo (max-width: 640px) {
  .homepage-showcase-promo-card__title {
    font-size: clamp(26px, 8cqi, 40px);
    line-height: 1.08;
  }

  .homepage-showcase-promo-card__body {
    font-size: clamp(14px, 2.8cqi, 16px);
  }
}

@container showcase-promo (max-width: 420px) {
  .homepage-showcase-promo-card__title {
    font-size: clamp(22px, 9cqi, 28px);
  }

  .homepage-showcase-promo-card__body {
    font-size: 14px;
  }
}

@media (max-width: 1919px) and (min-width: 1440px) {
  .homepage-showcase-promo-card__title {
    font-size: clamp(40px, 3.6vw, 56px);
  }

  .homepage-showcase-promo-card__body {
    font-size: clamp(16px, 1.1vw, 18px);
  }
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .homepage-showcase-promo-card {
    padding: 22px 24px;
  }

  .homepage-showcase-promo-card__title {
    font-size: clamp(32px, 3.2vw, 48px);
  }

  .homepage-showcase-promo-card__body {
    font-size: clamp(15px, 1.2vw, 17px);
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .homepage-showcase-promo-card {
    min-height: 110px;
    padding: 20px 22px;
  }

  .homepage-showcase-promo-card__title {
    font-size: clamp(28px, 4vw, 40px);
  }

  .homepage-showcase-promo-card__body {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .homepage-showcase-promo-wrap {
    padding-top: 10px;
  }

  .homepage-showcase-promo-card {
    border-radius: 12px;
    gap: 8px;
    min-height: 100px;
    padding: 18px 16px;
  }

  .homepage-showcase-promo-card__title {
    font-size: clamp(22px, 6.5vw, 28px);
    font-weight: 500;
    line-height: 1.1;
  }

  .homepage-showcase-promo-card__body {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
  }
}

@media (max-width: 425px) {
  .homepage-showcase-promo-card {
    padding: 16px 14px;
  }

  .homepage-showcase-promo-card__title {
    font-size: 22px;
  }

  .homepage-showcase-promo-card__body {
    font-size: 13px;
  }
}

.bookmark_add {
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.text-video-player-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 0;
  display: flex;
}

.text-video-player-main > div {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  display: flex;
}

.text-video-player-main .action-bar {
  margin-top: 0;
}

.text-video-player-main .streaming_subtitle_section {
  margin: 0;
  padding: 0;
}

.text-video-player-main .streaming_title {
  margin: 0;
}

.streaming_title {
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
  display: flex;
}

.edit-three-dot {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.edit_share_project {
  z-index: 10;
  background: #202020;
  border-radius: 8px;
  min-width: 120px;
  padding: 8px;
  position: absolute;
  top: 25px;
  right: 0;
}

.edit_share_project div {
  cursor: pointer;
  color: #fff;
  align-items: center;
  padding: 8px;
  display: flex;
}

.edit_share_project div:hover {
  background: #363636;
  border-radius: 4px;
}

.action-item-main {
  cursor: pointer;
  align-items: center;
  gap: 4px;
  display: flex;
  position: relative;
}

.action-item-main .count {
  color: #666;
  font-size: 12px;
}

.action-item-hover {
  color: #fff;
  -webkit-text-fill-color: #fff;
  white-space: nowrap;
  background: #000;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  display: none;
  position: absolute;
  bottom: -30px;
  left: 0;
}

.action-item-main:hover .action-item-hover {
  height: fit-content;
  display: block;
}

.like-collection {
  color: #666;
  font-size: 20px;
}

.share-icon {
  color: #666;
  cursor: pointer;
  font-size: 20px;
}

.share-icon:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  fill: currentColor;
  -webkit-text-fill-color: currentColor;
}

.clamp-1 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.clamp-3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.fps-desktop {
  display: block;
}

.fps-mobile {
  display: none;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  .fps-desktop {
    display: none !important;
  }

  .fps-mobile {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .main-profile {
    flex-wrap: wrap;
    height: auto;
    padding: 0;
  }

  .my-full-profile {
    padding: 0;
  }
}

@keyframes fpsKeletonPulse {
  0% {
    background-color: #252525;
  }

  100% {
    background-color: #313030;
  }
}

/* [project]/src/assets/style/HeroCampaignTwo.css [app-client] (css) */
.hero-campaign-two-html-wrap {
  width: 100%;
}

.hero-campaign-two-iframe {
  border: 0;
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  height: 167px;
  margin-bottom: 10px;
  display: block;
  overflow: hidden;
}

.banner-2-logo {
  border: 1px solid #2b2b2b;
  border-radius: 10px;
  padding: 0;
}

.company-banner {
  width: 100%;
}

.round-logo-bannner {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
}

.company-banner-num {
  font-size: 50px;
  font-weight: 600;
  position: absolute;
  right: 30%;
}

.buy-company-btn {
  color: #fff;
  cursor: pointer;
  background-color: #2e2e2e;
  border-radius: 5px;
  width: fit-content;
  height: fit-content;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.buy-company-btn:hover {
  color: #fff;
  background-color: #3e3e3e;
}

.color-gray {
  color: #666;
}

/* [project]/src/assets/style/HeroSearchSection.css [app-client] (css) */
.campaign-hero-section {
  background: url("https://your-image-url-here.jpg") center / cover no-repeat;
  justify-content: center;
  width: 100%;
  padding: 120px 0 20px;
  position: relative;
}

.archive-hero-stack {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.archive-hero-stack.campaign-hero-section {
  background: none;
}

.archive-page-hero-media {
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
}

.archive-page-hero-media--mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .archive-page-hero-media--desktop {
    display: none !important;
  }

  .archive-page-hero-media--mobile {
    display: block !important;
  }
}

.archive-page-hero-overlay {
  z-index: 1;
  background: #00000047;
  inset: 0;
}

.archive-page-hero-copy, .archive-hero-controls {
  z-index: 2;
  position: relative;
}

.archive-hero-advertising-mobile, .archive-hero-subtitle-long {
  display: none;
}

.archive-hero-serif {
  margin-left: 12px;
  font-family: Instrument Serif, serif;
  font-style: italic;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .archive-hero-stack.campaign-hero-section {
    min-height: min(72vh, 520px);
    padding-bottom: 16px;
  }

  .archive-hero-advertising-desktop, .archive-hero-subtitle-long {
    display: none;
  }

  .archive-hero-advertising-mobile {
    display: inline;
  }
}

@media screen and (min-width: 769px) {
  .archive-hero-advertising-mobile {
    display: none;
  }

  .archive-hero-advertising-desktop, .archive-hero-subtitle-long {
    display: inline;
  }
}

.campaign-hero-section:before {
  content: "";
  z-index: -1;
  background-size: cover;
  position: absolute;
  inset: 0;
}

@media screen and (min-width: 0) and (max-width: 768px) {
  .padding-mobile {
    padding: 60px 23px 20px !important;
  }

  .campaign-hero-section {
    padding: 40px 23px 20px;
  }
}

.campaign-hero-section > .container {
  z-index: 2;
  position: relative;
}

.campaign-home {
  width: 60%;
}

.campaign-menu-item {
  color: #fff;
  cursor: pointer;
  padding: 6px 22px 6px 14px;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}

.campaign-menu-item:after {
  content: "";
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  width: 2px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.campaign-menu-item-last {
  color: #fff;
  cursor: pointer;
  padding: 6px 22px 6px 14px;
  font-size: 14px;
  font-weight: 700;
}

.campaign-menu-item:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  text-decoration: underline;
}

.campaign-menu-item-last:hover {
  text-decoration: underline;
}

.campaign-media-category-item {
  color: #fff;
  cursor: pointer;
  padding: 6px 22px 6px 14px;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}

.campaign-media-category-item:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.campaign-media-category-item-last {
  color: #fff;
  cursor: pointer;
  padding: 6px 10px 6px 14px;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}

.campaign-media-category-item:after {
  content: "";
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  width: 2px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.ads-archive-title {
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 600;
  line-height: 1;
}

.ads-archive-sub-title {
  padding-bottom: 8px;
  font-size: 22px;
}

@media (max-width: 576px) {
  .ads-archive-sub-title {
    padding-top: 4px;
    font-size: 14px;
    line-height: 1.2;
    margin: 0 !important;
  }

  .campaign-btn-search {
    height: auto;
    padding: 12px;
  }

  .ads-archive-title {
    font-size: 35px;
    line-height: 1;
  }

  .campaign-media-category-item {
    margin-bottom: 6px;
  }
}

.declaimer_project_position_archive {
  color: #000;
  z-index: 1000;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  font-size: 12px;
  position: absolute;
  bottom: 30px;
  right: 0;
}

.custom-multiselect-width {
  flex: 1 1 0;
  min-width: 0;
}

@media (max-width: 768px) {
  .custom-multiselect-width {
    min-width: 42.5%;
    max-width: 42.5%;
  }
}

.campaign-search-bar {
  position: relative;
}

.box_search_wrap_top_home {
  margin-top: 8px;
}

.box_search_wrap-archive {
  max-height: 500px;
}

@media screen and (max-width: 768px) {
  .archive-hero-controls .box_search_wrap, .archive-hero-controls .box_search_wrap-2 {
    transition: none;
    position: static;
    top: auto;
    transform: none;
  }

  .archive-hero-controls .box_search_wrap:not(.show), .archive-hero-controls .box_search_wrap-2:not(.show) {
    display: none;
  }

  .archive-hero-controls .box_search_wrap.show, .archive-hero-controls .box_search_wrap-2.show {
    visibility: visible;
    pointer-events: auto;
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .archive-hero-stack.archive-hero-search-open {
    z-index: 50;
    overflow: visible;
  }

  .archive-hero-controls .box_search_wrap, .archive-hero-controls .box_search_wrap-2 {
    z-index: 9999;
    pointer-events: auto;
    position: absolute;
  }
}

.box_search_wrap li:first-child {
  cursor: default;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
}

.box_search_wrap li:first-child:hover {
  background: none;
}

/* [project]/src/assets/style/IndependentCreator.css [app-client] (css) */
.independent-creator-main-div {
  color: #fff;
  text-align: center;
  background-color: #000;
  height: 700px;
  padding-top: 47px;
  padding-bottom: 47px;
}

.independent-creator-heading {
  font-size: 35px;
}

.independent-creator-details {
  font-size: 14px;
}

.independent-creator-step-div {
  color: #d3d3d3;
  width: 230px;
  height: fit-content;
  margin-right: 15px;
  display: flex;
}

.independent-creator-step-main-div {
  justify-content: center;
  width: fit-content;
  margin: auto;
  padding-left: 6%;
  display: flex;
}

.independent-creator-step {
  width: 50px;
  height: 60px;
}

.independent-creator-step-text {
  text-align: left;
  width: 135px;
  height: fit-content;
  margin-top: 5.5%;
  margin-left: 5px;
  font-size: 9px;
}

.img-indie {
  width: 820px;
  height: 450px;
  margin: auto;
}

@media (min-width: 425px) and (max-width: 768px) {
  .img-indie {
    padding: 0 20px;
    width: 100% !important;
    height: 100% !important;
  }

  .independent-creator-step-main-div {
    display: inherit;
    justify-content: center;
  }

  .independent-creator-step-div {
    justify-content: center;
    padding: 20px;
  }

  .independent-creator-main-div {
    height: auto;
  }

  .independent-creator-heading {
    font-size: 25px;
  }

  .independent-creator-details {
    padding: 0% 23% 20px;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .img-indie {
    padding: 0 20px;
    width: 100% !important;
    height: 100% !important;
  }

  .independent-creator-main-div {
    height: auto;
  }

  .independent-creator-step-main-div {
    display: inherit;
    justify-content: center;
  }

  .independent-creator-step-div {
    justify-content: center;
    padding: 20px;
  }

  .independent-creator-heading {
    padding-bottom: 30px;
    font-size: 22px;
  }

  .independent-creator-details {
    display: none;
  }
}

/* [project]/src/assets/style/ProfileCarousel.css [app-client] (css) */
.full-profile-carousel-section {
  max-width: 100%;
  overflow-x: clip;
}

.full-profile-carousel-row {
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}

.ranked_caraousel {
  width: 100%;
  margin: 0;
}

.collection_main_ranked {
  width: 100%;
}

.fit-content {
  width: fit-content !important;
}

.margin-20 {
  margin-right: 20px;
}

.bookmark_add {
  z-index: 12;
  cursor: pointer;
  position: absolute;
  top: -7px;
  right: 0;
  width: 28px !important;
  height: 60px !important;
}

.sportlight-main-img-collection {
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
  border-radius: 15px 0 15px 15px;
  width: 192px;
  height: 312px;
}

.sportlight-main-name {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.sportlight-main-name div {
  line-height: 1 !important;
}

@media (max-width: 1919px) and (min-width: 1440px) {
  .sportlight-main-img-collection {
    width: 158px;
    height: 227px;
  }

  .sportlight-main-name {
    font-size: 14px;
  }
}

@media (max-width: 1439px) and (min-width: 1024px) {
  .sportlight-main-img-collection {
    width: 158px;
    height: 227px;
  }

  .sportlight-main-name {
    font-size: 14px;
  }
}

.profile-img-rating-badge {
  z-index: 2;
  pointer-events: none;
  color: #fff;
  clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
  background: #1f6fe5;
  border-radius: 15px 0 0;
  align-items: center;
  gap: 4px;
  padding: 6px 18px 6px 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}

.profile-img-rating-badge svg {
  color: #a84ce6;
  flex-shrink: 0;
  margin: 0;
}

.sportlight-main-img-collection:hover {
  filter: brightness(80%);
  transition: all .3s;
}

.sportlight-details-3 {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 10px 10px 0 0;
  display: flex;
}

.sportlight-details-3 .action-bar {
  flex-flow: row;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.sportlight-details-3 .sportlight-main-name, .sportlight-details-3 .sportlight-main-name-details {
  margin: 0;
}

.font-16px {
  font-size: 16px;
}

.fa--star-class {
  margin-right: 5px;
}

.global-yellow {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.font-20 {
  font-size: 20px;
}

.sportlight-main-name:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.sportlight-main-name-details {
  color: #858585;
  text-transform: capitalize;
  font-size: 13px;
  display: flex;
}

.featured-posts-img-round {
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.featured-posts-img-round:hover {
  filter: brightness(80%);
  transition: all .3s;
}

.main-profile-collection {
  width: 100%;
}

.pl-12px {
  padding-left: 12px;
}

@media (min-width: 0) and (max-width: 766px) {
  .music_main {
    margin: 0;
    padding: 0;
  }

  .sportlight-main-img-collection {
    width: 176px;
    height: 299px;
  }
}

.content-space-between {
  justify-content: space-between;
}

.pt-20 {
  padding-top: 20px;
}

/* [project]/src/assets/style/RankedWorkStream.css [app-client] (css) */
.music_main-ranked {
  flex-wrap: wrap;
  padding: 14px 20px;
  display: flex;
}

.music_main-ranked:has(.workstream-padding) {
  padding: 0;
}

.padding-ranked {
  padding-bottom: 0;
}

.playlist_1_arragne {
  justify-content: space-between;
  align-items: start;
  padding: 12px 0;
  display: flex;
  position: relative;
}

.arrage_rank {
  align-items: start;
  width: 100%;
  display: flex;
}

.song_title-rank {
  color: #fff;
  height: fit-content;
  padding: 10px 11px 0 12px;
  font-weight: 700;
}

.title_play {
  width: 100%;
  height: fit-content;
  padding: 0;
}

.song_title {
  color: #fff;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px !important;
}

.song_title a, .blog-ranked-card-link, .blog-ranked-card-link h3 {
  -webkit-text-fill-color: #fff;
  color: #fff !important;
}

.blog-ranked-card-link:hover h3 {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  cursor: pointer;
  -webkit-background-clip: text;
  background-clip: text;
}

.playlist_1_arragne .yellow-hover {
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.playlist_1_arragne .yellow-hover:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.playlist_1_arragne .yellow-hover:hover svg, .playlist_1_arragne .yellow-hover:hover span svg {
  fill: url("#globalColorHoverGrad") !important;
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.song_desc {
  color: #a7a7a7;
  padding: 2px 0 2px 12px;
  font-size: 12px;
}

.arrange_thunder {
  align-items: center;
  margin-right: 16px;
  display: flex;
}

.img_playlist {
  color: #0a0a0a;
  cursor: pointer;
  width: 26px;
  height: 42px;
}

.blu-thunder {
  color: #5799ef;
  cursor: pointer;
  margin-left: 5px;
  font-size: 24px;
}

.content-space-between {
  justify-content: space-between;
}

.item_width {
  width: 30%;
}

@media (min-width: 0) and (max-width: 678px) {
  .music_main-ranked {
    width: 100%;
    padding: 14px 16px;
  }

  .music_main-ranked:has(.workstream-padding) {
    padding: 0;
  }
}

@media (min-width: 1000px) and (max-width: 1440px) {
  .music_main-ranked {
    width: 100%;
    padding: 14px 20px;
  }

  .music_main-ranked:has(.workstream-padding) {
    padding: 0;
  }
}

@media (min-width: 0) and (max-width: 1024px) {
  .item_width {
    width: 100%;
  }

  .arrange_thunder {
    margin-right: 0;
  }

  .padding-ranked {
    padding-bottom: 0;
  }
}

@media (min-width: 0) and (max-width: 766px) {
  .padding-ranked {
    padding-left: 0 !important;
  }

  .playlist_1_arragne {
    width: 100%;
    padding: 12px 0;
  }

  .song_title {
    padding: 0;
  }

  .song_desc {
    padding: 2px 0;
  }
}

/* [project]/src/assets/style/SearchMain.css [app-client] (css) */
.search_design-main {
  flex: 1;
  padding: 5px;
  font-size: 14px;
  color: #595959 !important;
  background-color: #fff !important;
  border: none !important;
}

.search_design-main::placeholder {
  color: #595959 !important;
  opacity: 1 !important;
}

.search_design-main:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.search_design-main:-webkit-autofill:hover {
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.search_design-main:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.search_design-main-icon {
  color: #989898;
  cursor: pointer;
  background-color: #fff;
  border-right: .5px solid #2a282863;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 100%;
  padding: 0 10px;
  display: flex;
  position: relative;
}

.search_design-main-icon_home {
  color: #989898;
  cursor: pointer;
  background-color: #fff;
  border-right: .5px solid #2a282863;
  border-radius: 12px 0 0 12px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 100%;
  padding: 0 10px;
  display: flex;
  position: relative;
}

.search_design-main-icon:hover, .search_design-main-icon_home:hover {
  background-color: #fffffff0;
}

.all_search {
  color: #000;
  width: fit-content;
  font-size: 14px;
  font-weight: 600;
}

.all_search_drop_down {
  z-index: 999;
  transform-origin: 0 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #202020;
  width: 235px;
  max-height: 358px;
  padding: 0;
  list-style: none;
  transition: transform .3s;
  position: absolute;
  left: 0;
  transform: scale(.8);
}

.all_search_drop_down_top {
  top: 38px;
}

.all_search_drop_down_top_home {
  top: 68px;
}

.all_search_drop_down.show {
  visibility: visible;
  pointer-events: auto;
  text-align: start;
  transform: scale(1);
}

.all_search_drop_down li {
  color: #fff;
  padding: 12px 16px;
  font-size: 1rem;
  font-weight: 600;
}

.all_search_drop_down li:hover {
  background-color: #363636;
}

.all_search_drop_down li svg {
  color: #8d8a8a;
}

.all_search_drop_down li:hover svg {
  color: #fff;
}

.box_search_wrap {
  z-index: 999;
  transform-origin: 0 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #202020;
  width: 100%;
  height: fit-content;
  padding: 0;
  transition: transform .3s;
  position: absolute;
  transform: scale(.8);
}

.box_search_top {
  top: 32px;
}

.box_search_top_home {
  top: 66px;
}

.box_search_wrap li {
  color: #fff;
  cursor: pointer;
  border-top: 1px solid gray;
  padding: 12px 16px;
  font-size: 1rem;
  font-weight: 600;
  list-style: none;
}

.box_search_wrap.show {
  visibility: visible;
  pointer-events: auto;
  text-align: start;
  z-index: 111;
  transform: scale(1);
}

.box_search_wrap li:hover {
  background-color: #363636;
}

.box_search_wrap li svg {
  color: #8d8a8a;
}

.box_search_wrap li:hover svg {
  color: #fff;
}

.box_search_wrap-2 {
  z-index: 999;
  transform-origin: 0 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #202020;
  width: 100%;
  max-height: 42vh;
  padding: 0;
  transition: transform .3s;
  position: absolute;
  overflow-y: auto;
  transform: scale(.8);
}

.box_search_wrap_top {
  top: 32px;
}

.box_search_wrap_top_home {
  top: 64px;
}

.box_search_wrap-2 li {
  color: #fff;
  cursor: pointer;
  z-index: 112;
  border-top: 1px solid gray;
  padding: 15px 8px;
  font-size: 1rem;
  font-weight: 600;
  list-style: none;
  position: relative;
}

.box_search_wrap-2 li:hover svg {
  color: #fff;
}

.box_search_wrap-2.show {
  visibility: visible;
  pointer-events: auto;
  z-index: 999999999;
  transform: scale(1);
}

.box_search_wrap-2 li svg {
  color: #8d8a8a;
}

.search_home-main {
  background: #fff;
  border: none;
  border-radius: 6px;
  justify-content: center;
  height: 35px;
  margin: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.search_percetage_width .search_design-main-icon {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.search_home-main_home {
  box-sizing: border-box;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 60px;
  margin: 0;
  display: flex;
  position: relative;
}

.homepage-search-shell-layer .wrap_icon__box_main_home {
  pointer-events: none;
}

.search_percetage_width {
  z-index: 1001;
  flex-shrink: 1;
  flex-basis: 35%;
  position: relative;
  overflow: visible;
}

.search_percetage_width_home {
  box-sizing: border-box;
  z-index: 11;
  flex-shrink: 1;
  width: 100%;
  max-width: 100%;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: visible;
}

.homepage-search-live {
  width: 100%;
  margin: 0;
  padding: 0;
}

.search_image_list {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px 0 18px 18px;
  width: 150px;
  height: 90px;
}

.search_image_list_round {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  width: 67px;
  height: 67px;
}

.search_image_list_workstream {
  -o-object-fit: cover;
  object-fit: cover;
  width: 130px;
  height: 80px;
}

.search_image_collection {
  -o-object-fit: contain;
  object-fit: contain;
  width: 67px;
  height: 43px;
}

.label_sub_text {
  color: #bbb;
}

.right_icon_nav {
  justify-content: end;
  align-items: start;
  width: 24%;
  padding-right: 20px;
  display: flex;
}

.right_icon_nav span {
  padding-left: 10px;
}

.wrap_icon__box_main {
  cursor: pointer;
  border-radius: 0;
  width: 30px;
  height: 100%;
  position: absolute;
  top: 7%;
  right: 0%;
}

.wrap_icon__box_main_home {
  cursor: pointer;
  background-color: #000;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 10%;
  right: .7%;
}

.wrap_icon__box_main_home:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  color: #000;
}

.search_main_icon {
  font-size: 20px;
}

.search_main_icon_home {
  margin-top: 15px;
  font-size: 20px;
}

.section_sub {
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  font-size: 16px;
  display: flex;
}

.section_sub:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.section-service {
  color: #fff;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-top: 28px;
  display: flex;
}

.hero-mobile-category-tabs {
  display: none;
}

@media (min-width: 0) and (max-width: 768px) {
  .search_image_list_workstream {
    width: 100px;
    height: 60px;
  }

  .section-service {
    display: none !important;
  }

  .hero-mobile-category-tabs {
    z-index: 11;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 16px;
    display: flex;
    position: relative;
  }

  .hero-mobile-category-tab {
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    background: #00000073;
    border: 1px solid #fff;
    border-radius: 12px;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    display: inline-flex;
  }

  .hero-mobile-category-tab svg {
    flex-shrink: 0;
    font-size: 14px;
  }

  .hero-mobile-category-tab-icon {
    -o-object-fit: contain;
    object-fit: contain;
    flex-shrink: 0;
    width: 18px !important;
    height: 18px !important;
  }

  .hero-mobile-category-tab-icon-fallback {
    flex-shrink: 0;
    font-size: 18px;
  }

  .hero-mobile-category-tab-label {
    line-height: 1.2;
  }
}

.collection_new_list {
  color: #8d8a8a;
  width: 67px;
  height: 43px;
}

.animated-text {
  color: #9ca3af;
  font-size: 14px;
  transition: opacity .3s;
}

.animated-text.fade-in {
  opacity: 1;
}

.animated-text.fade-out {
  opacity: 0;
}

@media (min-width: 0) and (max-width: 1023px) {
  .box_search_wrap-2 {
    max-height: 52vh;
  }

  .search_image_list {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 18px 0 18px 18px;
    height: 60px;
    width: 100px !important;
  }

  .wrap_icon__box_main_home {
    right: 1.7%;
  }

  .box_search_top {
    top: 34px;
  }

  .all_search_drop_down_top {
    top: 52px;
  }

  .box_search_wrap_top {
    top: 33px;
  }

  .wrap_icon__box_main {
    top: 14%;
  }

  .search_home-main {
    background: #fff;
    border: none;
    height: 35px;
  }

  .search_home-main_home {
    border: none;
  }

  .search_percetage_width {
    flex-shrink: 1;
    flex-basis: 100%;
  }

  .search_percetage_width_home {
    flex-shrink: 1;
    flex-basis: auto;
    width: 100%;
    padding-top: 16px;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .search_percetage_width_home {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .section_sub {
    font-size: 10px;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .section_sub {
    font-size: 10px;
  }
}

@media (min-width: 1400px) and (max-width: 1800px) {
  .search_percetage_width {
    flex-shrink: 1;
    flex-basis: 35%;
  }

  .search_percetage_width_home {
    flex-shrink: 1;
    flex-basis: auto;
    width: 100%;
  }
}

/* [project]/src/assets/style/SecondComponent.css [app-client] (css) */
@keyframes slider {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.logos-slideproduct {
  animation: 400s linear infinite slider;
  display: inline-block;
}

.logos-new {
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  position: relative;
  overflow: auto;
}

.logos-new:before {
  content: "";
  z-index: 2;
  background: linear-gradient(90deg, #000, #0000);
  width: 200px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.logos-new:after {
  content: "";
  z-index: 2;
  background: linear-gradient(270deg, #000, #0000);
  width: 200px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.logos-new::-webkit-scrollbar {
  display: none;
}

.logos-new:hover .logos-slideproduct {
  animation-play-state: paused;
}

.parent-product {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.parent-product .project-card-caraousel:hover {
  transition: all .3s ease-in;
  scale: 1.1;
}

.project-card-caraousel {
  aspect-ratio: 16 / 9;
  -o-object-fit: contain;
  object-fit: contain;
  width: 160px;
  height: 90px;
}

.caraouseltexttop {
  color: #fff;
  text-align: center;
  font-family: var(--bs-body-font-family);
  font-size: inherit;
  font-weight: inherit;
  background-color: #000;
  padding: 0 23px 0;
  margin: 0 !important;
}

.parent-card-carousel {
  background-color: #000;
  padding: 0% 13.5%;
}

@media only screen and (min-width: 320px) {
  .logos-new:after, .logos-new:before {
    background: none;
  }
}

@media only screen and (min-width: 375px) {
  .logos-new:after, .logos-new:before {
    background: none;
  }
}

@media (min-width: 1px) and (max-width: 425px) {
  .logos-new:after, .logos-new:before {
    background: none;
  }

  .parent-card-carousel {
    justify-content: center;
    display: flex;
    padding: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .logos-new:after {
    z-index: 2;
    background: linear-gradient(270deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -2px;
  }

  .logos-new:before {
    z-index: 2;
    background: linear-gradient(90deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .logos-new:after {
    z-index: 2;
    background: linear-gradient(270deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .logos-new:after {
    z-index: 2;
    background: linear-gradient(270deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  .logos-new:before {
    z-index: 2;
    background: linear-gradient(90deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media only screen and (min-width: 2560px) {
  .logos-new:after {
    z-index: 2;
    background: linear-gradient(270deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -2px;
  }

  .logos-new:before {
    z-index: 2;
    background: linear-gradient(90deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 2561px) and (max-width: 3840px) {
  .parent-card-carousel {
    background-color: #000;
    justify-content: center;
    display: flex;
  }
}

@media (min-width: 1024px) and (max-width: 1140px) {
  .parent-card-carousel {
    padding: 0% 13.5% 1.5%;
  }
}

@media (min-width: 1441px) and (max-width: 2560px) {
  .parent-card-carousel {
    justify-content: center;
    display: flex;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .parent-card-carousel {
    padding: 0 6rem 1.5rem 6.2rem;
  }
}

/* [project]/src/assets/style/SubscribComponent.css [app-client] (css) */
.subscribe-component-slot {
  width: 100%;
  min-height: 360px;
}

.demo-scribe-div {
  padding-top: 35px;
}

.subscribe-form {
  width: 100%;
}

.subscribe-form-input-row {
  padding-top: 33px;
  position: relative;
}

.subscribe-form-input-row .personal-details-form-control-subscribe-btn {
  height: 42px;
}

.subscribe-form-submit {
  position: absolute;
  top: 39px;
  right: 2%;
}

.subscribe-recaptcha-row {
  justify-content: flex-start;
  margin-top: 12px;
  display: flex;
}

.subscribe-recaptcha-wrap {
  box-sizing: border-box;
  background: #000;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  width: 304px;
  height: 78px;
  line-height: 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.subscribe-recaptcha-wrap .g-recaptcha, .subscribe-recaptcha-wrap > div {
  margin: 0;
}

.subscribe-recaptcha-wrap iframe {
  filter: invert() hue-rotate(180deg);
  border: 0;
}

.subscribe-sub-title {
  color: #fff;
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 700;
}

.form-group {
  padding: 8px 0;
}

.border-radius-10 {
  border-radius: 10px;
}

.filled-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  color: #000;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
}

.filled-btn:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
}

.filled-btn:active {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  color: #000;
}

.errorMesage {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  height: 20px;
}

.iconRow {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 35px 0% 0;
  display: flex;
}

.iconSection {
  width: 251px;
  padding: 20px 0;
}

.text-carousel-main-div {
  width: 100%;
}

.text-carousel-sub-div {
  padding: 20px;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .subscribe-sub-title {
    font-size: 14px;
  }

  .iconRow {
    gap: 15px;
  }

  .iconSection {
    flex: 1;
    width: auto;
    min-width: 0;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .subscribe-sub-title {
    letter-spacing: 2px;
    padding-bottom: 35px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
  }

  .demo-scribe-div {
    padding-top: 10%;
  }

  .main-div-subscribe-1 {
    padding: 15px 12px 15px 23px;
  }
}

/* [project]/src/assets/style/TopAnnoucementBanner.css [app-client] (css) */
.top-annoucement-banner {
  color: #fff;
  z-index: 33;
  background-color: #252525;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-top: 68px;
  line-height: 1;
  display: flex;
}

.top-annoucement-banner-num {
  font-size: 50px;
  font-weight: 600;
  position: absolute;
  left: 34%;
}

.top-annoucement-banner p {
  margin: 0 !important;
  font-size: 16px !important;
}

.top-annoucement-btn {
  letter-spacing: 0;
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border: none;
  border-radius: 5px;
  margin-left: 16px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 700;
}

.top-annoucement-btn:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

@media (max-width: 1024px) {
  .top-annoucement-banner {
    margin-top: 62px;
  }
}

@media (max-width: 430px) {
  .announcement-content {
    width: 60%;
  }
}

@media (max-width: 768px) {
  .top-annoucement-banner p {
    font-size: 14px !important;
  }

  .top-annoucement-btn {
    font-size: 12px;
  }

  .top-annoucement-banner {
    margin-top: 52px;
  }
}

.w-60 {
  width: 60%;
}

/* [project]/src/assets/style/bannerAdminMarkers.css [app-client] (css) */
.blog-page-banner-3-num {
  font-size: 35px;
  font-weight: 600;
  position: absolute;
  left: 45%;
}

.blog-page-banner-6-num {
  font-size: 35px;
  font-weight: 600;
  position: absolute;
  top: 1%;
  left: 45%;
}

/* [project]/src/assets/style/bannerColumnBase.css [app-client] (css) */
.blog-page-banner-3 {
  cursor: pointer !important;
  width: 100% !important;
  height: auto !important;
}

.blog-page-banner-6 {
  cursor: pointer !important;
  width: 300px !important;
  height: auto !important;
  transition: all .3s !important;
}

.common-ban {
  padding: 0 0 24px !important;
}

.banner-section-column-2 {
  text-align: center !important;
  cursor: pointer !important;
  width: 300px !important;
  height: 100% !important;
}

@media screen and (min-width: 678px) and (max-width: 1440px) {
  .blog-page-banner-6, .banner-section-column-2 {
    width: 180px !important;
  }
}

@media screen and (max-width: 1440px) {
  .blog-listing-sidebar .banner-section-column-2 {
    width: 100% !important;
  }

  :is(.blog-listing-sidebar .blog-page-banner-6, .blog-listing-sidebar .blog-page-banner-6-num, .blog-listing-sidebar .campaign-html-banner-wrap--300x400, .blog-listing-sidebar .common-ban:has(.blog-page-banner-6), .blog-listing-sidebar .common-ban:has(.campaign-html-banner-wrap--300x400)) {
    display: none !important;
  }
}

@media screen and (min-width: 0) and (max-width: 425px) {
  .blog-page-banner-6, .banner-section-column-2 {
    width: 100% !important;
  }
}

.sponsoredtext-new {
  text-align: end !important;
  color: #7b7b7b !important;
  width: 100% !important;
  margin-top: 5px !important;
  padding-bottom: 30px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.sponsoredtext-new-white {
  text-align: end !important;
  color: #666 !important;
  cursor: pointer !important;
  width: 100% !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.sponsoredtext-new-white svg {
  color: #666 !important;
}

/* [project]/src/assets/style/commanComponentStyle/navbar.css [app-client] (css) */
.header {
  z-index: 99;
  align-content: center;
  width: 100%;
  justify-content: space-between !important;
  display: flex !important;
}

.navbar-main-div {
  z-index: 2147483647;
  width: 100%;
  position: fixed;
  top: 0;
}

.navbar-sub-div {
  z-index: 99;
  position: relative;
}

.log-img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 200px;
  height: auto;
  min-height: 44px;
  margin-right: 12.5px;
}

.log-img-compact {
  flex-shrink: 0;
  min-height: 45px;
  margin-right: 10px;
  display: block;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  width: 45px !important;
  height: 45px !important;
}

.sub-div-nav.sub-div-nav--compact {
  flex-shrink: 0;
  width: auto;
  margin-right: 10px;
}

.sub-div-nav--compact ~ .search_percetage_width {
  margin-right: 14px;
}

.navabar-blog-menu {
  z-index: 99;
  position: relative;
}

.main-div {
  z-index: 99999;
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 68px;
  padding: 0 20px;
  display: flex;
}

.front-main-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 61px;
  display: flex;
}

.nav-manu {
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.mobile_search_nav {
  background-color: #fff;
  align-items: center;
  width: 100%;
  height: 68px;
  padding: 10px;
  display: flex;
}

.nav-manu li {
  padding: 0 .8rem;
  display: flex;
}

.menu-text {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.main-active-text {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.activeOne {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu-text:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.menu-text.global-color-hover:hover {
  color: #0000;
}

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

.notification-icon-wrapper {
  display: inline-block;
  position: relative;
}

.notification-count {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #fff;
  text-align: center;
  border-radius: 50%;
  min-width: 20px;
  min-height: 20px;
  font-size: 9px;
  font-weight: 900;
  line-height: 2;
  top: 5px;
  right: -12px;
}

.notification-count-1 {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #fff;
  text-align: center;
  border-radius: 50%;
  min-width: 25px;
  min-height: 25px;
  padding: 7px 3px;
  font-size: 7px;
  font-weight: 900;
  line-height: 2;
  top: 4px;
  right: -23px;
}

.blog-menu-text {
  color: #000;
  font-size: 14px;
  text-decoration: none;
}

.blog-menu-text:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.logo {
  color: red;
  background: #fff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.d-text {
  padding: 10px 0 0 2px;
}

.hambargar {
  display: none;
}

.hambargar-icons {
  color: #fff;
}

.search_main_hambargar {
  color: #fff;
  margin: 0 10px 0 0;
  font-size: 27px;
}

.hambargar-icons-1 {
  color: #fff;
  height: 32px;
}

.text-resume {
  justify-content: end;
  row-gap: right;
  -moz-column-gap: 8px;
  align-items: center;
  column-gap: 8px;
  width: 100%;
  margin-top: 5px;
  display: flex;
}

.sign-up-btn {
  border: 1px solid;
  padding: 8px 10px;
  font-size: 14px !important;
}

.click-menu-blogs {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  padding: 0 18px;
}

.list-group-blogs-new, .list-group-blogs {
  padding: 0;
}

.blog-menu {
  cursor: pointer;
  padding: 0 8px;
  line-height: 68px;
  position: relative;
}

.blog-menu-new {
  cursor: pointer;
  flex-direction: column;
  padding: 0 8px;
  display: flex;
  position: relative;
}

.main-div-dropdown {
  background-color: #fff;
  border: 0 solid;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
}

.sub-div-dropdown {
  width: 180px;
  padding: 0;
  line-height: 40px;
}

#logout {
  z-index: 100;
  background-color: #fff;
  width: 180px;
  padding: 0;
  position: absolute;
  top: 24px;
  right: 75px;
}

.logout-model-body {
  color: #000;
  text-align: start;
  cursor: pointer;
  background: #fff;
  padding: 0;
  font-size: 14px;
  line-height: 30px;
  text-decoration: none;
}

.logout-model-div {
  margin: 10px 15px;
}

.logout-hover1:hover, .logout-hover2:hover, .logout-hover3:hover {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.logout-model-body .hr {
  margin: 0;
  padding: 0;
}

.overflowy {
  overflow-y: auto;
}

.navbar-icon-img {
  vertical-align: middle;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-bids-edit-white-cross-btn-img-slot {
  vertical-align: middle;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.profile-same-img {
  width: 50px;
  height: 50px;
}

.logout-modal-mobile {
  display: none;
}

.blog-page-banner-4 {
  text-align: center;
  box-sizing: border-box;
  z-index: 999999;
  cursor: pointer;
  width: 100%;
  height: fit-content;
  padding: 0 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.blog-page-banner-4-num {
  font-size: 50px;
  font-weight: 600;
  position: absolute;
  left: 60%;
}

.blog-page-banner-4 img {
  width: auto;
  height: 100px;
  display: block;
}

.blog-page-banner-5 {
  text-align: center;
  height: auto;
  margin: 20px 0;
}

.blog-page-banner-2 {
  width: 160px;
  padding-top: 30%;
}

@media screen and (min-width: 0) and (max-width: 430px) {
  .main-div {
    background-color: #0000;
    padding: 10px 16px 20px;
  }

  .navbar-main-div .header.bg-black .main-div, .navbar-main-div .header.bg-black {
    background-color: #000 !important;
  }

  .blog-page-banner-4 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .blog-page-banner-4 {
    box-sizing: border-box;
    background-color: #000;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 !important;
  }

  .blog-page-banner-nav {
    background-color: #000;
  }

  .blog-page-banner-4 .campaign-html-banner-wrap--970x100 {
    width: 100%;
    max-width: 100%;
  }

  .blog-page-banner-4 .campaign-html-banner-iframe--970x100 {
    width: 100%;
    max-width: 100%;
    height: 100px;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .navbar-main-div {
    width: 100%;
  }
}

@media (min-width: 770px) and (max-width: 1200px) {
  .nav-manu li {
    padding: 0 .3rem;
    display: flex;
  }
}

@media (min-width: 679px) and (max-width: 1440px) {
  .main-div {
    align-items: center;
    padding: 10px 20px 20px;
  }
}

@media screen and (max-width: 1200px) {
  .log-img {
    width: 130px;
    margin: 0;
    display: block;
  }

  .header {
    align-items: center;
    min-height: 68px;
  }

  .main-div {
    align-items: center;
    min-height: 68px;
    padding: 0 16px;
    display: flex;
  }

  .sub-div-nav {
    align-items: center;
    height: 100%;
    display: flex;
  }

  .hambargar {
    justify-content: center;
    align-items: center;
    height: 32px;
    padding: 0;
    line-height: 0;
    display: inline-flex;
  }

  .navbar-static-shell__menu-spacer.hambargar {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (min-width: 0) and (max-width: 768px) {
    .main-div {
      align-items: center;
      height: 52px;
      min-height: 52px;
      padding: 0 16px;
    }

    .header {
      min-height: 52px;
    }

    .blog-page-banner-5 {
      width: 100%;
      margin: 0;
      padding: 10px 13px;
    }
  }

  @media (min-width: 0) and (max-width: 1200px) {
    .main-div {
      align-items: center;
      min-height: 68px;
      padding: 0 16px;
    }

    .text-resume {
      align-items: center;
      padding: 0;
    }
  }

  .nav-manu {
    z-index: -3;
    background-color: #000000e6;
    flex-direction: column;
    align-items: start;
    width: 100%;
    height: 100vh;
    transition: all .3s;
    position: absolute;
    top: 68px;
    right: -100%;
  }

  .nav-manu.active {
    right: 0;
  }

  .nav-manu li a, .nav-manu li div {
    text-align: left;
    padding: 7px 7px 7px 4px;
    font-size: 14px;
  }

  .nav-manu .child-menu, .nav-manu a.menu-text, .nav-manu a.main-active-text, .nav-manu div.menu-text, .nav-manu div.main-active-text {
    align-items: center;
    display: inline-flex !important;
  }

  .nav-manu .nav-manu-item-icon {
    width: 22px;
    min-width: 22px;
    height: 18px;
    color: inherit;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    line-height: 0;
    display: inline-flex !important;
  }

  .nav-manu .nav-manu-item-icon svg {
    flex-shrink: 0;
    display: block;
    width: 18px !important;
    height: 18px !important;
  }

  .nav-manu .marketer-category {
    align-items: center;
    display: inline-flex;
  }

  .nav-manu .blog-menu-padding {
    align-items: center;
    display: inline-flex !important;
  }

  .nav-manu .blog-menu-padding .nav-manu-item-icon {
    margin-right: 12px;
  }

  .list-group-blogs-new {
    padding-left: 20px;
  }

  .list-group-blogs-new a.menu-text {
    align-items: center;
    display: inline-flex !important;
  }

  .list-group-blogs {
    padding-left: 20px;
  }
}

@media (min-width: 0) and (max-width: 768px) {
  .nav-manu.active {
    overflow-y: scroll;
  }
}

@media (min-width: 0) and (max-width: 475px) {
  .list-group-blogs-new {
    padding-left: 12px;
  }
}

@media (min-width: 476px) and (max-width: 768px) {
  .list-group-blogs-new {
    padding-left: 12px;
  }
}

@media (min-width: 0) and (max-width: 768px) {
  #logout {
    top: 49px;
    right: 26px;
  }

  .logout-modal-mobile {
    justify-content: space-between;
    width: 66px;
    display: flex;
  }

  .sub-div-nav {
    width: 86%;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .sub-div-nav {
    width: 94%;
  }
}

.parent-details {
  color: #fff;
  background: #00000091;
  border: 1px solid #242424;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0 3rem;
  display: flex;
}

.main-dropmenu {
  color: #fff !important;
  text-transform: uppercase !important;
  background-color: #0000 !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.main-dropmenu:hover {
  border-bottom: 2px solid var(--primary-color) !important;
}

.dropdown-toggle:after {
  content: none !important;
}

.custom-dropdown-menu {
  border-radius: 8px;
  box-shadow: 0 2px 10px #252525;
  background-color: #fff !important;
  border: 0 solid gray !important;
  width: fit-content !important;
  height: auto !important;
}

.custom-dropdown-menu.dropdown-menu.show {
  overflow: hidden;
}

.horizontal-container {
  flex-direction: row;
  display: flex;
}

.vertical-column {
  flex-direction: column;
  width: 246px;
  margin-right: 10px;
  padding: 10px;
  display: flex;
}

.subTitle {
  padding: 6px 0;
}

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

.subData {
  color: #74767e;
  cursor: pointer;
  padding: 6px 0;
  font-size: 16px;
  line-height: 24px;
}

.subData:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.workstream-item {
  color: #74767e;
  cursor: pointer;
  padding: 6px 0;
  font-size: 16px;
  line-height: 24px;
}

.workstream-item:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.parent-marketer-drop {
  text-align: left;
  color: #fff;
  justify-content: space-between;
  padding: 7px 5px;
  font-weight: 800;
  display: flex;
}

.marketer-category {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}

.marketer-subcategory-header {
  text-align: left;
  padding: 1px 5px 0;
  font-size: 14px;
}

.parentSubCategorylist {
  padding-left: 12px;
}

.comman-sub-nevbar-creator-menu-text-creator {
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.pr-32px {
  padding-right: 32px;
}

.content-space-between {
  justify-content: space-between;
}

.common-cursor-pointer {
  cursor: pointer;
}

.dis-none {
  display: none;
}

.protext1 {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border-radius: 5px;
  margin-left: 8px;
  padding: 1px 4px;
  font-size: 12px;
  font-weight: 400;
}

::-webkit-scrollbar-thumb {
  background: #5f5e5d;
}

@media screen and (min-width: 0) and (max-width: 430px) {
  .main-div {
    box-sizing: border-box;
    align-items: center;
    gap: 8px;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .main-div .sub-div-nav, .main-div .sub-div-nav.sub-div-nav--compact {
    flex: none;
    width: auto !important;
    margin-right: 0 !important;
  }

  .main-div .sub-div-nav--compact .log-img-compact {
    margin-right: 0 !important;
  }

  .main-div .search_percetage_width {
    z-index: 1002 !important;
    flex: 1 !important;
    min-width: 0 !important;
    max-width: calc(100% - 96px) !important;
    margin-right: 10px !important;
    overflow: visible !important;
  }

  .main-div .search_home-main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .main-div .search_design-main {
    flex: 1 !important;
    min-width: 0 !important;
  }

  .main-div .hambargar, .main-div .navbar-static-shell__menu-spacer.hambargar {
    z-index: 5;
    position: relative;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    margin-left: 0 !important;
  }
}

/* [project]/src/assets/style/customcaraosel.css [app-client] (css) */
.swiper-container-new {
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

@media (max-width: 425px) {
  .swiper-container-new {
    overflow-x: auto;
  }
}

.swiper-container-new::-webkit-scrollbar {
  background: none;
  width: 0;
  height: 0;
  display: none;
}

.carousel-wrapper-1 .swiper-container-new::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.swiper-wrapper-new {
  flex-wrap: nowrap;
  width: max-content;
  display: flex;
}

@media (min-width: 0) and (max-width: 430px) {
  .swiper-wrapper-new {
    scrollbar-width: none;
    overflow: auto;
  }
}

.swiper-slide-new {
  scroll-snap-align: start;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  width: 307px;
  margin-right: 17px;
}

.swiper-slide-new-8 {
  box-sizing: border-box;
  scroll-snap-align: start;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 17px;
}

.carousel-wrapper-1 {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.custom-caraousel-left-arrow {
  opacity: 1;
  z-index: 11111;
  width: 50px;
  height: 56px;
  transition: opacity .2s;
  color: #fff !important;
  cursor: pointer !important;
  z-index: 55 !important;
  background: none !important;
  padding: 0 !important;
  font-size: 34px !important;
  position: absolute !important;
  top: 22% !important;
  left: 0 !important;
}

.custom-caraousel-left-arrow:hover {
  opacity: .7;
}

.custom-caraousel-left-arrow-disabled {
  opacity: 0;
  width: 50px;
  height: 56px;
  position: absolute !important;
  top: 22% !important;
  left: 0 !important;
}

.custom-caraousel-right-arrow {
  opacity: 1;
  width: 50px;
  height: 56px;
  transition: opacity .2s;
  color: #fff !important;
  cursor: pointer !important;
  z-index: 55 !important;
  background: none !important;
  padding: 0 !important;
  font-size: 34px !important;
  position: absolute !important;
  top: 22% !important;
  right: -3px !important;
}

.custom-caraousel-right-arrow:hover {
  opacity: .7;
}

.custom-caraousel-right-arrow-disabled {
  opacity: 0;
  width: 50px;
  height: 56px;
  position: absolute !important;
  top: 22% !important;
}

.exclusive-video .custom-caraousel-left-arrow, .exclusive-video .custom-caraousel-left-arrow-disabled, .exclusive-video .custom-caraousel-right-arrow, .exclusive-video .custom-caraousel-right-arrow-disabled {
  top: 35% !important;
}

@media (max-width: 425px) {
  .custom-caraousel-left-arrow, .custom-caraousel-right-arrow, .custom-caraousel-left-arrow-disabled, .custom-caraousel-right-arrow-disabled {
    display: none;
  }
}

/* [project]/src/assets/style/dashboardCarousel.css [app-client] (css) */
.dashboard-carousel-main-div {
  color: #fff;
  text-align: center;
  background-color: #000;
  width: 100%;
  height: 71vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.animated-text {
  cursor: text;
  font-size: 14px;
  font-weight: 400;
  transition: opacity .3s ease-in-out;
  display: inline-block;
  color: #989898 !important;
}

.animated-text-Project {
  position: absolute;
  top: 1px;
  left: 15%;
}

.animated-text-Services, .animated-text-Profile {
  position: absolute;
  top: 1px;
  left: 16%;
}

.animated-text-Blog {
  position: absolute;
  top: 1px;
  left: 14%;
}

.animated-text-Collection {
  position: absolute;
  top: 1px;
  left: 17%;
}

.fade-in {
  opacity: 1;
}

.fade-out {
  opacity: 0;
}

.fade-in-new {
  opacity: 0;
  animation: 10s ease-in-out forwards fadeInOut;
}

@media (max-width: 430px) {
  .text-carousel-wrapper {
    text-align: center;
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.dashboard-carousel-main-div-collection {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 12px;
  flex: 1;
  display: flex;
  position: relative;
  overflow: visible;
}

.fullstack {
  font-size: 1rem;
}

.dashboard-carousel-sub-div {
  z-index: 10;
  width: 195px;
  position: absolute;
  bottom: 45px;
  right: 116px;
}

.dashboard-carousel-sub-text, .dashboard-carousel-sub-text-1 {
  z-index: 10;
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 110px;
}

.assembled-parent-main-div1 {
  position: initial;
  z-index: 10;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: clamp(16px, 4vw, 48px);
  padding-right: clamp(16px, 4vw, 48px);
  display: flex;
  position: relative;
}

#assembleCrewHome {
  height: 162px !important;
  top: 0 !important;
}

@media (min-width: 769px) {
  .text-main-home-page {
    contain: layout style;
    min-height: 9rem;
  }

  h1.text-blend.hero-title, .text-main-home-page #assembleCarousel {
    min-height: 0;
  }

  .text-main-home-page #assembleCarousel .assemble-video-div-title {
    min-height: calc(.8em + 18px);
  }

  .text-main-home-page h1.text-blend.hero-title > .assemble-video-div-title {
    min-height: .8em;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .text-main-home-page .search_percetage_width_home {
    margin-top: 0;
    padding-top: 16px;
  }
}

@media (min-width: 769px) and (max-width: 1919px) {
  .text-main-home-page h1.text-blend.hero-title > .assemble-video-div-title {
    min-height: .8em;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .text-main-home-page .search_percetage_width_home {
    margin-top: 0;
    padding-top: 16px;
  }
}

.text-main-home-page {
  contain: layout style;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

h1.text-blend.hero-title {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

.hero-accent-instrument {
  font-family: var(--font-instrument-serif), "Instrument Serif", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
}

.hero-title .hero-marketing-title-line {
  letter-spacing: 0;
  line-height: 1.1 !important;
}

.hero-title .hero-marketing-title-word {
  margin-right: 5px;
  font-style: normal;
}

.hero-title .hero-marketing-title-accent {
  letter-spacing: 0;
  font-style: italic;
  font-weight: 400;
  line-height: 1.1;
}

.hero-title > .hero-marketing-title-line--secondary {
  letter-spacing: -4.5px;
  margin: 0;
  padding: 0;
  line-height: 1.1 !important;
}

.text-main-home-page #assembleCarousel .hero-marketing-carousel {
  letter-spacing: 0;
  font-size: 52px;
  font-weight: 500;
  line-height: 1.1;
}

.text-main-home-page #assembleCarousel .text-carousel-slide.assemble-video-div-title, .text-main-home-page #assembleCarousel .assemble-video-div-title.hero-marketing-title-line {
  letter-spacing: 0;
  font-size: 52px;
  font-weight: 500;
  text-align: left !important;
  line-height: 1.1 !important;
}

.text-main-home-page #assembleCarousel .text-carousel-slide.hero-marketing-title-line {
  letter-spacing: 0;
  line-height: 1.1 !important;
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .text-main-home-page #assembleCarousel .hero-marketing-carousel, .text-main-home-page #assembleCarousel .text-carousel-slide.assemble-video-div-title, .text-main-home-page #assembleCarousel .assemble-video-div-title.hero-marketing-title-line {
    font-size: 42px;
  }
}

@media (min-width: 431px) and (max-width: 1023px) {
  .hero-title > .hero-marketing-title-line--secondary {
    letter-spacing: -1.5px;
  }

  .text-main-home-page #assembleCarousel .hero-marketing-carousel, .text-main-home-page #assembleCarousel .text-carousel-slide.assemble-video-div-title, .text-main-home-page #assembleCarousel .assemble-video-div-title.hero-marketing-title-line {
    letter-spacing: -1.5px;
    font-size: 35px;
    line-height: .8 !important;
  }

  .text-main-home-page #assembleCarousel .text-carousel-slide.assemble-video-div-title, .text-main-home-page #assembleCarousel .assemble-video-div-title.hero-marketing-title-line {
    text-align: left !important;
  }
}

@media (min-width: 0) and (max-width: 430px) {
  .hero-title > .hero-marketing-title-line--secondary {
    letter-spacing: -1.5px;
  }

  .text-main-home-page #assembleCarousel .hero-marketing-carousel, .text-main-home-page #assembleCarousel .text-carousel-slide.assemble-video-div-title, .text-main-home-page #assembleCarousel .assemble-video-div-title.hero-marketing-title-line {
    letter-spacing: -1.5px;
    font-size: 35px;
    line-height: .8 !important;
  }

  .text-main-home-page #assembleCarousel .text-carousel-slide.assemble-video-div-title, .text-main-home-page #assembleCarousel .assemble-video-div-title.hero-marketing-title-line {
    text-align: center !important;
  }
}

.hero-title .hero-marketing-title-accent, .text-main-home-page #assembleCarousel .hero-marketing-title-line .hero-marketing-title-accent {
  margin-left: 6px;
}

.assemble-video-div-title {
  letter-spacing: -4.5px;
  font-size: 52px;
  font-weight: 500;
  text-align: left !important;
  line-height: .5 !important;
}

#assembleCarousel {
  letter-spacing: -4.5px;
  text-align: left;
  width: 1140px;
  margin-top: -25px;
  padding-left: 81px;
  font-size: 72px;
  font-weight: bold;
  line-height: .8;
}

.text-main-home-page #assembleCarousel {
  letter-spacing: 0;
  text-align: left;
  margin-top: -25px;
  padding-left: 0%;
  font-size: 72px;
  font-weight: 500;
  line-height: .8;
  width: 100% !important;
}

.assemble-sub-div {
  text-align: left;
  margin-top: -37px;
  margin-left: 32px;
}

.homePageOneButton {
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
  width: fit-content;
  margin-top: 10px;
  padding: 10px;
}

.homePageOneButton:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.video-main-div {
  width: 100%;
  height: 100%;
  position: absolute;
}

.homepage-hero-media {
  border-radius: 10px;
  position: absolute;
  inset: 0;
}

.video-main-div img, .video-main-div picture {
  width: 100%;
  height: 100%;
  display: block;
}

.video-main-div img {
  border-radius: 10px;
}

.video-main-div .swiper {
  width: 100%;
  height: 100%;
  margin: 0 !important;
}

.video-main-div .swiper-slide {
  width: 100% !important;
}

.video-div {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.get-started-btn {
  justify-content: left;
  display: flex;
}

.assemble-video-carousel {
  width: 100%;
}

.dashboard_Search_arrange {
  width: 800px;
  position: absolute;
}

.text-4 {
  position: absolute;
  top: -55px;
}

.skeleton_project_title {
  width: 254px !important;
  height: 52px !important;
}

.skeleton_project_card {
  width: 200px !important;
  height: 112px !important;
}

.title_skeleton_project {
  width: 100% !important;
  height: 32px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .video-main-div img {
    border-radius: 0;
  }

  #assembleCarousel {
    text-align: center;
    margin-top: -15px;
    padding-left: 0;
    font-size: 52px;
    width: 300px !important;
  }

  .assemble-sub-div {
    text-align: left;
    margin-top: -90px;
    margin-left: 25px;
  }
}

.search_design {
  border-radius: 5px;
  width: 72%;
  height: 48px;
  padding: 3px 0;
  color: #989898 !important;
  background-color: #fff !important;
  border: none !important;
}

.search_design-main {
  border-radius: 6px;
  flex: 1;
  padding: 5px;
  font-size: 14px;
  color: #989898 !important;
  background-color: #fff !important;
  border: none !important;
}

.search_design-main_home {
  border-radius: 0 12px 12px 0;
  flex: auto;
  width: 100%;
  min-width: 0;
  padding: 28px 5px;
  font-size: 14px;
  color: #989898 !important;
  background-color: #fff !important;
  border: none !important;
}

.search_design-main::placeholder {
  color: gray !important;
  opacity: .8 !important;
}

.search_design-main_home::placeholder {
  color: #595959;
  font-size: 14px !important;
}

.search_design-main_home::-webkit-input-placeholder {
  font-size: 14px !important;
}

.search_design-main_home::placeholder {
  font-size: 14px !important;
}

.search_design-main_home:-ms-placeholder-shown {
  font-size: 14px !important;
}

.search_design-main-hamburger {
  width: 100%;
  padding: 0;
  color: #989898 !important;
}

.search_design-main-icon {
  color: #989898;
  cursor: pointer;
  background-color: #fff;
  border-right: .5px solid #2a282863;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 100%;
  padding: 0 10px;
  display: flex;
  position: relative;
}

.search_design-main-icon_home {
  color: #989898;
  cursor: pointer;
  background-color: #fff;
  border-right: .5px solid #2a282863;
  border-radius: 12px 0 0 12px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 100%;
  padding: 0 10px;
  display: flex;
  position: relative;
}

.search_design-main-icon:hover, .search_design-main-icon_home:hover {
  background-color: #fffffff0;
}

.all_search {
  color: #000;
  width: fit-content;
  font-size: 14px;
  font-weight: 600;
}

.all_search_drop_down {
  z-index: 999;
  transform-origin: 0 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #202020;
  width: 235px;
  max-height: 358px;
  padding: 0;
  list-style: none;
  transition: transform .3s;
  position: absolute;
  left: 0;
  transform: scale(.8);
}

.all_search_drop_down_top {
  top: 38px;
}

.all_search_drop_down_top_home {
  top: 68px;
}

.all_search_drop_down.show {
  visibility: visible;
  pointer-events: auto;
  text-align: start;
  transform: scale(1);
}

.all_search_drop_down li {
  color: #fff;
  padding: 12px 16px;
  font-size: 1rem;
  font-weight: 600;
}

.all_search_drop_down li:hover {
  background-color: #363636;
}

.all_search_drop_down li svg {
  color: #8d8a8a;
}

.all_search_drop_down li:hover svg {
  color: #fff;
}

.box_search_wrap {
  z-index: 999;
  transform-origin: 0 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #202020;
  width: 100%;
  height: fit-content;
  padding: 0;
  transition: transform .3s;
  position: absolute;
  transform: scale(.8);
}

.box_search_wrap li {
  color: #fff;
  cursor: pointer;
  border-top: 1px solid gray;
  padding: 12px 16px;
  font-size: 1rem;
  font-weight: 600;
  list-style: none;
}

.box_search_wrap.show {
  visibility: visible;
  pointer-events: auto;
  text-align: start;
  z-index: 111;
  transform: scale(1);
}

.box_search_wrap li:hover {
  background-color: #363636;
}

.box_search_wrap li svg {
  color: #8d8a8a;
}

.box_search_wrap li:hover svg {
  color: #fff;
}

.box_search_wrap-archive {
  max-height: 50vh !important;
}

.new_spinnner {
  z-index: 999;
  pointer-events: none;
  background-color: #202020;
  width: 100%;
  height: 35vh;
  padding: 0;
  position: absolute;
  top: 33px;
  overflow-y: auto;
}

.new_spinnner-white {
  z-index: 999;
  pointer-events: none;
  background-color: #fff;
  width: 100%;
  height: 15vh;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  overflow-y: auto;
}

.list-gray:hover {
  background-color: #363636;
}

.search_design-1 {
  border-radius: 5px;
  width: 373px;
  height: 48px;
  padding: 11px 15px;
  font-size: 18px;
  color: #989898 !important;
  background-color: #000 !important;
  border: none !important;
}

.search_design-service {
  border-radius: 5px;
  width: 373px;
  padding: 8px 0;
  font-size: 18px;
  color: #fff !important;
  background-color: #f0f0f0 !important;
  border: none !important;
}

.spinnner_wrapper {
  color: #fff;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  display: flex;
}

.spinnner_wrapper-white {
  color: #000;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-start-1 {
  color: #000;
}

.search_home {
  justify-content: center;
  margin: 12px 0 0;
  display: flex;
  position: relative;
}

.search_percetage_width {
  flex-shrink: 1;
  flex-basis: 35%;
}

.search_percetage_width_home {
  box-sizing: border-box;
  flex-shrink: 1;
  width: 100%;
  max-width: 100%;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
}

.homepage-search-live {
  width: 100%;
  margin: 0;
  padding: 0;
}

.search_home-1 {
  z-index: 45;
  justify-content: center;
  margin: 12px 0 0;
  display: flex;
}

.inner_wokrstream_board {
  gap: .5rem;
  display: flex;
}

.inner_wokrstream_board_index {
  flex-direction: column;
  gap: .5rem;
  width: 50%;
  padding: 10px;
  display: flex;
}

.inner_wokrstream_board_index:hover {
  background-color: #363636;
}

.search_image_collection {
  -o-object-fit: contain;
  object-fit: contain;
  width: 67px;
  height: 43px;
}

.first_list_devider {
  border-bottom: 2px solid #e6b91d !important;
  padding: 15px 8px 30px !important;
}

.search_image_project {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px 0 18px 18px;
  width: 150px;
  height: 90px;
}

.search_image_project_index {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px 0 18px 18px;
  width: 100%;
  height: 155px;
}

.search_image_project_index_home {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px 0 18px 18px;
  width: 100%;
  height: 200px;
}

.filter_list_suggestion {
  width: 35%;
  position: absolute;
  top: 50px;
}

.label_sub_text {
  color: #bbb;
}

.right_icon_nav {
  justify-content: end;
  align-items: start;
  width: 24%;
  padding-right: 20px;
  display: flex;
}

.right_icon_nav span {
  padding-left: 10px;
}

.suggestion_main {
  color: #000;
  background-color: #fff;
  width: 100%;
}

.official_trailor {
  font-size: 14px;
}

.round_player video {
  border-radius: 18px;
}

.search_home_service {
  justify-content: center;
  margin: 0 0 76px;
  display: flex;
  position: relative;
}

.postion_search_service {
  width: fit-content;
  position: relative;
}

.wrap_icon__box_filter {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  cursor: pointer;
  color: #000;
  border-radius: 0;
  width: 37px;
  position: absolute;
  top: 0%;
  right: -23%;
}

.wrap_icon__box_hamburger {
  cursor: pointer;
  border-radius: 0;
  width: 38px;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.wrap_icon__box-1 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  padding: 6px 10px 9px;
  position: absolute;
  top: 12%;
  right: 2%;
}

.icon_size_service {
  font-size: 40px;
}

.dashboard_logos {
  -moz-column-gap: 7%;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 7%;
  padding: 0% 10%;
  display: flex;
}

.box_logo_wrap {
  flex-direction: column;
  align-items: center;
  width: 100px;
  display: flex;
}

.box_logo_wrap1 {
  aspect-ratio: 1;
  cursor: pointer;
  width: 100%;
  margin: 0;
  display: block;
  position: relative;
}

.logo_3_icon {
  -o-object-fit: cover;
  object-fit: cover;
}

.logo_3_icon_skeleton {
  width: 80px;
  height: 80px;
}

.box_logo_wrap_text {
  text-align: center;
  color: #fff;
  cursor: pointer;
  width: 140px;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 800;
}

.padding_caraousel_swipe {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 2% 13.5% 0%;
  display: flex;
}

.search_main_icon {
  font-size: 20px;
}

.search_main_icon_home {
  margin-top: 15px;
  font-size: 20px;
}

.section_sub {
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  font-size: 16px;
  display: flex;
}

.section_sub:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.section_sub:hover svg {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.section-service {
  color: #fff;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-top: 28px;
  display: flex;
}

.declaimer-search {
  text-align: start;
  color: #7b7b7b;
  cursor: pointer;
  width: fit-content;
  padding-top: 11px;
  font-size: 14px;
  position: absolute;
  bottom: 8px;
  right: 12px;
}

.declaimer-search:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.disclaimer-text-details {
  transition: all .3s ease-in;
  display: none;
}

.declaimer-search:hover .disclaimer-text-details {
  color: #fff;
  z-index: 33333;
  background-color: #000;
  width: 500px;
  padding: 16px;
  transition: all .3s ease-in;
  display: block;
  position: absolute;
  top: -230px;
  right: 0;
}

.service-fully-funnel {
  text-align: start;
  margin: 0;
  padding: 15px 0 0 5px;
  font-size: 16px;
}

@media (min-width: 0) and (max-width: 1023px) {
  .declaimer-search:hover .disclaimer-text-details {
    color: #fff;
    z-index: 33333;
    background-color: #000;
    width: 310px;
    padding: 16px;
    transition: all .3s ease-in;
    display: block;
    position: absolute;
    top: -320px;
    right: 95px;
  }

  .assemble-video-div-title {
    letter-spacing: 0;
    margin-top: 0;
  }

  .text-4 {
    position: absolute;
    top: -10px;
  }

  .search_design-main_home {
    width: 100%;
    min-width: 0;
  }

  .text-main-home-page #assembleCarousel {
    letter-spacing: -1.5px;
    text-align: left;
    margin-top: -25px;
    padding-left: 0;
    font-size: 35px;
    font-weight: 500;
    line-height: .8;
  }

  .text-main-home-page .carousel-item {
    letter-spacing: 0;
    text-align: center !important;
  }

  .all_search_drop_down_top {
    top: 52px;
  }

  .new_spinnner-white {
    width: 93%;
  }

  .search_image_project_index {
    height: 220px;
  }

  .search_image_project_index_home {
    width: 135px;
    height: 220px;
  }

  .inner_wokrstream_board_index {
    width: 100%;
  }

  .search_percetage_width {
    flex-shrink: 1;
    flex-basis: 100%;
  }

  .search_percetage_width_home {
    flex-shrink: 1;
    flex-basis: auto;
    width: 100%;
    padding-top: 16px;
  }

  .search_home_service {
    margin: 27px 0 12px;
  }

  .box_logo_wrap {
    width: 30%;
  }

  .search_design, .search_design-main-hamburger {
    width: 100%;
  }

  .search_design-1 {
    width: 350px;
    height: 46px;
  }

  .wrap_icon__box_hamburger {
    top: 25%;
    left: 8%;
  }

  .wrap_icon__box-1 {
    padding: 8px 10px 9px;
    top: 11%;
    right: 2%;
  }

  .padding_caraousel_swipe {
    -moz-column-gap: 5%;
    justify-content: flex-start;
    column-gap: 5%;
    padding: 20px 16px 0;
    top: -102px;
  }
}

@media (min-width: 1400px) and (max-width: 1800px) {
  .search_percetage_width {
    flex-shrink: 1;
    flex-basis: 35%;
  }

  .search_percetage_width_home {
    flex-shrink: 1;
    flex-basis: auto;
    width: 100%;
  }

  .box_logo_wrap1 {
    margin: 10px 0;
  }

  .search_design-service {
    width: 263px;
    padding: 8px 0;
    font-size: 15px;
  }

  .dashboard-carousel-main-div {
    width: 100%;
    height: 795px;
  }
}

@media (min-width: 321px) and (max-width: 375px) {
  .text-main-home-page #assembleCarousel {
    letter-spacing: -1.5px;
    text-align: left;
    margin-top: -25px;
    padding-left: 0;
    font-size: 35px;
    font-weight: 500;
    line-height: .8;
  }

  .text-4 {
    position: absolute;
    top: -20px;
  }

  .search_design-service {
    width: 300px;
    padding: 8px 0;
    font-size: 15px;
  }

  .box_logo_wrap1 {
    margin: 10px 0;
  }

  .dashboard-carousel-main-div {
    width: 100%;
    height: 800px;
  }
}

@media (min-width: 376px) and (max-width: 1023px) {
  .search_design-service {
    width: 350px;
    padding: 8px 0;
    font-size: 15px;
  }

  .box_logo_wrap1 {
    margin: 5px 0;
  }

  .dashboard-carousel-main-div {
    width: 100%;
    height: 700px;
  }
}

@media (min-width: 0) and (max-width: 1919px) {
  .section-service {
    display: none !important;
  }
}

@media (min-width: 0) and (max-width: 768px) {
  .box_logo_wrap_text, .box_logo_wrap1 {
    width: 100%;
  }

  .dashboard-carousel-main-div-collection {
    border-radius: 0;
    height: auto;
    min-height: 480px;
    padding: 0;
    overflow: visible;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .search_design-main_home {
    width: 100%;
    min-width: 0;
  }

  .search_percetage_width_home {
    width: 100%;
  }

  .assembled-parent-main-div1 {
    justify-content: center;
  }

  .search_percetage_width, .search_percetage_width_home {
    flex-shrink: 1;
    flex-basis: 100%;
  }

  .assembled-parent-main-div1 {
    flex-direction: column;
    justify-content: start;
    margin-top: 0%;
  }

  .wrap_icon__box_hamburger {
    top: 25%;
    left: 5%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .search_design-main_home {
    width: 100%;
    min-width: 0;
  }

  .section_sub {
    font-size: 10px;
  }

  .search_design-main-hamburger {
    width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .assemble-video-div-title {
    font-size: 42px;
  }

  .section_sub {
    font-size: 10px;
  }

  .search_design-main-hamburger {
    width: 100%;
  }
}

@media (min-width: 0) and (max-width: 768px) {
  .dashboard-carousel-sub-text {
    display: none;
  }

  #assembleCarousel {
    text-align: center;
    width: 300px;
    margin-top: -15px;
    padding-left: 0;
    font-size: 52px;
  }

  .assemble-sub-div {
    text-align: center;
    margin-top: 15px;
    margin-left: 0;
  }

  .homePageOneButton {
    cursor: pointer;
    margin: center !important;
  }

  .get-started-btn {
    justify-content: center;
  }

  .text-main-home-page {
    width: 100%;
    min-height: 7.5rem;
    padding: 0;
  }

  h1.text-blend.hero-title {
    min-height: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .text-main-home-page .search_percetage_width_home {
    margin-top: 0;
    padding-top: 16px;
  }

  .text-main-home-page h1.text-blend.hero-title > .assemble-video-div-title {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .dashboard-carousel-sub-div {
    right: 110px;
  }
}

@media (width: 320px) {
  .text-main-home-page {
    padding: 0;
  }

  #assembleCrewHome {
    left: 56px;
    height: 118px !important;
    top: 0 !important;
  }
}

@media (min-width: 3219px) and (max-width: 3840px) {
  .search_image_project {
    width: 300px;
    height: 180px;
  }

  .logo_3_icon_skeleton {
    width: 80px;
    height: 80px;
  }

  .search_percetage_width {
    flex-basis: 60%;
  }

  .search_percetage_width_home {
    flex-basis: auto;
    width: 100%;
  }

  .search_image_project_index, .search_image_project_index_home {
    height: 475px;
  }
}

@media (min-width: 0) and (max-width: 430px) {
  .search_image_project {
    width: 100px;
    height: 60px;
  }

  .video-main-div img {
    border-radius: 0;
  }

  .service-fully-funnel {
    text-align: center;
    margin: 0;
    padding: 10px 0 0 5px;
  }

  .assemble-video-div-title {
    font-size: 35px;
    text-align: center !important;
    margin-top: 0 !important;
  }

  .wrapper-menu-card {
    height: 180px !important;
  }
}

@media (min-width: 0) and (max-width: 320px) {
  .dashboard-carousel-sub-text-1 {
    bottom: 31%;
  }

  .assembled-parent-main-div1 {
    flex-direction: column;
    justify-content: center;
    margin-top: 0%;
    padding: 0 16px;
  }
}

@media (min-width: 321px) and (max-width: 375px) {
  .dashboard-carousel-sub-text-1 {
    bottom: 31%;
  }

  .assembled-parent-main-div1 {
    flex-direction: column;
    justify-content: center;
    margin-top: 0%;
    padding: 0 16px;
  }
}

@media (min-width: 376px) and (max-width: 1023px) {
  .search_percetage_width_home {
    width: 100%;
  }

  .dashboard-carousel-sub-text-1 {
    bottom: 24%;
  }

  .assembled-parent-main-div1 {
    flex-direction: column;
    justify-content: center;
    margin-top: 0%;
    padding: 0 16px;
  }
}

/* [project]/src/assets/style/demoVideoComponent.css [app-client] (css) */
.demo-video-component {
  background: #171717;
  padding: 4% 13.5%;
}

.demo-video-component-black {
  background: #0f0f0f;
  padding: 35px 13.5%;
}

.title-text {
  font-size: 70px;
  font-weight: 700;
}

.thumbnail_title_demo {
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

@media (min-width: 0) and (max-width: 425px) {
  .demo-video-component-black {
    padding: 15px 16px;
  }

  .thumbnail_title_demo {
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin-top: 1rem;
    display: flex;
  }
}

.title-text {
  color: #fff;
  font-size: 70px;
  font-weight: 700;
  line-height: 1;
}

.withnew, .withnew-package, .withnew-1, .withnew-2 {
  width: 85%;
}

.AllPageComponent-text {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  padding: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
}

.videos-head {
  letter-spacing: 2px;
  color: #fff;
  text-align: left;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
}

.react-player-main-div {
  justify-content: right;
  display: flex;
}

.video-demo {
  width: 100%;
  height: 100%;
}

.videos-dot {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 15px;
  padding: 64px 10px 0 0 !important;
}

.latest-release-text {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 20px;
  font-weight: 700;
}

.video-responsive {
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 30px;
  display: flex;
}

.video-width-react-player {
  width: 89.7vw !important;
  height: 25vh !important;
}

.DemoVideoComponent-video {
  width: 100%;
  height: 100%;
}

.demo-wrapper {
  padding: 20px;
}

.demo_description {
  color: #fff;
  flex: 1;
  height: 100%;
  font-size: 14px;
  line-height: 1;
}

.demo_thumbnail {
  border-radius: 15px 0 15px 15px;
  width: 21%;
  height: 11.8125%;
  overflow: hidden;
}

.demo_thumbnail_2 {
  border-radius: 15px 0 15px 15px;
  width: 30%;
  height: 16.875%;
  overflow: hidden;
}

.demo_image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.demo-title-blog-inner {
  color: #fff;
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.demo-title-blog-inner:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.description-blog-wrapper {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  position: relative;
  overflow: hidden;
}

.small-description-wrapper {
  height: 100%;
  padding-bottom: 28px;
  display: block;
  position: relative;
  overflow: hidden;
}

.small-description-wrapper .continue-reading-kc {
  color: #fff;
  cursor: pointer;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.small-description-wrapper .continue-reading-kc:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.continue-reading {
  color: #fff;
  cursor: pointer;
  align-items: center;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.continue-reading:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.player-text {
  align-items: center;
  gap: 10px;
  margin-top: 0;
  display: flex;
}

.player-text-navigate {
  flex: 1;
}

.gray-com {
  color: #a7a7a7;
  cursor: pointer;
}

.gray-com:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

.w-95 {
  width: 95%;
}

.flex-1 {
  flex: 1;
}

.mr-1 {
  margin-right: .25rem;
}

.cursor-pointer {
  cursor: pointer;
}

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

.items-center {
  align-items: center;
}

.rounded-18px {
  border-radius: 18px;
}

.overflow-hidden {
  overflow: hidden;
}

.width-fit {
  width: fit-content;
}

.hover-yellow:hover {
  background-image: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

@media (max-width: 1024px) {
  .DemoVideoComponent-video {
    padding-top: 20px;
    height: 112% !important;
  }
}

@media (max-width: 768px) {
  .DemoVideoComponent-video {
    padding: 20px 20%;
  }
}

@media (min-width: 1140px) and (max-width: 1920px) {
  .demo_thumbnail {
    border-radius: 15px 0 15px 15px;
    width: 25%;
    overflow: hidden;
  }

  .demo_thumbnail_2 {
    border-radius: 15px 0 15px 15px;
    overflow: hidden;
  }
}

@media (min-width: 0) and (max-width: 766px) {
  .demo_thumbnail {
    width: 100px;
  }

  .demo_thumbnail_2 {
    width: 35%;
    height: 19.6875%;
  }

  .demo-wrapper {
    padding: 16px;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .react-player-main-div {
    padding-top: 30px;
  }

  .demo-video-component {
    padding: 3.5% 23px;
  }

  .DemoVideoComponent-video {
    padding: 20px 5%;
  }

  .withnew {
    width: 100%;
    padding: 3.5% 35px 3.5% 0;
  }

  .withnew-package {
    width: 100%;
    padding: 3.5% 0;
  }

  .withnew-1 {
    width: 100%;
    padding: 0;
  }

  .withnew-2 {
    width: 100%;
  }
}

@media (min-width: 2560px) and (max-width: 3840px) {
  .demo_thumbnail_2 {
    width: 22%;
    height: 22.5%;
  }
}

.edit-three-dot {
  cursor: pointer;
  color: #a7a7a7;
  position: absolute;
  top: 2px;
  right: 0;
}

.edit-three-dot:hover {
  color: #fff;
}

.edit_share_project {
  color: #fff;
  z-index: 1111;
  background-color: #202020;
  border-radius: 4px;
  padding: 0;
  font-size: 14px;
  position: absolute;
  top: 23px;
  right: 10px;
}

.edit_share_project div {
  cursor: pointer;
  width: 100px;
  padding: 4px;
}

.edit_share_project div:hover {
  cursor: pointer;
  color: #fff;
  background-color: #000;
  padding: 4px;
}

.bookmark_add {
  cursor: pointer;
  z-index: 10;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}

/* [project]/src/assets/style/frontendStyle/BlogCategoryNavbar.css [app-client] (css) */
.parent-hoverDown {
  z-index: -1;
  background: #fff;
  margin: 0 32px;
  box-shadow: 0 0 24px #0003;
}

.hover-down-link-div {
  text-align: center;
  padding: 1%;
  font-size: 14px;
  font-weight: 400;
}

.hover-down-link {
  text-align: center;
  font-size: 14px;
}

.hover-down-link:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  cursor: pointer;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.hover-down-description {
  color: #80868f;
  text-align: center;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 23.8px;
}

.nevbar-blog {
  background-color: #f8f8f9;
  justify-content: center;
  padding: 1% 5%;
  display: flex;
}

.drop-menus {
  color: #f7f7f7ce;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 90%;
  overflow-x: auto;
}

.drop-menus::-webkit-scrollbar {
  display: none;
}

.sub-dropDown > a {
  color: #090909;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.main-dropdown {
  width: 100%;
  position: relative;
}

@media (min-width: 0) and (max-width: 425px) {
  .nevbar-blog, .main-dropdown {
    display: none;
  }
}

/* [project]/src/assets/style/frontendStyle/BlogDetails.css [app-client] (css) */
.details-text {
  background: #fff;
  padding: 0% 31% 2% 32%;
}

.details-text-blog {
  background: #fff;
  padding: 0% 0% 2%;
}

.details-text1 {
  color: #000;
  background: #fff;
  padding: 0% 0% 2%;
}

.details {
  color: #232d39;
  text-align: left;
  padding: 5% 0;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
}

.arrage-blog-banner {
  background-color: #fff;
  justify-content: center;
  width: 100%;
  padding: 0% 20%;
  display: flex;
}

.span-logo-m {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #fff;
  text-align: center;
  float: left;
  border-radius: 4px;
  width: 56px;
  height: 56px;
  margin-top: 3px;
  margin-bottom: 8px;
  margin-right: 15px;
  font-family: Georgia;
  font-size: 38px;
  font-weight: 900;
  line-height: 56px;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.span-logo-m:after {
  content: "";
  border-top: 8px solid #0000;
  border-bottom: 8px solid #0000;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 10px;
  right: -8px;
  border-left: 9px solid var(--primary-color) !important;
}

.dettails-logo {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100px;
  height: 100px;
}

.img-div {
  border-radius: 50%;
  overflow: hidden;
}

.cb-main-div {
  padding: 0;
}

.img-details {
  background-color: #000;
}

.authored-title {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: justify;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: roboto;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.img-title {
  text-align: left;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 38px;
}

.details-col {
  padding: 50px;
}

.details-col-pdf {
  padding: 0;
}

.img-details-div-new {
  width: 98%;
}

.head-main-sub {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  font-family: var(--bs-body-font-family);
  letter-spacing: .1px;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 20px;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.25;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

@media (max-width: 1024px) {
  .head-main-sub {
    width: 70%;
  }
}

.title-details {
  text-align: left;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 32px;
}

.btn-blog-comeing-soon {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: none;
  margin-top: 30px;
  font-size: 14px;
  font-weight: 700;
}

.team-title {
  color: #232d39;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  padding-top: 0;
  font-family: roboto;
  font-size: 30px;
  font-weight: 700;
  line-height: 50.4px;
}

.team-details {
  color: #232d39;
  text-align: left;
  font-family: roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.team-details h4 {
  line-height: 24px !important;
}

.cb-card-title {
  color: #232d39;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.9;
}

.card-content {
  border: none;
}

.card-content h2, .blog-details-video-player h2 {
  font-size: 30px !important;
}

.main-div-right-bar h2 {
  font-size: 30px !important;
  font-weight: 500 !important;
}

.details-text1 h3 {
  font-weight: 500 !important;
}

.blog-list-video-contains-details {
  padding: 70px 0 0;
}

.blog-list-video-contains-details-title {
  padding-bottom: 5px;
  font-size: 24px;
  font-weight: 700;
}

.video-conatain {
  width: 100% !important;
  height: 700px !important;
}

.blog-list-video-contains-details-sub-details {
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 1.9;
}

.cb-card-description {
  color: #232d39;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.bolog-details-account-div {
  color: #b2b2b2;
  text-align: center;
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
}

.login-details-link {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  text-decoration: none;
}

.blog-details-video-player {
  padding-top: 75px;
}

.blog-details-video-player-text {
  text-align: center;
  padding-top: 20px;
  font-style: italic;
}

.blog-video-player {
  width: 100% !important;
  height: 600px !important;
}

.main-div-right-bar {
  flex-direction: column;
  display: flex;
}

.blog-details-video-player-content-text {
  margin-bottom: 60px;
  padding-top: 30px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  line-height: 30.4px;
}

.right-sidebar-blog {
  background-color: #f9fafc;
  border: 1px solid #eef0f5;
  border-radius: 14px;
  width: 278px;
  height: fit-content;
  margin-bottom: 24px;
  padding: 10px;
  position: absolute;
  top: 30px;
  right: -290px;
}

.right-sidebar-blog-sticky {
  background-color: #fff;
  border: 1px solid #dfe6eb;
  width: 704px;
  height: fit-content;
  margin: 0 5px 0 10px;
  padding: 10px;
}

.table_main_blog {
  background-color: #fff;
  justify-content: center;
  align-items: start;
  padding: 0 0 75px;
  display: flex;
}

.blog-details-inline-ad {
  width: 100%;
  padding: 16px 16px 8px;
}

.wrap_audio_menu {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5% 0%;
  display: flex;
}

.banner-section-column {
  flex-direction: column;
  justify-content: start;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
}

.label-titl-banner {
  text-align: start;
  width: 100%;
  font-size: 18px;
}

.label-right-add {
  text-align: start;
  color: #000;
  width: 79%;
  padding: 0 0 0 10px;
  font-size: 10px;
  font-weight: 600;
}

.blog-page-banner-7 {
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  width: 75%;
}

.blog-page-banner-3 {
  cursor: pointer;
  width: 100%;
}

.blog-page-banner-6 {
  cursor: pointer;
  width: 300px;
  transition: all .3s;
}

.blog-page-banner-5 {
  cursor: pointer;
  width: 100%;
}

.common-ban {
  padding: 0 0 24px;
}

.banner-section-column-2 {
  text-align: center;
  cursor: pointer;
  width: 300px;
  height: 100%;
}

.banner-section-column-1 {
  text-align: center;
  cursor: pointer;
  width: 300px;
  height: 100%;
  padding-top: 0;
}

.audio_wrap {
  align-items: baseline;
  gap: 8px;
  width: 100%;
  font-weight: 600;
  display: flex;
}

.section-step-title {
  color: #000;
  text-align: center;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 600;
}

.wrapper_list_blogs {
  padding: 30px 70px;
}

.blog_camera_icon {
  text-align: center;
  margin-top: 25px;
}

.blog_camera_icon_2 {
  border: 1px solid #6fa1bf;
  border-radius: 50%;
  padding: 10px 10px 10px 12px;
  font-size: 67px;
  color: #6fa1bf !important;
}

.mr_span {
  margin-right: 15px;
}

.section_final_title {
  color: #6fa1bf;
  width: 90%;
}

.inside-blog-side-item {
  color: #18181b;
  word-break: break-word;
  padding: 24px 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.inside-blog-side-item-active {
  word-break: break-word;
  background-color: #efefef;
  border-bottom: 1px solid #dfe6eb;
  padding: 24px 5px;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.inside-text-sidebar {
  color: #18181b;
  cursor: pointer;
}

.inside-text-sidebar .mr-2 {
  min-width: fit-content;
}

.section_final_title .mr_span {
  text-transform: uppercase;
}

.inside-text-sidebar-active {
  color: #0000;
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.inside-text-sidebar:hover .section_final_title, .inside-text-sidebar:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.videoPlayer {
  width: 100% !important;
}

.mobile-gap {
  gap: 1.5rem;
}

.tab_breadcrum {
  color: #000;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  padding: 10px;
  display: flex;
}

.single_tab_breadcrom {
  cursor: pointer;
  color: #333;
  font-size: 16px;
  transition: color .3s;
  display: inline-block;
  position: relative;
}

.left-banner-blog {
  flex: 1;
  padding-right: 20px;
  display: flex;
}

.right-banner-blog {
  width: 348px;
  padding: 13px 24px 24px;
}

.blog-details-main-img {
  background: linear-gradient(#e1e1e100 0%, #000000b3 100%);
  max-height: 80vh;
  position: relative;
  overflow: hidden;
}

.overlay1 {
  background: linear-gradient(#e1e1e100 0, #000000b3 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.btnDiv {
  padding: 24% 18%;
}

.directingBtnDiv {
  justify-content: center;
  width: 90%;
  display: flex;
}

.cinema-button {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #000;
  border: none;
  border-radius: 5px;
  margin-bottom: 14px;
  margin-left: 1px;
  margin-right: 4px;
  padding: 5px 8px;
  font-size: 11px;
}

.cinema-button:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
}

.comanText {
  color: #fff;
  text-align: center;
  width: 90%;
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
}

.dateTextDiv-2 {
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  width: 90%;
  padding: 15px;
  display: flex;
}

.dateText {
  color: #fff;
  background: #000;
  width: fit-content;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
}

.blog-details-desktop-hero {
  background: #000;
  width: 100%;
  padding-top: 68px;
}

.blog-details-desktop-hero__meta {
  background: #000;
}

.blog-details-desktop-hero__meta .btnDiv {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 40px 16px 20px;
  display: flex;
}

.blog-details-desktop-hero__meta .directingBtnDiv {
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}

.blog-details-desktop-hero__meta .directingBtnDiv .cinema-button {
  letter-spacing: .4px;
  background: #1f1f1f;
  border: 1px solid #3a3a3a;
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 8px;
  padding: 6px 12px;
  font-size: 14px;
}

.blog-details-desktop-hero__meta .comanText {
  color: #fff;
  text-align: left;
  width: 100%;
  margin: 0 0 16px;
}

.blog-details-desktop-hero__meta .dateTextDiv-2 {
  justify-content: flex-start;
  width: 100%;
  padding: 0 0 8px;
}

.blog-details-desktop-hero__meta .dateText {
  background: #1f1f1f;
  border: 1px solid #3a3a3a;
  border-radius: 5px;
}

.blog-details-desktop-hero .blog-details-main-img {
  background: none;
}

.blog-details-desktop-hero .lazy-image-4 {
  box-shadow: none;
  border-radius: 0;
  display: block;
}

.lazy-image-3 {
  background: linear-gradient(#e1e1e100 0%, #000000b3 100%);
  border-radius: 8px;
  width: 100%;
  height: auto;
  box-shadow: 0 4px 10px #0000004d;
}

.blog-details-mobile-hero {
  width: 100%;
  display: block;
}

.blog-details-mobile-hero__media {
  aspect-ratio: 1200 / 630;
  background: #e8e8e8;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.blog-details-mobile-hero__media .mobile-hero-image, .blog-details-mobile-hero__media img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.blog-details-mobile-hero__meta {
  contain: layout style;
  min-height: 5.5rem;
}

.blog-details-mobile-ads {
  display: none;
}

.blog-mobile-ad-slot {
  aspect-ratio: 300 / 250;
  background: #f0f0f0;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.blog-mobile-ad-slot--tall {
  aspect-ratio: 300 / 400;
}

.blog-mobile-ad-slot img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.desktop-sidebar {
  display: block;
}

@media (min-width: 1025px) {
  .blog-details-mobile-hero {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .blog-details-mobile-ads {
    display: block;
  }

  .desktop-sidebar {
    display: none !important;
  }

  .wrap_audio_menu--has-audio {
    contain: layout style;
    min-height: 7.5rem;
  }

  .audio_wrap--label {
    min-height: 1.5rem;
  }

  .audio_wrap--player, .audio-main-wrap {
    min-height: 3.25rem;
  }

  .blog-details-top-carousel-reserved {
    content-visibility: auto;
    contain-intrinsic-size: 320px;
    min-height: min(42vh, 320px);
  }
}

.lazy-image-4 {
  background: linear-gradient(#e1e1e100 0%, #000000b3 100%);
  border-radius: 8px;
  width: 100%;
  height: auto;
  box-shadow: 0 4px 10px #0000004d;
}

.ad-text {
  color: #666;
  margin-bottom: 10px;
  font-size: 12px;
}

.sponsoredtext-new {
  color: #666;
  align-items: center;
  margin-top: 10px;
  font-size: 12px;
  display: flex;
}

.wrapper-3 {
  width: 100%;
  margin: 20px 0;
}

.outLine-btn {
  border: 2px solid var(--global-color-main-1, var(--primary-color));
  background: none;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  cursor: pointer;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 4px;
  padding: 8px 20px;
  font-weight: 600;
  transition: all .3s;
}

.outLine-btn:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  color: #000;
}

.filled-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: 12px 24px;
  font-weight: 600;
  transition: all .3s;
}

.filled-btn:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
}

.single_tab_breadcrom_black > a {
  color: #333;
}

.advanced-search-sidebar {
  background-color: #fff;
}

.advanced-sidebar-block {
  margin-bottom: 20px;
}

.advanced-sidebar-title {
  color: #232d39;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
}

.author-info {
  background: #f8f9fa;
  border-radius: 8px;
  align-items: center;
  gap: 15px;
  margin: 20px 0;
  padding: 20px;
  display: flex;
}

.author-info img {
  border-radius: 50%;
}

.author-info span {
  color: #232d39;
  font-size: 16px;
  font-weight: 600;
}

.blog-content {
  margin: 30px 0;
}

.first-letter {
  float: left;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 4px;
  padding-right: 8px;
  font-size: 4rem;
  font-weight: 700;
  line-height: 3rem;
}

@media (min-width: 0) and (max-width: 1024px) {
  .banner-section-column {
    justify-content: center;
    display: flex;
  }

  .arrage-blog-banner {
    flex-direction: column;
    padding: 0% 10%;
  }

  .right-banner-blog {
    width: 100%;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .blog-video-player {
    width: 100% !important;
    height: 250px !important;
  }

  .img-details-div-new {
    width: 100%;
  }

  .img-details {
    padding: 0 16px;
  }

  .lazy-image-3 {
    border-radius: 0;
    height: auto;
  }

  .right-banner-blog {
    display: none;
  }

  .section-step-title {
    padding: 20px 0 0;
  }

  .blog_camera_icon {
    margin-top: 20px;
  }

  .main-div-right-bar h2, .main-div-right-bar h3 {
    font-size: 24px !important;
  }

  .arrage-blog-banner {
    padding: 0% 0;
  }

  .left-banner-blog {
    width: 100%;
    padding-right: 0;
    display: flex;
  }

  .blog-page-banner-7, .blog-page-banner-7 img {
    width: 100%;
  }

  .tab_breadcrum {
    padding: 0 0 10px;
  }

  .single_tab_breadcrom {
    font-size: 12px;
  }

  .mobile-gap {
    gap: .5rem;
  }

  .audio_wrap {
    width: 100%;
  }

  .wrap_audio_menu {
    padding: 20px 16px;
  }

  .inside-blog-side-item {
    color: #18181b;
    word-break: break-word;
    border-bottom: 1px solid #dfe6eb;
    padding: 20px 5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
  }

  .inside-blog-side-item-active {
    word-break: break-word;
    background-color: #efefef;
    border-bottom: 1px solid #dfe6eb;
    padding: 24px 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }

  .details-col-pdf {
    padding: 3.5% 0 3.5% 12px;
  }

  .right-sidebar-blog-sticky {
    width: 100%;
    margin: 0;
  }

  .details-text {
    padding: 0% 5% 5%;
  }

  .details-text-blog {
    padding: 0% 16px;
  }

  .details-text1 {
    padding: 5% 16px;
  }

  .dettails-logo {
    width: 85px;
    height: 85px;
    margin-right: 0;
  }

  .card-content {
    padding: 0;
  }

  .cb-card-title {
    font-size: 20px;
  }

  .team-title {
    font-size: 20px;
    line-height: 28.4px;
  }

  .details-col {
    padding: 25px;
  }

  .video-conatain {
    width: 100%;
    height: 200px !important;
  }

  .cb-main-div {
    padding: 0 0 20px;
  }

  .main-div-right-bar {
    flex-direction: column-reverse;
    padding-right: 0;
    display: flex;
  }

  .wrapper_list_blogs {
    padding: 20px 0;
  }

  .table_main_blog {
    padding: 0 16px 20px;
  }

  .dateTextDiv-2 {
    text-align: center;
    justify-content: center;
    width: 100%;
    padding: 15px;
    display: flex;
  }

  .lazy-image-3 {
    height: auto;
  }

  .lazy-image-4 {
    height: 210px;
  }

  .blog-details-main-img {
    box-shadow: 0 0;
  }

  .overlay1 {
    background: #fff;
  }

  .comanText {
    color: #000;
    width: 100%;
    font-size: 25px;
  }

  .directingBtnDiv {
    display: none;
  }

  .dateText {
    padding: 4px 6px;
    font-size: 12px;
  }

  .btnDiv {
    padding: 10px 23px 20px;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .table_main_blog {
    padding: 0 21.5px 100px;
  }

  .wrapper_list_blogs {
    padding: 30px 0;
  }

  .dettails-logo {
    width: 140px;
  }

  .card-content {
    padding: 60px;
  }

  .details-text, .details-text-blog {
    padding: 5% 12%;
  }

  .title-details {
    font-size: 10px;
    line-height: 16px;
  }

  .video-conatain {
    height: 400px !important;
  }

  .comanText {
    font-size: 48px;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .banner-section-column {
    align-items: start;
  }

  .banner-section-column .banner-section-column-2 {
    width: 100%;
  }

  .dettails-logo {
    width: 140px;
  }

  .card-content {
    padding: 60px;
  }

  .title-details {
    font-size: 12px;
    line-height: 23px;
  }

  .video-conatain {
    height: 350px !important;
  }
}

/* [project]/src/assets/style/frontendStyle/BlogListing.css [app-client] (css) */
.directing-main-div, .directing-main-div-list-1 {
  background: #fff;
  padding: 1% 20px;
}

.directing-main-div-1 {
  background: #fff;
  padding: 4% 3%;
}

.blog-listing-padding {
  margin: 0 10px 30px 0;
}

.single_tab_breadcrom_black > a, .blog-landing-heading-title > a, .advanced-sidebar-tags > a {
  color: #000;
}

@media (max-width: 1024px) {
  .blog-listing-padding {
    margin: 0 !important;
  }
}

@media screen and (min-width: 2561px) and (max-width: 3840px) {
  .blog-listing-padding {
    margin: 0 10px 30px 0;
  }
}

.search_advanced_main {
  -moz-column-gap: 50px;
  background: #fff;
  column-gap: 50px;
  display: flex;
}

.search_advanced {
  background: #fff;
  flex-direction: column;
  min-height: 85vh;
  padding: 2% 20px 1%;
  display: flex;
}

.advanced-search-page {
  color: #000;
  background: #fff;
  padding: 20px 0;
  font-family: Arial, sans-serif;
}

.advanced-search-heading {
  margin: 0 0 1rem;
  font-size: 48px;
  font-weight: 600;
}

.advanced-search-content {
  gap: 75px;
  display: flex;
}

.advanced-search-results {
  flex: 3;
}

.advanced-section-title {
  border-left: 4px solid var(--global-color-main-1, var(--primary-color));
  margin-bottom: 1rem;
  padding-left: 10px;
  font-size: 1.5rem;
  font-weight: 600;
}

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

.exact_match {
  color: #958c8cfa;
  cursor: pointer;
  border-radius: 18px;
  padding: 7px 8px;
  font-weight: 600;
  transition: all .3s;
}

.gray_span {
  color: #958c8cfa;
  font-size: 14px;
}

.exact_match span {
  font-size: 14px;
}

.exact_match:hover {
  background: #f5f5f5;
  border-radius: 18px;
  padding: 7px 8px;
}

.advanced-results-list {
  border: 1px solid #ddd;
  border-radius: 18px;
  margin: 0;
  padding: 24px;
  list-style: none;
}

.advanced-result-item, .advanced-result-item-creator {
  border-bottom: 1px solid #ddd;
  align-items: center;
  gap: 12px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  display: flex;
}

.advanced-result-item-inside-collection {
  border: 1px solid #ddd;
  border-radius: 18px 0 18px 18px;
}

.advanced-result-item-most {
  border-bottom: 1px solid #ddd;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.border-search-bottom {
  border-bottom: 1px solid #ddd;
  width: 96%;
}

.advanced-result-thumb {
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 18px 0 18px 18px;
  width: 200px;
  height: 112px;
}

.advanced-result-collection {
  -o-object-fit: contain;
  object-fit: contain;
  color: #ddd;
  width: 200px;
  height: 112px;
  padding: 15px;
}

.advanced-result-thumb-round {
  -o-object-fit: cover;
  object-fit: cover;
  color: #d0d0d0;
  border: 1px solid #d0d0d0;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  padding: 14px;
}

.advanced-result-thumb-round-img {
  color: #958c8cfa;
  border: 1px solid #958c8cfa;
  border-radius: 50%;
  width: 112px;
  height: 112px;
  display: block;
  position: relative;
  overflow: hidden;
}

.advanced-result-details {
  flex-direction: column;
  width: 80%;
  display: flex;
}

.advanced-result-title {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
}

.advanced-result-item:hover .advanced-result-title {
  color: #00000089;
  cursor: pointer;
}

.advanced-result-title:hover {
  color: #00000089;
  cursor: pointer;
  cursor: pointer;
}

.advanced-result-title-blue {
  color: #0e63be;
  cursor: pointer;
  border-radius: 14px;
  width: fit-content;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: bold;
}

.advanced-result-title-blue:hover {
  background-color: #0e4bbe2b;
}

.advanced-result-meta {
  color: #555;
  font-size: .9rem;
}

.advanced-result-cast {
  color: #777;
  font-size: .85rem;
}

.advanced-search-sidebar {
  background-color: #fff;
}

.advanced-sidebar-block {
  margin-bottom: 24px;
}

.advanced-sidebar-title {
  border-left: 4px solid var(--primary-color);
  text-align: start;
  margin-bottom: .5rem;
  padding-left: 8px;
  font-weight: bold;
}

.advanced-sidebar-title-1 {
  border-left: 4px solid var(--global-color-main-1, var(--primary-color));
  text-align: start;
  margin-bottom: 28px;
  padding-left: 8px;
  font-weight: bold;
}

.advanced-sidebar-tags-2 {
  scrollbar-width: thin;
  scrollbar-width: none;
  flex-wrap: nowrap;
  flex: 1;
  gap: 8px;
  margin-top: 0;
  padding-right: 61px;
  display: flex;
  overflow-x: scroll;
}

.advanced-sidebar-tags-4 {
  scrollbar-width: thin;
  scrollbar-width: none;
  flex-wrap: nowrap;
  flex: 1;
  gap: 8px;
  margin-top: 0;
  margin-right: 61px;
  padding-left: 0;
  display: flex;
  overflow-x: scroll;
}

.advanced-sidebar-tags-3 {
  scrollbar-width: none;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-top: 20px;
  padding-right: 0;
  display: flex;
}

.recent_view_main {
  justify-content: s;
  color: #fff;
  background-color: #000;
  flex-direction: column;
  align-items: center;
  padding: 0% 61px 1%;
  display: flex;
}

.recent_view {
  color: #fff;
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  display: flex;
}

.wrap_profile_recent {
  justify-content: start;
  gap: 10px;
  width: 100%;
  padding: 10px 0;
  display: flex;
}

.no_recent_page {
  color: #fff;
  width: 100%;
  font-weight: 600;
}

.recent_profile_title {
  background: #1a1a1a;
  border-radius: 0 0 18px 18px;
  padding: 5px 9px 10px;
  font-weight: 600;
}

.recent_profile_title span:hover {
  cursor: pointer;
  text-decoration: underline;
}

.clear_all_btn {
  color: #5799ef;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}

.height-fit {
  height: fit-content;
}

.recent_view_title {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.line-height-1 {
  font-weight: 700;
  line-height: 0;
}

.advanced-sidebar-tag-action {
  border-radius: 11px;
  padding: 6px 10px;
  font-size: .85rem;
}

.advanced-sidebar-tag-action-player {
  border-radius: 11px;
  padding: 6px 10px;
  font-size: 12px;
}

.advanced-sidebar-tag-revert {
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #252525;
  border-radius: 5px;
  flex-shrink: 0;
  margin-bottom: 0;
  padding: 4px 10px;
  font-size: .85rem;
  font-weight: 500;
}

.advanced-sidebar-tag-dark {
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border-radius: 5px;
  flex-shrink: 0;
  height: fit-content;
  padding: 4px 10px;
  font-size: .85rem;
  font-weight: 600;
}

.sticky-tab-right {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.advanced-sidebar-tag-revert:hover {
  cursor: pointer;
  background: #3a3939;
}

.advanced-sidebar-tag-dark:hover {
  color: #000;
  cursor: pointer;
  background: #fff;
  padding: 4px 10px;
  font-size: .85rem;
}

.advanced-sidebar-tag-modal {
  color: #8e8e8e;
  cursor: pointer;
  vertical-align: top;
  border: 1px solid #8e8e8e;
  border-radius: 11px;
  width: fit-content;
  height: fit-content;
  margin: 0;
  padding: 6px 10px;
  font-size: .85rem;
  line-height: 1;
  display: inline-block;
}

.advanced-sidebar-tag-modal-yellow {
  background: none;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  cursor: pointer;
  vertical-align: top;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 11px;
  width: fit-content;
  height: fit-content;
  margin: 0;
  padding: 6px 10px;
  font-size: .85rem;
  line-height: 1;
  display: inline-block;
}

.advanced-sidebar-tag-modal:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  cursor: pointer;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.advanced-sidebar-description {
  color: #666;
  font-size: .9rem;
}

.advanced-sidebar-buttons {
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  display: flex;
}

.advanced-sidebar-btn {
  cursor: pointer;
  background: #e6e6e6;
  border: none;
  border-radius: 6px;
  padding: 8px;
}

.video_trailor_small {
  width: 16%;
}

.search_nav {
  -moz-column-gap: 13px;
  justify-content: end;
  align-items: center;
  column-gap: 13px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.search_nav_sub {
  cursor: pointer;
  border-right: 1px solid #000;
  padding-right: 10px;
  transition: all .3s;
}

.search_nav_sub:hover {
  text-decoration: underline;
}

.main_first_title {
  font-size: 48px;
  font-weight: 500;
}

.sub_main_first_title {
  font-size: 12px;
  font-weight: 600;
}

.photos_album {
  color: #fff;
  cursor: pointer;
  position: absolute;
  bottom: 15px;
  left: 29px;
}

.photos_album:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.sub_navbar_rating {
  -moz-column-gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
  column-gap: 10px;
  padding: 18px;
  font-weight: 600;
  display: flex;
}

.green_treding_up {
  color: green;
  border: 0 solid green;
  border-radius: 50%;
  font-size: 20px;
}

.sub_span span {
  margin-left: 5px;
  font-size: 20px;
}

.sub_span svg {
  font-size: 20px;
}

.popularity_text {
  color: #dcd2d2;
  font-size: 12px;
}

.main_section_1 {
  width: 22%;
}

.main_section_1:hover {
  filter: brightness(80%);
  cursor: pointer;
  transition: all .3s;
}

.main_section_2 {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px;
  width: 61%;
  overflow: hidden;
}

.main_section_2 video {
  border-radius: 15px;
  width: 100%;
}

.main_section_3 {
  flex-direction: column;
  justify-content: space-between;
  row-gap: 10px;
  width: 16%;
  display: flex;
}

.main_header_image_videos {
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0 18px;
  display: flex;
}

.all_photos_video div {
  font-weight: 600;
}

.description_movie {
  padding: 16px 16px 16px 0;
  font-weight: 600;
}

.description_movie span {
  color: #5799ef;
}

.description_movie span:hover {
  cursor: pointer;
  text-decoration: underline;
}

.description_movie div {
  border-bottom: 1px solid #80808042;
}

.all_photos_video {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(to right, #423f40, #6e6a6b78);
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 49%;
  transition: all .1s;
  display: flex;
}

.all_photos_video:hover {
  filter: brightness(120%);
}

.categories_movie {
  -moz-column-gap: 10px;
  flex-wrap: wrap;
  column-gap: 10px;
  padding: 16px 16px 16px 0;
  display: flex;
}

.main_head_wrap {
  color: #fff;
  background: #000;
}

.main_head_wrap_2 {
  color: #fff;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.video_description_bottom {
  display: flex;
}

.video_description_bottom_left {
  width: 65%;
}

.video_description_bottom_right {
  flex: 1;
  padding-left: 30px;
}

.in_theaters {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 18%;
  margin-bottom: 1rem;
  font-size: 10px;
  font-weight: 600;
}

.in_theaters_box svg {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 5px;
  font-size: 42px;
  position: absolute;
  top: 23%;
  right: 33%;
}

.show_time {
  text-align: center;
  color: #fff;
  font-size: 10px;
}

.blue_text {
  color: #5799ef;
  font-weight: 600;
}

.added_watch_list_2 {
  color: #5799ef;
  cursor: pointer;
  background: #544c50;
  border-radius: 25px;
  width: 60%;
  padding: 14px 40px;
  font-size: 14px;
  font-weight: 700;
  transition: all .3s;
  position: relative;
}

.added_watch_list_2:hover {
  filter: brightness(120%);
}

.added_watch_list {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  cursor: pointer;
  border-radius: 25px;
  width: 60%;
  padding: 5px 40px;
  font-size: 14px;
  font-weight: 700;
  transition: all .3s;
  position: relative;
}

.added_watch_list:hover {
  filter: brightness(80%);
}

.plus_watch_list {
  font-size: 24px;
  position: absolute;
  top: 4px;
  left: 11px;
}

.added_watch_list_sub {
  font-size: 12px;
  font-weight: 400;
}

.in_theaters_box {
  cursor: pointer;
  background-color: #000;
  border: 1px solid gray;
  border-radius: 14px;
  width: 116px;
  height: 75px;
}

.background-blur {
  filter: blur(70px) saturate(120%);
  z-index: 0;
  background-image: url("https://m.media-amazon.com/images/M/MV5BOGMwZGJiM2EtMzEwZC00YTYzLWIxNzYtMmJmZWNlZjgxZTMwXkEyXkFqcGc@._V1_SL200_QL1.jpg");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1.1);
}

.foreground-content {
  z-index: 1;
  background: linear-gradient(90deg, #1f1f1fe6 20%, #1f1f1f99 80%, #1f1f1fe6);
  height: 100%;
  padding: 0% 61px;
  position: relative;
}

.imdb_featured {
  padding-top: 24px;
  display: flex;
}

.imdb_featured_left {
  width: 40%;
}

.imdb_featured_title {
  padding: 24px 0;
  font-size: 20px;
  font-weight: 600;
}

.imdb_featured_description {
  font-size: 16px;
}

.imdb_featured_right img {
  cursor: pointer;
  border-radius: 18px;
  padding-left: 20px;
  transition: all .3s;
}

.imdb_featured_right img:hover {
  filter: brightness(80%);
}

.custom-carousel-box-recent {
  cursor: pointer;
  border-radius: 0 15px 0 0;
  width: 192px;
  height: 285px;
  transition: all .3s;
}

.custom-carousel-box-recent:hover {
  filter: brightness(80%);
}

.blog-listing-image-col-sub {
  width: 35%;
}

.w-83 {
  width: 83%;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .added_watch_list, .added_watch_list_2 {
    width: 100%;
  }

  .foreground-content {
    padding: 0% 24px;
  }

  .video_trailor_small {
    width: 24%;
  }

  .directing-main-div, .directing-main-div-list-1, .directing-main-div-1 {
    padding: 6% 8%;
  }

  .search_advanced_main {
    background: #fff;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .search_advanced {
    padding: 0% 25px 1% 16px;
  }

  .foreground-content {
    padding: 0% 1%;
  }

  .main_head_wrap {
    padding: 0% 23px;
  }

  .directing-main-div, .directing-main-div-list-1, .directing-main-div-1 {
    padding: 1% 12%;
  }

  .search_advanced_main {
    background: #fff;
    flex-direction: column;
  }

  .left_advaced_search, .right_advaced_search {
    width: 100%;
  }

  .single_cast {
    width: 50%;
  }

  .advanced-search-content {
    flex-direction: column;
    gap: 40px;
    display: flex;
  }

  .advanced-search-page {
    padding: 10px 0 0;
  }

  .blog-landing-details {
    width: 100% !important;
  }
}

@media (min-width: 0) and (max-width: 320px) {
  .added_watch_list, .added_watch_list_2 {
    width: 100%;
  }
}

@media (min-width: 0) and (max-width: 430px) {
  .blog-listing-image-col-sub {
    width: 100%;
  }

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

  .sticky-tab-right {
    top: 10px;
    right: 15px;
  }
}

@media (min-width: 321px) and (max-width: 375px) {
  .added_watch_list, .added_watch_list_2 {
    width: 100%;
  }
}

@media (min-width: 376px) and (max-width: 425px) {
  .recent_view_main {
    padding: 17px 23px 20px;
  }

  .added_watch_list, .added_watch_list_2 {
    width: 100%;
  }

  .advanced-result-item-creator {
    align-items: center;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .blog-landing-footer-text-blog {
    padding: 0 0 .5rem !important;
  }

  .advanced-sidebar-tag-modal-yellow {
    width: 100%;
    margin-bottom: 10px;
  }

  .advanced-sidebar-tag-modal {
    width: 100%;
  }

  .advanced-sidebar-tag-action {
    padding: 10px 10px 6px 0;
  }

  .advanced-sidebar-tag-action-player {
    padding: 6px 10px 6px 0;
  }

  .advanced-result-collection {
    -o-object-fit: contain;
    object-fit: contain;
    color: #ddd;
    width: 100px;
    height: 56px;
    padding: 15px;
  }

  .advanced-result-thumb {
    -o-object-fit: fill;
    object-fit: fill;
    border-radius: 18px 0 18px 18px;
    width: 100px;
    height: 56px;
  }

  .advanced-results-list {
    border: none;
    margin: 0;
    padding: 24px 0;
    list-style: none;
  }

  .advanced-result-details {
    width: 70%;
  }

  .foreground-content {
    padding: 0% 1%;
  }

  .sub_navbar_rating {
    padding: 0 18px 18px;
  }

  .imdb_featured {
    flex-direction: column;
    padding-top: 24px;
    display: flex;
  }

  .imdb_featured_title {
    padding: 12px 0;
    font-size: 18px;
  }

  .imdb_featured_left {
    width: 100%;
  }

  .imdb_featured_right img {
    padding-left: 0;
  }

  .in_theaters {
    max-width: 36%;
  }

  .categories_movie {
    row-gap: 10px;
  }

  .video_description_bottom_left {
    width: 100%;
  }

  .video_description_bottom_right {
    width: 100%;
    padding: 16px;
  }

  .video_description_bottom {
    flex-direction: column;
  }

  .search_nav {
    padding: 20px 0;
  }

  .main_head_wrap {
    color: #fff;
    background: #000;
    padding: 0% 23px;
  }

  .main_section_1 {
    width: 100%;
  }

  .main_section_2 {
    width: 100%;
    height: 215px;
  }

  .main_section_3 {
    width: 100%;
  }

  .video_trailor_small {
    width: 32%;
  }

  .search_advanced {
    background: #fff;
    flex-direction: column;
    padding: 4% 16px 20px;
    display: flex;
  }

  .search_advanced_main {
    background: #fff;
    flex-direction: column;
  }

  .left_advaced_search, .right_advaced_search, .single_cast {
    width: 100%;
  }

  .advanced-search-heading {
    margin: 1rem 0;
    font-size: 22px;
  }

  .advanced-search-content {
    flex-direction: column;
    gap: 40px;
    display: flex;
  }

  .advanced-search-page {
    padding: 10px 0 0;
  }

  .directing-main-div, .directing-main-div-list-1 {
    padding: 1% 5%;
  }

  .advanced-sidebar-title, .advanced-sidebar-title-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .advanced-sidebar-tags-4 {
    margin-right: 0;
  }

  .directing-main-div, .directing-main-div-list-1 {
    padding: 1% 16px;
  }

  .directing-main-div-1 {
    padding: 1% 10%;
  }

  .search_advanced_main {
    background: #fff;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .video_description_bottom_left {
    width: 100%;
  }

  .categories_movie {
    row-gap: 10px;
  }

  .video_description_bottom_right {
    width: 100%;
    padding-bottom: 10px;
  }

  .video_description_bottom {
    flex-direction: column;
  }

  .search_nav {
    padding: 20px 0;
  }

  .blog-lending-main {
    padding: 3% 6%;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .blog-lending-main {
    padding: 3% 0%;
  }

  .directing-heading {
    line-height: 1;
  }
}

.directing-heading {
  padding: 0 5px 0 0;
  font-size: 35px;
  font-weight: 700;
}

.directing-heading-1 {
  padding: 0 5px 0 0;
  font-size: 40px;
  font-weight: 700;
}

.yellow-dot {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 10px;
}

.color-black {
  color: #000;
}

.blog-col {
  padding: 0 !important;
}

@media (min-width: 1441px) {
  .blog-lending-main {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
  }

  .blog-lending-main > .blog-col:first-child {
    flex: 1;
    min-width: 0;
  }

  .blog-lending-main > .blog-col:nth-child(2), .blog-lending-main > .blog-col-sidebar, .blog-lending-main > .blog-col.d-md-block {
    flex: none;
    max-width: 300px;
    margin-left: 0;
    display: block !important;
  }

  .directing-main-div-list-1 .d-md-none.blog-col.w-100.mt-3, .blog-sub-category-page .d-md-none.blog-col.w-100.mt-3 {
    display: none !important;
  }
}

@media (max-width: 1440px) {
  .blog-lending-main {
    flex-direction: column !important;
    gap: 0 !important;
  }

  .blog-lending-main > .blog-col:first-child {
    flex: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .blog-lending-main > .blog-col.d-none.d-md-block, .blog-lending-main > .blog-col-sidebar {
    display: none !important;
  }

  .directing-main-div-list-1 .d-md-none.blog-col.w-100.mt-3, .blog-sub-category-page .d-md-none.blog-col.w-100.mt-3 {
    display: block;
    width: 100% !important;
    margin-top: 24px !important;
  }

  .directing-main-div-list-1 .d-md-none .advanced-sidebar-tags, .blog-sub-category-page .d-md-none .advanced-sidebar-tags {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  :is(.directing-main-div-list-1 .d-md-none .blog-page-banner-6, .directing-main-div-list-1 .d-md-none .blog-page-banner-6-num, .directing-main-div-list-1 .d-md-none .campaign-html-banner-wrap--300x400, .directing-main-div-list-1 .d-md-none .common-ban:has(.blog-page-banner-6), .directing-main-div-list-1 .d-md-none .common-ban:has(.campaign-html-banner-wrap--300x400), .blog-sub-category-page .d-md-none .blog-page-banner-6, .blog-sub-category-page .d-md-none .blog-page-banner-6-num, .blog-sub-category-page .d-md-none .campaign-html-banner-wrap--300x400, .blog-sub-category-page .d-md-none .common-ban:has(.blog-page-banner-6), .blog-sub-category-page .d-md-none .common-ban:has(.campaign-html-banner-wrap--300x400)) {
    display: none !important;
  }
}

@media (min-width: 426px) and (max-width: 1024px) {
  .directing-main-div-list-1 {
    padding: 1% 16px !important;
  }
}

.blog-landing-dark-btn {
  text-transform: uppercase;
  letter-spacing: 1.5px !important;
  border-radius: 0 !important;
  font-size: 11px !important;
}

.blog-landing-heading-title {
  color: #000;
  padding: 10px 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 25px;
}

.blog-landing-heading-title:hover {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.blog-landing-details {
  color: gray;
  width: 881px;
  font-weight: 400;
}

.blog-landing-details-3 {
  color: gray;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
}

@media (min-width: 0) and (max-width: 425px) {
  .blog-landing-details {
    width: 100%;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9;
    padding-right: 0 !important;
  }
}

@media (min-width: 2560px) and (max-width: 3840px) {
  .blog-landing-details {
    width: 1036px;
  }

  .advanced-result-item-creator {
    gap: 6%;
  }
}

.blog-continue-reading:hover {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.blog-landing-separate {
  border-bottom: 1px solid #eee;
  padding: 0;
}

.blog-landing-separate-1 {
  border-bottom: 1px solid #eee;
  padding: .1rem;
}

.blog-landing-footer-text {
  padding: 1rem 1rem 1rem 0;
  font-size: 11px;
}

.blog-landing-footer-text-blog {
  padding: 0 0 .5rem;
  font-size: 14px;
}

.blog-landing-footer-text-3 {
  padding: 0 1rem 1rem 0;
  font-size: 12px;
}

.blog-landing-footer-text-1 {
  padding: 1rem 1rem 1%;
  font-size: 11px;
}

.blog-landing-col-img {
  border-radius: 18px 0 18px 18px;
  width: 100%;
  height: 100%;
}

.blog-landing-pagination .page-link, .blog-landing-pagination {
  color: #000;
}

.custom-multi-select {
  flex: 1;
}

@media (max-width: 768px) {
  .custom-multi-select {
    min-width: 42.5%;
    max-width: 42.5%;
  }
}

@media (min-width: 2560px) and (max-width: 3840px) {
  .custom-multi-select {
    min-width: 20%;
  }
}

/* [project]/src/assets/style/frontendStyle/BlogPage.css [app-client] (css) */
.main-div-blog-page {
  background: #fff;
  min-height: 100vh;
  padding-top: 68px;
}

.blog-category-navbar {
  background: #f8f8f8;
  border-bottom: 1px solid #ddd;
  padding: 15px 61px;
}

.blog-categories {
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
}

.blog-category-item {
  cursor: pointer;
  border-radius: 4px;
  padding: 8px 16px;
  transition: all .3s;
}

.blog-category-item:hover {
  background: #e0e0e0;
}

.sub-div-blog-page {
  padding: 2% 20px;
}

.parent-blog-page {
  margin-bottom: 30px;
}

.blog-landing-title {
  color: #000;
  font-size: 48px;
  font-weight: 700;
}

.blog-dot {
  color: var(--global-color-main-1, var(--primary-color));
  margin-left: 10px;
}

.latest-title {
  margin: 30px 0;
}

.latest-title-header {
  border-left: 4px solid var(--global-color-main-1, var(--primary-color));
  padding-left: 10px;
  font-size: 24px;
  font-weight: 600;
}

.blog-listing-content-layout {
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  display: flex;
}

.blog-listing-main-with-sidebar {
  flex: auto;
  width: auto;
  min-width: 0;
  padding-right: 0;
}

.blog-listing-sidebar {
  flex: none;
  width: auto;
  max-width: 300px;
}

@media (max-width: 1440px) {
  .blog-listing-content-layout {
    flex-direction: column;
    gap: 0;
  }

  .blog-listing-main-with-sidebar {
    width: 100% !important;
    padding-right: 0 !important;
  }

  .blog-listing-sidebar, .blog-listing-sidebar.d-flex {
    order: 2;
    margin-top: 28px;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
  }

  .blog-listing-sidebar .banner-section-column-2, .blog-listing-sidebar .banner-section-column {
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .blog-listing-sidebar .advanced-sidebar-tags {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }
}

@media (min-width: 1441px) {
  .blog-listing-content-layout {
    flex-direction: row;
    gap: 24px;
  }

  .blog-listing-main-with-sidebar {
    flex: auto;
    width: auto;
    min-width: 0;
    padding-right: 0;
  }

  .blog-listing-sidebar, .blog-listing-sidebar.d-flex {
    flex: none;
    width: auto;
    max-width: 300px;
    justify-content: flex-start !important;
  }
}

.w-80 {
  width: 80%;
  padding-right: 40px;
}

.w-20 {
  width: 20%;
}

@media (max-width: 430px) {
  .w-80 {
    padding-right: 0;
    width: 100% !important;
  }

  .w-20 {
    display: none;
  }

  .parent-blog-page {
    margin-bottom: 10px;
  }
}

.cinema-button {
  color: #fff !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  background-color: #000 !important;
  border: none !important;
  border-radius: 5px !important;
  width: fit-content !important;
  margin-bottom: 14px !important;
  margin-left: 1px !important;
  margin-right: 4px !important;
  padding: 5px 8px !important;
  font-size: 11px !important;
}

.cinema-button:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
}

.cinema-button-disabled {
  opacity: 0;
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #000;
  border: none;
  height: 26.5px;
  margin-bottom: 14px;
  margin-left: 1px;
  margin-right: 4px;
  padding: 5px 8px;
  font-size: 11px;
}

.wrapper {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.blog-image {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px 0 18px 18px;
  width: 100%;
  height: 100%;
}

.position-absolute-app {
  position: absolute;
}

.top-0 {
  top: 0;
}

.blag-page-description {
  padding: 5% 2px 30px;
}

.card-head-font {
  font-size: 20px;
  font-weight: 700;
}

.clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.m-0 {
  margin: 0;
}

.mt-3 {
  margin-top: 1rem;
}

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

.read-more {
  color: #37383b;
  background-color: #fff;
  border: 1px solid #c0c6ca;
  border-radius: 5px;
  padding: 8px 24px;
  text-decoration: none;
}

.read-more:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

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

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

.bookmark_add {
  z-index: 2;
  color: gray !important;
  cursor: pointer !important;
  font-size: 40px !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

@media (max-width: 768px) {
  .sub-div-blog-page {
    padding: 4% 16px;
  }

  .blog-landing-title {
    font-size: 32px;
  }

  .blog-listing-sidebar, .blog-listing-sidebar.d-flex {
    display: flex !important;
  }
}

/* [project]/src/assets/style/frontendStyle/FourthComponent.css [app-client] (css) */
#pricing-toggle {
  display: inline-flex;
  position: relative;
}

.pricing-btn {
  cursor: pointer;
  background: none;
  border: none;
  padding: 8px 20px;
  font-weight: 500;
  transition: all .3s;
}

.annual-btn {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  background: #0e0e0e;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
  -webkit-background-clip: text;
  background-clip: text;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  transition: all .3s;
}

.monthly-btn {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  background: #0e0e0e;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: right;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  transition: all .3s;
}

#annual:checked ~ .wrapdiv .annual-btn, #annual:checked ~ * .annual-btn, #monthly:checked ~ .wrapdiv .monthly-btn, #monthly:checked ~ * .monthly-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  color: #000;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  font-weight: 600;
  transition: all .3s;
}

.monthly-pricing {
  display: none;
}

.annual-pricing, #monthly:checked ~ .wrapdiv .monthly-pricing, #monthly:checked ~ * .monthly-pricing {
  display: block;
}

#monthly:checked ~ .wrapdiv .annual-pricing, #monthly:checked ~ * .annual-pricing {
  display: none;
}

.book-call-btn {
  cursor: pointer;
  transition: all .3s;
}

.book-call-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px #0003;
}

.book-call-modal {
  z-index: 10000;
  justify-content: center;
  align-items: center;
  padding: 24px 16px;
  display: flex;
  position: fixed;
  inset: 0;
}

.book-call-modal__backdrop {
  cursor: pointer;
  background: #000000a6;
  border: 0;
  position: absolute;
  inset: 0;
}

.book-call-modal__panel {
  background: #fff;
  border-radius: 8px;
  width: min(960px, 100%);
  height: min(720px, 100vh - 48px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 40px #00000059;
}

.book-call-modal__close {
  z-index: 2;
  color: #fff;
  cursor: pointer;
  background: #0000008c;
  border: 0;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: 12px;
  right: 12px;
}

.book-call-modal__iframe {
  border: 0;
  width: 100%;
  height: 100%;
}

/* [project]/src/assets/style/frontendStyle/LeaveComment.css [app-client] (css) */
.leave-comment-name {
  font-size: 16px;
  font-weight: 700;
}

.leave-comment-date {
  font-size: 12px;
}

.leave-comment-detail {
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 2;
}

.leave-comment-color {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.leave-comment-input {
  border: 1px solid #d6d4d4e8;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 20px;
  padding: 8px;
  background-color: #fff !important;
}

.leave-comment-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: none;
  width: 100%;
  margin-top: 20px;
  font-weight: bold;
}

.leave-comment-header {
  padding-bottom: 5px;
  font-weight: 700;
}

/* [project]/src/assets/style/frontendStyle/Login.css [app-client] (css) */
.main-login-div {
  background-color: #505050;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 69px);
  display: flex;
  overflow-y: auto;
}

.login-card {
  background-color: #212121;
  border: 1px solid #212121;
  border-radius: 18px;
  width: 100%;
  height: 100%;
  padding: 57px 76px 19px;
}

.login-form {
  width: 302px;
}

.form-control-focus {
  background-color: #fff;
}

.login-span {
  border: 2px solid #919191;
  border-radius: 20px;
}

.share-btn-div {
  align-items: center;
  gap: 9px;
  padding-top: 13px;
  display: flex;
}

.login-form-group {
  padding-bottom: 12px;
}

.login-lable {
  color: #fff;
  outline: none;
  padding-bottom: 8px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}

.error-mesage-login {
  color: red;
  font-size: 12px;
  font-weight: 500;
}

.forgot-link {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-decoration: none;
}

.forgot-link:hover {
  color: #fff;
}

.forgot-div {
  padding-bottom: 10px;
}

.login-modal-container {
  justify-content: center;
  max-width: 875px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  position: relative;
}

.img-hader {
  width: 55px;
  height: 55px;
}

.formbidswrap3 {
  background-color: #161616;
  width: 300px;
  position: relative;
}

.form-control {
  color: #000;
  background-color: #fff;
  border-color: #606060;
  border-radius: 8px;
  width: 100%;
  padding: 6px 20px 6px 12px;
  font-size: 16px;
  font-weight: 400;
}

.form-control:focus {
  border-color: var(--global-color-main-1, var(--primary-color));
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 0 .2rem #e2b03c40;
}

.form-control-focus {
  background-color: #fff;
  outline: none;
}

.form-control-focus:focus {
  border-color: var(--global-color-main-1, var(--primary-color));
  background-color: #fff;
  box-shadow: 0 0 0 .2rem #e2b03c40;
}

.form-control:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.form-control:-webkit-autofill:hover {
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.form-control-focus:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.form-control-focus:-webkit-autofill:hover {
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.form-control-focus:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.form-control-1 {
  color: #495057;
  border-color: #606060;
  border-radius: 0;
  padding: 6px 20px 6px 12px;
  font-size: 16px;
  font-weight: 400;
}

.login-share-btn {
  background-color: #919191;
  border: 1px solid #919191;
  gap: 4px;
  width: 100%;
  padding: 6px 12px;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.login-share-btn:hover {
  background-color: #919191;
  border: 1px solid #919191;
}

.login-share-btn:active {
  background-color: #919191 !important;
  border: 1px solid #919191 !important;
}

.login-facebook-icon {
  color: #919191;
  width: 30px;
  height: 30px;
}

.login-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  width: 100%;
  padding: 6px 12px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase !important;
}

.login-btn:hover {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  transform: uppercase !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.sign-up-div {
  text-align: center;
  color: #b2b2b2;
  padding: 20px 0;
  font-size: 15px;
  font-weight: 400;
}

.sign-up-link {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.sign-up-link:hover {
  color: #fff;
}

.sign-up-span {
  padding-left: 10px;
}

.card-main-div {
  position: relative;
}

.avatar-image {
  z-index: 1;
  position: absolute;
  top: -6%;
  left: 42%;
}

.or-text {
  color: #989898;
  text-align: center;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.login-divder-div {
  border-bottom: 1px solid #dbd8d8;
}

.sginupShare {
  padding-bottom: 15px;
  padding-left: 25px;
}

.login-modal {
  max-width: 875px !important;
}

.login-modal .modal-body {
  padding: 0;
  z-index: 9999 !important;
}

.login-modal-label {
  color: #000;
  outline: none;
  padding-bottom: 8px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}

.sign-up-modal-link {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  padding: 5px;
  font-weight: 700;
  text-decoration: none;
}

.sign-up-modal-link:hover {
  color: #000;
  padding: 5px;
  font-weight: 700;
  text-decoration: none;
}

.sign-up-modal-link:disabled {
  color: #62646a;
  opacity: .7;
  cursor: not-allowed;
}

.btn.filled-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border-color: var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
}

.btn.filled-btn:disabled {
  opacity: 1;
  color: #62646a !important;
  background-color: #e8e8e8 !important;
  border-color: #d9d9d9 !important;
}

.sign-up-modal-do-not-account {
  color: #62646a;
}

.sign-up-modal-bottom-div {
  text-align: left;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 400;
}

.cross-modal {
  color: #fff;
  font-size: 25px;
}

.camera-logo {
  color: #fff;
  cursor: pointer;
  font-size: 35px;
}

.login-modal-img-div {
  cursor: pointer;
  cursor: pointer;
  justify-content: end;
  display: flex;
  right: 1%;
}

.sign-in-modal-left-img {
  border-radius: 10px 0 0 10px;
  position: relative;
}

.sign-in-modal-left-header-div {
  color: #fff;
  align-items: center;
  width: 50%;
  padding: 54px 40px;
  position: absolute;
  top: 0;
  left: 0;
}

.google-signin-btn {
  color: #1f1f1f;
  cursor: pointer;
  background: #fff;
  border: 1px solid #747775;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 10px 24px;
  font-family: Roboto, Google Sans, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  transition: background-color .2s, box-shadow .2s, border-color .2s;
  display: inline-flex;
}

.google-signin-btn:hover:not(:disabled) {
  background: #f8f9fa;
  border-color: #5f6368;
  box-shadow: 0 1px 2px #3c40434d, 0 1px 3px 1px #3c404326;
}

.google-signin-btn:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #1a73e8;
}

.google-signin-btn:disabled {
  opacity: .65;
  cursor: not-allowed;
  box-shadow: none;
}

.google-signin-btn__icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: inline-flex;
}

.google-signin-btn__icon svg {
  width: 20px;
  height: 20px;
  display: block;
}

.google-signin-btn__text {
  color: #1f1f1f;
  letter-spacing: .01em;
  font-size: 14px;
  font-weight: 500;
}

.google-signin-btn .spinner-border {
  color: #5f6368;
  border-width: .15em;
  width: 1.1rem;
  height: 1.1rem;
}

.sign-in-with-google-main-div {
  cursor: pointer;
  background: #fff;
  border: 1px solid #747775;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  margin: 10px 0;
  padding: 10px 24px;
}

.sign-in-with-google-main-div:hover {
  background: #f8f9fa;
  box-shadow: 0 1px 2px #3c40434d, 0 1px 3px 1px #3c404326;
}

.sign-in-with-google-icon-div {
  color: #000;
  width: 15%;
}

.sign-in-with-google-text-div {
  color: #000;
  width: 85%;
  font-size: 16px;
  font-weight: 600;
}

.sign-in-otp {
  color: #495057;
  border-radius: 7px;
  width: 17%;
  padding: 6px 20px 6px 6px;
  font-size: 16px;
  font-weight: 400;
}

.sign-up-select-marketer {
  border-radius: 5px;
  width: 300px;
  height: 250px;
}

.sign-up-marketer-image {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.sign-up-marketer-select {
  background: #fff;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 170px;
  left: 300px;
}

.sign-up-creator-select {
  background: #fff;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 170px;
  right: 65px;
}

.sign-up-select-main-div-selected {
  color: #bdbec3;
  text-align: center;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  cursor: pointer;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  width: 100%;
  margin: 8px 0;
  padding: 5px 8px;
  display: flex;
  position: relative;
}

.sign-up-new-select-main-div {
  color: #62646a;
  text-align: center;
  cursor: pointer;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  width: 100%;
  margin: 8px 0;
  padding: 5px 8px;
  display: flex;
}

.sign-up-new-select-main-div:hover {
  cursor: pointer;
  background: #e2b03c47;
}

.sign-up-new-select-index-alpha {
  border: 1px solid #e4e5e7;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  padding: 5px;
}

.sign-up-new-select-index-alpha-selected {
  color: #000;
  border: 1px solid #e4e5e7;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  padding: 5px;
}

.sign-up-new-select-title {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 10px;
  font-size: 20px;
  display: flex;
}

.sign-up-new-select-title-selected {
  text-align: left;
  color: #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 10px;
  font-size: 20px;
  display: flex;
}

.sign-up-form-control {
  color: #000;
  border: 1px solid #e4e5e7;
  border-radius: 0;
  width: 100%;
  padding: 6px 20px 6px 12px;
  font-size: 16px;
  font-weight: 400;
  background-color: #fff !important;
}

.sign-up-form-control:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.sign-up-form-control:-webkit-autofill:hover {
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.sign-up-form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.sign-up-form-control-width {
  color: #000;
  border: 1px solid #e4e5e7;
  border-radius: 0;
  width: fit-content;
  margin: 7px 5px 5px;
  padding: 6px 20px 6px 12px;
  font-size: 16px;
  font-weight: 400;
  background-color: #fff !important;
}

.sign-up-form-control-width:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.sign-up-form-control-width:-webkit-autofill:hover {
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.sign-up-form-control-width:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.sign-up-terms-group {
  align-items: center;
  gap: 10px;
  display: flex;
}

.sign-up-terms-group .login-modal-label {
  margin: 0;
  padding-bottom: 0;
}

input.sign-up-form-control-width[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  accent-color: #b8b8b8;
  border-radius: 3px;
  flex-shrink: 0;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  box-shadow: none !important;
  background-color: #fff !important;
  border: 1px solid #d0d0d0 !important;
}

input.sign-up-form-control-width[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23a8a8a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5l3 3 7-7'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px 8px;
  background-color: #fff !important;
  border-color: #c8c8c8 !important;
}

input.sign-up-form-control-width[type="checkbox"]:focus, input.sign-up-form-control-width[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: none !important;
  background-color: #fff !important;
  border-color: #d0d0d0 !important;
}

.sign-up-share-btn-facebook {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  color: #000;
  cursor: pointer;
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 10px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  background: #fff !important;
}

.sign-up-share-btn-facebook:hover {
  color: #000 !important;
  background: #fff !important;
}

.sign-up-share-btn-linkedin {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  color: #000;
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 6px 12px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  background: #fff !important;
}

.sign-up-share-btn-linkedin:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  color: #000 !important;
}

.create-my-ac-btn {
  color: #fff;
  background: #000;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
}

.create-my-ac-btn:hover {
  color: #fff;
  background: #000;
}

.sign-up-fw-700 {
  color: #000;
  margin-top: 62px;
  font-weight: 700;
}

.sign-up-fw-50 {
  color: #000;
  margin-top: 50px;
  font-weight: 700;
}

.sign-up-fontsize {
  font-size: 28px;
  line-height: 34px;
}

.sign-up-modal-h-85 {
  height: 70%;
}

.sign-up-modal-h-12 {
  height: 12%;
}

.sign-up-gap {
  gap: 10px;
}

.sign-up-form-height {
  height: 650px;
}

.sign-up-image-text {
  font-size: 18px;
  font-weight: 400;
}

.sign-up-image-text-1 {
  padding: 0 9%;
  font-size: 12px;
  font-weight: 400;
}

.sign-up-image-text-link {
  font-size: 12px;
  font-weight: 400;
}

.sign-up-image-text-link:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  cursor: pointer;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.sign-up-h-5 {
  height: 5%;
  padding: 15px 20px 0;
}

.sign-up-h-95 {
  height: 98%;
}

.rightside_content {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.login-field-br {
  border-radius: 0;
}

.folder_final {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.login-modal .modal-content {
  border-radius: 10px !important;
}

.creators-portfolio-manager-input-main-div .react-tel-input .form-control {
  color: #9d9da7 !important;
  border: 1px solid #606060 !important;
  height: 38px !important;
}

.react-tel-input .form-control {
  border: 1px solid #e4e5e7 !important;
  height: 38px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mr-3 {
  margin-right: 10px !important;
}

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

.margin-blog-top {
  width: 20%;
  margin-top: 8%;
}

@media (min-width: 768px) and (max-width: 1440px) {
  .login-card {
    padding: 50px 50px 35px;
  }

  .login-btn, .login-share-btn {
    padding: 6px;
  }
}

@media (min-width: 425px) and (max-width: 786px) {
  .login-modal {
    max-width: 430px !important;
  }
}

.project-carousel-form::-webkit-scrollbar-thumb {
  background: #000;
}

.project-carousel-form::-webkit-scrollbar {
  width: 12px;
}

.project-carousel-form::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #c7c7c7 !important;
}

.project-carousel-form::-webkit-scrollbar-track {
  background-color: #333;
}

@media (min-width: 1px) and (max-width: 425px) {
  .margin-blog-top {
    width: 100%;
    margin-top: 8%;
  }

  .formbidswrap3 {
    width: 100%;
  }

  .login-card {
    padding: 12px 17px 4px;
  }

  .sign-up-form-height, .sign-up-modal-h-85 {
    height: auto;
  }

  .form-control {
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
  }

  .form-control-1 {
    padding: 10px;
    font-size: 14px;
  }

  .forgot-div {
    font-size: 14px;
  }

  .login-btn {
    padding: 6px;
  }

  .main-login-div {
    padding: 20px;
  }

  .img-hader {
    width: 45px;
    height: 45px;
  }

  .sign-up-modal-do-not-account, .login-form-group {
    padding-bottom: 5px !important;
  }

  .login-modal-label {
    padding-bottom: 5px;
    font-size: 15px;
  }

  .form-control-login-mobile {
    padding: 4px !important;
  }
}

/* [project]/src/assets/style/frontendStyle/PortfolioModal.css [app-client] (css) */
.portfolio-modal-admin {
  max-width: 90%;
}

.portfolio-modal-creator {
  max-width: 50%;
}

.portfolio-modal-div {
  background-color: #000;
  border: .5px solid #303030;
  padding: 20px 20px 20px 27px;
  overflow-y: auto;
  box-shadow: 5px 5px 5px #1a1a1a;
}

.project_padding_comman {
  padding: 1.5rem;
  position: relative;
}

.project_padding_comman_share {
  padding: 18px 0%;
  position: relative;
}

.paddin-single-project {
  padding: 0% 13%;
}

.portfolio-modal-img-main-div {
  text-align: end;
  cursor: pointer;
  padding-bottom: 10px;
}

.min-h-95 {
  min-height: 95vh;
}

.min-h-75 {
  min-height: 75vh;
}

.gap-20 {
  gap: 20px;
}

.portfolio-modal-title {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  margin-bottom: 1%;
  padding: 10px;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.portfolio-modal-title-crop {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  margin-bottom: 1%;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.folder_set_1 {
  flex-wrap: wrap;
  justify-content: start;
  width: 100%;
  display: flex;
}

.start_text_title {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 0 15px;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}

.start_text_title-p {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 0 1.25rem;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}

.delete-position {
  position: absolute;
  top: 0;
  right: 10px;
}

.delete-position-1 {
  position: absolute;
  top: 0;
  right: 0%;
}

.delete-position-3 {
  position: absolute;
  top: 0;
  right: -444px;
}

.portfolio-modal-img-div, .portfolio-modal-img-div-3 {
  cursor: pointer;
  position: absolute;
  right: 0%;
}

.portfolio-modal-img-div-1 {
  cursor: pointer;
  position: absolute;
  right: 1%;
}

.portfolio-img-link {
  color: #fff;
  text-transform: uppercase;
  padding: 25px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.portfolio-profile-details-upload-txt {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-transform: capitalize;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 24px;
  font-weight: 400;
}

.upload-img {
  cursor: pointer;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  width: 12%;
  height: 50px;
  padding-top: 5px;
}

.dis-none {
  display: none;
}

.portfolio-upload-title {
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.portfolio-upload-main-div-img {
  height: 35vh;
  display: flex;
  overflow-y: auto;
}

.portfolio-upload-main-div-img-hidden {
  height: calc(48.5vh + 72px);
  display: flex;
  overflow-y: auto;
}

.portfolio-upload-main-div-height {
  height: 35vh;
  overflow-y: auto;
}

.portfolio-upload-main-div-height_hidden {
  height: 395px;
  overflow-y: auto;
}

.portfolio-save-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  text-transform: uppercase;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 700;
}

.portfolio-save-btn:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  color: #000;
}

.portfolio-save-btn:active {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
}

.portfolio-save-div {
  justify-content: end;
  gap: 8px;
  margin-top: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.portfolio-no-div {
  color: #fff;
  padding-left: 16px;
  font-size: 20px;
  font-weight: 400;
}

.portfolio-row {
  margin: 15px 0 0;
}

.video-img {
  width: 100%;
  height: 111px;
  margin-top: 30px;
}

.portfolio-form-div {
  height: 300px;
  margin-bottom: 8px;
  overflow: hidden scroll;
}

.portfolio-deleteIcon-div {
  padding-top: 310px;
}

.portfolio-deleteIcon {
  cursor: pointer;
  cursor: pointer;
  color: #fff;
  width: 24px;
  height: 24px;
  margin-top: 109px;
  position: absolute;
  bottom: 8px;
  right: 0;
}

.portfolio-add-div {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  text-align: center;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 600;
  right: 16%;
}

.portfolio-add-div:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  color: #000;
}

.portfolio-add-video-main-div {
  justify-content: right;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  bottom: 39px;
  right: 40px;
}

.delete-icon {
  text-align: end;
  padding: 0;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #333;
}

::-webkit-scrollbar-thumb {
  background: #5f5e5d;
}

.add-div {
  position: "relative";
}

.nav-link.active {
  color: #fff !important;
  background: #000 !important;
  border: none !important;
  padding: 8px 11px 8px 16px !important;
  font-weight: 700 !important;
}

.nav-link:hover {
  color: #fff !important;
  border: none !important;
}

.nav-link:focus {
  color: #656566;
  border: none !important;
}

.nav-link:focus-visible {
  border: none !important;
}

.nav-link {
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
}

.project-navbar-tabs-div .nav-tabs {
  z-index: 10;
  text-align: start;
  background: #000;
  border-bottom: none;
  height: 100vh;
  display: block;
  position: absolute;
  width: 100vw !important;
  top: -10% !important;
}

.portfolio-lable-div {
  align-items: center;
  gap: 20px;
  display: flex;
}

.portfolio-form-group {
  width: 100%;
  height: 100%;
}

.label-portfolio-div {
  padding-bottom: 5px;
}

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

.label-portfolio-div-3 {
  align-items: start;
  padding-bottom: 5px;
  display: flex;
}

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

.portfolio-label, .portfolio-label-behance {
  color: #fff;
  text-transform: capitalize;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
}

.text-change-content {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.portfolio-form-control {
  color: #495057;
  border-radius: 7px;
  width: 100%;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
}

.icon_folder_arrange {
  justify-content: space-between;
  width: 20%;
  padding: 8% 0;
  display: flex;
}

.wrap_icon_folder {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.icon_folder {
  color: #4a4a4a;
  cursor: pointer;
  margin-right: 10px;
  font-size: 22px;
}

.wrap_img {
  width: fit-content;
  height: fit-content;
  padding: 20px;
}

.pading_filed_right {
  height: 510px;
  padding: 0 0 15px !important;
}

.pading_filed_right_1 {
  padding: 0 20px 0 0 !important;
}

.edit_folder_icon {
  color: #fff;
  cursor: pointer;
  font-size: 25px;
  position: absolute;
  top: 112px;
  left: 1px;
}

.delete_folder_icon {
  color: #fff;
  cursor: pointer;
  font-size: 25px;
  position: absolute;
  top: 110px;
  right: -1px;
}

.edit_folder_icon:hover, .delete_folder_icon:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.folder_height-2 {
  height: 69vh;
}

.height-input-box-behance {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

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

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .portfolio-upload-main-div-img {
    height: 190px;
    display: flex;
    overflow-y: auto;
  }

  .folder_structure {
    height: 225px !important;
  }

  .portfolio-upload-main-div-height {
    height: 190px !important;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .folder_height-2 {
    height: 1023px;
  }
}

@media screen and (min-width: 3839px) and (max-width: 3840px) {
  .folder_height-2 {
    height: 69vh;
  }

  .folder_structure_hidden {
    height: 56vh !important;
  }

  .folder_structure {
    height: 1090px !important;
  }

  .portfolio-upload-main-div-img {
    height: 48.5vh;
  }

  .portfolio-upload-main-div-img-hidden {
    height: 52vh;
  }

  .portfolio-upload-main-div-height {
    height: 48.5vh;
  }

  .portfolio-upload-main-div-height_hidden {
    height: 52vh;
  }
}

@media screen and (min-width: 3456px) and (max-width: 3838px) {
  .folder_height-2 {
    height: 33vh;
  }

  .folder_structure_hidden {
    height: calc(20.5vh + 72px) !important;
  }

  .folder_structure {
    height: 392px !important;
  }

  .portfolio-upload-main-div-img {
    height: 18.5vh;
  }

  .portfolio-upload-main-div-img-hidden {
    height: calc(18.5vh + 72px);
  }

  .portfolio-upload-main-div-height {
    height: 17.5vh;
  }

  .portfolio-upload-main-div-height_hidden {
    height: calc(17.5vh + 72px);
  }
}

@media screen and (min-width: 3024px) and (max-width: 3455px) {
  .folder_height-2 {
    height: 690px;
  }

  .folder_structure_hidden {
    height: calc(20.5vh + 72px) !important;
  }

  .folder_structure {
    height: 345px !important;
  }

  .portfolio-upload-main-div-img {
    height: 17.5vh;
  }

  .portfolio-upload-main-div-img-hidden {
    height: calc(17.5vh + 72px);
  }

  .portfolio-upload-main-div-height {
    height: 17.5vh;
  }

  .portfolio-upload-main-div-height_hidden {
    height: calc(17.5vh + 72px);
  }
}

@media screen and (min-width: 2561px) and (max-width: 3023px) {
  .folder_height-2 {
    height: 69vh;
  }

  .folder_structure_hidden {
    height: calc(20.5vh + 72px) !important;
  }

  .folder_structure {
    height: 728px !important;
  }

  .portfolio-upload-main-div-img {
    height: 18.5vh;
  }

  .portfolio-upload-main-div-img-hidden {
    height: calc(18.5vh + 72px);
  }

  .portfolio-upload-main-div-height {
    height: 17.5vh;
  }

  .portfolio-upload-main-div-height_hidden {
    height: calc(17.5vh + 72px);
  }
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  .folder_height-2 {
    height: 1002px;
  }

  .portfolio-add-video-main-div {
    justify-content: right;
    margin-top: 38px;
    padding-bottom: 0;
    display: flex;
  }

  .folder_structure {
    height: 615px !important;
  }

  .folder_structure_hidden {
    height: 740px !important;
  }

  .portfolio-upload-main-div-img {
    height: 588px;
    display: flex;
    overflow-y: auto;
  }

  .portfolio-upload-main-div-img-hidden {
    display: flex;
    overflow-y: auto;
    height: 688px !important;
  }

  .portfolio-upload-main-div-height {
    height: 36vh !important;
  }

  .portfolio-upload-main-div-height_hidden {
    height: 696px;
    overflow-y: auto;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .paddin-single-project {
    padding: 0% 23px;
  }

  .project_padding_comman, .project_padding_comman_share {
    padding: 10px;
  }

  .portfolio-modal-img-div {
    top: -5% !important;
  }

  .portfolio-modal-img-div-3 {
    top: 19% !important;
  }

  .portfolio-modal-title {
    font-size: 16px;
  }

  .text-right-btn {
    bottom: 18px !important;
  }

  .wrap_stepper_portfolio {
    padding: 12px 24px !important;
  }

  .portfolio-add-div {
    font-size: 12px;
  }

  .portfolio-label-behance {
    margin-top: 5px;
  }

  .folder_height-2 {
    height: 76vh;
  }

  .my-list-main {
    margin-top: 10px;
    margin-left: 0;
  }

  .start_text_title {
    margin: 0;
    font-size: 16px;
  }

  .portfolio-modal-img-div-1 {
    top: -7px;
  }

  .icon_folder_arrange {
    width: 60%;
  }

  .folder_set_1 {
    justify-content: center;
  }

  .portfolio-width-60-1 {
    width: 100% !important;
  }

  .folder_structure {
    justify-content: center !important;
    height: 41vh !important;
    padding: 0% 4% !important;
  }

  .folder_structure_hidden {
    justify-content: center !important;
    height: 420px !important;
    padding: 0% 4% !important;
  }

  .start_text_title-p {
    background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
    -webkit-text-fill-color: transparent;
    color: #0000;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    position: relative;
  }

  .portfolio-upload-main-div-img {
    justify-content: center;
    height: 31.1vh;
    margin-top: 0;
  }

  .portfolio-upload-main-div-img-hidden {
    justify-content: center;
    height: 33vh;
    margin-top: 0;
  }

  .portfolio-upload-main-div-height {
    height: 30.5vh;
  }

  .portfolio-img-video-main-video {
    margin-top: 0%;
    padding: 0% !important;
  }

  .portfolio-img-btn-wrapper-folder {
    width: 100% !important;
  }

  .pading_img_common {
    padding: 0% !important;
  }

  .wrap_img {
    width: 100%;
  }

  .portfolio-upload-main-div-height_hidden {
    height: 33vh;
  }

  .height-your-project {
    height: 67%;
    overflow-y: auto;
  }

  .edit_folder_icon, .delete_folder_icon {
    top: 137px;
  }

  .height-input-box-behance {
    margin-top: 18%;
  }

  .portfolio-add-video-main-div {
    bottom: 20px;
  }
}

@media screen and (min-width: 1121px) and (max-width: 1440px) {
  .folder_structure_hidden {
    height: 330px !important;
  }

  .pading_filed_right {
    height: 390px;
  }

  .portfolio-upload-main-div-img-hidden, .portfolio-upload-main-div-height_hidden {
    height: 275px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .folder_structure_hidden {
    height: 485px !important;
  }

  .portfolio-upload-main-div-img-hidden {
    display: flex;
    overflow-y: auto;
    height: 395px !important;
  }
}

.portfolio-modal-img-div, .portfolio-modal-img-div-3 {
  top: 11%;
  right: 0%;
}

.pading_img_common {
  padding: 0%;
}

.icon_delet_text {
  color: #fff;
  gap: 8px;
  display: flex;
}

.new-style-btn-folder {
  color: #fff;
  margin-top: 5px;
  font-size: 24px;
}

@media (min-width: 426px) and (max-width: 768px) {
  .height-input-box-behance {
    margin-top: 13%;
  }

  .wrap_img {
    width: 100%;
  }

  .portfolio-img-video-main-video {
    margin-top: 1%;
    padding: 1% 0% !important;
  }

  .folder_structure {
    padding: 0% 5%;
    justify-content: center !important;
    height: 25vh !important;
  }

  .folder_structure_hidden {
    padding: 0% 5%;
    justify-content: center !important;
    height: 30vh !important;
  }

  .text-right-btn {
    text-align: right;
  }

  .portfolio-upload-main-div-img {
    justify-content: center;
    height: 31.1vh;
    margin-top: 0;
  }

  .portfolio-upload-main-div-img-hidden {
    justify-content: center;
    height: calc(40.5vh + 72px);
    margin-top: 56px;
  }

  .portfolio-upload-main-div-height {
    height: 32.5vh;
  }

  .portfolio-upload-main-div-height_hidden {
    height: calc(43.5vh + 72px);
  }
}

@media (min-width: 0) and (max-width: 768px) {
  .portfolio-deleteIcon {
    margin-top: 0;
    margin-left: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .portfolio-save-div {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }

  .video-img {
    width: 74%;
  }

  .portfolio-modal-creator {
    max-width: 100%;
  }

  .portfolio-profile-details-upload-txt {
    text-align: center;
  }

  .portfolio-modal-admin {
    max-width: 100%;
  }
}

.portfolio-img-video-main-video {
  flex-wrap: wrap;
  align-items: start;
  padding: 2% 0%;
  display: flex;
}

.portfolio-width-10 {
  color: #fff;
  width: 4%;
  font-size: 20px;
}

.portfolio-width-60 {
  width: 100%;
  padding-right: 6px;
}

.portfolio-width-60-1 {
  width: 60%;
  padding-right: 0;
}

.text-right-btn {
  text-align: right;
  position: absolute;
  bottom: 32px;
  right: 31px;
}

.ft-content {
  width: fit-content;
}

.portfolio-img-btn-wrapper {
  width: 220px !important;
}

.portfolio-img-btn-wrapper-folder {
  width: 244px;
  margin: 8px;
}

.portfolio-img-btn-wrapper-1 {
  width: 97% !important;
}

.my-list-main {
  margin-right: 10px;
}

.portfolio-img-div {
  position: relative;
}

.portfolio-img-btn-wrapper-2 {
  width: 100% !important;
}

.portfolio-img-div-wrapper {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.img-action-wrapper {
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.portfolio-delete-img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.new-style-btn {
  color: #fff;
  background-color: #000;
  border: none;
}

.new-style-btn:hover {
  background-color: #000;
  border: none;
}

.portfolio-img-for-creator {
  flex-wrap: wrap;
  gap: 40px;
  padding-top: 15px;
  display: flex;
}

.new-crop-icon {
  font-size: 18px;
}

.fullScreen-height-div {
  height: 50vh !important;
}

.fullScreen-height-bottom-video-hover {
  color: #fff;
  cursor: pointer;
}

.fullScreen-height-bottom-video-hover:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.fullScreen-height-bottom-image-div {
  width: 100%;
  height: 80px;
}

.fullScreen-height-bottom-image {
  color: #fff;
  text-align: start;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  font-size: 10px;
  overflow: hidden;
}

.arrange_folder {
  flex-direction: column;
  display: flex;
}

.wrap_stepper_portfolio {
  width: 100%;
  padding: 20px 0;
  position: relative;
}

.folder_structure {
  flex-wrap: wrap;
  place-content: start flex-start;
  height: 375px;
  padding: 0% 0;
  display: flex;
  overflow-y: auto;
}

.folder_structure_hidden {
  flex-wrap: wrap;
  place-content: start flex-start;
  height: calc(52vh + 72px);
  padding: 0% 0;
  display: flex;
  overflow-y: auto;
}

.delete_folder {
  position: absolute;
  bottom: 31px;
  right: 0;
}

.pr-4 {
  padding: 0 1.5rem 0 0;
}

/* [project]/src/assets/style/frontendStyle/Socialicons.css [app-client] (css) */
.social-share-collection {
  z-index: 9;
  z-index: 1111;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  padding: 25px;
  display: flex;
  position: fixed;
  top: 40vh;
  right: 38%;
}

.social-share {
  z-index: 9;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: fixed;
  top: 40vh;
  right: 0;
}

.contactus-social-icon {
  text-align: center;
  width: 45px;
  height: 45px;
}

.contactus-social-icon-share {
  text-align: center;
  width: 45px;
  height: 45px;
  margin: 0 15px;
}

.contactus-social-icon, .contactus-social-icon-share {
  cursor: pointer;
}

.share-title {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.share-title-sub {
  color: #000;
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.border-divider-share {
  border-bottom: 1px solid #c6c1c1;
  padding: 10px 0;
}

@media (max-width: 1024px) {
  .social-share {
    contain: layout size style;
    pointer-events: none;
  }

  .social-share a {
    pointer-events: auto;
  }

  .contactus-social-icon, .contactus-social-icon svg {
    flex-shrink: 0;
    max-width: 45px;
    max-height: 45px;
    width: 45px !important;
    height: 45px !important;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .social-share-collection {
    z-index: 1111;
    border-radius: 8px;
    width: calc(100vw - 32px);
    max-width: 360px;
    padding: 20px 12px;
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
  }

  .social-share-collection .d-flex {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .contactus-social-icon-share {
    width: 42px;
    height: 42px;
    margin: 0;
  }

  .social-share {
    contain: layout size style;
    pointer-events: none;
    top: 60vh;
  }

  .social-share a {
    pointer-events: auto;
  }

  .contactus-social-icon, .contactus-social-icon svg {
    flex-shrink: 0;
    max-width: 45px;
    max-height: 45px;
    width: 45px !important;
    height: 45px !important;
  }
}

/* [project]/src/assets/style/frontendStyle/featuredPostCarousel.css [app-client] (css) */
.featured-posts-main {
  background-color: #101010;
  width: 100%;
  padding: 1% 20px;
}

.collection_main_text {
  color: #fff;
  padding-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}

.feature-post-logs-slide {
  animation: 80s linear infinite slider;
  display: inline-block;
}

.feature-post-img {
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 15px 0 15px 15px;
  width: 325px;
  height: 175px;
}

.color-gray {
  color: #7b7b7b;
}

.content-space-between {
  justify-content: space-between;
}

@keyframes slider {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.logos {
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  width: 100%;
  min-height: 175px;
  overflow: hidden;
}

.featured-posts-main--empty {
  min-height: 260px;
}

.logos::-webkit-scrollbar {
  display: none;
}

.logos:hover .feature-post-logs-slide {
  animation-play-state: paused;
}

.sportlight-right-icon-collection {
  color: #fff;
  stroke-width: initial;
  cursor: pointer;
  font-size: 23px;
}

.bookmark_add {
  cursor: pointer;
  z-index: 10;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.items-center {
  align-items: center;
}

.gap-1 {
  gap: .25rem;
}

.mt-1 {
  margin-top: .25rem;
}

.w-100 {
  width: 100%;
}

.ml-1 {
  margin-left: .25rem;
}

.d-flex {
  display: flex;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.m-0 {
  margin: 0;
}

.featured-posts-main-popular, .exclusive-video {
  width: 100%;
  padding: 0%;
}

.featured-title {
  border-left: 4px solid var(--primary-color);
  color: #fff;
  text-align: left;
  cursor: pointer;
  text-transform: capitalize;
  margin-bottom: 20px;
  padding-left: 14px;
  font-size: 22px;
  font-weight: 600;
}

.featured-title-new {
  color: #fff;
  cursor: pointer;
  text-transform: capitalize;
  padding: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
}

.featured-title-new-faq-second {
  color: #fff;
  cursor: pointer;
  width: 100%;
  padding: 0;
  font-weight: 700;
  line-height: .8;
  font-size: 40px !important;
  line-height: 2.5rem !important;
}

.collection-sub-text {
  letter-spacing: .03125em;
  text-transform: none;
  font-smooth: auto;
  color: #ffffffb3;
  border: none;
  padding: 0 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: block;
}

.parent-card-carousel-six {
  background-color: #000;
  padding: 2% 13.5% 1%;
}

.relatedservicecursor {
  cursor: pointer;
}

.featured-posts-right-icon {
  color: #fff;
  font-size: 25px;
}

.featured-posts-row {
  justify-content: center;
  display: flex;
}

.featured-posts-img {
  color: #fff;
  width: 100%;
  height: 208px;
}

.featured-posts-img-collection {
  color: #fff;
  cursor: pointer;
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 15px 0 15px 15px;
  width: 325px;
  height: 175px;
}

.featured-posts-img-collection:hover {
  filter: brightness(80%);
  transition: all .3s ease-in;
}

.featured-posts-img-collection-project {
  color: #fff;
  cursor: pointer;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px 0 15px 15px;
  width: 311px;
  height: 175px;
}

.featured-posts-img-collection-project:hover {
  filter: brightness(80%);
  transition: all .3s ease-in;
}

.featured-posts-img-round {
  color: #fff;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.featured-posts-img-round:hover {
  filter: brightness(80%);
  transition: all .3s;
}

.leftArrowfeatures {
  cursor: pointer;
  text-align: center;
  color: #bababa;
  z-index: 9;
  border-radius: 11%;
  width: 60px;
  height: 60px;
  margin-top: 90px;
  margin-left: 1%;
  position: absolute;
}

.rightArrowfeatures {
  cursor: pointer;
  text-align: center;
  color: #bababa;
  z-index: 9;
  border-radius: 11%;
  width: 60px;
  height: 60px;
  margin: 90px 25px 0 -22px;
  position: absolute;
}

.sliderbtnIpad-home-blog {
  cursor: pointer;
  text-align: center;
  color: #bababa;
  z-index: 9;
  border-radius: 11%;
  width: 60px;
  height: 60px;
  margin-top: 90px;
  margin-left: 1%;
  position: absolute;
}

.sliderbtnIpad-home-blog-RightArrow {
  cursor: pointer;
  text-align: center;
  color: #bababa;
  z-index: 9;
  border-radius: 11%;
  width: 60px;
  height: 60px;
  margin-top: 90px;
  margin-right: 1%;
  position: absolute;
}

#left {
  left: 0 !important;
}

#right {
  right: 0;
}

.sliderbtnMobile-home-left-blog {
  cursor: pointer;
  text-align: center;
  color: #bababa;
  z-index: 9;
  border-radius: 11%;
  position: absolute;
  margin: 62px 0 0 12px !important;
}

.sliderbtnMobile-home-blog {
  cursor: pointer;
  text-align: center;
  color: #bababa;
  z-index: 9;
  border-radius: 11%;
  position: absolute;
  margin-top: 62px !important;
  margin-right: 20px !important;
}

.featuredPosts {
  border-left: 4px solid var(--primary-color);
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
  padding-left: 14px;
  font-size: 22px;
  font-weight: 600;
}

.blog-carouser-main-img-rounded {
  width: 290px;
  height: auto;
  padding-right: 20px;
}

.featured-posts-link-tag {
  text-decoration: none;
}

.description-area {
  text-align: left;
}

.title-mainBlog {
  color: #fff;
  font-size: 18px;
}

.title_profile_collection h3, .title_profile_collection h4 {
  color: #fff;
  text-align: center;
  margin-top: 16px;
  font-weight: 600;
  font-size: 16px !important;
}

.main-profile-collection .margin-20 {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  display: flex;
}

.main-profile-collection .margin-20 > div:not(.action-bar), .main-profile-collection .margin-20 > a > div {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.main-profile-collection .title_profile_collection {
  margin-top: 0;
  margin-bottom: 0;
}

.main-profile-collection .profile-collection-round {
  margin-bottom: 0;
}

.main-profile-collection .sportlight-main-name-details {
  margin: 0;
}

.main-profile-collection .action-bar {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.title_profile_collection:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  cursor: pointer;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.title_profile_collection-2 {
  color: #fff;
  text-align: left;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 600;
}

.title_profile_collection-2:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  cursor: pointer;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.title_profile_collection_blue {
  color: #5799ef;
  text-align: left;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 600;
}

.blog-title {
  color: #fff;
  z-index: 10;
  width: 311px;
  white-space: initial;
  padding-top: 5px;
  padding-left: 0;
  font-size: 16px;
}

.blog-title-collection h2 {
  color: #fff;
  z-index: 10;
  width: 307px;
  white-space: initial;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px !important;
}

.blog-title-center {
  color: #fff;
  z-index: 10;
  text-align: center;
  width: 230px;
  white-space: initial;
  padding-top: 5px;
  padding-left: 1rem;
  font-size: 16px;
}

.blog-carouser-main-img {
  width: 390px;
  height: auto;
  padding-right: 20px;
}

.blog-carousal .react-horizontal-scrolling-menu--item {
  padding: 15px 20px 0 0;
}

.object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.width-project-text {
  width: 311px;
}

.swiper-slide-new-8 .swiper-wrapper > div {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.swiper-slide-new-8 .width-project-text h4, .swiper-slide-new-8 .width-project-text .mt-1, .swiper-slide-new-8 .m-0.mt-1 {
  margin-top: 0 !important;
}

.swiper-slide-new-8 .action-bar {
  flex-flow: row;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.like-collection {
  font-size: 18px;
  transition: color .3s ease-in-out, transform .2s;
}

.like-collection:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  fill: currentColor;
  -webkit-text-fill-color: currentColor;
}

.like-collection.animate {
  animation: .4s pop;
}

.share-icon {
  font-size: 18px;
  transition: color .3s;
}

.share-icon:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  fill: currentColor;
  -webkit-text-fill-color: currentColor;
}

.count {
  color: #666;
  font-size: 12px;
}

.count:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
}

.floating-controls {
  z-index: 99999999;
  pointer-events: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-image-wrap {
  position: relative;
}

.floating-controls-projects {
  z-index: 99999999;
  pointer-events: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.project-image-wrap {
  position: relative;
}

.floating-btn {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  color: #fff;
  cursor: pointer;
  background: #ffffff26;
  border: 1px solid #fff;
  border-radius: 10px;
  font-weight: 600;
  transition: all .3s;
}

.floating-shuffle-btn, .floating-repeat-btn {
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  font-size: 16px;
  display: flex;
}

.floating-btn:hover {
  background: #ffffff26;
  transform: translateY(-2px);
}

.outline-top-blog {
  box-sizing: border-box;
  border-radius: 15px 0 15px 15px;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  display: flex;
}

.outline-top-blog .description-blog-demo, .outline-top-blog .description-blog-demo-2 {
  padding-top: 0 !important;
}

.outline-top-blog .action-bar {
  margin-top: 0;
}

@keyframes pop {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.3);
  }

  100% {
    transform: scale(1);
  }
}

@media (min-width: 767px) and (max-width: 1440px) {
  .rightArrowfeatures {
    height: 60px;
    margin-top: 90px;
    margin-left: -2.5%;
  }

  .leftArrowfeatures {
    height: 60px;
    margin-top: 95px;
    margin-left: 2.5%;
  }
}

.video_player_project {
  width: 265px;
  height: 150px;
}

.profile-collection-round {
  border-radius: 50%;
  width: 170px;
  height: 170px;
  margin-bottom: 0;
  overflow: hidden;
}

@media (max-width: 1919px) and (min-width: 1440px) {
  .featured-posts-img-collection {
    width: 244px;
    height: 137px;
  }

  .blog-title-collection h2 {
    font-size: 14px !important;
  }

  .profile-collection-round {
    width: 146px;
    height: 146px;
  }

  .title_profile_collection h3, .title_profile_collection h4 {
    font-weight: 600;
    font-size: 14px !important;
  }

  .featured-posts-img-collection-project {
    width: 233px;
    height: 131px;
  }

  .width-project-text {
    width: 233px;
  }
}

@media (max-width: 1439px) and (min-width: 1024px) {
  .featured-posts-img-collection {
    width: 244px;
    height: 137px;
  }

  .blog-title-collection h2 {
    font-size: 14px !important;
  }

  .profile-collection-round {
    width: 146px;
    height: 146px;
  }

  .title_profile_collection h3, .title_profile_collection h4 {
    font-weight: 600;
    font-size: 14px !important;
  }

  .featured-posts-img-collection-project {
    width: 233px;
    height: 131px;
  }

  .width-project-text {
    width: 233px;
  }
}

@media (min-width: 424px) and (max-width: 768px) {
  .rightArrowfeatures {
    height: 60px;
    margin-top: 90px;
    margin-left: -6.5%;
  }

  .leftArrowfeatures {
    height: 60px;
    margin-top: 95px;
    margin-left: 2.5%;
  }

  .profile-collection-round {
    width: 159px;
    height: 159px;
    padding: 0;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .width-project-text {
    width: 268px;
  }

  .floating-controls-projects {
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
  }

  .video_player_project {
    width: 268px;
    height: 150px;
  }

  .featured-posts-img-collection {
    color: #fff;
    width: 334px;
    height: 180px;
  }

  .featured-posts-img-collection-project {
    color: #fff;
    width: 268px;
    height: 151px;
  }

  .title_profile_collection_blue {
    padding: 0 10px 0 0;
    font-size: 12px;
  }

  .featured-title-new-faq {
    font-size: 55px;
  }

  .blog-title {
    font-size: 12px;
  }

  .blog-title-collection h2 {
    font-size: 12px !important;
  }

  .blog-carouser-main-img {
    width: 72vw;
    padding-right: 20px;
  }

  .featured-posts-main {
    padding: 0% 16px;
  }

  .leftArrowfeatures {
    width: 35px;
    height: 50px;
    margin-top: 75px;
    margin-left: 1.5%;
  }

  .rightArrowfeatures {
    width: 50px;
    height: 50px;
    margin-top: 75px;
    margin-left: -7%;
  }

  .title_profile_collection-2 {
    padding: 0 10px 0 0;
    font-size: 16px;
  }

  .profile-collection-round {
    width: 170px;
    height: 170px;
    padding: 0;
  }

  .featured-title-new {
    text-align: left;
    font-size: 22px;
  }

  .parent-card-carousel-six {
    padding: 3.5% 23px;
  }
}

.featured-posts-main .react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar {
  display: none;
}

.featured-posts-main .react-horizontal-scrolling-menu--scroll-container {
  height: max-content;
  display: flex;
  position: relative;
  top: 0;
  overflow-y: hidden;
  width: 100% !important;
}

.featured-posts-main .react-horizontal-scrolling-menu--item {
  padding: 15px 20px 0 0;
}

.featured-posts-main-popular .react-horizontal-scrolling-menu--item, .exclusive-video .react-horizontal-scrolling-menu--item {
  padding: 15px 24px 0 0;
}

.featured-posts-main .react-horizontal-scrolling-menu--inner-wrapper {
  display: flex;
}

.main-profile-collection .react-horizontal-scrolling-menu--item {
  margin-top: 1rem;
  padding: 0 24px 0 0 !important;
}

.main-profile-collection .rec-item-wrapper {
  width: fit-content !important;
  padding-right: 17px !important;
}

.main-profile-collection {
  padding: 0%;
}

.main-profile-collection .dydPIA {
  margin: 0;
}

.exclusive-video .rec-item-wrapper {
  width: fit-content !important;
  padding-right: 17px !important;
}

@media (min-width: 426px) and (max-width: 3840px) {
  .featured-posts-main-popular .rec-item-wrapper, .exclusive-video .rec-item-wrapper {
    width: fit-content !important;
    padding-right: 17px !important;
  }
}

@media (min-width: 0) and (max-width: 320px) {
  .featured-posts-main-popular .rec-item-wrapper {
    width: 255px !important;
    padding-right: 12px !important;
  }
}

@media (min-width: 321px) and (max-width: 375px) {
  .featured-posts-main-popular .rec-item-wrapper {
    width: 277px !important;
    padding-right: 12px !important;
  }
}

.carousel-wrapper-1 {
  touch-action: pan-y pinch-zoom;
  overscroll-behavior-x: contain;
}

@media (min-width: 376px) and (max-width: 425px) {
  .featured-posts-main-popular .rec-item-wrapper {
    width: 287px !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .featured-title-new-faq-second {
    width: 90%;
    font-size: 30px !important;
    line-height: 1 !important;
  }

  .main-profile-collection .rec-item-wrapper {
    width: 185px !important;
    padding-right: 0 !important;
  }

  .exclusive-video .rec-item-wrapper {
    width: fit-content !important;
    padding-right: 8px !important;
  }
}

.top-project-archive-tabs-wrap {
  margin-top: 4px;
}

.top-project-archive-tabs-wrap .advanced-sidebar-tags-2.content-center {
  flex-wrap: nowrap;
  justify-content: start;
  gap: 8px 10px;
  width: 100%;
  padding: 4px 0 8px;
}

.top-project-archive-tabs-wrap .advanced-sidebar-tag-revert {
  white-space: nowrap;
  align-items: center;
  display: inline-flex;
}

@media (min-width: 0) and (max-width: 768px) {
  .top-project-archive-tabs-wrap .advanced-sidebar-tags-2.content-center {
    justify-content: flex-start;
  }
}

/* [project]/src/assets/style/frontendStyle/shuffle.css [app-client] (css) */
.gradinet-new {
  background: none;
}

.border-gray {
  background: none;
  border: 1px solid #2b2b2b;
  overflow: hidden;
}

.advanced-sidebar-tag-action-player {
  color: #7b7777;
  font-size: 12px;
}

.height-fit {
  height: fit-content;
}

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

.color-gray {
  color: #7b7777;
}

.flex-1 {
  flex: 1;
}

.shuffle-container {
  gap: 20px;
  margin: auto;
  padding: 2% 8%;
  display: flex;
}

.main-profile-reel {
  align-items: stretch;
  width: 100%;
  padding: 10px 20px;
  display: flex;
}

@media (min-width: 0) and (max-width: 1024px) {
  .main-profile-reel {
    flex-wrap: wrap;
    padding: 0 16px;
  }
}

.single_tab_breadcrom_black {
  cursor: pointer;
  color: #7b7777;
  font-size: 16px;
  transition: color .3s;
  display: inline-block;
  position: relative;
}

.single_tab_breadcrom_black:after {
  content: "";
  background: linear-gradient(90deg, var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  width: 0%;
  height: 2px;
  transition: width .3s;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.single_tab_breadcrom_black:hover a, .single_tab_breadcrom_black:hover > span {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.single_tab_breadcrom_black:hover:after {
  width: 100%;
}

.shuffle-player {
  flex: 1;
}

.shuffle-title {
  margin-bottom: 15px;
}

.shuffle-progress-bar {
  cursor: pointer;
  background-color: #2b2b2b;
  height: 6px;
  margin: 15px 0 10px;
}

.shuffle-progress-fill {
  background-color: #5799ef;
  height: 100%;
  transition: width .1s;
}

.shuffle-playlist {
  width: 30%;
}

.shuffle-playlist-container {
  max-height: 400px;
  padding-right: 5px;
  overflow-y: auto;
}

.shuffle-playlist-item {
  cursor: pointer;
  color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  gap: 10px;
  margin-bottom: 5px;
  padding: 10px;
  display: flex;
}

.shuffle-playlist-item.active {
  color: #fff;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
}

.shuffle-playlist-thumbnail {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px;
  width: 200px;
  height: 112px;
}

.shuffle-playlist-content {
  flex: 1;
}

.shuffle-playlist-title {
  font-size: 16px;
  font-weight: 400;
}

.shuffle-playlist-description {
  opacity: .8;
  margin-top: 5px;
  font-size: 12px;
}

.shuffle-player-bar {
  -moz-column-gap: 10%;
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  column-gap: 10%;
  padding: 10px;
  display: flex;
}

.shuffle-player-bar-blog {
  -moz-column-gap: 10%;
  color: #fff;
  border-radius: 10px;
  justify-content: start;
  align-items: center;
  column-gap: 10%;
  width: 100%;
  padding: 10px;
  display: flex;
}

.tabs-player-project {
  flex-wrap: nowrap;
  padding: 10px 61px;
  display: flex;
}

.tabs-left-section {
  border: 1px solid #2b2b2b;
  width: 70%;
  padding: 8px;
}

.shuffle-player-bar-2 {
  -moz-column-gap: 5px;
  color: #fff;
  border-radius: 14px;
  justify-content: start;
  align-items: center;
  column-gap: 5px;
  padding: 10px 20px;
  display: flex;
}

.shuffle-controls {
  color: #fff;
  flex-wrap: wrap;
  align-items: center;
  gap: 26px;
  padding: 0% 0% 0% 26px;
  display: flex;
}

.shuffle-controls-blog {
  color: #fff;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 26px;
  width: 100%;
  padding: 0% 0% 0% 0;
  display: flex;
}

.shuffle-icon {
  opacity: .8;
  cursor: pointer;
  font-size: 25px;
}

.active-text {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.shuffle-icon-static {
  opacity: .8;
  cursor: pointer;
  color: #fff;
  font-size: 24px;
}

.shuffle-icon-play {
  opacity: .8;
  cursor: pointer;
  color: #fff;
  font-size: 25px;
}

.shuffle-icon :hover, .shuffle-icon-static :hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.shuffle-icon-play :hover {
  color: #fff;
}

.image_player_wrap-2 .action-bar .action-item-main:hover .count {
  background-image: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.image_player_wrap-2 .action-bar .action-item-main:hover .like-collection, .image_player_wrap-2 .action-bar .action-item-main:hover .view-collection, .image_player_wrap-2 .action-bar .action-item-main:hover .share-icon, .image_player_wrap-2 .action-bar .action-item-main:hover svg {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  fill: url("#globalColorHoverGrad") !important;
  -webkit-text-fill-color: currentColor !important;
}

.shuffle-pause {
  color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.shuffle-pause .buy-company-btn {
  display: none;
}

.shuffle-pause:hover .buy-company-btn {
  display: block;
}

.shuffle-pause.shuffle-pause-filled {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border: 2px solid #000 !important;
}

.shuffle-pause.shuffle-pause-filled .shuffle-icon-play-inner {
  opacity: 1;
  color: #000 !important;
}

.shuffle-pause-slider {
  color: #000;
  background-color: #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.volume-control {
  align-items: center;
  gap: 22px;
  display: flex;
}

.volume-slider {
  cursor: pointer;
  background-color: #ffffff4d;
  border-radius: 2px;
  align-items: flex-end;
  width: 4px;
  height: 40px;
  display: flex;
  position: relative;
}

.volume-fill {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border-radius: 2px;
  width: 100%;
  transition: height .1s;
}

@media (min-width: 0) and (max-width: 1024px) {
  .shuffle-icon-play {
    font-size: 12px;
  }

  .shuffle-controls {
    gap: 15px;
    padding: 1% 0% 0% 0;
  }

  .shuffle-controls-blog {
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    padding: 3% 0% 0% 0;
  }

  .shuffle-player-bar {
    padding: 10px 28px 20px 10px;
  }

  .shuffle-player-bar-blog {
    padding: 10px;
  }

  .tabs-left-section {
    width: 100%;
  }

  .tabs-player-project {
    flex-direction: column;
    padding: 10px 23px;
  }
}

@media (min-width: 1025px) and (max-width: 1919px) {
  .shuffle-controls {
    gap: 6px;
    padding: 3% 0% 0% 0;
  }
}

.repeat-indicator {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  font-size: 10px;
  font-weight: bold;
  display: flex;
  position: absolute;
  top: -5px;
  right: -5px;
}

.player-shuffle-top-centered-wrapper {
  text-align: center;
  z-index: 1111;
  width: 100%;
  position: absolute;
  top: -12px;
}

.player-shuffle-top-centered {
  z-index: 999999;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  height: fit-content;
  padding: 5px 10px;
  bottom: -34px;
  font-size: 12px !important;
}

.up-icon {
  transition: transform .3s;
}

.custom-padding {
  width: auto;
  padding-top: 0;
}

.custom-padding.mobile {
  padding-top: 52px;
}

.custom-padding.desktop {
  padding-top: 68px;
}

.custom-padding.full-width {
  width: 100%;
}

.blog-page-banner-nav {
  justify-content: center;
  display: flex;
}

.blog-page-banner-nav.bg-white {
  background-color: #fff !important;
}

.blog-page-banner-4 {
  text-align: center;
  z-index: 999999;
  cursor: pointer;
  height: fit-content;
  padding: 0 22px;
  position: fixed;
  bottom: 0;
}

.blog-page-banner-4 img {
  width: auto;
  height: 100px;
  display: block;
}

.blog-page-banner-5 {
  text-align: center;
  margin: 20px 0;
}

.blog-page-banner-2 {
  width: 160px;
  padding-top: 30%;
}

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

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

.bg-transparent {
  background-color: #0000 !important;
}

.footer-main {
  color: #fff;
  background-color: #000;
  padding: 3% 13%;
}

.footer-col {
  color: #fff;
}

.footer-logo {
  width: 50px;
  height: 50px;
  margin-bottom: 13px;
}

.footer-title {
  text-transform: uppercase;
  margin: 0;
  padding: 6px 0;
  font-size: 16px;
  font-weight: 500;
}

.footer-link {
  color: #b2b2b2;
  text-transform: capitalize;
  cursor: pointer;
  font-size: 13px;
  line-height: 36px;
  text-decoration: none;
}

.footer-link:hover {
  background-image: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.footer-social-icons {
  padding-top: 10px;
}

.footer-icon {
  cursor: pointer;
  width: 40px;
  padding: 0 10px;
}

@media (min-width: 0) and (max-width: 425px) {
  .footer-main {
    padding: 3% 5.5%;
  }
}

@media (max-width: 1024px) {
  .player-shuffle-top-centered-wrapper {
    top: -12px;
  }

  .player-shuffle-top-centered {
    padding: 5px 10px;
    font-size: 12px !important;
  }
}

/* [project]/src/assets/style/homeViewportSwitch.css [app-client] (css) */
.home-desktop-only {
  display: none;
}

@media (min-width: 1201px) {
  .home-desktop-only {
    display: contents;
  }
}

@media (min-width: 768px) {
  .mob-pl-16-y {
    padding-left: 16px !important;
  }
}

/* [project]/src/assets/style/marketerStyle/ServiceOffered.css [app-client] (css) */
.service-offered-black {
  color: #fff;
  background: #fff;
  justify-content: space-between;
  padding: 5px 14px;
  font-weight: 700;
  display: flex;
}

.service-offered-image {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.service-offered-image-1 {
  -o-object-fit: contain;
  object-fit: contain;
  opacity: .7;
  background: #e0e0e0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  padding: 14px;
}

.service-offered-btn-selected-icon {
  width: 16px;
  height: 16px;
}

.service-offered-black-div {
  align-items: center;
  display: flex;
}

.service-offered-left-arrow {
  margin: 4px;
  font-size: 18px;
}

.service-offered-cross {
  cursor: pointer;
  color: #000;
  margin: 4px;
  font-size: 30px;
}

.service-offered-white-cross {
  cursor: pointer;
  color: #fff;
  margin: 4px;
  font-size: 30px;
}

.service-offered-img-video-tab {
  opacity: .9;
  background: #000;
}

.hover_modal {
  z-index: 9999;
  width: 50%;
  height: 537px;
  position: absolute;
  left: 0%;
}

.service-offered-white {
  background: #fafafa;
}

.padding-drawer-page {
  padding: 10px 23px 20px;
}

.service-offered-main-div {
  height: calc(100vh - 165px);
  overflow: auto;
}

.service-offered-img {
  -o-object-fit: contain;
  object-fit: contain;
}

.service-offered-block {
  background: #fff;
  justify-content: space-between;
  padding: 10px;
  display: flex;
}

.service-offered-image-div {
  border-radius: 50%;
  width: 112px;
  height: 112px;
}

.service-offered-address-main-div {
  padding: 0 10px;
}

.service-offered-address-div {
  color: #aab2be;
  font-size: 10px;
  display: flex;
}

.service-offered-address-dot {
  text-align: center;
  align-items: center;
  font-size: 15px;
}

.service-offered-font-15 {
  font-size: 15px;
}

.service-offered-font-bold {
  font-weight: bold;
}

.service-offered-font-blue {
  color: #00f;
  font-size: 10px;
}

.service-offered-btn-selected {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  text-align: center;
  border: none;
  width: 120px;
  font-size: 14px;
  display: flex;
}

.service-offered-btn-selected:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
}

.service-offered-btn-selected:active {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
}

.service-offered-box {
  background: #fff;
  margin: 0 10px 16px;
}

.color_fafafa {
  color: #000;
  background-color: #fafafa;
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
}

.color_white_bg {
  background-color: #fff;
  width: 20%;
}

.service-offered-box-height {
  height: 42vh;
  overflow-y: auto;
}

.service-offered-title {
  font-size: 14px;
  font-weight: 800;
}

.service-offered-image-title-main {
  flex-wrap: wrap;
  gap: 1%;
  display: flex;
}

.service-offered-section-one {
  cursor: pointer;
  border: 1px solid #ebf2f3;
  border-radius: 5px;
  flex-direction: column;
  width: 30%;
  margin: 10px;
  padding: 5px;
  display: flex;
}

.service-offered-section-one-profile-page {
  cursor: pointer;
  border: 1px solid #ebf2f3;
  border-radius: 5px;
  flex-direction: column;
  width: 20%;
  margin: 5px;
  padding: 5px;
  display: flex;
}

.service-offered-section-one:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
}

.service-offered-tag-main {
  gap: 1%;
  width: 75%;
  display: flex;
}

.service-offered-tag-main-div {
  gap: 1%;
  display: flex;
}

.service-offered-client-div {
  width: 25%;
  height: 172px;
  overflow-y: auto;
}

.service-offered-client-div-20 {
  width: 24%;
  height: 160px;
  overflow-y: auto;
}

.service-offered-section-one-img-box {
  width: 100%;
  height: 100%;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.service-offered-section-one-img {
  aspect-ratio: 16 / 9;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.service-offered-image-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.service-offered-view-project {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-offered-blue-tag-main-div {
  width: 33.33%;
  height: 160px;
  overflow-y: auto;
}

.service-offered-client-main-div {
  border: 1px solid #ebf2f3;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  display: flex;
}

.service-offered-brand-name {
  font-size: 11px;
  font-weight: 600;
}

.service-offered-no-experience-div {
  color: #aab2be;
}

.service-offered-no-experience-div-ban-div {
  text-align: center;
  padding: 25px 0;
}

.service-offered-no-experience-div-ban {
  width: 25px;
  height: 25px;
}

.service-offered-section-width {
  width: 33.33%;
}

.info-not {
  color: #b6b6b6;
  text-align: center;
  font-size: 12px;
}

.service-offered-work-experience-main-div {
  gap: 1%;
  margin: 20px;
  display: flex;
}

.service-offered-client-ban {
  color: #b6b6b6;
  padding-left: 5px;
  font-size: 10px;
}

.service-offered-work-experience {
  background: #fff;
  border: 1px solid #ebf2f3;
  border-radius: 5px;
  padding: 10px;
}

.service-offered-work-experience-title {
  text-align: center;
  font-size: 20px;
  font-weight: 800;
}

.service-offered-slider-img {
  align-items: center;
  width: 40px;
  height: 40px;
}

.service-offered-slider-title {
  color: #68768b;
  font-size: 16px;
  font-weight: 700;
}

.service-offered-slider-company {
  color: #d5cb40;
  font-size: 14px;
}

.service-offered-slider-company-duration {
  color: #aab2be;
  padding-bottom: 10px;
  font-size: 10px;
}

.service-offered-blue-tag {
  color: #6fa1bf;
  cursor: pointer;
  background: #eff1f8;
  border-radius: 5px;
  height: 28px;
  margin: 5px;
  padding: 5px 10px;
  font-size: 12px;
}

.service-offered-award {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding: 10px 20px;
  display: flex;
}

.swiper {
  margin: 2% 0%;
}

.service-offered-swiper .swiper-slide, .service-offered-swiper-2 .swiper-slide {
  text-align: left;
  justify-content: left;
}

.image-swiper-button-prev {
  border: 1px solid #fafafa;
  border-radius: 50%;
  bottom: 0;
  left: 10%;
}

.image-swiper-button-next, .education-swiper-button-next {
  border: 2px solid #fafafa;
  border-radius: 50%;
  bottom: 0;
  right: 10%;
}

.education-swiper-button-prev {
  border: 1px solid #fafafa;
  border-radius: 50%;
  bottom: 0;
  left: 10%;
}

.swiper-pagination-bullet-active {
  border: none;
}

@media (min-width: 0) and (max-width: 425px) {
  .service-offered-client-div-20 {
    width: 100%;
    height: 172px;
    overflow-y: auto;
  }

  .service-offered-image {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    width: 100px;
    height: 100px;
  }

  .service-offered-image-div {
    border: none !important;
  }

  .service-offered-box {
    background: #fff;
    min-height: 170px;
    margin: 0;
  }

  .service-offered-section-one-profile-page {
    cursor: pointer;
    border: 1px solid #ebf2f3;
    border-radius: 5px;
    flex-direction: column;
    width: 14%;
    margin: 10px 0;
    padding: 0;
    display: flex;
  }

  .color_white_bg {
    background-color: #fff;
    width: 90%;
  }

  .service-offered-image-title-main, .service-offered-tag-main-div {
    display: block;
  }

  .service-offered-section-one, .service-offered-section-one-profile-page {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .service-offered-client-div, .service-offered-blue-tag-main-div {
    width: 100%;
  }
}

/* [project]/src/assets/style/modalCloseButton.css [app-client] (css) */
.modal-close-btn {
  cursor: pointer;
  color: #000;
  background: none;
  border: none;
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}

/* [project]/src/assets/style/packages/clentLogo.css [app-client] (css) */
.creative-services-main-img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 260px;
  height: 350px;
}

@keyframes slider {
  0% {
    transform: translateX(0);
  }

  30% {
    
  }

  100% {
    transform: translateX(-100%);
  }
}

.logos-slideproduct {
  animation: 170s linear infinite slider;
  display: inline-block;
}

.logos-new {
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  position: relative;
  overflow: auto;
}

.logos-new:before {
  content: "";
  z-index: 2;
  background: linear-gradient(90deg, #000, #0000);
  width: 200px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.logos-new:after {
  content: "";
  z-index: 2;
  background: linear-gradient(270deg, #000, #0000);
  width: 200px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.logos-new::-webkit-scrollbar {
  display: none;
}

.logos-new:hover .logos-slide, .logos-new:hover .spotlight-logs-slide, .logos-new:hover .feature-post-logs-slide {
  animation-play-state: paused;
}

.parent-product {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.parent-product-collection {
  margin: 0 0 0 1rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.delete_collection_btn {
  color: gray;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 0;
}

.delete_collection_btn:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.delete_collection_btn_blog {
  color: gray;
  font-size: 22px;
  position: absolute;
  right: 18px;
}

.delete_collection_btn_blog:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.parent-product .project-card-caraousel:hover {
  transition: all .3s ease-in;
  scale: 1.1;
}

.parent-product .sportlight-main-img:hover {
  filter: brightness(80%);
  transition: all .3s ease-in;
}

.parent-product .feature-post-img:hover {
  filter: brightness(80%);
  transition: all .3s;
}

.project-card-caraousel {
  aspect-ratio: 16 / 9;
  -o-object-fit: contain;
  object-fit: contain;
  height: 90px;
}

.margin-right-none {
  margin-left: 0;
  overflow: hidden;
}

.card_profile_skeleton {
  width: 256px;
  height: 374px;
}

.card_profile_skeleton_sp {
  width: 170px;
  height: 270px;
}

.card_profile_skeleton_profile {
  flex-direction: column;
  row-gap: 10px;
  width: 192px;
  display: flex;
}

.bookmark_add {
  z-index: 2;
  color: gray !important;
  cursor: pointer !important;
  font-size: 40px !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

.demo_image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.rank_add {
  color: gray !important;
  z-index: 12 !important;
  cursor: pointer !important;
  font-size: 40px !important;
  position: absolute !important;
  top: -21px !important;
  left: 0 !important;
}

.score .star {
  color: var(--global-color-main-1, var(--primary-color));
  font-size: 18px;
  line-height: 1;
}

.score .value {
  font-size: 16px;
}

.position-absolute-archive {
  padding-top: 10px;
}

.bookmark_add_round_profile {
  color: gray !important;
  z-index: 12 !important;
  cursor: pointer !important;
  font-size: 40px !important;
  top: 0 !important;
  right: 0 !important;
}

.bookmark_add_search {
  color: gray;
  z-index: 12;
  cursor: pointer;
  font-size: 40px;
  position: absolute;
  top: -4px;
  left: 0;
  width: 26px !important;
  height: 42px !important;
}

.caraouseltexttop {
  color: #fff;
  text-align: center;
  font-family: var(--bs-body-font-family);
  background-color: #000;
  padding: 0 23px 0;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.client_logo_skeleton {
  width: 176px;
  height: 90px;
  margin-right: 8px;
}

.client_logo_skeleton_logo {
  width: 100%;
  height: 100px;
  margin-right: 8px;
}

.item-center {
  align-items: center;
}

.recommendation-text {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 20px;
}

.main_profile_project {
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin-top: 0;
  padding-right: 60px;
  display: grid;
}

.main_profile_project_inner {
  background-color: #e6e6e6;
  flex-direction: column;
  width: 100%;
  display: flex;
  box-shadow: 0 0 1px #000;
}

.main_profile_project_inner:hover {
  transition: all .3s;
  transform: scale(1.01);
}

.main_profile_project_inner-1 {
  flex-direction: column;
  margin: 0 17px 17px 0;
  display: flex;
  box-shadow: 0 0 1px #000;
}

@media only screen and (min-width: 320px) {
  .logos-new:after, .logos-new:before {
    background: none;
  }
}

@media only screen and (min-width: 375px) {
  .logos-new:after, .logos-new:before {
    background: none;
  }
}

@media (min-width: 431px) and (max-width: 768px) {
  .main_profile_project {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 24px;
    padding-right: 60px;
    display: grid;
  }
}

@media (min-width: 1px) and (max-width: 425px) {
  .demo_image {
    width: 100%;
    height: 100%;
  }

  .main_profile_project {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 0;
    padding-right: 0;
    display: grid;
  }

  .main_profile_project_inner {
    margin: 0 0 17px;
  }

  .card_profile_skeleton {
    width: 256px;
    height: 350px;
  }

  .card_profile_skeleton_sp {
    width: 170px;
    height: 270px;
  }

  .card_profile_skeleton_profile {
    width: 192px;
    height: 287px;
  }

  .logos-new:after, .logos-new:before {
    background: none;
  }
}

@media only screen and (min-width: 768px) {
  .logos-new:after {
    z-index: 2;
    background: linear-gradient(270deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -2px;
  }

  .logos-new:before {
    z-index: 2;
    background: linear-gradient(90deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .logos-new:after {
    z-index: 2;
    background: linear-gradient(270deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  .logos:before {
    z-index: 2;
    background: linear-gradient(90deg, #000, #0000);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .logos-new:after {
    z-index: 2;
    background: linear-gradient(270deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  .logos-new:before {
    z-index: 2;
    background: linear-gradient(90deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media only screen and (min-width: 2560px) {
  .logos-new:after {
    z-index: 2;
    background: linear-gradient(270deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -2px;
  }

  .logos-new:before {
    z-index: 2;
    background: linear-gradient(90deg, #000, #0000);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.d-flex-strech {
  align-items: stretch;
  display: flex;
}

@media (min-width: 2560px) and (max-width: 3840px) {
  .main_profile_project {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media screen and (width: 853px) {
  .offlabeltext {
    left: 100.5%;
  }
}

/* [project]/src/assets/style/packages/packageHome.css [app-client] (css) */
.design {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.set1 {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
}

.set2 {
  letter-spacing: -3px;
  text-align: left;
  font-size: 70px;
  font-weight: 700;
  line-height: .8;
}

.alignimage {
  padding: 0;
}

.fit-content {
  width: fit-content;
}

.height-fit-content {
  height: fit-content !important;
}

.btnset {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  background-color: #000;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 10px;
  margin-bottom: 50px;
  margin-left: 100px;
  border-radius: 2px !important;
  font-size: 14px !important;
}

.imageset {
  -o-object-fit: cover;
  object-fit: cover;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.img-1 {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 700px;
}

@media (width: 3840px) {
  .img-1 {
    height: 100%;
  }
}

.gridset {
  color: #fff;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 80px 0 0;
}

.assemble-sub-div-new {
  text-align: left;
  width: 90%;
  font-size: 16px;
  font-family: var(--bs-body-font-family);
  margin-top: 16px;
  margin-left: 0;
}

.assemble-sub-div-new-first {
  text-align: left;
  width: 47.5%;
  font-size: 16px;
  font-family: var(--bs-body-font-family);
  margin-top: 16px;
  margin-left: 0;
}

.colheight {
  height: auto;
  margin: 0;
  padding: 0;
}

.main-first {
  width: 100%;
  padding: 0% 13.5%;
}

.mainwrapcommon {
  background-color: #0e0e0e;
  padding: 35px 13.5%;
}

.parent_main_third {
  background-color: #000;
  padding: 30px 13.5%;
}

.wrapmainSub {
  background-color: #0e0e0e;
  padding: 3.5% 13.5%;
}

.wrapmainSub2 {
  background-color: #0e0e0e;
  height: 96vh;
  padding: 2rem 3.5rem;
  overflow-y: auto;
}

.wrapmainnetwork {
  background-color: #0e0e0e;
  overflow-y: auto;
}

.text-agency {
  color: #fff;
  padding: 12px 0;
  font-size: 26px;
}

.add_netowrk_btn {
  display: flex;
}

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

.welcomenametext {
  color: #fff;
  padding: 0 0 30px;
  font-size: 45px;
}

.wrapmainSub3 {
  color: #fff;
  background-color: #0e0e0e;
  padding: 35px 50px 3.5%;
  overflow-y: auto;
}

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

.mainwrapop1 {
  border: 1px solid #252525;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.item_single_title {
  color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 18%;
  height: 230px;
  font-weight: 700;
  display: flex;
}

.item_single_1 {
  width: inherit;
  background-color: #141414;
  margin: 0;
  padding: 0 25px 0 0;
}

.collection_single {
  background: #060606;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: 24px;
  padding: 25px;
  display: flex;
}

.sub_text_title {
  color: #8e8e8e;
  font-size: 12px;
  font-weight: 400;
}

.view_collection {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: start;
  align-items: center;
  width: 100%;
  font-weight: 600;
  display: flex;
}

.image_round_profile_single {
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.single_profile_details {
  gap: 10px;
  display: flex;
}

.collection_edit_dot {
  cursor: pointer;
  top: 0;
  right: -4px;
}

.collection_edit_dot:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.three_dot_menu {
  color: #fff;
  z-index: 55;
  text-align: start;
  background-color: #000;
  width: 112px;
  padding: 10px;
  position: absolute;
  top: -30px;
  left: 12px;
}

.menu-items-edit {
  cursor: pointer;
  padding-left: 5px;
  transition: all .2s ease-in;
}

.menu-items-edit:hover {
  color: #181818;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
}

.view_and_icon {
  cursor: pointer;
  text-align: start;
}

.image_collection {
  flex: 1;
  width: 63%;
}

.image_collection .dydPIA {
  margin: 0;
}

.text-agency-new {
  padding: 12px 14px 12px 0;
}

.reflect-text {
  color: #fff;
  font-size: 12px;
}

.reflect-text-2 {
  display: flex;
}

.reflect-btn {
  cursor: pointer;
  border: none;
}

.creator-dashboard-main-div-new {
  padding: 0 68px;
}

@media (min-width: 0) and (max-width: 768px) {
  .mainwrapop1, .mainwrapop {
    text-align: center;
    flex-direction: column;
  }
}

.btnleft {
  margin-left: 15px;
}

@media (min-width: 426px) and (max-width: 1440px) {
  .image_collection {
    width: 45%;
  }

  .view_collection {
    width: 32%;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .creator-dashboard-main-div-new {
    padding: 10px 16px;
  }

  .btnleft {
    margin-left: 10px;
  }

  .leftmedia {
    margin-bottom: 10px;
  }

  .add_netowrk_btn {
    flex-wrap: wrap;
    gap: 8px;
    width: 94%;
    padding-left: 4%;
  }

  .box-black-network {
    padding: 3% 4%;
  }

  .text-agency {
    padding: 12px 14px;
  }

  .collection_single {
    flex-direction: column;
    align-items: start;
  }

  .item_single_title {
    width: 100%;
    height: 90px;
    padding: 0 0 10px;
  }

  .image_collection {
    width: 100% !important;
  }

  .view_collection {
    justify-content: start;
    width: 100%;
    height: auto;
    margin-top: 10px;
  }

  .collection_edit_dot {
    top: -104px;
  }

  .item_single_1 {
    width: 100%;
    height: auto;
    margin: 0 8px 0 0;
  }
}

.parent_main_fifth {
  background-color: #181818;
  padding: 35px 13.5%;
}

.parent_main_fifth_skeleton {
  background-color: #181818;
  padding: 1.5% 13.5%;
}

.parent_main_fifth-1 {
  padding: 3.5% 13.5%;
}

.parent_main_six {
  background-color: #000;
  padding: 2.5% 0%;
}

.btnget {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 10px;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  text-transform: uppercase !important;
  background: none !important;
  border-radius: 2px !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.btnget:hover {
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  color: #000 !important;
}

.currentplanbox {
  border: 2px dashed var(--global-color-main-1, var(--primary-color));
  flex-direction: column;
  margin-bottom: 35px;
  padding: 25px;
}

.currentplanbox-network {
  border: 2px dashed var(--global-color-main-1, var(--primary-color));
  color: #fff;
  text-align: center;
  flex-direction: column;
  padding: 50px 25px;
  font-size: 26px;
}

.maionwraprow3 {
  padding: 0 13px;
}

.cuuretnplantext {
  color: #fff;
  height: fit-content;
  font-size: 28px;
}

.textspan {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
}

.inhouse {
  border: 1px solid;
  padding: 8px 10px;
  border-radius: 2px !important;
  font-size: 14px !important;
}

.profile-container {
  align-items: center;
  gap: 11px;
  margin-top: 10px;
  display: flex;
  position: relative;
}

.wrap_profile_bt {
  flex-flow: column wrap;
  display: flex;
}

.profile-picture2 {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  overflow: hidden;
}

.profile-picture2 img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.online-status {
  background-color: #14dd14;
  border: 1px solid #14dd14;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 6px;
  bottom: 5px;
  left: -1%;
}

.online-status1 {
  background-color: #14dd14;
  border: 1px solid #14dd14;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 1px;
  bottom: 5px;
  left: 1%;
}

.nameandtym {
  flex-direction: column;
  display: flex;
}

.usernamepln1 {
  color: #fff;
  font-weight: 600;
}

.usernamepln {
  color: #fff;
  font-size: 14px;
}

.planbox {
  color: #fff;
  cursor: pointer;
  background: #3333;
  padding: 10px 20px;
}

.planbox:hover {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
}

.wraparrow {
  flex-direction: column;
  align-items: end;
  height: 100%;
  padding-top: 35px;
  display: flex;
}

.wraparrow_new {
  height: 100%;
  padding: 35px;
}

.wraparrow2 {
  color: #fff;
  font-size: 12px;
}

.b1text1 {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 600;
}

.b1text2 {
  font-size: 14px;
  font-weight: 600;
}

.b1text3 {
  opacity: .25;
  border-bottom: 1px solid gray;
  margin: 10px 0;
}

.b1text4 {
  font-weight: 600;
}

.b1text4 p {
  font-size: 14px;
  font-weight: 600;
}

.skeleton_discount {
  position: absolute;
  top: 0;
}

@media (min-width: 1px) and (max-width: 426px) {
  .set1 {
    text-align: center;
    font-size: 25px;
  }

  .wrapmainSub2 {
    padding: 1rem 1.1rem .9rem 1.4rem;
  }

  .set2 {
    font-size: 60px;
  }

  .wraparrow {
    align-items: start;
    padding-left: 19px;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .wrapmainSub {
    padding: 3.5% 16px;
  }

  .set1 {
    text-align: center;
    font-size: 25px;
  }

  .wrapmainSub3 {
    padding: 20px 20px 15%;
  }

  .network_button_arrange {
    width: 98%;
  }
}

@media only screen and (min-width: 425px) {
  .set1 {
    font-size: 25px;
  }

  .img-1 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .set1 {
    font-size: 25px;
  }

  .img-1 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .wrapmainSub {
    padding: 3.5% 5%;
  }

  .alignimage {
    justify-content: end;
    display: flex;
  }

  .set1 {
    font-size: 25px;
  }

  .set2 {
    max-width: 25rem;
  }

  .img-1 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
}

@media only screen and (min-width: 1440px) {
  .set1 {
    font-size: 25px;
  }

  .set2 {
    font-size: 75px;
  }

  .img-1 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
}

@media only screen and (min-width: 1920px) {
  .set1 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 2560px) {
  .set1 {
    font-size: 25px;
  }

  .container {
    max-width: 2500px;
  }

  .imageset {
    padding: 0%;
  }

  .set2 {
    width: 25rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .assemble-sub-div-new {
    max-width: 90%;
  }

  .assemble-sub-div-new-first {
    max-width: 55%;
  }

  .img-1 {
    height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .assemble-sub-div-new {
    width: 90%;
  }

  .assemble-sub-div-new-first {
    width: 70%;
  }
}

@media (min-width: 1440px) and (max-width: 2560px) {
  .assemble-sub-div-new {
    width: 90%;
  }

  .assemble-sub-div-new-first {
    width: 36%;
  }
}

@media (min-width: 2560px) and (max-width: 3839px) {
  .gridset {
    padding: 80px 0 0;
  }

  .assemble-sub-div-new {
    width: 90%;
  }

  .assemble-sub-div-new-first {
    width: 36%;
  }

  .colheight {
    height: auto;
  }
}

@media (width: 3840px) {
  .main-first {
    height: 71vh;
  }

  .wrapmainSub2 {
    height: 97vh;
  }
}

@media (min-width: 2560px) and (max-width: 3840px) {
  .online-status {
    left: -6px;
  }

  .online-status1 {
    left: -3px;
  }
}

@media (min-width: 1px) and (max-width: 425px) {
  .three_dot_menu {
    top: -121px;
  }

  .assemble-sub-div-new-first {
    text-align: center;
    width: 90%;
  }

  .assemble-sub-div-new {
    width: 100%;
  }

  .main-first {
    padding: 0 23px;
  }

  .mainwrapcommon, .parent_main_third, .parent_main_fifth {
    padding: 15px 16px;
  }

  .parent_main_fifth_skeleton {
    background-color: #181818;
    padding: 1.5% 13.5%;
  }

  .parent_main_fifth-1 {
    padding: 3.5% 35px 3.5% 23px;
  }

  .design {
    align-items: center;
  }

  .set2 {
    text-align: center;
    font-size: 52px;
    line-height: 1;
  }
}

.service-detail-hero-bg-layer {
  border-radius: 10px;
  width: 100%;
  min-height: 500px;
  display: block;
  position: relative;
  overflow: hidden;
}

.service-hero-img {
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  border-radius: 10px;
}

.service-hero-img--mobile {
  display: none;
}

.service-detail-hero-content {
  z-index: 1;
  position: relative;
}

.service-page-flex {
  flex-direction: column;
  display: flex;
}

.service-hero-slot {
  order: 2;
}

.service-pre-hero-slot {
  order: 1;
}

.service-below-slot {
  order: 3;
}

@media (max-width: 768px) {
  .service-hero-img--desktop {
    display: none !important;
  }

  .service-hero-img--mobile {
    display: block !important;
  }

  .service-detail-hero-bg-layer {
    min-height: min(72vh, 520px);
  }

  .service-hero-slot {
    order: 1;
  }

  .service-pre-hero-slot {
    order: 2;
  }
}

@media (min-width: 769px) {
  .service-hero-slot {
    order: 2;
  }

  .service-pre-hero-slot {
    order: 1;
  }
}

/* [project]/src/assets/style/packages/packageType.css [app-client] (css) */
.parent-main {
  grid-template-columns: 40% 1fr;
  justify-content: center;
  gap: 20px;
}

.parentparent-one {
  font-family: var(--bs-body-font-family);
  text-align: left;
  font-size: 22px;
  font-weight: 600;
  color: #fff !important;
  padding: 0 !important;
}

.parent-one p {
  font-family: var(--bs-body-font-family);
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: left;
  letter-spacing: .1px;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 10px;
  font-weight: 500;
  line-height: 1.25;
}

.just-title {
  font-family: var(--bs-body-font-family);
  text-align: left;
  color: #fbea31;
  margin-top: 10px;
  font-size: 35px;
  font-weight: 600;
  line-height: 1;
}

.discountwrap {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.parent-two {
  font-family: var(--bs-body-font-family);
  color: #fff;
  text-align: left;
  font-size: 35px;
  font-weight: 700;
}

.parent-third {
  font-family: var(--bs-body-font-family);
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 3%;
  font-size: 35px;
  font-weight: 700;
  line-height: 15px;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.parent-four {
  font-family: var(--bs-body-font-family);
  color: #b2b2b2;
  text-align: left;
  margin: 0;
  padding-bottom: 3%;
  padding-right: 12%;
  font-size: 16px;
  line-height: 25px;
}

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

.lessmore {
  cursor: pointer;
  font-weight: 500;
  color: #b2b2b2 !important;
  background: none !important;
  border: none !important;
  font-size: 16px !important;
}

.lessmore:hover {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.parent-img {
  width: 100%;
  height: auto;
  float: right !important;
}

@media only screen and (min-width: 320px) {
  .parent-third {
    line-height: 1;
  }
}

@media (min-width: 425px) and (max-width: 768px) {
  .centerimg {
    justify-content: center;
    display: flex;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .parent-img {
    width: 100%;
    float: left !important;
  }
}

@media (min-width: 2160px) and (max-width: 3840px) {
  .parent-main {
    height: auto;
  }

  .just-title {
    font-size: 4rem;
    font-weight: 600;
  }

  .offlabeltext {
    font-size: 12px;
  }
}

@media (min-width: 1px) and (max-width: 425px) {
  .parent-img {
    width: 100%;
  }

  .parent-four {
    padding-right: 0%;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .margin-btn {
    margin-bottom: 32px;
  }
}

/* [project]/src/assets/style/packages/planPackage.css [app-client] (css) */
.wrapdiv {
  width: 100%;
}

.mainfourth {
  color: #fff;
  font-size: 14px;
  padding-right: 0 !important;
}

.firstrow {
  color: #fff;
}

.firsttext {
  font-family: var(--bs-body-font-family);
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 16px;
  font-weight: 600;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  padding: 0 !important;
}

.gradiv {
  padding: 4rem 5rem 1rem;
}

.gradiv2 {
  background: #0e0e0e;
  padding: 10px;
}

.secondtext {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  text-align: left;
  letter-spacing: .1px;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 10px;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.25;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.currency_new {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.thirdtext {
  color: #b2b2b2;
  text-align: left;
  padding-top: 18px;
  padding-bottom: 3%;
  font-size: 16px;
  line-height: 25px;
}

.thirdtext .table table tbody tr {
  color: #fff;
  background-color: #0e0e0e !important;
}

.btnwraptop {
  margin-top: 30px;
  padding-right: 31px;
  position: relative;
}

.btnwraptop-1 {
  margin-top: 30px;
  padding-right: 43px;
  position: relative;
}

.btnwraptop_dash {
  margin-top: 30px;
  position: relative;
}

.parent-annual-one {
  display: flex;
}

.parent-annual-one-1 {
  justify-content: flex-end;
  display: flex;
}

.annualbtn {
  background: #0e0e0e;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  text-align: center;
  z-index: 2;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 5px 0 0 5px;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  transition: all .3s;
}

.annualActive {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  text-align: center;
  z-index: 2;
  text-transform: uppercase;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  font-weight: 600;
  transition: all .3s;
}

.monthyActive {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  text-align: center;
  z-index: 2;
  text-transform: uppercase;
  border-radius: 0 5px 5px 0;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  font-weight: 600;
  transition: all .3s;
}

.annualbtn:hover {
  z-index: 22;
  color: #000;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
}

.monthlybtn {
  background: #0e0e0e;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  text-align: right;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  width: 50%;
  height: 35px;
  padding: 6px 30px;
  font-size: 14px;
  transition: all .3s;
}

.monthlybtn:hover {
  z-index: 22;
  color: #000;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
}

.offlabeltext {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  background: #0e0e0e;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  z-index: 23;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 0 0 5px 5px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 800;
  position: absolute;
}

.offlabeltext_1 {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  background: #0e0e0e;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  z-index: 23;
  -webkit-background-clip: text;
  background-clip: text;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 800;
  position: static;
}

.mr-1 {
  margin-right: 5px !important;
}

.ml-1 {
  margin-left: 5px !important;
}

.fade-in-text {
  opacity: .5;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  animation: .8s forwards slideFadeIn;
  display: inline-block;
  transform: translateX(-20px);
}

@keyframes slideFadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.firstcard {
  background-color: #1a1a1a;
  border: 1px solid #1a1a1a;
  padding: 32px;
}

.firstcard-second {
  background-color: #1a1a1a;
  padding: 32px;
}

.firstcard:hover {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  box-shadow: 0 0 1em #ffffff40;
}

.maincol1 {
  height: fit-content;
  padding: 0 35px 0 0;
}

.maincol1:hover .bookcallbtn1 {
  display: block;
}

.maincol1:hover .btnwrap1 {
  justify-content: center;
  display: flex;
}

.parent-col-pricing {
  padding: 0;
}

.row2 {
  padding: 88px 0;
}

.row3 {
  -moz-column-gap: 35px;
  gap: 83px 35px;
  padding: 88px 0;
}

.card_txt1 {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}

.card_txt1 span {
  color: #a6a6a6;
}

.hrline {
  opacity: .18;
  border: 1px solid #707070;
}

.card_txt3 {
  color: #a6a6a6;
  margin-top: 12px;
}

.headingline {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  letter-spacing: .1px;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.25;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.truemark {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 24px;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.falsemark {
  color: #777;
  padding: 1px;
  font-size: 24px;
}

.featuredes {
  color: #fff;
  font-size: 16px !important;
}

.featuredes_new {
  color: #fff;
  font-size: 14px !important;
}

.marktext {
  line-height: 2;
}

.parent_mark {
  align-items: center;
  gap: 10px;
  padding: 0;
  display: flex;
}

.marktext span {
  padding: 10px;
  font-size: 16px;
}

.bookcallbtn1 {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  width: 70%;
  height: 55px;
  margin-top: 48px;
  display: none;
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
  background-color: #1a1a1a !important;
}

.bookcallbtn1:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  color: #000 !important;
}

.btnwrap1 {
  justify-content: center;
  display: flex;
}

.maincol1:before {
  width: 100%;
  position: absolute;
}

.maincol2 {
  background-color: #1a1a1a;
  border: 2px solid #1a1a1a;
  height: fit-content;
  position: relative;
}

.maincol2:hover {
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
}

.border-yellow {
  border: 2px solid var(--global-color-main-1, var(--primary-color));
}

.mostpopulartext {
  text-align: center;
  color: #000;
  width: 101.2%;
  height: 48px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: -36px;
  left: -2px;
  border: 2.8px solid var(--global-color-main-1, var(--primary-color)) !important;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
}

.btnwrap2 {
  justify-content: center;
  display: flex;
}

.disable_class_btn {
  opacity: .45;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: center;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 2px;
  margin-top: 48px;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: default !important;
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
  background-color: #1a1a1a !important;
}

.bookcallbtn2 {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-align: center;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 5px;
  margin-top: 48px;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 600;
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
  background-color: #1a1a1a !important;
}

.bookcallbtn2:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  color: #000 !important;
}

.btnwrap3 {
  justify-content: center;
  height: fit-content;
  display: flex;
}

.bookcallbtn3 {
  cursor: pointer;
  text-align: center;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  width: 70%;
  height: 55px;
  margin-top: 48px;
  padding: 16px 0;
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
  background-color: #1a1a1a !important;
}

.bookcallbtn3:hover {
  width: 70%;
  height: 55px;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  color: #000 !important;
}

.parent-singleBlogData {
  color: #b2b2b2;
}

.column2 {
  background-color: #1a1a1a;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
}

.maincol3 {
  height: fit-content;
  padding: 0 0 0 35px;
}

.maincol3:hover .bookcallbtn3 {
  display: block;
}

.maincol3:hover .btnwrap3 {
  justify-content: center;
  display: flex;
}

.iconsize {
  color: #707070;
  font-size: 24px;
}

.Includedplanheader {
  padding: 0 0 35px;
  font-size: 25px;
  font-weight: 600;
}

.includedpanmark {
  color: #757575;
  margin-left: 10px;
}

.includedarrange {
  align-items: center;
  gap: 15px;
  display: flex;
}

.includedlist {
  padding: 0 0 0 10px;
  font-size: 16px;
}

.includeddatamargin {
  margin-bottom: 25px;
  font-size: 1rem;
}

.colpedding {
  width: 30px;
  padding: 0 !important;
}

@media only screen and (min-width: 320px) {
  .maincol3 {
    margin-top: 130px;
  }

  .firstcard, .firstcard-second {
    padding: 15px 5px;
  }

  .btnwraptop, .btnwraptop-1, .btnwraptop_dash {
    justify-content: center;
  }

  .marktext span {
    width: 90%;
    padding: 10px;
    font-size: 12px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: .8rem;
  }
}

@media only screen and (min-width: 375px) {
  .firstcard, .firstcard-second {
    padding: 20px;
  }

  .btnwraptop, .btnwraptop-1, .btnwraptop_dash {
    justify-content: center;
  }

  .maincol3 {
    margin-top: 130px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}

@media (min-width: 1px) and (max-width: 768px) {
  .maincol3, .maincol1 {
    padding: 0;
  }
}

@media only screen and (min-width: 425px) {
  .btnwraptop, .btnwraptop-1, .btnwraptop_dash {
    justify-content: center;
  }

  .maincol3 {
    margin-top: 130px;
  }

  .marktext span {
    width: 90%;
    padding: 10px;
    font-size: 16px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .maincol2, .maincol3 {
    margin-top: 120px;
  }

  .btnwraptop, .btnwraptop-1, .btnwraptop_dash {
    justify-content: center;
  }

  .marktext span {
    width: 90%;
    padding: 10px;
    font-size: 16px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1024px) {
  .maincol2 {
    width: 30.4%;
    margin-top: 0;
  }

  .maincol3 {
    margin-top: 0;
  }

  .marktext span {
    padding: 10px;
    font-size: 16px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1440px) {
  .marktext span {
    width: 90%;
    padding: 10px;
    font-size: 16px;
  }

  .includeddatamargin {
    margin-bottom: 20px;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 2560px) {
  .marktext span {
    padding: 10px;
    font-size: 16px;
  }

  .includeddatamargin {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}

@media (min-width: 1080px) and (max-width: 1980px) {
  .maincol3 {
    padding: 0 12px 0 35px;
  }
}

@media (min-width: 2160px) and (max-width: 3840px) {
  .mostpopulartext {
    width: 100.5%;
  }

  .gradiv {
    padding: 1rem 22rem;
  }

  .colpedding {
    width: 30px;
  }

  .firsttext {
    font-size: 1.5rem;
  }

  .offlabeltext {
    font-size: 12px;
  }

  .maincol1 {
    height: fit-content;
    padding: 0 60px 0 0;
  }

  .maincol3 {
    height: fit-content;
    padding: 0 12px 0 60px;
  }
}

@media (min-width: 1px) and (max-width: 425px) {
  .Includedplanheader {
    padding: 0 0 29px;
  }

  .maincol3 {
    margin-top: 0;
  }

  .firstcard {
    margin-bottom: 40px;
  }

  .border-yellow {
    margin-top: 45px;
  }

  .mb-15 {
    margin-bottom: 15px !important;
  }

  .row3 {
    -moz-column-gap: 0px;
    gap: 0;
    padding: 0;
  }

  .row2 {
    padding: 0;
  }

  .gradiv {
    padding: 1rem 1px;
  }

  .mr-1 {
    margin-right: 5px !important;
  }

  .parent-singleBlogData {
    padding: 0;
  }

  .secondtext {
    font-size: 22px;
  }

  .thirdtext {
    font-size: 14px;
  }

  .parent-annual-one, .parent-annual-one-1 {
    justify-content: center;
    margin-bottom: 67px;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .mostpopulartext {
    width: 100.6%;
  }
}

@media (min-width: 1040px) and (max-width: 1424px) {
  .mostpopulartext {
    width: 101.5%;
  }
}

@media (min-width: 770px) and (max-width: 990px) {
  .mostpopulartext {
    width: 100.7%;
  }
}

@media (width: 3840px) {
  .mostpopulartext {
    width: 100.5%;
  }
}

@media (width: 1920px) {
  .mostpopulartext {
    width: 101.2%;
  }
}

@media (width: 2560px) {
  .mostpopulartext {
    width: 100.5%;
  }
}

@media (width: 1024px) {
  .mostpopulartext {
    width: 101.6%;
  }
}

@media (min-width: 321px) and (max-width: 425px) {
  .mostpopulartext {
    width: 101.6%;
  }
}

@media (min-width: 1px) and (max-width: 320px) {
  .maincol3 {
    margin-top: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 3840px) {
  .maincol3 {
    width: 34.2%;
  }
}

/* [project]/src/assets/style/packages/questionAnswer.css [app-client] (css) */
.head {
  font-family: var(--bs-body-font-family);
  font-size: 16px;
  font-weight: 500;
  color: #ffffe7 !important;
}

.head-main {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  font-family: var(--bs-body-font-family);
  letter-spacing: .1px;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  padding-bottom: 20px;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.25;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.parent-faq {
  margin: 0;
}

.parent-seven {
  color: #fff;
  font-family: var(--bs-body-font-family);
  border-bottom: 1px solid #525252c7;
}

.parent-que {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  display: flex;
}

.parent-ans {
  font: 1 bold;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 30px;
}

.parent-ans-1 svg {
  font: 1 bold;
  color: #74767e;
  font-size: 20px !important;
}

.question-title {
  margin: 0;
  font-size: 25px;
  font-weight: 600;
}

.answer_new {
  color: #b2b2b2;
  margin: 0 0;
  padding: 0 15px 15px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media only screen and (min-width: 320px) {
  .question-title {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 375px) {
  .question-title {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 425px) {
  .question-title {
    font-size: 1rem;
  }

  .head-main {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) {
  .question-title {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 1024px) {
  .question-title {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 1440px) {
  .question-title {
    font-size: 25px;
  }
}

@media (min-width: 2160px) and (max-width: 3840px) {
  .head {
    font-size: 1.6rem;
    font-weight: 500;
  }

  .question-title {
    font-size: 25px;
  }
}

@media (min-width: 1px) and (max-width: 425px) {
  .answer_new {
    margin: 0 0;
    padding: 0 15px 15px;
    font-size: 14px;
  }
}

/* [project]/src/assets/style/packages/relatedBlog.css [app-client] (css) */
.main-design-card {
  display: grid;
}

.netwok_modal_body {
  background: #000;
  border: 1px solid #212121;
  padding: 2%;
  box-shadow: 5px 5px 5px #1a1a1a;
}

.collection_modal_body {
  background: #000;
  border: 1px solid #212121;
  flex-direction: column;
  height: 800px;
  padding: 4%;
  display: flex;
  box-shadow: 5px 5px 5px #1a1a1a;
}

.collection_modal_body .custom-stepper .stepper__step {
  flex-direction: column-reverse;
}

.collection_modal_body_reflect {
  background: #000;
  border: 1px solid #212121;
  flex-direction: column;
  height: fit-content;
  padding: 4%;
  display: flex;
  box-shadow: 5px 5px 5px #1a1a1a;
}

.collection_modal_body_reflect .custom-stepper .stepper__step {
  flex-direction: column-reverse;
}

.custom-stepper .stepper__label {
  margin-bottom: 6px;
  color: #fff !important;
}

.parent {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 25px;
  font-weight: 600;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.parent-card {
  font-family: var(--bs-body-font-family);
  background-color: #000;
  border-left: 1px solid #181818;
  border-right: 1px solid #181818;
  border-radius: 0;
  margin-bottom: 20px;
  overflow: hidden;
}

.cross_logo {
  color: #fff;
  font-size: 24px;
}

.cross_logo-project-video {
  color: #fff;
  font-size: 24px;
  position: absolute;
  right: -23px;
}

.cross_logo-project-video:hover, .cross_logo:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.cross-collection {
  padding-bottom: 10px;
  position: absolute;
  top: 10%;
  right: 20px;
}

.network_header {
  text-align: center;
  color: #fff;
  padding: 12px 0 30px;
  font-size: 26px;
}

.coll_header {
  text-align: start;
  color: #fff;
  padding: 12px 0;
  font-size: 26px;
  line-height: .4;
}

.coll_header-2 {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0 30px;
  font-size: 26px;
  display: flex;
}

.coll_header_yellow {
  text-align: center;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  padding: 0 0 30px;
  font-size: 16px;
}

.title {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0 7px !important;
}

.textcard {
  color: #b2b2b2;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 10px !important;
}

.img-featured-cardrealative {
  aspect-ratio: 16 / 9;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.img-featured-cardrealative:hover {
  transition: all .3s ease-in;
  transform: scale(1.1);
}

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

.collection_modal_text {
  color: #fff;
  font-weight: 800;
}

.see_all {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.my_collection_see_all {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.find_collection {
  position: relative;
}

.arrnage_new_edit {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 5px;
  font-size: 14px;
  display: flex;
}

.sample-list-collections {
  font-size: 16px;
  font-weight: 600;
}

.preview_data {
  gap: 15px;
  margin: 10px 0;
  display: flex;
}

.preview_data_text {
  color: #fff;
}

.my_collection_find {
  color: #333;
  background-color: #f9f9f9;
  border-color: #000;
  outline: none;
  width: 100%;
  margin: 0 0 25px;
  padding: 4px 15px;
  font-size: 16px;
}

.border-top-gray {
  opacity: .5;
  border-top: 1px solid gray;
  margin-top: 25px;
  padding-bottom: 25px;
}

.search_collection {
  stroke-width: initial;
  font-size: 20px;
  position: absolute;
  top: 9px;
  right: 15px;
}

.all_select_collection {
  color: #fff;
  flex-direction: column;
  align-items: center;
  height: 166px;
  display: flex;
  overflow-y: auto;
}

.checkbox-collection {
  accent-color: var(--global-color-main-1, var(--primary-color));
  margin: 0 10px 0 3px;
  transform: scale(1.5);
}

.collection_menu {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  display: flex;
}

.my_collection_find::placeholder {
  color: #888;
  opacity: 1;
  border-color: #000;
}

.my_collection_body {
  background: #000;
  border: 1px solid #212121;
  width: 700px;
  height: 480px;
  padding: 6%;
  box-shadow: 5px 5px 5px #1a1a1a;
}

.create_btn_collection {
  color: #fff;
  text-align: center;
  padding: 10px 0 0;
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .img {
    height: 165px !important;
  }
}

@media (min-width: 2160px) and (max-width: 2560px) {
  .img {
    border: 1px solid red;
    height: 250px !important;
  }
}

@media (min-width: 2561px) and (max-width: 3840px) {
  .parent-card {
    margin: 10px;
  }
}

.parent-card-content, .parent-card-content1 {
  background-color: #181818;
  line-height: 20px;
}

@media (min-width: 1px) and (max-width: 425px) {
  .textcard {
    padding: 5px 0;
    font-size: 12px;
  }

  .my_collection_body {
    width: 100%;
    padding: 4%;
  }

  .collection_modal_body_reflect {
    height: 600px;
  }
}

/* [project]/src/assets/style/packages/serviceView.css [app-client] (css) */
.viewtext {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 25px;
  font-weight: 700;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.card {
  color: #fff;
  background-color: #181818;
}

.head-main-sub {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  font-family: var(--bs-body-font-family);
  letter-spacing: .1px;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 20px;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.25;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.floating-controls, .floating-controls-projects {
  z-index: 99999999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
  position: absolute;
}

.textingp {
  margin-top: 5px;
}

.setsize {
  color: #fff;
  opacity: .5;
}

.cardstyle {
  background-color: #000;
  border-radius: 0;
  width: 370px;
  margin: 1rem 1rem 0;
  display: block;
  overflow: hidden;
}

.setline {
  color: #fee8b9;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.space {
  border: 1px solid #000;
  border-radius: 5px;
  margin-right: -9px;
  padding: 0 10px;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
}

.space2 {
  align-items: center;
  gap: 5px;
  margin-right: -15px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.space1 {
  color: #fff;
  background-color: #0000;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 16px;
  display: flex;
}

.setimg {
  aspect-ratio: 16 / 9;
  position: relative;
  height: 208px !important;
}

.setimg:hover {
  transition: all .3s ease-in;
  transform: scale(1.1);
}

.hset {
  color: gray;
  font-size: 20px;
  position: absolute;
  top: 9px;
  right: 20px;
}

.mainsix {
  display: flex;
}

.logset {
  border-radius: 50px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.textbtn {
  color: #fff;
  background-color: #76769e;
  border-radius: 5px;
  padding: 0 10px;
}

@keyframes slider1 {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.slider2 {
  animation: 10000s linear infinite slider1;
  display: inline-block;
}

.headerset {
  text-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 16px;
}

.headerset1 {
  color: #b2b2b2;
  text-wrap: wrap;
  background-color: #0000;
  font-size: 13px;
}

.headerset3 {
  text-wrap: wrap;
  margin-top: 15px;
  font-size: 15px;
}

.shadow {
  border: 1px solid #fff;
}

.shadow::-webkit-scrollbar {
  display: none;
}

.logos:hover .slider2 {
  animation-play-state: paused;
}

.setdataimg {
  border-radius: 50%;
  width: 20px !important;
  height: 20px !important;
}

@media (min-width: 2160px) and (max-width: 3840px) {
  .viewtext {
    font-size: 40px;
    font-weight: 700;
  }
}

.expand-checkbox, .content-full {
  display: none;
}

.expandable-content {
  position: relative;
}

.expand-checkbox, .content-full {
  display: none;
}

.content-truncated {
  display: block;
}

.show-less-text {
  display: none;
}

.show-more-text {
  display: inline;
}

.expand-checkbox:checked ~ .content-truncated {
  display: none;
}

.expand-checkbox:checked ~ .content-full {
  display: block;
}

.expand-checkbox:checked ~ .btn_align_less .show-more-text {
  display: none;
}

.expand-checkbox:checked ~ .btn_align_less .show-less-text {
  display: inline;
}

.lessmore {
  cursor: pointer;
  color: #007bff;
  font: inherit;
  background: none;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 0;
  text-decoration: underline;
  display: inline-flex;
}

.lessmore:hover {
  color: #0056b3;
}

/* [project]/src/assets/style/paginationAndSubscribe.css [app-client] (css) */
.personal-details-form-control-subscribe-btn {
  padding: 12px;
}

.subscribe-form-message {
  text-align: left;
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.subscribe-form-message.success {
  color: #22c55e;
}

.subscribe-form-message.error {
  color: #ef4444;
}

.new-pagination-arrow {
  color: #000;
}

.new-pagination-arrow:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

/* [project]/src/assets/style/personalDetailsFormControl.css [app-client] (css) */
.personal-details-form-control {
  color: #9d9da7;
  background-color: #303030;
  border: 1px solid #333;
  border-radius: 10px;
  outline: none;
  width: 100%;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
}

/* [project]/src/assets/style/playButtons.css [app-client] (css) */
.shuffle-icon-play {
  color: #fff;
  cursor: pointer;
  opacity: .8;
  font-size: 25px;
}

.shuffle-play-all-btn {
  color: #fff;
  cursor: pointer;
  background: none;
  border: 1px solid #fff;
  border-radius: 5px;
  width: fit-content;
  padding: 12px 24px;
  font-size: 14px;
}

.shuffle-play-all-btn:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

@media screen and (min-width: 0) and (max-width: 768px) {
  .shuffle-play-all-btn {
    background: none;
    border-radius: 5px;
    width: fit-content;
    padding: 6px 10px;
    font-size: 12px !important;
  }

  .shuffle-icon-play {
    font-size: 12px;
  }
}

.floating-btn-text {
  font-size: 14px;
  font-weight: 600;
}

.floating-btn {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  color: #fff;
  cursor: pointer;
  background: #ffffff26;
  border: 1px solid #fff;
  border-radius: 10px;
  font-weight: 600;
  transition: all .3s;
}

.blog-padding-btn {
  padding: 22px 16px !important;
}

.floating-play-btn {
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: 16px;
  display: flex;
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .floating-play-btn {
    min-width: max-content;
  }
}

/* [project]/src/assets/style/playerPlaylist.css [app-client] (css) */
.padding-bottom-project {
  margin-bottom: 0;
}

.right-profile-main-inner-player-2 {
  height: calc(100% - 170px);
  overflow-y: auto;
}

.right-profile-main-inner-player-2-height-archive {
  height: 37vh !important;
}

.player-button-archive {
  z-index: 999999999;
  width: 100%;
  padding: 10px 23px 20px;
}

.image_player_wrap-di-active {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  border: 1px solid #000 !important;
  border-radius: 10px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.image_player_wrap-di-active-shuffle {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  border-radius: 10px !important;
  align-items: center !important;
  gap: 10px !important;
  display: flex !important;
  overflow: hidden !important;
}

.right_full_card_player {
  border-radius: 15px 0 15px 15px !important;
  width: 140px !important;
  height: 80px !important;
}

.right_full_card_player:hover {
  filter: brightness(80%) !important;
  transition: all .3s !important;
}

.arrage_title_play {
  gap: 0;
  width: 100%;
  align-items: center !important;
  display: flex !important;
}

.arrage_title_play .share-title-text, .arrage_title_play .share-title-text-sub {
  color: #000 !important;
}

.arrage_title_play:hover h2, .arrage_title_play:hover p {
  background-image: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.arrage_title_play:hover svg {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  fill: url("#globalColorHoverGrad") !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.arrage_title_play:hover .edit-three-dot {
  color: #fff !important;
}

.wrapper-palyer-main {
  justify-content: flex-start;
  align-items: start !important;
  width: 100% !important;
  padding: 0 20px !important;
  display: flex !important;
}

.wrapper-player-design {
  align-items: stretch;
  width: 100%;
  height: 650px;
  display: flex;
}

.wrapper-player-design-banner {
  align-items: stretch;
  width: 100%;
  height: 500px;
  display: flex;
}

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

.wrapper-player-design-banner-1 {
  align-items: stretch;
  width: 100%;
  height: 500px;
  display: flex;
}

.player-wrap-button {
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  width: 100%;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.wrapper-palyer-main > .d-flex {
  justify-content: flex-start;
  gap: 12px;
}

.wrapper-palyer-main .player-sidebar-banner {
  flex-shrink: 0;
  align-self: flex-start;
  margin-left: 0;
  padding-top: 0;
}

.border-radius-14 {
  border-radius: 14px !important;
}

.wrapper-palyer-main .player-sidebar-banner .banner-section-column {
  height: auto;
  padding-top: 0;
}

.wrapper-palyer-main .player-sidebar-banner .banner-section-column-2 {
  height: auto !important;
}

.wrapper-palyer-main .player-sidebar-banner .common-ban {
  padding-top: 0 !important;
}

.wrapper-palyer-main .player-sidebar-banner .ad-text:empty {
  height: 0;
  margin: 0;
  padding: 0;
  display: none;
}

.up-text-player, .up-text-player-2 {
  color: #fff !important;
  padding: 10px 16px 0 26px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  display: block !important;
}

.text-video-player-main {
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

.text-video-player-main > div {
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  display: flex !important;
}

.text-video-player-main .action-bar {
  margin-top: 0 !important;
}

.text-video-player-main .streaming_subtitle_section {
  margin: 0 !important;
  padding: 0 !important;
}

.text-video-player-main .streaming_title {
  margin: 0 !important;
}

.right_full_card {
  border-radius: 15px 0 15px 15px !important;
  width: 200px !important;
  height: 124px !important;
}

.right_full_card:hover {
  filter: brightness(80%) !important;
  transition: all .3s !important;
}

.advanced-sidebar-tag-action-player {
  border-radius: 11px !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
}

@media (min-width: 0) and (max-width: 430px) {
  .up-text-player-2 {
    padding: 0 !important;
  }

  .wrapper-player-design-banner {
    height: 668px !important;
  }

  .wrapper-player-design-banner-1 {
    height: 400px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .up-text-player-2 {
    padding: 10px 0 0 !important;
  }
}

@media (min-width: 0) and (max-width: 1024px) {
  .h-mob-100 {
    height: fit-content !important;
  }

  .wrapper-player-design {
    height: fit-content;
  }

  .wrapper-palyer-main {
    align-items: start !important;
    width: 100% !important;
    padding: 0 16px !important;
    display: flex !important;
  }

  .up-text-player {
    padding: 10px 16px 10px 0 !important;
  }

  .right-profile-main-inner-player-2 {
    min-width: fit-content !important;
    min-height: 42vh !important;
    max-height: 42vh !important;
    padding-right: 10px !important;
    overflow-y: auto !important;
  }

  .right-profile-main-inner-player-2-height-archive {
    height: 70% !important;
  }

  .image_player_wrap-di-active {
    padding: 6px 10px 6px 0 !important;
  }

  .right_full_card, .right_full_card_player {
    border-radius: 8px 0 8px 8px !important;
    width: 66px !important;
    height: 50px !important;
  }

  .advanced-sidebar-tag-action-player {
    padding: 6px 10px 6px 0 !important;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .right-profile-main-inner-player-2 {
    height: calc(55vh - 62px) !important;
    padding-top: 10px !important;
    overflow-y: auto !important;
  }

  .right-profile-main-inner-player-2-height-archive {
    height: 730% !important;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .wrapper-player-design {
    align-items: stretch;
    width: 100%;
    height: 550px;
    display: flex;
  }

  .wrapper-player-design-banner, .wrapper-player-design-banner-1 {
    align-items: stretch;
    width: 100%;
    height: 400px;
    display: flex;
  }

  .wrapper-palyer-main > .d-flex {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
  }

  .wrapper-palyer-main .custom-width-player {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    width: auto !important;
  }

  .wrapper-palyer-main .right-profile-main {
    flex: 0 0 32%;
    min-width: 0;
    max-width: 32%;
    width: 32% !important;
  }

  .wrapper-palyer-main .player-sidebar-banner {
    flex: 0 0 300px;
    width: 300px;
    max-width: 300px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important;
  }

  .wrapper-palyer-main .player-sidebar-banner .banner-section-column-2, .wrapper-palyer-main .player-sidebar-banner .blog-page-banner-6 {
    width: 300px !important;
    max-width: 300px !important;
  }

  .wrapper-palyer-main .player-sidebar-banner .campaign-html-banner-wrap--300x400, .wrapper-palyer-main .player-sidebar-banner .campaign-html-banner-iframe--300x400 {
    border-radius: 14px;
    width: 300px !important;
    max-width: 300px !important;
  }
}

@media (min-width: 2560px) and (max-width: 3840px) {
  .player-button-archive {
    z-index: 999999999;
    width: 100%;
    padding: 20px 23px;
  }
}

.shuffle-player-bar-blog {
  -moz-column-gap: 10%;
  color: #fff;
  border-radius: 10px;
  justify-content: start;
  align-items: center;
  column-gap: 10%;
  width: 100%;
  padding: 10px;
  display: flex;
}

.shuffle-controls-blog {
  color: #fff;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 26px;
  width: 100%;
  padding: 0% 0% 0% 26px;
  display: flex;
}

.shuffle-icon {
  opacity: .8;
  cursor: pointer;
  font-size: 25px;
}

.volume-control {
  align-items: center;
  gap: 22px;
  display: flex;
}

.volume-slider {
  cursor: pointer;
  background-color: #ffffff4d;
  border-radius: 2px;
  align-items: flex-end;
  width: 4px;
  height: 40px;
  display: flex;
  position: relative;
}

.repeat-indicator {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: -5px;
  right: -5px;
}

.shuffle-pause {
  color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.shuffle-pause.shuffle-pause-filled {
  box-sizing: border-box;
  flex-shrink: 0;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border: 2px solid #000 !important;
  width: 36px !important;
  height: 36px !important;
}

.shuffle-player-bar, .shuffle-player-bar-blog {
  color: #fff;
  -moz-column-gap: 10%;
  border-radius: 10px;
  align-items: center;
  column-gap: 10%;
  padding: 10px;
  display: flex;
}

.shuffle-pause .buy-company-btn {
  display: none;
}

.volume-fill {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border-radius: 2px;
  width: 100%;
  transition: height .1s;
}

.custom-row {
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  width: 100%;
  display: flex;
}

.right-profile-main-inner-player-2-empty {
  height: auto !important;
  max-height: none !important;
}

@media (max-width: 1919px) and (min-width: 1440px) {
  .text-video-player-main > div {
    gap: 0 !important;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .wrapper-palyer-main {
    height: auto;
  }

  .right-profile-main-inner-player-2-height-archive {
    height: 54vh !important;
  }

  .right_full_card_player {
    width: 120px !important;
    height: 75px !important;
  }
}

/* [project]/src/assets/style/project.css [app-client] (css) */
.social-share-collection {
  z-index: 9;
  z-index: 1111;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 30%;
  padding: 25px;
  right: 38%;
}

.social-share, .social-share-collection {
  flex-direction: column;
  width: 30%;
  display: flex;
  position: fixed;
  top: 40vh;
}

.social-share {
  z-index: 9;
  align-items: flex-end;
  right: 0;
}

.contactus-social-icon, .contactus-social-icon-share {
  text-align: center;
  width: 45px;
  height: 45px;
}

.contactus-social-icon-share {
  margin: 0 15px;
}

.contactus-social-icon, .contactus-social-icon-share {
  cursor: pointer;
}

.share-title {
  text-align: center;
  color: #000;
}

.share-title, .share-title-sub {
  font-size: 16px;
  font-weight: 600;
}

.share-title-sub {
  width: 100%;
  padding: 10px 0;
  line-height: 1;
}

.border-divider-share {
  border-bottom: 1px solid #c6c1c1;
  padding: 10px 0;
}

@media (min-width: 0) and (max-width: 425px) {
  .social-share-collection {
    z-index: 1111;
    border-radius: 8px;
    width: calc(100vw - 32px);
    max-width: 360px;
    padding: 20px 12px;
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
  }

  .social-share-collection .d-flex {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .contactus-social-icon-share {
    width: 42px;
    height: 42px;
    margin: 0;
  }

  .social-share {
    top: 60vh;
  }
}

.alert-modal-text {
  color: #fff;
}

.alert-modal-btn-main-div {
  gap: 30px;
  margin-top: 4%;
}

.alert-modal-btn {
  border: var(--global-color-main-1, var(--primary-color));
  width: 120px;
  font-size: 16px;
  font-weight: 700;
}

.alert-modal-btn, .alert-modal-btn:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  color: #000;
}

.personal-details-form-control {
  color: #9d9da7;
  background-color: #303030;
  border: 1px solid #333;
  border-radius: 10px;
  outline: none;
  width: 100%;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top: 4px solid #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

:is(.swiper-watch-progress .swiper-slide-visible, .swiper:not(.swiper-watch-progress)) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

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

  to {
    transform: rotate(1turn);
  }
}

.shuffle-icon-play {
  color: #fff;
  cursor: pointer;
  opacity: .8;
  font-size: 25px;
}

.w-96px {
  width: 120px;
}

.shuffle-play-all-btn {
  color: #fff;
  cursor: pointer;
  background: none;
  border: 1px solid #fff;
  border-radius: 5px;
  width: fit-content;
  padding: 12px 24px;
  font-size: 14px;
}

.shuffle-play-all-btn:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

@media screen and (min-width: 0) and (max-width: 768px) {
  .shuffle-play-all-btn {
    background: none;
    border-radius: 5px;
    width: fit-content;
    padding: 6px 10px;
    font-size: 12px !important;
  }

  .shuffle-icon-play {
    font-size: 12px;
  }
}

.floating-btn-text {
  font-size: 14px;
  font-weight: 600;
}

.floating-btn {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  color: #fff;
  cursor: pointer;
  background: #ffffff26;
  border: 1px solid #fff;
  border-radius: 10px;
  font-weight: 600;
  transition: all .3s;
}

.floating-play-btn {
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 150px;
  padding: 12px 16px;
  font-size: 16px;
  display: flex;
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .floating-play-btn {
    min-width: max-content;
  }
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translateZ(0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination.swiper-pagination-disabled, .swiper-pagination-disabled > .swiper-pagination {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

:is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

:is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

:is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-horizontal > .swiper-pagination-progressbar, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

.yellow-hover {
  color: #5799ef;
  font-size: 12px;
  font-weight: 600;
}

.yellow-hover:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .yellow-hover {
    color: #5799ef;
    font-size: 8px;
    font-weight: 600;
  }
}

.main-div-subscribe {
  background-color: #000;
  width: 100%;
  padding: 45px 20px 35px;
}

.main-div-subscribe-1 {
  background-color: #0000;
  width: 100%;
  padding: 35px 13.5% 35px 14%;
}

.demo-scribe-div {
  padding-top: 35px;
}

.subscribe-title {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 20px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.subscribe-sub-title {
  color: #fff;
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 700;
}

.form-group {
  padding: 8px 0;
}

.border-radius-10 {
  border-radius: 10px;
}

.filled-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  color: #000;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
}

.filled-btn:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
}

.filled-btn:active {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  color: #000;
}

.errorMesage {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  height: 20px;
}

.iconRow {
  justify-content: space-between;
  width: 100%;
  padding: 35px 0 0;
  display: flex;
}

.iconSection {
  width: 251px;
  padding: 20px 0;
}

.text-carousel-main-div {
  width: 100%;
}

.text-carousel-sub-div {
  padding: 20px;
}

@media (width: 768px) {
  .iconSection {
    width: 180px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .subscribe-sub-title {
    font-size: 14px;
  }

  .floating-play-btn {
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 120px;
    padding: 8px 16px;
    font-size: 16px;
    display: flex;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .subscribe-sub-title {
    letter-spacing: 2px;
    padding-bottom: 35px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
  }

  .subscribe-title {
    padding-bottom: 0;
  }

  .demo-scribe-div {
    padding-top: 10%;
  }

  .main-div-subscribe {
    padding: 3.5% 16px;
  }

  .main-div-subscribe-1 {
    padding: 15px 16px;
  }
}

.personal-details-form-control-subscribe-btn {
  padding: 12px;
}

.new-pagination-arrow {
  color: #000;
}

.new-pagination-arrow:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

/* [project]/src/assets/style/servicesContentResponsive.css [app-client] (css) */
.services-collection-scroll-sentinel {
  pointer-events: none;
  flex-shrink: 0;
  width: 100%;
  min-height: min(55vh, 480px);
}

.services-content-responsive .services-collection-sidebar {
  flex-shrink: 0;
}

.services-content-responsive .advanced-sidebar-tags {
  contain: layout style;
}

.services-content-responsive .sub-div-blog-page-collection > .d-flex > .flex-1 {
  flex: 1;
  min-width: 0;
}

.services-content-responsive .service-card-item {
  width: 100%;
  min-width: 0;
}

.services-content-responsive .parent-product {
  color: inherit;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.services-content-responsive .parent-product .project-card {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 350px;
}

.services-content-responsive .service-card-item:nth-child(n+3) {
  content-visibility: auto;
  contain-intrinsic-size: auto 420px;
}

.services-content-responsive .product-description {
  margin: 0;
}

@media (min-width: 426px) and (max-width: 768px) {
  .services-content-responsive .product-header {
    font-size: 16px !important;
  }

  .services-content-responsive .product-description {
    width: calc(100% - 2.4rem) !important;
    font-size: 13px !important;
  }

  .services-content-responsive .sub-div-blog-page-collection {
    padding: 10px 23px 30px !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .services-content-responsive .showing_text {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .services-content-responsive .product-header {
    font-size: 17px !important;
  }

  .services-content-responsive .product-description {
    width: calc(100% - 2.4rem) !important;
    font-size: 13px !important;
  }

  .services-content-responsive .sub-div-blog-page-collection {
    padding: 10px 32px 30px !important;
  }

  .services-content-responsive .main-collection-tab-white {
    padding: 2% 32px !important;
  }

  .services-content-responsive .blog-page-banner-nav {
    padding: 0 32px !important;
  }

  .services-content-responsive .main_profile_project-w {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding-right: 20px;
  }
}

.profiles-content-responsive .sub-div-blog-page-collection > .d-flex {
  align-items: flex-start;
}

/* [project]/src/assets/style/test.css [app-client] (css) */
.swiper {
  margin: 2% 20%;
}

.bucketDataSwiper .bucketData {
  margin: 0%;
}

.swiper-slide img {
  -o-object-fit: cover;
  object-fit: cover;
  border: "10px solid red ";
  border-radius: 12px;
  width: 100%;
  height: 100%;
  display: block;
}

@media (min-width: 0) and (max-width: 425px) {
  .swiper-slide img {
    border-radius: 0;
  }
}

.swiper-pagination {
  height: 15px;
}

.bucketDataSwiper .swiper-wrapper {
  padding-left: 25px;
}

.bucketDataSwiper .swiper-slide {
  width: 350px !important;
}

@media screen and (min-width: 2560px) {
  .bucketDataSwiper .swiper-wrapper {
    padding-left: 25px;
  }

  .bucketDataSwiper .swiper-slide {
    width: 350px !important;
  }
}

/* [project]/src/assets/style/yellowHover.css [app-client] (css) */
.yellow-hover {
  color: #5799ef;
  font-size: 12px;
  font-weight: 600;
}

.yellow-hover:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  cursor: pointer;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .yellow-hover {
    color: #5799ef;
    font-size: 8px;
    font-weight: 600;
  }
}

/* [project]/src/components/ArchiveData.css [app-client] (css) */
.archiveDataWrap {
  background: #fff;
  width: 100%;
}

.left-content-side {
  width: 60%;
}

.archiveDataWrapInner {
  flex-wrap: wrap;
  gap: 30px;
  padding: 20px 20%;
  display: flex;
}

.archiveDataGrid {
  gap: 28px;
  padding: 20px 0%;
}

.archiveDataLeft {
  min-width: 0;
}

.archiveDataTopRow {
  justify-content: start;
  align-items: center;
  gap: 20px;
  width: 35%;
  display: flex;
}

.archiveDataRatingRow {
  align-items: start;
  gap: 10px;
  width: 112px;
  padding: 6px 0 14px;
  display: flex;
}

.archiveDataStar {
  color: var(--global-color-main-1, var(--primary-color));
  font-size: 44px;
  line-height: 1;
}

.archiveDataRating {
  color: #111;
  letter-spacing: -.5px;
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
}

.text-stike {
  color: var(--global-color-main-1, var(--primary-color));
  font-size: 44px;
  font-weight: 600;
}

.archiveDataRatingTitle {
  color: #111;
  letter-spacing: -.5px;
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.archiveDataWatchlistBtn {
  background: var(--global-color-main-1, var(--primary-color));
  color: #111;
  letter-spacing: .3px;
  cursor: pointer;
  white-space: nowrap;
  border: 0;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 800;
}

.archiveDataWatchlistBtn:hover {
  filter: brightness(.98);
}

.archiveDataWatchlistBtn:active {
  transform: translateY(1px);
}

.archiveDataSection {
  margin-top: 14px;
}

.archiveDataSectionTitleRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  display: flex;
}

.archiveDataSectionTitleLeft {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.archiveDataSectionBar {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border-radius: 2px;
  flex: none;
  width: 3px;
  height: 18px;
  display: block;
}

.archiveDataSectionTitle {
  color: #111;
  margin: 0;
  font-size: 22px;
  font-weight: 700 !important;
}

.archiveDataDescription {
  color: #111;
  width: 100%;
  height: 170px;
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  overflow-y: auto;
  padding: 0 !important;
}

.archiveDataDescription p {
  margin: 0 0 .75em;
}

.archiveDataDescription p:last-child {
  margin-bottom: 0;
}

.archiveDataDescriptionCredit {
  color: #0a66c2;
  cursor: default;
  margin-top: 6px;
  font-size: 12px;
  display: inline-block;
}

.archiveDataCreditsBox {
  border-top: 1px solid #e6e6e6;
  padding-left: 0 !important;
}

.archiveDataMindMapSlot {
  width: 100%;
  max-width: 100%;
  margin-top: 14px;
}

.archiveDataCreditRow {
  border-bottom: 1px solid #f0f0f0;
  gap: 100px;
  padding: 6px 0;
  display: flex;
}

.archiveDataCreditName {
  color: #0a66c2;
  cursor: default;
  width: 150px;
  font-size: 16px;
  font-weight: 600;
}

.archiveDataCreditRole {
  color: #111;
  font-size: 16px;
}

.archiveDataRight {
  min-width: 0;
}

.archiveDataRightTitle {
  color: #111;
  margin: 6px 0 2px;
  font-size: 18px;
  font-weight: 800;
}

.archiveDataRightSubtitle {
  color: #666;
  margin: 0 0 12px;
  font-size: 18px;
}

.archiveDataEditorialList {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.archiveDataEditorialCard {
  color: inherit;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  justify-content: start;
  align-items: stretch;
  gap: 12px;
  padding: 10px 10px 10px 12px;
  display: flex;
  box-shadow: 0 1px #00000008;
}

a.archiveDataEditorialCard {
  cursor: pointer;
  text-decoration: none;
}

.archiveDataEditorialCard:hover {
  background: #fafafa;
}

.archiveDataEditorialText {
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.archiveDataEditorialCardTitle {
  color: #111;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-align: start;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
}

.archiveDataEditorialMeta {
  color: #666;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}

.archiveDataMetaDot {
  opacity: .8;
}

.archiveDataEditorialThumbWrap {
  background: #f2f2f2;
  border-radius: 10px;
  flex: none;
  width: 100px;
  height: 60px;
  overflow: hidden;
}

.archiveDataEditorialThumb {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.archiveDataEditorialThumbPlaceholder {
  color: #666;
  background: linear-gradient(135deg, #f2f2f2, #e8e8e8);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .archiveDataWrapInner {
    padding: 20px 12%;
  }
}

@media (max-width: 980px) {
  .archiveDataSectionTitle {
    font-size: 16px;
  }

  .left-content-side {
    width: 100%;
  }

  .archiveDataGrid {
    grid-template-columns: 1fr;
    padding: 20px 18px;
  }

  .archiveDataRight {
    margin-top: 10px;
  }

  .archiveDataDescription {
    max-width: none;
  }
}

@media (max-width: 520px) {
  .archiveDataGrid {
    gap: 18px;
    padding: 16px 14px;
  }

  .archiveDataWrapInner {
    flex-direction: column;
    padding: 10px 16px !important;
  }

  .archiveDataRating {
    font-size: 26px;
  }

  .archiveDataRatingTitle {
    font-size: 22px !important;
  }

  .archiveDataStar {
    font-size: 26px;
  }

  .archiveDataCreditRow {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 8px 0;
  }

  .archiveDataEditorialThumbWrap {
    border-radius: 10px;
    width: 70px;
    height: 52px;
  }
}

.archiveDataBelow {
  background: #fff;
  width: 100%;
}

.archiveDataBelowInner {
  margin: 0 auto;
}

.archiveDataBelowSection {
  padding: 18px 0;
}

.archiveDataBelowHeader {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archiveDataBelowTitleRow {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.archiveDataBelowTitle {
  color: #111;
  margin: 0;
  font-weight: 800;
  font-size: 22px !important;
}

.archiveDataEditPill {
  color: #6b6b6b;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.archiveDataEditIcon {
  opacity: .85;
  font-size: 12px;
  line-height: 1;
}

.archiveDataEditText {
  font-weight: 600;
}

.archiveDataBelowBody {
  color: #111;
  max-width: none;
  margin: 10px 0 0;
  padding-left: 0;
  font-size: 16px;
  line-height: 1.5;
}

.archiveDataBelowBody p, .archiveDataPlankBody p {
  margin: 0 0 .75em;
}

.archiveDataBelowBody p:last-child, .archiveDataPlankBody p:last-child {
  margin-bottom: 0;
}

.archive-index-hero-banner {
  box-sizing: border-box;
  background-color: #000;
  width: 100%;
}

.archive-index-hero-banner .here-campgaign-container {
  margin: 0 auto;
}

.archiveDataTopRow.archiveIndexTopRow {
  justify-content: space-between;
  width: 100%;
}

.archiveDataRatingRow.archiveIndexRatingRow {
  width: 142px;
}

.archiveIndexDescription .archiveIndexDescP {
  margin: 0;
}

.archiveIndexDescription .archiveIndexDescP + .archiveIndexDescP {
  margin-top: 10px;
}

.archiveIndexByNumbersGrid {
  gap: 12px;
}

.archiveIndexByNumbersValue {
  color: #111;
  font-size: 18px;
  font-weight: 800;
}

.archiveIndexByNumbersLabel {
  color: #666;
  letter-spacing: .6px;
  font-size: 10px;
  font-weight: 700;
}

.archiveDataRightSubtitle.archiveIndexPlankKicker {
  margin: 0 0 6px;
}

.archiveIndexByNumbersGrid .archiveIndexByNumbersCard {
  will-change: transform;
  cursor: default;
  background: #fff;
  min-width: 110px;
  padding: 10px 12px;
  transition: transform .16s, box-shadow .16s, border-color .16s;
}

.archiveIndexByNumbersGrid .archiveIndexByNumbersCard:hover {
  border-color: #dcdcdc !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 22px #00000014 !important;
}

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

  .archiveIndexByNumbersGrid .archiveIndexByNumbersCard:hover {
    transform: none;
  }
}

.archiveDataBelowCredit {
  color: #0a66c2;
  margin-top: 6px;
  font-size: 12px;
  display: inline-block;
}

.archiveDataPlanks {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  display: flex;
}

.background-grey {
  background-color: #6b6b6b !important;
}

.archiveDataPlank {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  padding: 12px 34px 12px 12px;
  position: relative;
  box-shadow: 0 1px #00000008;
}

.archiveDataPlankTitle {
  color: #111;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 700;
}

.archiveDataPlankBody {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
}

.archiveDataPlankChevron {
  color: #9a9a9a;
  font-size: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.archiveDataFaqTop {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 2px;
  display: flex;
}

.archiveDataFaqTitleRow {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.archiveDataFaqBar {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border-radius: 2px;
  flex: none;
  width: 3px;
  height: 16px;
}

.archiveDataFaqTitle {
  color: #111;
  min-width: 0;
  margin: 0;
  font-weight: 800;
  font-size: 22px !important;
}

.archiveDataFaqList {
  border-top: 1px solid #ededed;
  margin-top: 10px;
}

.archiveDataFaqItem {
  border-bottom: 1px solid #ededed;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 6px 12px 0;
  display: flex;
}

.archiveDataFaqItemText {
  min-width: 0;
  padding-left: 0;
}

.archiveDataFaqItemTitle {
  color: #111;
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 800;
}

.archiveDataFaqItemBody {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  display: -webkit-box;
}

.archiveDataFaqChevron {
  color: #9a9a9a;
  flex: none;
  margin-top: 2px;
  padding-right: 8px;
  font-size: 18px;
}

@media (min-width: 0) and (max-width: 768px) {
  .archive-index-hero-banner {
    display: none;
  }
}

@media (max-width: 520px) {
  .archiveDataRightSubtitle {
    font-size: 16px;
  }

  .archiveDataBelowTitle {
    font-size: 16px !important;
  }

  .archiveDataPlank {
    padding-right: 30px;
  }

  .archiveDataFaqTitle {
    font-size: 16px !important;
  }

  .archiveDataFaqItem {
    padding: 12px 0;
  }

  .archiveDataFaqItemText {
    padding-left: 10px;
  }
}

/* [project]/src/components/DashboardTextCarousel.css [app-client] (css) */
.text-carousel-wrapper {
  width: 100%;
  line-height: 1.3;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.text-carousel-slide {
  white-space: nowrap;
  align-items: center;
  animation: .5s forwards slide-in-right;
  display: inline-flex;
}

.text-carousel-slide.exit {
  animation: .5s forwards slide-out-left;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes slide-in-right {
  from {
    opacity: 0;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes slide-out-left {
  from {
    opacity: 1;
    transform: translateX(0%);
  }

  to {
    opacity: 0;
    transform: translateX(-100%);
  }
}

/* [project]/src/components/Skeletons/ArchiveDetailPageSkeleton.css [app-client] (css) */
@keyframes pcpPulseDark {
  0% {
    background-color: #252525;
  }

  100% {
    background-color: #313030;
  }
}

@keyframes pcpPulseLight {
  0% {
    background-color: #e0e0e0;
  }

  100% {
    background-color: #ebebeb;
  }
}

.pcp-block {
  background-color: #252525;
  border-radius: 4px;
  flex-shrink: 0;
  animation: 1.5s ease-in-out infinite alternate pcpPulseDark;
}

.pcp-block-light {
  background-color: #e0e0e0;
  border-radius: 4px;
  flex-shrink: 0;
}

.pcp-desktop {
  display: block;
}

.pcp-tablet, .pcp-mobile {
  display: none;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .pcp-desktop {
    display: none;
  }

  .pcp-tablet {
    display: block;
  }

  .pcp-mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .pcp-desktop, .pcp-tablet {
    display: none;
  }

  .pcp-mobile {
    display: block;
  }
}

.pcp-announce-bar {
  border-radius: 0;
  width: 100%;
  height: 60px;
}

.pcp-breadcrumb {
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  display: flex;
}

.pcp-breadcrumb-home {
  width: 36px;
  height: 12px;
}

.pcp-breadcrumb-sep {
  width: 8px;
  height: 12px;
}

.pcp-breadcrumb-page {
  width: 56px;
  height: 12px;
}

.pcp-video-box {
  background-color: #000;
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  height: 60vh;
  overflow: hidden;
}

.pcp-video-fill {
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.pcp-progress-row {
  align-items: center;
  gap: 10px;
  padding: 8px;
  display: flex;
}

.pcp-progress-btn {
  border-radius: 50%;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.pcp-progress-time {
  flex-shrink: 0;
  width: 64px;
  height: 12px;
}

.pcp-progress-bar {
  border-radius: 3px;
  flex: 1;
  height: 6px;
}

.pcp-tabs-section {
  border: 1px solid #2b2b2b;
  margin-top: 4px;
  padding: 8px;
}

.pcp-tabs-row {
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.pcp-tab-item {
  flex-shrink: 0;
  height: 28px;
}

.pcp-credits-box {
  flex-direction: column;
  gap: 8px;
  height: 90px;
  display: flex;
  overflow: hidden;
}

.pcp-credits-line {
  height: 12px;
}

.pcp-playlist-title {
  border-bottom: 1px solid #2b2b2b;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  display: flex;
}

.pcp-playlist-title-text {
  width: 100px;
  height: 20px;
}

.pcp-playlist-title-icon {
  border-radius: 2px;
  width: 14px;
  height: 14px;
}

.pcp-playlist-scroll {
  height: 55vh;
  overflow: hidden;
}

.pcp-playlist-item {
  padding: 0 12px;
  display: flex;
}

.pcp-playlist-item-inner {
  border-bottom: 1px solid #2b2b2b;
  align-items: flex-start;
  width: 100%;
  padding: 10px 0;
  display: flex;
}

.pcp-playlist-index {
  flex-shrink: 0;
  width: 16px;
  height: 14px;
  margin: 4px 8px 0 0;
}

.pcp-playlist-thumb {
  border-radius: 8px;
  flex-shrink: 0;
  width: 140px;
  height: 80px;
}

.pcp-playlist-text {
  flex-direction: column;
  flex: 1;
  gap: 5px;
  min-width: 0;
  padding: 0 0 0 10px;
  display: flex;
}

.pcp-playlist-title-row {
  align-items: center;
  gap: 4px;
  display: flex;
}

.pcp-playlist-icon {
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.pcp-playlist-item-title {
  flex: 1;
  min-width: 0;
  height: 13px;
}

.pcp-playlist-item-menu {
  border-radius: 2px;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.pcp-playlist-line-1 {
  width: 90%;
  height: 10px;
}

.pcp-playlist-line-2 {
  width: 75%;
  height: 10px;
}

.pcp-playlist-action-row {
  align-items: center;
  gap: 5px;
  margin-top: 2px;
  display: flex;
}

.pcp-playlist-action-icon {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.pcp-playlist-action-count {
  width: 20px;
  height: 10px;
}

.pcp-controls-wrap {
  padding: 12px;
}

.pcp-controls-wrap-tablet {
  padding: 10px;
}

.pcp-controls-bar {
  background-color: #181818;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  display: flex;
}

.pcp-ctrl-play-all {
  border-radius: 6px;
  flex-shrink: 0;
  width: 90px;
  height: 34px;
}

.pcp-controls-inner {
  align-items: center;
  gap: 16px;
  display: flex;
}

.pcp-ctrl-icon {
  border-radius: 50%;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.pcp-ctrl-tags-row {
  align-items: center;
  gap: 8px;
  display: flex;
}

.pcp-ctrl-tag {
  border-radius: 5px;
  flex-shrink: 0;
  width: 70px;
  height: 28px;
}

.pcp-ads-col {
  border: 1px solid #1f1f1f;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  width: 348px;
  height: calc(60vh + 220px);
  padding: 24px;
  display: flex;
  overflow: hidden;
}

.pcp-ads-inner {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.pcp-ads-banner-wrap {
  text-align: center;
  flex-shrink: 0;
  width: 300px;
}

.pcp-ads-top-ad {
  border-radius: 4px;
  width: 100%;
  height: 225px;
  margin-bottom: 6px;
}

.pcp-ads-sponsored-black {
  border: 1px solid #1f1f1f !important;
}

.pcp-ads-sponsored {
  border: 1px solid #1f1f1f;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 4px 6px;
  display: flex;
}

.pcp-ads-sponsored-text {
  width: 55px;
  height: 10px;
}

.pcp-ads-sponsored-icon {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.pcp-ads-bot-wrap {
  flex-shrink: 0;
  margin-top: 20px;
  position: sticky;
  top: 85px;
}

.pcp-ads-bot-ad {
  border-radius: 4px;
  width: 300px;
  height: 400px;
  margin-bottom: 6px;
}

.pcp-ads-col-tablet {
  border: 1px solid #1f1f1f;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  width: 180px;
  height: calc(60vh + 220px);
  padding: 10px 0 0;
  display: flex;
  overflow: hidden;
}

.pcp-ads-banner-wrap-tablet {
  text-align: center;
  flex-shrink: 0;
  width: 180px;
}

.pcp-ads-top-ad-tablet {
  border-radius: 4px;
  width: 100%;
  height: 135px;
  margin-bottom: 6px;
}

.pcp-ads-bot-ad-tablet {
  border-radius: 4px;
  width: 180px;
  height: 280px;
  margin-bottom: 6px;
}

.pcp-collapse-wrap {
  justify-content: center;
  padding: 16px 0 8px;
  display: flex;
}

.pcp-collapse-btn {
  border-radius: 6px;
  width: 100px;
  height: 28px;
}

.pcp-col-header-section {
  background-color: #fff;
  padding: 30px 61px;
}

.pcp-col-breadcrumb {
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.pcp-col-breadcrumb-home {
  width: 36px;
  height: 13px;
}

.pcp-col-breadcrumb-sep {
  width: 8px;
  height: 13px;
}

.pcp-col-breadcrumb-page {
  width: 60px;
  height: 13px;
}

.pcp-col-showing-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  display: flex;
}

.pcp-col-heading {
  width: 260px;
  height: 40px;
}

.pcp-col-count {
  width: 180px;
  height: 16px;
}

.pcp-white-section {
  background-color: #fff;
  padding: 16px 61px;
}

.pcp-white-section-tablet, .pcp-white-section-mobile {
  background-color: #fff;
  padding: 16px 23px;
}

.pcp-project-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  display: grid;
}

.pcp-project-grid-tablet {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  display: grid;
}

.pcp-project-card {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.pcp-project-thumb {
  border-radius: 8px;
  width: 100%;
  height: 160px;
}

.pcp-project-thumb-tablet {
  border-radius: 8px;
  width: 100%;
  height: 140px;
}

.pcp-project-sub {
  width: 60%;
  height: 12px;
}

.pcp-pagination-wrap-white {
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  display: flex;
}

.pcp-page-btn-white {
  border-radius: 4px;
  width: 32px;
  height: 32px;
}

.pcp-desktop-page {
  background-color: #000;
  padding-top: 68px;
}

.pcp-player-main {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 0 61px;
  display: flex;
}

.pcp-player-inner {
  align-items: flex-start;
  width: 85%;
  display: flex;
}

.pcp-left-panel {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.pcp-playlist-panel {
  flex-direction: column;
  flex-shrink: 0;
  width: 32%;
  display: flex;
}

.pcp-tablet-page {
  background-color: #000;
  padding-top: 68px;
}

.pcp-player-main-tablet {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 0 23px;
  display: flex;
}

.pcp-player-inner-tablet {
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.pcp-playlist-panel-tablet {
  flex-direction: column;
  flex-shrink: 0;
  width: 40%;
  display: flex;
}

.pcp-playlist-thumb-tablet {
  border-radius: 8px;
  flex-shrink: 0;
  width: 120px;
  height: 70px;
}

@media screen and (max-width: 1024px) {
  .pcp-col-header-section {
    padding: 30px 23px;
  }
}

.pcp-mobile-page {
  background-color: #000;
  padding-top: 52px;
}

.pcp-mobile-wrap {
  padding: 0 23px;
}

.pcp-video-box-mobile {
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  height: 180px;
  overflow: hidden;
}

.pcp-mobile-controls {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  display: flex;
}

.pcp-mobile-play-btn {
  border-radius: 10px;
  flex-shrink: 0;
  width: 80px;
  height: 36px;
}

.pcp-mobile-icon {
  border-radius: 50%;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
}

.pcp-mobile-pagination {
  border-radius: 4px;
  flex-shrink: 0;
  width: 120px;
  height: 28px;
}

.pcp-mobile-count {
  width: 90px;
  height: 12px;
}

.pcp-mobile-playlist-scroll {
  max-height: 42vh;
  overflow: hidden;
}

.pcp-mobile-playlist-item {
  margin-bottom: 8px;
  padding: 0 10px;
  display: flex;
}

.pcp-mobile-playlist-item-inner {
  border: 1px solid #000;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  padding: 8px 0;
  display: flex;
}

.pcp-mobile-thumb {
  border-radius: 8px 0 8px 8px;
  flex-shrink: 0;
  width: 66px;
  height: 50px;
}

.pcp-mobile-item-text {
  flex-direction: column;
  flex: 1;
  gap: 5px;
  min-width: 0;
  padding: 0 0 0 8px;
  display: flex;
}

.pcp-mobile-item-title-row {
  align-items: center;
  gap: 4px;
  display: flex;
}

.pcp-mobile-item-icon {
  border-radius: 50%;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.pcp-mobile-item-title {
  width: 75%;
  height: 12px;
}

.pcp-mobile-item-line-1 {
  width: 85%;
  height: 10px;
}

.pcp-mobile-item-line-2 {
  width: 65%;
  height: 10px;
}

.pcp-tabs-section-mobile {
  border: 1px solid #2b2b2b;
  margin-top: 8px;
  padding: 8px;
}

.pcp-tabs-row-mobile {
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
  overflow: hidden;
}

.pcp-credits-box-mobile {
  flex-direction: column;
  gap: 8px;
  height: 180px;
  display: flex;
  overflow: hidden;
}

.pcp-project-list-mobile {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.pcp-project-card-mobile {
  gap: 10px;
  display: flex;
}

.pcp-project-thumb-mobile {
  border-radius: 8px;
  flex-shrink: 0;
  width: 100px;
  height: 70px;
}

.pcp-project-text-mobile {
  flex-direction: column;
  flex: 1;
  gap: 7px;
  display: flex;
}

.pcp-pagination-wrap-mobile {
  justify-content: center;
  gap: 6px;
  margin-top: 18px;
  display: flex;
}

.pcp-tab-w-60 {
  width: 60px;
}

.pcp-tab-w-72 {
  width: 72px;
}

.pcp-tab-w-75 {
  width: 75px;
}

.pcp-tab-w-80 {
  width: 80px;
}

.pcp-tab-w-85 {
  width: 85px;
}

.pcp-tab-w-90 {
  width: 90px;
}

.pcp-tab-w-95 {
  width: 95px;
}

.pcp-tab-w-100 {
  width: 100px;
}

.pcp-tab-w-105 {
  width: 105px;
}

.pcp-tab-w-110 {
  width: 110px;
}

.pcp-tab-w-120 {
  width: 120px;
}

.pcp-w-65 {
  width: 65%;
}

.pcp-w-70 {
  width: 70%;
}

.pcp-w-80 {
  width: 80%;
}

.pcp-w-82 {
  width: 82%;
}

.pcp-w-88 {
  width: 88%;
}

.pcp-w-95 {
  width: 95%;
}

.pcp-listing-top-banner {
  border-radius: 0;
  width: 100%;
  height: 80px;
  margin-bottom: 12px;
}

.pcp-listing-latest-title {
  width: 80px;
  height: 18px;
  margin-bottom: 20px;
}

.pcp-listing-content-row {
  align-items: flex-start;
  gap: 0;
  width: 100%;
  display: flex;
}

.pcp-listing-grid-wrap {
  flex: 1;
  min-width: 0;
  padding-right: 61px;
}

.pcp-project-grid {
  -moz-column-gap: 17px;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px 17px;
  display: grid;
}

.pcp-project-grid-tablet {
  -moz-column-gap: 17px;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 17px;
  display: grid;
}

.pcp-project-card {
  background-color: #e0e0e0;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 1px #000;
}

.pcp-project-thumb {
  aspect-ratio: 16 / 9;
  background-color: #e0e0e0;
  width: 100%;
  animation: 1.5s ease-in-out infinite alternate pcpPulseLight;
}

.pcp-project-below {
  background-color: #eee;
  justify-content: space-between;
  padding: 8px 17px;
  display: flex;
}

.pcp-project-title {
  width: 70%;
  height: 16px;
}

.pcp-project-meta {
  background-color: #eee;
  padding: 0 17px 10px;
}

.pcp-project-meta-row {
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
}

.pcp-project-meta-icon {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.pcp-project-meta-text {
  width: 80px;
  height: 11px;
}

.pcp-project-meta-text-sm {
  width: 50px;
  height: 11px;
}

.pcp-project-action-bar {
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.pcp-project-action-icon {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.pcp-project-action-count {
  width: 22px;
  height: 11px;
}

.pcp-listing-ads-col {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  width: 300px;
  display: flex;
}

.pcp-listing-ads-banner-wrap {
  text-align: center;
  width: 300px;
}

.pcp-listing-ads-top {
  border-radius: 4px;
  width: 300px;
  height: 250px;
  margin-bottom: 6px;
}

.pcp-listing-keywords {
  width: 100%;
}

.pcp-listing-keywords-title {
  border-left: 4px solid #e0e0e0;
  border-radius: 0;
  width: 120px;
  height: 16px;
  margin-bottom: 12px;
}

.pcp-listing-keywords-tags {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.pcp-listing-keyword-tag {
  border-radius: 4px;
  width: 70px;
  height: 28px;
}

.pcp-listing-ads-bot-wrap {
  text-align: center;
  width: 300px;
  position: sticky;
  top: 85px;
}

.pcp-listing-ads-bot {
  border-radius: 4px;
  width: 300px;
  height: 400px;
  margin-bottom: 6px;
}

@media (max-width: 677px) {
  .pcp-project-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }

  .pcp-listing-ads-col {
    display: none;
  }

  .pcp-listing-grid-wrap {
    padding-right: 0;
  }
}

@media (min-width: 678px) and (max-width: 1440px) {
  .pcp-listing-ads-top {
    width: 180px;
    height: 180px;
  }

  .pcp-listing-ads-bot {
    width: 180px;
    height: 280px;
  }

  .pcp-listing-ads-col, .pcp-listing-ads-banner-wrap, .pcp-listing-ads-bot-wrap {
    width: 180px;
  }
}

.pcp-blog-grid {
  -moz-column-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  display: grid;
}

.pcp-blog-grid-tablet {
  -moz-column-gap: 24px;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  display: grid;
}

.pcp-blog-card {
  flex-direction: column;
  display: flex;
}

.pcp-blog-tags-row {
  gap: 6px;
  margin-bottom: 14px;
  display: flex;
}

.pcp-blog-tag {
  border-radius: 5px;
  width: 70px;
  height: 24px;
}

.pcp-blog-thumb {
  aspect-ratio: 16 / 9;
  border-radius: 18px 0 18px 18px;
  width: 100%;
}

.pcp-blog-desc {
  flex-direction: column;
  gap: 8px;
  padding: 5% 2px 30px;
  display: flex;
}

.pcp-blog-title-line1 {
  width: 95%;
  height: 20px;
}

.pcp-blog-title-line2 {
  width: 75%;
  height: 20px;
}

.pcp-blog-read-more-row {
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.pcp-blog-read-more-btn {
  border-radius: 5px;
  width: 100px;
  height: 36px;
}

@media (max-width: 425px) {
  .pcp-blog-grid, .pcp-blog-grid-tablet {
    grid-template-columns: repeat(1, 1fr);
  }
}

.bps-wrap {
  background: #fff;
  width: 100%;
}

.bps-wrap .pcp-block-light {
  color: #0000 !important;
  background-color: #e0e0e0 !important;
}

.bps-grid {
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  padding: 20px 20%;
  display: grid;
}

.bps-left {
  min-width: 0;
}

.bps-rating-row {
  align-items: center;
  gap: 10px;
  padding: 6px 0 14px;
  display: flex;
}

.bps-star {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  color: #0000 !important;
  background-color: #e0e0e0 !important;
}

.bps-score {
  border-radius: 4px;
  width: 80px;
  height: 44px;
  background-color: #e0e0e0 !important;
}

.bps-sec {
  margin-top: 14px;
}

.bps-sec-hd {
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.bps-bar {
  border-radius: 2px;
  flex-shrink: 0;
  width: 3px;
  height: 18px;
  background-color: #e0e0e0 !important;
}

.bps-hd-txt {
  border-radius: 4px;
  width: 140px;
  height: 22px;
}

.bps-hd-lg {
  width: 200px;
  height: 22px;
}

.bps-desc {
  flex-direction: column;
  gap: 10px;
  max-width: 720px;
  display: flex;
}

.bps-desc-mt {
  margin-top: 10px;
}

.bps-dl {
  border-radius: 4px;
  height: 14px;
}

.bps-w100 {
  width: 100%;
}

.bps-w98 {
  width: 98%;
}

.bps-w95 {
  width: 95%;
}

.bps-w90 {
  width: 90%;
}

.bps-w80 {
  width: 80%;
}

.bps-w70 {
  width: 70%;
}

.bps-w60 {
  width: 60%;
}

.bps-w55 {
  width: 55%;
}

.bps-w35 {
  width: 35%;
}

.bps-cr-tbl {
  border-top: 1px solid #e6e6e6;
}

.bps-cr-row {
  border-bottom: 1px solid #f0f0f0;
  grid-template-columns: 1fr 330px;
  gap: 18px;
  padding: 6px 0;
  display: grid;
}

.bps-cr-name, .bps-cr-role {
  border-radius: 4px;
  height: 14px;
  background-color: #e0e0e0 !important;
}

.bps-right {
  min-width: 0;
}

.bps-ed-heading {
  border-radius: 4px;
  width: 200px;
  height: 20px;
  margin: 6px 0;
}

.bps-ed-sub {
  border-radius: 4px;
  width: 160px;
  height: 13px;
  margin-bottom: 14px;
}

.bps-ed-list {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.bps-ed-card {
  border: 1px solid #eaeaea;
  border-radius: 12px;
  align-items: stretch;
  gap: 12px;
  padding: 10px 10px 10px 12px;
  display: flex;
}

.bps-ed-text {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.bps-ed-t1 {
  border-radius: 4px;
  width: 88%;
  height: 14px;
}

.bps-ed-t2 {
  border-radius: 4px;
  width: 60%;
  height: 14px;
}

.bps-ed-meta {
  border-radius: 4px;
  width: 130px;
  height: 12px;
  margin-top: 4px;
}

.bps-ed-thumb {
  border-radius: 10px;
  flex-shrink: 0;
  width: 100px;
  height: 60px;
}

.bps-below-inner {
  min-width: 0;
}

.bps-below-sec {
  padding: 18px 0;
}

.bps-planks {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  display: flex;
}

.bps-plank {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  display: flex;
}

.bps-faq-list {
  border-top: 1px solid #ededed;
  margin-top: 10px;
}

.bps-faq-item {
  border-bottom: 1px solid #ededed;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0 12px 12px;
  display: flex;
}

.bps-faq-title {
  border-radius: 4px;
  width: 160px;
  height: 16px;
  margin-bottom: 4px;
}

@media (max-width: 980px) {
  .bps-grid {
    grid-template-columns: 1fr;
    padding: 20px 18px;
  }

  .bps-right {
    margin-top: 10px;
  }

  .bps-desc {
    max-width: none;
  }
}

@media (max-width: 520px) {
  .bps-grid {
    gap: 18px;
    padding: 16px 14px;
  }

  .bps-score {
    width: 60px;
    height: 36px;
  }

  .bps-cr-row {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 8px 0;
  }

  .bps-ed-thumb {
    width: 52px;
    height: 52px;
  }
}

/* [project]/src/components/Skeletons/ArchivePageSkeleton.css [app-client] (css) */
@keyframes apsPulseDark {
  0% {
    background-color: #252525;
  }

  100% {
    background-color: #313030;
  }
}

@keyframes apsPulseLight {
  0% {
    background-color: #313030;
  }

  100% {
    background-color: #313030;
  }
}

@keyframes apsHeroPulse {
  0%, 100% {
    opacity: .82;
  }

  50% {
    opacity: 1;
  }
}

.aps-page {
  --aps-side-pad: 61px;
  --aps-max: 1440px;
  background: #fff;
  min-height: 100vh;
}

.aps-block {
  border-radius: 8px;
  flex-shrink: 0;
}

.aps-dark {
  background-color: #252525;
  animation: 1.5s ease-in-out infinite alternate apsPulseDark;
}

.aps-light {
  background-color: #e0e0e0;
}

.aps-hero {
  background: #000;
  padding-top: 64px;
  padding-bottom: 18px;
  position: relative;
}

.aps-hero .aps-dark {
  background-color: #ffffff47;
  animation: 2.1s ease-in-out infinite apsHeroPulse;
}

.aps-hero .aps-searchBtn {
  background-color: #252525;
  animation: 1.5s ease-in-out infinite alternate apsPulseDark;
}

.aps-heroInner {
  flex-direction: column;
  align-items: center;
  width: min(1100px, 92vw);
  margin: 0 auto;
  padding: 7% 0 10px 18px;
  display: flex;
}

.aps-heroTitle {
  border-radius: 10px;
  min-width: 858px;
  height: 76px;
  margin: 5px 0 12px;
  padding-top: 10px;
}

.aps-heroSub {
  opacity: .92;
  border-radius: 10px;
  min-width: 890px;
  height: 30px;
  margin-bottom: 18px;
}

.aps-searchWrap {
  border-radius: 10px;
  align-items: stretch;
  width: 987px;
  height: 60px;
  margin-bottom: 12px;
  display: grid;
  overflow: hidden;
  box-shadow: 0 0 0 1px #ffffff2e;
}

.aps-searchInput {
  border-radius: 0;
  height: 100%;
  animation: 1.5s ease-in-out infinite alternate apsPulseLight;
}

.aps-searchBtn {
  border-radius: 0;
  height: 100%;
}

.aps-filters {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: min(980px, 92vw);
  margin-bottom: 14px;
  display: flex;
}

.aps-select {
  width: 231px;
  height: 50px;
  position: relative;
}

.aps-filter {
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.aps-caret {
  opacity: .9;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.aps-filterClear {
  border-radius: 6px;
  width: 18px;
  height: 18px;
  margin-left: 2px;
}

.aps-menuRow {
  flex-wrap: nowrap;
  justify-content: center;
  gap: 10px;
  width: min(1100px, 92vw);
  margin-bottom: 12px;
  padding-top: 8px;
  display: flex;
  overflow: hidden;
}

.aps-menuPill {
  border-radius: 999px;
  width: 76px;
  height: 12px;
}

.aps-tabsRow {
  flex-wrap: nowrap;
  justify-content: center;
  gap: 10px;
  width: min(1100px, 92vw);
  margin-bottom: 12px;
  padding-bottom: 6px;
  display: flex;
  overflow: hidden;
}

.aps-tabPill {
  border-radius: 999px;
  width: 110px;
  height: 12px;
}

.aps-disclaimer {
  align-items: center;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: 10px;
  right: min(61px, 4vw);
}

.aps-disclaimerLabel {
  border-radius: 6px;
  width: 92px;
  height: 12px;
}

.aps-disclaimerIcon {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.aps-whiteBand {
  background: #fff;
  padding: 10px 0 0;
}

.aps-timelineOuter {
  width: 100%;
  padding: 20px var(--aps-side-pad);
}

.aps-timelineBand {
  background: linear-gradient(135deg, #0000001f 0% 100%);
  border: 1px solid #0000001f;
  border-radius: 8px;
  height: 62px;
  position: relative;
  overflow: hidden;
}

.aps-timelineBand:after {
  content: "";
  opacity: .7;
  pointer-events: none;
  background: repeating-linear-gradient(135deg, #ffffff24 0 10px, #00000005 10px 20px);
  position: absolute;
  inset: 0;
}

.aps-timelineHandle {
  opacity: .9;
  border-radius: 4px;
  width: 6px;
  animation: none;
  position: absolute;
  top: 10px;
  bottom: 10px;
}

.aps-timelineHandleLeft {
  left: 10px;
}

.aps-timelineHandleRight {
  right: 10px;
}

.aps-timelineScribble {
  opacity: .55;
  border-radius: 10px;
  width: 72%;
  height: 14px;
  animation: 1.8s ease-in-out infinite alternate apsPulseLight;
  position: absolute;
  top: 20px;
  left: 14%;
}

.aps-timelineTicks {
  grid-template-columns: repeat(14, minmax(0, 1fr));
  gap: 0;
  padding: 8px 0 0;
  display: grid;
}

.aps-tick {
  flex-direction: column;
  align-items: center;
  gap: 6px;
  display: flex;
}

.aps-tickLine {
  opacity: .55;
  border-radius: 0;
  width: 1px;
  height: 8px;
}

.aps-tickLabel {
  opacity: .55;
  border-radius: 6px;
  width: 24px;
  height: 6px;
}

.aps-whiteSection {
  background: #fff;
  padding: 16px 0 26px;
}

.aps-listHeader {
  width: 100%;
  padding: 14px var(--aps-side-pad);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  display: flex;
}

.aps-latestTitle {
  border-radius: 10px;
  width: 280px;
  height: 40px;
}

.aps-headerRight {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  display: flex;
}

.aps-sort {
  border-radius: 8px;
  width: 200px;
  height: 36px;
}

.aps-showing {
  border-radius: 6px;
  width: 240px;
  height: 18px;
}

.aps-grid {
  width: 100%;
  padding: 10px var(--aps-side-pad);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px 17px;
  margin: 0;
  display: grid;
}

.aps-card {
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 1px #00000040;
}

.aps-cardBookmark {
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 10px;
}

.aps-iconSquare {
  border-radius: 3px;
  width: 18px;
  height: 18px;
  animation: none;
}

.aps-cardMedia {
  aspect-ratio: 16 / 9;
  border-radius: 0;
  width: 100%;
}

.aps-cardBelow {
  background: #eee;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 8px 17px;
  display: flex;
}

.aps-cardTitle {
  border-radius: 6px;
  width: 68%;
  height: 16px;
}

.aps-cardShare {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.aps-cardShareText {
  border-radius: 6px;
  width: 56px;
  height: 12px;
}

.aps-cardMeta {
  background: #eee;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0 17px 10px;
  display: flex;
}

.aps-metaRow {
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.aps-iconCircle {
  border-radius: 50%;
  width: 28px;
  height: 28px;
}

.aps-iconCircleSm {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.aps-metaTextLg {
  border-radius: 6px;
  width: 75%;
  height: 12px;
}

.aps-metaTextMd {
  border-radius: 6px;
  width: 62%;
  height: 12px;
}

.aps-metaTextSm {
  border-radius: 6px;
  width: 50%;
  height: 12px;
}

.aps-metaInline {
  flex: auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.aps-metaItem {
  white-space: nowrap;
  flex: 0 auto;
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.aps-metaIcon {
  opacity: .88;
  border-radius: 3px;
  width: 12px;
  height: 12px;
}

.aps-metaTextType {
  border-radius: 6px;
  width: 26px;
  height: 12px;
}

.aps-metaTextYear {
  border-radius: 6px;
  width: 24px;
  height: 12px;
}

.aps-pagination {
  width: 100%;
  max-width: var(--aps-max);
  padding: 0 var(--aps-side-pad);
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 22px auto 0;
  display: flex;
}

.aps-pageBtn {
  border-radius: 8px;
  width: 34px;
  height: 34px;
}

.aps-onlyDesktop {
  display: block;
}

.aps-onlyTablet, .aps-onlyMobile {
  display: none;
}

@media (max-width: 1024px) {
  .aps-page {
    --aps-side-pad: 23px;
  }

  .aps-onlyDesktop {
    display: none;
  }

  .aps-onlyTablet {
    display: block;
  }

  .aps-select {
    width: 160px;
  }

  .aps-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
  }

  .aps-disclaimer {
    right: 23px;
  }
}

@media (max-width: 768px) {
  .aps-page {
    --aps-side-pad: 23px;
  }

  .aps-onlyTablet {
    display: none;
  }

  .aps-onlyMobile {
    display: block;
  }

  .aps-heroTitle {
    height: 36px;
  }

  .aps-searchWrap {
    grid-template-columns: 1fr;
    height: 40px;
  }

  .aps-select {
    width: 160px;
    height: 34px;
  }

  .aps-tabPill {
    width: 140px;
  }

  .aps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .aps-metaInline {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  .aps-headerRight {
    justify-content: flex-start;
  }

  .aps-tabsRow {
    width: 100%;
  }

  .aps-heroInner {
    padding: 8px 23px 23px 20px;
  }

  .aps-heroTitle {
    width: 200px;
    min-width: 200px;
  }

  .aps-heroSub {
    width: 200px;
    min-width: 250px;
    margin-bottom: 20px;
  }

  .aps-searchWrap {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .aps-select {
    width: 160px;
    height: 34px;
    margin-bottom: 20px;
  }

  .aps-whiteBand {
    background: #fff;
    padding: 130px 0 0;
  }

  .aps-timelineTicks {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    row-gap: 10px;
  }

  .aps-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .aps-latestTitle {
    width: 220px;
    height: 34px;
  }

  .aps-sort {
    width: 100%;
    min-width: 200px;
  }

  .aps-showing {
    width: 75%;
  }

  .aps-cardMeta {
    align-items: flex-start;
  }
}

@media (min-width: 2000px) and (max-width: 3839px) {
  .aps-page {
    --aps-side-pad: 61px;
  }

  .aps-hero {
    padding-top: 72px;
    padding-bottom: 24px;
  }

  .aps-heroInner {
    width: min(1600px, 94vw);
    padding: 5% 0 16px;
  }

  .aps-heroTitle {
    width: 1200px;
    height: 82px;
  }

  .aps-heroSub {
    width: 1280px;
    height: 34px;
  }

  .aps-searchWrap {
    width: 1400px;
    height: 64px;
  }

  .aps-filters {
    gap: 14px;
    width: min(1400px, 94vw);
  }

  .aps-select {
    width: 260px;
    height: 54px;
  }

  .aps-menuRow {
    width: min(1500px, 94vw);
  }

  .aps-menuPill {
    width: 96px;
    height: 14px;
  }

  .aps-tabsRow {
    width: min(1500px, 94vw);
  }

  .aps-tabPill {
    width: 140px;
    height: 14px;
  }
}

@media (min-width: 3840px) {
  .aps-page {
    --aps-side-pad: 61px;
  }

  .aps-hero {
    padding-top: 96px;
    padding-bottom: 32px;
  }

  .aps-heroInner {
    width: min(2300px, 92vw);
    padding: 4% 0 24px;
  }

  .aps-heroTitle {
    border-radius: 12px;
    width: 1800px;
    height: 96px;
  }

  .aps-heroSub {
    width: 1900px;
    height: 38px;
    margin-bottom: 28px;
  }

  .aps-searchWrap {
    border-radius: 12px;
    width: 2100px;
    height: 72px;
  }

  .aps-searchBtn {
    min-width: 220px;
  }

  .aps-filters {
    gap: 18px;
    width: min(2100px, 92vw);
  }

  .aps-select {
    width: 320px;
    height: 60px;
  }

  .aps-menuRow, .aps-tabsRow {
    gap: 18px;
    width: min(2200px, 92vw);
  }

  .aps-menuPill {
    width: 120px;
    height: 16px;
  }

  .aps-tabPill {
    width: 180px;
    height: 16px;
  }

  .aps-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 22px;
  }

  .aps-latestTitle {
    width: 340px;
    height: 48px;
  }

  .aps-sort {
    width: 240px;
    height: 42px;
  }

  .aps-showing {
    width: 280px;
    height: 20px;
  }

  .aps-pagination {
    max-width: 2400px;
    margin-top: 28px;
  }

  .aps-pageBtn {
    width: 42px;
    height: 42px;
  }
}

/* [project]/src/components/Skeletons/BlogListingServerSkeleton.css [app-client] (css) */
.blsk-page {
  background: #f5f5f5;
  min-height: 100vh;
  padding-top: 68px;
}

.blsk-sh {
  background: linear-gradient(#e8e8e8 0%, #efefef 100%);
  border: 1px solid #e0e0e0;
  animation: 2.1s ease-in-out infinite blskPulse;
  position: relative;
  overflow: hidden;
}

.blsk-sh:after {
  content: "";
  background: linear-gradient(90deg, #0000, #fff9, #0000);
  animation: 1.45s ease-in-out infinite blskSweep;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.blsk-navbar {
  background-color: #f8f8f9;
  justify-content: center;
  padding: 1% 5%;
  display: flex;
}

.blsk-navbar-inner {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 90%;
  display: flex;
  overflow: hidden;
}

.blsk-main {
  padding: 2% 61px;
}

.blsk-title-wrap {
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  display: flex;
}

.blsk-latest-wrap {
  align-items: center;
  gap: 10px;
  margin: 30px 0;
  display: flex;
}

.blsk-layout {
  width: 100%;
  display: flex;
}

.blsk-left {
  width: 80%;
  padding-right: 40px;
}

.blsk-right {
  width: 20%;
}

.blsk-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  display: grid;
}

.blsk-card {
  margin-bottom: 20px;
}

.blsk-card-desc {
  padding: 10px 2px 12px;
}

.blsk-card-actions {
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.blsk-sidebar {
  flex-shrink: 0;
  width: 300px;
}

.blsk-sidebar-banner {
  margin-bottom: 16px;
}

.blsk-sidebar-keywords {
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.blsk-sidebar-tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
  display: flex;
}

.blsk-pagination {
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
  display: flex;
}

@keyframes blskPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .6;
  }
}

@keyframes blskSweep {
  100% {
    transform: translateX(100%);
  }
}

@media (max-width: 430px) {
  .blsk-navbar {
    display: none !important;
  }

  .blsk-main {
    padding: 2% 23px !important;
  }

  .blsk-left {
    width: 100% !important;
    padding-right: 0 !important;
  }

  .blsk-right {
    display: none !important;
  }

  .blsk-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 431px) and (max-width: 768px) {
  .blsk-main {
    padding: 2% 24px !important;
  }

  .blsk-left {
    width: 100% !important;
    padding-right: 0 !important;
  }

  .blsk-right {
    display: none !important;
  }

  .blsk-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .blsk-main {
    padding: 2% 24px !important;
  }

  .blsk-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* [project]/src/components/Skeletons/ProfilesCollectionPageSkeleton.css [app-client] (css) */
@keyframes prcsPulseDark {
  0% {
    background-color: #e0e0e0;
  }

  100% {
    background-color: #e0e0e0;
  }
}

@keyframes prcsPulseLight {
  0% {
    background-color: #e0e0e0;
  }

  100% {
    background-color: #ebebeb;
  }
}

.prcs-block {
  background-color: #252525;
  border-radius: 4px;
  flex-shrink: 0;
  animation: 1.5s ease-in-out infinite alternate prcsPulseDark;
}

.prcs-block-light {
  border-radius: 4px;
  flex-shrink: 0;
  animation: 1.5s ease-in-out infinite alternate prcsPulseLight;
}

.prcs-desktop {
  display: block;
}

.prcs-tablet, .prcs-mobile {
  display: none;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .prcs-desktop {
    display: none;
  }

  .prcs-tablet {
    display: block;
  }

  .prcs-mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .prcs-desktop, .prcs-tablet {
    display: none;
  }

  .prcs-mobile {
    display: block;
  }
}

.prcs-page {
  background-color: #fff;
  width: 100%;
  padding-top: 84px;
}

.prcs-header {
  background-color: #fff;
  padding: 30px 61px;
}

.prcs-header-breadcrumb {
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.prcs-breadcrumb-home {
  width: 70px;
  height: 13px;
}

.prcs-breadcrumb-sep {
  width: 8px;
  height: 13px;
}

.prcs-breadcrumb-page {
  width: 50px;
  height: 13px;
}

.prcs-header-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  display: flex;
}

.prcs-heading {
  width: 260px;
  height: 40px;
}

.prcs-count {
  width: 200px;
  height: 16px;
}

.prcs-content {
  background: #fff;
  padding: 1% 61px 3%;
}

.prcs-content-row {
  align-items: flex-start;
  gap: 0;
  display: flex;
}

.prcs-left {
  flex: 1;
  min-width: 0;
}

.prcs-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 17px;
  padding-right: 60px;
  display: grid;
}

.prcs-card {
  overflow: hidden;
}

.prcs-card-img-wrap {
  width: 100%;
  height: 280px;
  position: relative;
}

.prcs-card-img {
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.prcs-bookmark {
  border-radius: 6px;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.prcs-card-details {
  background: #f2f2f2;
  padding: 12px 12px 14px;
}

.prcs-rating-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.prcs-rating-left {
  align-items: center;
  gap: 6px;
  display: flex;
}

.prcs-star {
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.prcs-rating {
  width: 28px;
  height: 14px;
}

.prcs-name {
  width: 70%;
  height: 16px;
  margin: 8px 0 12px;
}

.prcs-actions {
  align-items: center;
  gap: 16px;
  display: flex;
}

.prcs-action {
  align-items: center;
  gap: 6px;
  display: flex;
}

.prcs-action-icon {
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.prcs-action-count {
  width: 26px;
  height: 12px;
}

.prcs-action-share {
  width: 40px;
  height: 12px;
}

.prcs-ads-col {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  width: 300px;
  display: flex;
}

.prcs-ads-top {
  border-radius: 4px;
  width: 300px;
  height: 250px;
  margin-bottom: 6px;
}

.prcs-ads-sponsored {
  border: 1px solid #e0e0e0;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 4px 6px;
  display: flex;
}

.prcs-ads-sponsored-text {
  width: 55px;
  height: 10px;
}

.prcs-ads-sponsored-icon {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.prcs-keywords {
  width: 100%;
}

.prcs-keywords-title {
  width: 120px;
  height: 16px;
  margin-bottom: 12px;
}

.prcs-keywords-tags {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.prcs-keyword-tag {
  border-radius: 4px;
  width: 70px;
  height: 28px;
}

.prcs-ads-bot-wrap {
  text-align: center;
  width: 300px;
  position: sticky;
  top: 85px;
}

.prcs-ads-bot {
  border-radius: 4px;
  width: 300px;
  height: 400px;
  margin-bottom: 6px;
}

.prcs-pagination {
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  display: flex;
}

.prcs-page-btn {
  border-radius: 4px;
  width: 32px;
  height: 32px;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .prcs-header {
    padding: 2% 32px;
  }

  .prcs-content {
    padding: 10px 32px 30px;
  }

  .prcs-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding-right: 20px;
  }

  .prcs-ads-top {
    width: 180px;
    height: 180px;
  }

  .prcs-ads-bot {
    width: 180px;
    height: 280px;
  }

  .prcs-ads-col, .prcs-ads-bot-wrap {
    width: 180px;
  }

  .prcs-card-img-wrap {
    height: 260px;
  }
}

@media (max-width: 768px) {
  .prcs-header {
    padding: 30px 23px;
  }

  .prcs-content {
    padding: 10px 23px 30px;
  }

  .prcs-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    padding-right: 0;
  }

  .prcs-ads-col {
    display: none;
  }
}

@media (max-width: 425px) {
  .prcs-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .prcs-card-img-wrap {
    height: 300px;
  }
}

/* [project]/src/components/Skeletons/ProjectsCollectionPageSkeleton.css [app-client] (css) */
@keyframes pcpPulseDark {
  0% {
    background-color: #252525;
  }

  100% {
    background-color: #313030;
  }
}

@keyframes pcpPulseLight {
  0% {
    background-color: #e0e0e0;
  }

  100% {
    background-color: #ebebeb;
  }
}

.pcp-block {
  background-color: #252525;
  border-radius: 4px;
  flex-shrink: 0;
  animation: 1.5s ease-in-out infinite alternate pcpPulseDark;
}

.pcp-block-light {
  background-color: #e0e0e0;
  border-radius: 4px;
  flex-shrink: 0;
}

.pcp-desktop {
  display: block;
}

.pcp-tablet, .pcp-mobile {
  display: none;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .pcp-desktop {
    display: none;
  }

  .pcp-tablet {
    display: block;
  }

  .pcp-mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .pcp-desktop, .pcp-tablet {
    display: none;
  }

  .pcp-mobile {
    display: block;
  }
}

.pcp-announce-bar {
  border-radius: 0;
  width: 100%;
  height: 60px;
}

.pcp-breadcrumb {
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  display: flex;
}

.pcp-breadcrumb-home {
  width: 36px;
  height: 12px;
}

.pcp-breadcrumb-sep {
  width: 8px;
  height: 12px;
}

.pcp-breadcrumb-page {
  width: 56px;
  height: 12px;
}

.pcp-video-box {
  background-color: #000;
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  height: 60vh;
  overflow: hidden;
}

.pcp-video-fill {
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.pcp-progress-row {
  align-items: center;
  gap: 10px;
  padding: 8px;
  display: flex;
}

.pcp-progress-btn {
  border-radius: 50%;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.pcp-progress-time {
  flex-shrink: 0;
  width: 64px;
  height: 12px;
}

.pcp-progress-bar {
  border-radius: 3px;
  flex: 1;
  height: 6px;
}

.pcp-tabs-section {
  border: 1px solid #2b2b2b;
  margin-top: 4px;
  padding: 8px;
}

.pcp-tabs-row {
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.pcp-tab-item {
  flex-shrink: 0;
  height: 28px;
}

.pcp-credits-box {
  flex-direction: column;
  gap: 8px;
  height: 90px;
  display: flex;
  overflow: hidden;
}

.pcp-credits-line {
  height: 12px;
}

.pcp-playlist-title {
  align-items: center;
  gap: 8px;
  padding: 10px 16px 0 26px;
  display: flex;
}

.pcp-playlist-title-text {
  width: 160px;
  height: 20px;
}

.pcp-playlist-title-icon {
  border-radius: 2px;
  width: 14px;
  height: 14px;
}

.pcp-playlist-scroll {
  height: 55vh;
  overflow: hidden;
}

.pcp-playlist-item {
  padding: 0 0 10px 12px;
  display: flex;
}

.pcp-playlist-item-inner {
  border: 1px solid #000;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  display: flex;
}

.pcp-playlist-index {
  flex-shrink: 0;
  width: 16px;
  height: 14px;
  margin: 0 6px;
}

.pcp-playlist-thumb {
  border-radius: 15px 0 15px 15px;
  flex-shrink: 0;
  width: 140px;
  height: 80px;
}

.pcp-playlist-text {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 0;
  padding: 0 0 0 10px;
  display: flex;
}

.pcp-playlist-title-row {
  align-items: center;
  gap: 4px;
  display: flex;
}

.pcp-playlist-icon {
  border-radius: 50%;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.pcp-playlist-item-title {
  width: 80%;
  height: 13px;
}

.pcp-playlist-line-1 {
  width: 90%;
  height: 11px;
}

.pcp-playlist-line-2 {
  width: 75%;
  height: 11px;
}

.pcp-playlist-line-3 {
  width: 60%;
  height: 11px;
}

.pcp-controls-wrap {
  padding: 16px 0 0 23px;
}

.pcp-controls-wrap-tablet {
  padding: 10px 0 0 16px;
}

.pcp-controls-bar {
  background-color: #181818;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.pcp-controls-inner {
  align-items: center;
  gap: 26px;
  display: flex;
}

.pcp-ctrl-icon {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}

.pcp-ctrl-play {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  animation: none;
}

.pcp-ctrl-volume {
  align-items: center;
  gap: 22px;
  display: flex;
}

.pcp-ctrl-volume-bar {
  border-radius: 2px;
  width: 60px;
  height: 4px;
}

.pcp-pagination-row {
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  display: flex;
}

.pcp-page-btn {
  border-radius: 4px;
  width: 28px;
  height: 28px;
}

.pcp-ads-col {
  border: 1px solid #1f1f1f;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  width: 348px;
  height: calc(60vh + 220px);
  padding: 24px;
  display: flex;
  overflow: hidden;
}

.pcp-ads-inner {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.pcp-ads-banner-wrap {
  text-align: center;
  flex-shrink: 0;
  width: 300px;
}

.pcp-ads-top-ad {
  border-radius: 4px;
  width: 100%;
  height: 225px;
  margin-bottom: 6px;
}

.pcp-ads-sponsored-black {
  border: 1px solid #1f1f1f !important;
}

.pcp-ads-sponsored {
  border: 1px solid #1f1f1f;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 4px 6px;
  display: flex;
}

.pcp-ads-sponsored-text {
  width: 55px;
  height: 10px;
}

.pcp-ads-sponsored-icon {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.pcp-ads-bot-wrap {
  flex-shrink: 0;
  margin-top: 20px;
  position: sticky;
  top: 85px;
}

.pcp-ads-bot-ad {
  border-radius: 4px;
  width: 300px;
  height: 400px;
  margin-bottom: 6px;
}

.pcp-ads-col-tablet {
  border: 1px solid #1f1f1f;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  width: 180px;
  height: calc(60vh + 220px);
  padding: 10px 0 0;
  display: flex;
  overflow: hidden;
}

.pcp-ads-banner-wrap-tablet {
  text-align: center;
  flex-shrink: 0;
  width: 180px;
}

.pcp-ads-top-ad-tablet {
  border-radius: 4px;
  width: 100%;
  height: 135px;
  margin-bottom: 6px;
}

.pcp-ads-bot-ad-tablet {
  border-radius: 4px;
  width: 180px;
  height: 280px;
  margin-bottom: 6px;
}

.pcp-collapse-wrap {
  justify-content: center;
  padding: 16px 0 8px;
  display: flex;
}

.pcp-collapse-btn {
  border-radius: 6px;
  width: 100px;
  height: 28px;
}

.pcp-col-header-section {
  background-color: #fff;
  padding: 30px 61px;
}

.pcp-col-breadcrumb {
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.pcp-col-breadcrumb-home {
  width: 36px;
  height: 13px;
}

.pcp-col-breadcrumb-sep {
  width: 8px;
  height: 13px;
}

.pcp-col-breadcrumb-page {
  width: 60px;
  height: 13px;
}

.pcp-col-showing-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  display: flex;
}

.pcp-col-heading {
  width: 260px;
  height: 40px;
}

.pcp-col-count {
  width: 180px;
  height: 16px;
}

.pcp-white-section {
  background-color: #fff;
  padding: 16px 61px;
}

.pcp-white-section-tablet, .pcp-white-section-mobile {
  background-color: #fff;
  padding: 16px 23px;
}

.pcp-project-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  display: grid;
}

.pcp-project-grid-tablet {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  display: grid;
}

.pcp-project-card {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.pcp-project-thumb {
  border-radius: 8px;
  width: 100%;
  height: 160px;
}

.pcp-project-thumb-tablet {
  border-radius: 8px;
  width: 100%;
  height: 140px;
}

.pcp-project-sub {
  width: 60%;
  height: 12px;
}

.pcp-pagination-wrap-white {
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  display: flex;
}

.pcp-page-btn-white {
  border-radius: 4px;
  width: 32px;
  height: 32px;
}

.pcp-desktop-page {
  background-color: #000;
  padding-top: 68px;
}

.pcp-player-main {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 0 61px;
  display: flex;
}

.pcp-player-inner {
  align-items: flex-start;
  width: 85%;
  display: flex;
}

.pcp-left-panel {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.pcp-playlist-panel {
  flex-direction: column;
  flex-shrink: 0;
  width: 32%;
  display: flex;
}

.pcp-tablet-page {
  background-color: #000;
  padding-top: 68px;
}

.pcp-player-main-tablet {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 0 23px;
  display: flex;
}

.pcp-player-inner-tablet {
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.pcp-playlist-panel-tablet {
  flex-direction: column;
  flex-shrink: 0;
  width: 40%;
  display: flex;
}

.pcp-playlist-thumb-tablet {
  border-radius: 15px 0 15px 15px;
  flex-shrink: 0;
  width: 120px;
  height: 75px;
}

@media screen and (max-width: 1024px) {
  .pcp-col-header-section {
    padding: 30px 23px;
  }
}

.pcp-mobile-page {
  background-color: #000;
  padding-top: 52px;
}

.pcp-mobile-wrap {
  padding: 0 23px;
}

.pcp-video-box-mobile {
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  height: 180px;
  overflow: hidden;
}

.pcp-mobile-controls {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  display: flex;
}

.pcp-mobile-play-btn {
  border-radius: 10px;
  flex-shrink: 0;
  width: 80px;
  height: 36px;
}

.pcp-mobile-icon {
  border-radius: 50%;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
}

.pcp-mobile-pagination {
  border-radius: 4px;
  flex-shrink: 0;
  width: 120px;
  height: 28px;
}

.pcp-mobile-count {
  width: 90px;
  height: 12px;
}

.pcp-mobile-playlist-scroll {
  max-height: 42vh;
  overflow: hidden;
}

.pcp-mobile-playlist-item {
  margin-bottom: 8px;
  padding: 0 10px;
  display: flex;
}

.pcp-mobile-playlist-item-inner {
  border: 1px solid #000;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  padding: 8px 0;
  display: flex;
}

.pcp-mobile-thumb {
  border-radius: 8px 0 8px 8px;
  flex-shrink: 0;
  width: 66px;
  height: 50px;
}

.pcp-mobile-item-text {
  flex-direction: column;
  flex: 1;
  gap: 5px;
  min-width: 0;
  padding: 0 0 0 8px;
  display: flex;
}

.pcp-mobile-item-title-row {
  align-items: center;
  gap: 4px;
  display: flex;
}

.pcp-mobile-item-icon {
  border-radius: 50%;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.pcp-mobile-item-title {
  width: 75%;
  height: 12px;
}

.pcp-mobile-item-line-1 {
  width: 85%;
  height: 10px;
}

.pcp-mobile-item-line-2 {
  width: 65%;
  height: 10px;
}

.pcp-tabs-section-mobile {
  border: 1px solid #2b2b2b;
  margin-top: 8px;
  padding: 8px;
}

.pcp-tabs-row-mobile {
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
  overflow: hidden;
}

.pcp-credits-box-mobile {
  flex-direction: column;
  gap: 8px;
  height: 180px;
  display: flex;
  overflow: hidden;
}

.pcp-project-list-mobile {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.pcp-project-card-mobile {
  gap: 10px;
  display: flex;
}

.pcp-project-thumb-mobile {
  border-radius: 8px;
  flex-shrink: 0;
  width: 100px;
  height: 70px;
}

.pcp-project-text-mobile {
  flex-direction: column;
  flex: 1;
  gap: 7px;
  display: flex;
}

.pcp-pagination-wrap-mobile {
  justify-content: center;
  gap: 6px;
  margin-top: 18px;
  display: flex;
}

.pcp-tab-w-60 {
  width: 60px;
}

.pcp-tab-w-72 {
  width: 72px;
}

.pcp-tab-w-75 {
  width: 75px;
}

.pcp-tab-w-80 {
  width: 80px;
}

.pcp-tab-w-85 {
  width: 85px;
}

.pcp-tab-w-90 {
  width: 90px;
}

.pcp-tab-w-95 {
  width: 95px;
}

.pcp-tab-w-100 {
  width: 100px;
}

.pcp-tab-w-105 {
  width: 105px;
}

.pcp-tab-w-110 {
  width: 110px;
}

.pcp-tab-w-120 {
  width: 120px;
}

.pcp-w-65 {
  width: 65%;
}

.pcp-w-70 {
  width: 70%;
}

.pcp-w-80 {
  width: 80%;
}

.pcp-w-82 {
  width: 82%;
}

.pcp-w-88 {
  width: 88%;
}

.pcp-w-95 {
  width: 95%;
}

.pcp-listing-top-banner {
  border-radius: 0;
  width: 100%;
  height: 80px;
  margin-bottom: 12px;
}

.pcp-listing-latest-title {
  width: 80px;
  height: 18px;
  margin-bottom: 20px;
}

.pcp-listing-content-row {
  align-items: flex-start;
  gap: 0;
  width: 100%;
  display: flex;
}

.pcp-listing-grid-wrap {
  flex: 1;
  min-width: 0;
  padding-right: 61px;
}

.pcp-project-grid {
  -moz-column-gap: 17px;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px 17px;
  display: grid;
}

.pcp-project-grid-tablet {
  -moz-column-gap: 17px;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 17px;
  display: grid;
}

.pcp-project-card {
  background-color: #e0e0e0;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 1px #000;
}

.pcp-project-thumb {
  aspect-ratio: 16 / 9;
  background-color: #e0e0e0;
  width: 100%;
  animation: 1.5s ease-in-out infinite alternate pcpPulseLight;
}

.pcp-project-below {
  background-color: #eee;
  justify-content: space-between;
  padding: 8px 17px;
  display: flex;
}

.pcp-project-title {
  width: 70%;
  height: 16px;
}

.pcp-project-meta {
  background-color: #eee;
  padding: 0 17px 10px;
}

.pcp-project-meta-row {
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
}

.pcp-project-meta-icon {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.pcp-project-meta-text {
  width: 80px;
  height: 11px;
}

.pcp-project-meta-text-sm {
  width: 50px;
  height: 11px;
}

.pcp-project-action-bar {
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.pcp-project-action-icon {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.pcp-project-action-count {
  width: 22px;
  height: 11px;
}

.pcp-listing-ads-col {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  width: 300px;
  display: flex;
}

.pcp-listing-ads-banner-wrap {
  text-align: center;
  width: 300px;
}

.pcp-listing-ads-top {
  border-radius: 4px;
  width: 300px;
  height: 250px;
  margin-bottom: 6px;
}

.pcp-listing-keywords {
  width: 100%;
}

.pcp-listing-keywords-title {
  border-left: 4px solid #e0e0e0;
  border-radius: 0;
  width: 120px;
  height: 16px;
  margin-bottom: 12px;
}

.pcp-listing-keywords-tags {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.pcp-listing-keyword-tag {
  border-radius: 4px;
  width: 70px;
  height: 28px;
}

.pcp-listing-ads-bot-wrap {
  text-align: center;
  width: 300px;
  position: sticky;
  top: 85px;
}

.pcp-listing-ads-bot {
  border-radius: 4px;
  width: 300px;
  height: 400px;
  margin-bottom: 6px;
}

@media (max-width: 677px) {
  .pcp-project-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }

  .pcp-listing-ads-col {
    display: none;
  }

  .pcp-listing-grid-wrap {
    padding-right: 0;
  }
}

@media (min-width: 678px) and (max-width: 1440px) {
  .pcp-listing-ads-top {
    width: 180px;
    height: 180px;
  }

  .pcp-listing-ads-bot {
    width: 180px;
    height: 280px;
  }

  .pcp-listing-ads-col, .pcp-listing-ads-banner-wrap, .pcp-listing-ads-bot-wrap {
    width: 180px;
  }
}

.pcp-blog-grid {
  -moz-column-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  display: grid;
}

.pcp-blog-grid-tablet {
  -moz-column-gap: 24px;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  display: grid;
}

.pcp-blog-card {
  flex-direction: column;
  display: flex;
}

.pcp-blog-tags-row {
  gap: 6px;
  margin-bottom: 14px;
  display: flex;
}

.pcp-blog-tag {
  border-radius: 5px;
  width: 70px;
  height: 24px;
}

.pcp-blog-thumb {
  aspect-ratio: 16 / 9;
  border-radius: 18px 0 18px 18px;
  width: 100%;
}

.pcp-blog-desc {
  flex-direction: column;
  gap: 8px;
  padding: 5% 2px 30px;
  display: flex;
}

.pcp-blog-title-line1 {
  width: 95%;
  height: 20px;
}

.pcp-blog-title-line2 {
  width: 75%;
  height: 20px;
}

.pcp-blog-read-more-row {
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.pcp-blog-read-more-btn {
  border-radius: 5px;
  width: 100px;
  height: 36px;
}

@media (max-width: 425px) {
  .pcp-blog-grid, .pcp-blog-grid-tablet {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* [project]/src/components/Skeletons/SearchPageSkeleton.css [app-client] (css) */
@keyframes srsPulse {
  0%, 100% {
    opacity: .78;
  }

  50% {
    opacity: 1;
  }
}

.srs-page {
  color: #000;
  --srs-pad: 61px;
  --srs-max: 1440px;
  background: #fff;
  min-height: 85vh;
}

.srs-block {
  border-radius: 10px;
  flex-shrink: 0;
  animation: 1.85s ease-in-out infinite srsPulse;
}

.srs-light {
  background: #e0e0e0;
}

.srs-dark {
  background: #252525;
}

.srs-navBanner {
  justify-content: center;
  width: 100%;
  padding-top: 91px;
  display: flex;
}

.srs-navBannerFill {
  border-radius: 0;
  width: min(970px, 100vw - 46px);
  height: 250px;
}

.srs-wrap {
  width: 100%;
  padding: 2% var(--srs-pad) 1%;
}

.srs-breadcrumb {
  align-items: center;
  gap: 8px;
  margin: 10px 0 12px;
  display: flex;
}

.srs-crumb {
  border-radius: 999px;
  width: 64px;
  height: 13px;
}

.srs-crumbSep {
  opacity: .7;
  border-radius: 4px;
  width: 8px;
  height: 13px;
}

.srs-heading {
  border-radius: 12px;
  width: min(520px, 92vw);
  height: 52px;
  margin: 0 0 18px;
}

.srs-content {
  align-items: flex-start;
  gap: 75px;
  display: flex;
  position: relative;
}

.srs-left {
  flex: 3;
  min-width: 0;
}

.srs-right {
  flex-direction: column;
  flex-shrink: 0;
  align-self: flex-start;
  gap: 16px;
  width: 300px;
  height: fit-content;
  display: flex;
  position: sticky;
  top: 100px;
}

.srs-section {
  margin-bottom: 22px;
}

.srs-sectionHeader {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  display: flex;
}

.srs-sectionTitleWrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

.srs-sectionAccent {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  border-radius: 2px;
  width: 4px;
  height: 28px;
  animation: none;
}

.srs-sectionTitle {
  border-radius: 8px;
  height: 22px;
}

.srs-showing {
  border-radius: 999px;
  width: 220px;
  height: 14px;
}

.srs-card {
  border: 1px solid #ddd;
  border-radius: 18px;
  padding: 24px;
}

.srs-item {
  border-bottom: 1px solid #ddd;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  display: flex;
}

.srs-item:last-child {
  border-bottom: 1px solid #ddd;
}

.srs-thumbWrap {
  flex-shrink: 0;
  position: relative;
}

.srs-thumb {
  border-radius: 18px 0 18px 18px;
  width: 200px;
  height: 112px;
}

.srs-thumbCollection {
  opacity: .7;
  border-radius: 18px 0 18px 18px;
  width: 200px;
  height: 112px;
}

.srs-collectionIcon {
  opacity: .45;
  border-radius: 14px;
  position: absolute;
  inset: 18px;
}

.srs-thumbRound {
  border: 1px solid #958c8cfa;
  border-radius: 50%;
  width: 112px;
  height: 112px;
}

.srs-bookmark {
  border-radius: 6px;
  width: 24px;
  height: 24px;
  animation: none;
  position: absolute;
  top: 10px;
  right: 10px;
}

.srs-details {
  flex-direction: column;
  gap: 8px;
  width: 80%;
  min-width: 0;
  display: flex;
}

.srs-titleLine {
  border-radius: 10px;
  width: 80%;
  height: 16px;
}

.srs-metaLine {
  border-radius: 999px;
  width: 45%;
  height: 14px;
}

.srs-subLine {
  opacity: .85;
  border-radius: 999px;
  width: 100%;
  height: 12px;
}

.srs-moreRow {
  padding-top: 12px;
}

.srs-moreBtn {
  border-radius: 14px;
  width: 190px;
  height: 30px;
}

.srs-adTop {
  border-radius: 4px;
  width: 300px;
  height: 250px;
}

.srs-adBottom {
  border-radius: 4px;
  width: 300px;
  height: 400px;
}

.srs-sponsored {
  border: 1px solid #e0e0e0;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 4px 6px;
  display: flex;
}

.srs-sponsoredText {
  border-radius: 999px;
  width: 55px;
  height: 10px;
}

.srs-sponsoredDot {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.srs-adSticky {
  position: sticky;
  top: 85px;
}

@media (min-width: 426px) and (max-width: 768px) {
  .srs-page {
    --srs-pad: 23px;
  }

  .srs-content {
    flex-direction: column;
    gap: 40px;
  }

  .srs-right {
    width: 100%;
    position: static;
  }
}

@media (max-width: 425px) {
  .srs-page {
    --srs-pad: 16px;
  }

  .srs-wrap {
    padding: 6% var(--srs-pad) 20px;
  }

  .srs-content {
    flex-direction: column;
    gap: 0;
  }

  .srs-navBannerFill {
    height: 160px;
  }

  .srs-heading {
    width: min(320px, 92vw);
    height: 26px;
    margin-bottom: 14px;
  }

  .srs-section {
    margin-bottom: 10px;
  }

  .srs-card {
    border: none;
    border-radius: 0;
    padding: 12px 0;
  }

  .srs-item {
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 12px;
  }

  .srs-thumb, .srs-thumbCollection {
    border-radius: 10px 0 10px 10px;
    flex-shrink: 0;
    width: 120px;
    height: 72px;
  }

  .srs-thumbRound {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
  }

  .srs-details {
    gap: 6px;
    width: calc(100% - 130px);
  }

  .srs-titleLine {
    width: 90%;
    height: 14px;
  }

  .srs-metaLine {
    height: 12px;
  }

  .srs-subLine {
    height: 11px;
  }

  .srs-sectionHeader {
    margin-bottom: 10px;
  }

  .srs-sectionTitle {
    height: 18px;
  }

  .srs-showing {
    width: 120px;
    height: 12px;
  }

  .srs-moreBtn {
    width: 160px;
    height: 28px;
  }

  .srs-right {
    align-self: center;
    width: 100%;
    position: static;
  }
}

/* [project]/src/components/Skeletons/ServiceDetailPageSkeleton.css [app-client] (css) */
@keyframes sdpsPulse {
  0% {
    background-color: #252525;
  }

  100% {
    background-color: #313030;
  }
}

.sdps-block {
  background-color: #252525;
  border-radius: 4px;
  flex-shrink: 0;
  animation: 1.5s ease-in-out infinite alternate sdpsPulse;
}

.sdps-hero-bg {
  background-color: #111;
  border-radius: 10px;
  width: 100%;
  min-height: 500px;
}

.sdps-hero-inner {
  align-items: flex-start;
  gap: 0;
  width: 100%;
  padding: 80px 13.5% 0;
  display: flex;
}

.sdps-hero-text {
  flex-direction: column;
  flex: 7;
  gap: 10px;
  padding-bottom: 45px;
  display: flex;
}

.sdps-hero-right {
  flex: 5;
}

.sdps-clients {
  background-color: #000;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px 61px;
  display: flex;
}

.sdps-clients-logos {
  gap: 20px;
  display: flex;
  overflow: hidden;
}

.sdps-fifth {
  background-color: #181818;
  padding: 35px 13.5%;
}

.sdps-fifth-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 20px;
  display: grid;
}

.sdps-fifth-card {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.sdps-third {
  background-color: #0e0e0e;
  padding: 35px 13.5%;
}

.sdps-third-row {
  gap: 40px;
  display: flex;
}

.sdps-third-left {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  display: flex;
}

.sdps-third-right {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sdps-fourth {
  background-color: #000;
  padding: 30px 13.5%;
}

.sdps-fourth-header {
  gap: 24px;
  margin-bottom: 28px;
  display: flex;
}

.sdps-fourth-header-left {
  flex-direction: column;
  flex: 4;
  gap: 10px;
  display: flex;
}

.sdps-fourth-header-right {
  flex: 4;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.sdps-pricing-cards {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  display: grid;
}

.sdps-pricing-card {
  border: 1px solid #252525;
  border-radius: 8px;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  display: flex;
}

.sdps-video {
  background-color: #000;
  padding: 35px 13.5%;
}

.sdps-video-row {
  gap: 40px;
  display: flex;
}

.sdps-video-left {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  display: flex;
}

.sdps-video-right {
  flex: 1;
}

.sdps-pdf {
  background-color: #0e0e0e;
  padding: 35px 13.5%;
}

.sdps-pdf-row {
  align-items: center;
  gap: 40px;
  display: flex;
}

.sdps-pdf-left {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  display: flex;
}

.sdps-pdf-right {
  flex: 1;
}

.sdps-faq {
  background-color: #0e0e0e;
  padding: 35px 13.5%;
}

.sdps-faq-item {
  border-bottom: 1px solid #252525;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  display: flex;
}

.sdps-subscribe {
  background-color: #000;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 40px 13.5%;
  display: flex;
}

.sdps-subscribe-form {
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.sdps-footer {
  background-color: #0a0a0a;
  padding: 40px 61px 24px;
}

.sdps-footer-cols {
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 28px;
  display: flex;
}

.sdps-footer-col {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 120px;
  display: flex;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .sdps-hero-inner {
    min-height: 400px;
    padding: 60px 5% 0;
  }

  .sdps-fifth-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .sdps-pricing-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .sdps-third, .sdps-fourth, .sdps-video, .sdps-pdf, .sdps-faq, .sdps-fifth {
    padding: 30px 5%;
  }
}

@media (max-width: 767px) {
  .sdps-hero {
    padding: 0;
  }

  .sdps-hero-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 500px;
    padding: 90px 23px 60px;
  }

  .sdps-hero-text {
    align-items: center;
    width: 100%;
    transform: translateY(55px);
  }

  .sdps-hero-right {
    display: none;
  }

  .sdps-clients {
    padding: 20px 23px;
  }

  .sdps-fifth {
    padding: 15px 23px;
  }

  .sdps-fifth-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sdps-third {
    padding: 15px 23px;
  }

  .sdps-third-row {
    flex-direction: column;
  }

  .sdps-third-right {
    display: none;
  }

  .sdps-fourth {
    padding: 15px 23px;
  }

  .sdps-fourth-header {
    flex-direction: column;
  }

  .sdps-pricing-cards {
    grid-template-columns: 1fr;
  }

  .sdps-video {
    padding: 15px 23px;
  }

  .sdps-video-row {
    flex-direction: column;
  }

  .sdps-pdf {
    padding: 15px 23px;
  }

  .sdps-pdf-row {
    flex-direction: column;
  }

  .sdps-faq {
    padding: 15px 23px;
  }

  .sdps-subscribe {
    padding: 30px 23px;
  }

  .sdps-footer {
    padding: 30px 23px 20px;
  }
}

@media (max-width: 425px) {
  .sdps-fifth-grid {
    grid-template-columns: 1fr;
  }
}

/* [project]/src/components/Skeletons/ServicesCollectionSkeleton.css [app-client] (css) */
@keyframes pcsPulseDark {
  0% {
    background-color: #e0e0e0;
  }

  100% {
    background-color: #e0e0e0;
  }
}

@keyframes pcsPulseLight {
  0% {
    background-color: #e0e0e0;
  }

  100% {
    background-color: #ebebeb;
  }
}

.pcs-block {
  background-color: #252525;
  border-radius: 4px;
  flex-shrink: 0;
  animation: 1.5s ease-in-out infinite alternate pcsPulseDark;
}

.pcs-block-light {
  border-radius: 4px;
  flex-shrink: 0;
  animation: 1.5s ease-in-out infinite alternate pcsPulseLight;
}

.pcs-desktop {
  display: block;
}

.pcs-tablet, .pcs-mobile {
  display: none;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .pcs-desktop {
    display: none;
  }

  .pcs-tablet {
    display: block;
  }

  .pcs-mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .pcs-desktop, .pcs-tablet {
    display: none;
  }

  .pcs-mobile {
    display: block;
  }
}

.pcs-page {
  background-color: #fff;
  width: 100%;
  padding-top: 84px;
}

.pcs-top-banner {
  border-radius: 0;
  width: 100%;
  height: 80px;
  margin-bottom: 0;
}

.pcs-header {
  background-color: #fff;
  padding: 30px 61px;
}

.pcs-header-breadcrumb {
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.pcs-breadcrumb-home {
  width: 70px;
  height: 13px;
}

.pcs-breadcrumb-sep {
  width: 8px;
  height: 13px;
}

.pcs-breadcrumb-page {
  width: 50px;
  height: 13px;
}

.pcs-header-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  display: flex;
}

.pcs-heading {
  width: 260px;
  height: 40px;
}

.pcs-count {
  width: 200px;
  height: 16px;
}

.pcs-content {
  background: #fff;
  padding: 1% 61px 3%;
}

.pcs-content-row {
  align-items: flex-start;
  gap: 0;
  display: flex;
}

.pcs-left {
  flex: 1;
  min-width: 0;
}

.pcs-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 17px;
  padding-right: 60px;
  display: grid;
}

.pcs-card {
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pcs-card-img-wrap {
  flex-shrink: 0;
  width: 100%;
  height: 350px;
  position: relative;
}

.pcs-card-img {
  border-radius: 18px;
  width: 100%;
  height: 100%;
}

.pcs-card-desc {
  background-color: #e0e0e0;
  border-radius: 4px;
  width: 55%;
  height: 14px;
  animation: 1.5s ease-in-out infinite alternate pcsPulseDark;
  position: absolute;
  top: .5rem;
  left: 1.2rem;
}

.pcs-card-header {
  background-color: #e0e0e0;
  border-radius: 4px;
  width: 65%;
  height: 22px;
  animation: 1.5s ease-in-out infinite alternate pcsPulseDark;
  position: absolute;
  top: 1.9rem;
  left: 1.2rem;
}

.pcs-card-price {
  background-color: #e0e0e0;
  border-radius: 2px;
  width: 80px;
  height: 20px;
  animation: none;
  position: absolute;
  top: 4.2rem;
  left: 1.5rem;
}

.pcs-card-actions {
  align-items: center;
  gap: 10px;
  padding: 8px 12px 10px;
  display: flex;
}

.pcs-action-icon {
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.pcs-action-count {
  width: 22px;
  height: 11px;
}

.pcs-ads-col {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  width: 300px;
  display: flex;
}

.pcs-ads-top {
  border-radius: 4px;
  width: 300px;
  height: 250px;
  margin-bottom: 6px;
}

.pcs-ads-sponsored {
  border: 1px solid #e0e0e0;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 4px 6px;
  display: flex;
}

.pcs-ads-sponsored-text {
  width: 55px;
  height: 10px;
}

.pcs-ads-sponsored-icon {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.pcs-keywords {
  width: 100%;
}

.pcs-keywords-title {
  width: 120px;
  height: 16px;
  margin-bottom: 12px;
}

.pcs-keywords-tags {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.pcs-keyword-tag {
  border-radius: 4px;
  width: 70px;
  height: 28px;
}

.pcs-ads-bot-wrap {
  text-align: center;
  width: 300px;
  position: sticky;
  top: 85px;
}

.pcs-ads-bot {
  border-radius: 4px;
  width: 300px;
  height: 400px;
  margin-bottom: 6px;
}

.pcs-pagination {
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  display: flex;
}

.pcs-page-btn {
  border-radius: 4px;
  width: 32px;
  height: 32px;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .pcs-header {
    padding: 2% 32px;
  }

  .pcs-content {
    padding: 10px 32px 30px;
  }

  .pcs-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding-right: 20px;
  }

  .pcs-ads-top {
    width: 180px;
    height: 180px;
  }

  .pcs-ads-bot {
    width: 180px;
    height: 280px;
  }

  .pcs-ads-col, .pcs-ads-bot-wrap {
    width: 180px;
  }
}

@media (max-width: 768px) {
  .pcs-header {
    padding: 30px 23px;
  }

  .pcs-content {
    padding: 10px 23px 30px;
  }

  .pcs-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    padding-right: 0;
  }

  .pcs-ads-col {
    display: none;
  }
}

@media (max-width: 425px) {
  .pcs-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .pcs-card-img-wrap {
    height: 560px;
  }
}

/* [project]/src/components/Skeletons/ShareProfilePageSkeleton.css [app-client] (css) */
@keyframes sppsPulse {
  0%, 100% {
    opacity: .78;
  }

  50% {
    opacity: 1;
  }
}

.spps-page {
  background: #000;
  min-height: 100vh;
  padding-top: 84px;
}

.spps-block {
  border-radius: 10px;
  animation: 1.85s ease-in-out infinite sppsPulse;
}

.spps-light {
  background: #e0e0e0;
}

.spps-dark {
  background: #252525;
}

.spps-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.spps-main {
  grid-template-columns: 1fr 1fr;
  gap: 0;
  min-height: 600px;
  margin-bottom: 40px;
  display: grid;
}

.spps-playerCol {
  background: #000;
  min-width: 0;
  padding: 0 12px;
}

.spps-player {
  background: #252525;
  border-radius: 12px;
  width: 100%;
  height: 500px;
  margin-bottom: 16px;
}

.spps-thumbRail {
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  display: grid;
}

.spps-thumb {
  background: #252525;
  border-radius: 8px;
  width: 100%;
  height: 90px;
}

.spps-drawerCol {
  border-radius: 0;
  min-width: 0;
  min-height: 600px;
  padding: 24px 32px;
  background: #fff !important;
}

.spps-drawerHeader {
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.spps-drawerAvatar {
  background: #e0e0e0;
  border-radius: 50%;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}

.spps-drawerInfo {
  flex: 1;
  min-width: 0;
}

.spps-drawerLocation {
  background: #e0e0e0;
  border-radius: 4px;
  width: 100px;
  height: 12px;
  margin-bottom: 10px;
}

.spps-drawerName {
  background: #e0e0e0;
  border-radius: 6px;
  width: 90%;
  height: 22px;
}

.spps-drawerTabs {
  border-bottom: 2px solid #e5e5e5;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  display: flex;
}

.spps-drawerTab {
  background: #e0e0e0;
  border-radius: 4px;
  height: 16px;
}

.spps-portfolioGrid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 24px;
  display: grid;
}

.spps-portfolioItem {
  min-width: 0;
}

.spps-portfolioThumb {
  background: #e0e0e0;
  border-radius: 10px;
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
}

.spps-portfolioTitle {
  background: #e0e0e0;
  border-radius: 4px;
  width: 80%;
  height: 12px;
}

.spps-viewProjects {
  border-bottom: 2px solid #e5e5e5;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  padding: 20px 0;
  display: flex;
}

.spps-viewBtn {
  background: #e0e0e0;
  border-radius: 4px;
  width: 160px;
  height: 16px;
}

.spps-infoGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  display: grid;
}

.spps-infoSection {
  min-width: 0;
}

.spps-infoTitle {
  background: #e0e0e0;
  border-radius: 4px;
  height: 18px;
  margin-bottom: 14px;
  font-weight: 600;
}

.spps-infoText {
  background: #e0e0e0;
  border-radius: 4px;
  width: 70%;
  height: 14px;
}

.spps-tagGroup {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.spps-tag {
  background: #e0e0e0;
  border-radius: 16px;
  height: 32px;
}

.spps-drawerBand {
  background: #0a0a0a;
  padding: 40px 0;
}

.spps-featuredBand {
  background: #000;
  padding: 40px 0;
}

.spps-bandInner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 60px;
}

.spps-bandTitle {
  background: #252525;
  border-radius: 6px;
  width: 200px;
  height: 20px;
  margin-bottom: 24px;
}

.spps-bandRow {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  display: grid;
}

.spps-bandCard {
  background: #252525;
  border-radius: 12px;
  height: 160px;
}

.spps-featuredRow {
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  display: grid;
}

.spps-featuredCard {
  background: #252525;
  border-radius: 12px;
  height: 200px;
}

@media (max-width: 1200px) {
  .spps-portfolioGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1024px) {
  .spps-container, .spps-bandInner {
    padding: 0 24px;
  }

  .spps-main {
    grid-template-columns: 1fr;
  }

  .spps-playerCol {
    margin-bottom: 24px;
    padding: 0 24px;
  }

  .spps-drawerCol {
    padding: 24px;
  }

  .spps-player {
    height: 350px;
  }

  .spps-thumbRail {
    grid-template-columns: repeat(3, 1fr);
  }

  .spps-portfolioGrid, .spps-featuredRow {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .spps-container, .spps-bandInner, .spps-playerCol {
    padding: 0 16px;
  }

  .spps-player {
    height: 240px;
  }

  .spps-thumbRail {
    grid-template-columns: repeat(3, 1fr);
  }

  .spps-drawerCol {
    padding: 16px;
  }

  .spps-drawerHeader {
    flex-direction: column;
  }

  .spps-drawerAvatar {
    width: 60px;
    height: 60px;
  }

  .spps-portfolioGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .spps-portfolioThumb {
    height: 120px;
  }

  .spps-infoGrid, .spps-bandRow, .spps-featuredRow {
    grid-template-columns: 1fr;
  }
}

/* [project]/src/components/archive/ArchiveDisclaimerOverlay.css [app-client] (css) */
.archive-disclaimer-anchor {
  z-index: 2000000000;
  pointer-events: auto;
  position: absolute;
}

.archive-disclaimer-anchor--listing {
  bottom: 6px;
  right: 61px;
}

.archive-disclaimer-anchor--right-panel {
  bottom: 14px;
  right: 14px;
}

@media (max-width: 768px) {
  .archive-disclaimer-anchor--listing {
    right: 23px;
  }

  .archive-disclaimer-icon-wrap {
    display: none !important;
  }

  .archive-disclaimer-anchor--right-panel {
    bottom: 10px;
    right: 10px;
  }
}

.archive-disclaimer-row {
  color: #7b7777;
  text-align: end;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  font-size: 14px;
  display: inline-flex;
  position: relative;
}

.archive-disclaimer-label {
  white-space: nowrap;
  color: #7b7777;
  display: none !important;
}

@media (min-width: 769px) {
  .archive-disclaimer-label {
    display: inline !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .archive-disclaimer-anchor--right-panel .archive-disclaimer-label {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .archive-disclaimer-anchor--right-panel .archive-disclaimer-icon-button {
    margin-left: 0 !important;
  }
}

.archive-disclaimer-icon-wrap {
  align-items: center;
  display: inline-flex;
}

.archive-disclaimer-icon-button {
  cursor: pointer;
  color: #7b7777;
  background: none;
  border: none;
  align-items: center;
  padding: 0;
  line-height: 0;
  display: inline-flex;
}

.archive-disclaimer-popup {
  color: #000;
  z-index: 2000000001;
  text-align: left;
  background-color: #fff;
  border: 1px solid #2b2b2b;
  border-radius: 4px;
  width: 300px;
  max-height: 260px;
  padding: 36px 12px 12px;
  line-height: 1.5;
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  overflow: hidden auto;
  box-shadow: 0 12px 32px #00000047;
}

@media (max-width: 768px) {
  .archive-disclaimer-popup {
    width: min(300px, 100vw - 32px);
    max-height: 240px;
  }
}

.archive-disclaimer-close {
  cursor: pointer;
  color: #7b7777;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 6px;
  right: 6px;
}

/* [project]/src/components/common/HeroCampaignOne.css [app-client] (css) */
.here-campgaign-container {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  padding: 20px 20px 0;
  display: flex;
  overflow: visible;
}

.here-campgaign-iframe {
  vertical-align: top;
  background: #06060e;
  border: 0;
  border-radius: 14px;
  width: 100%;
  max-width: 100%;
  min-height: 250px;
  display: block;
  overflow: hidden;
  height: 250px !important;
}

.here-campgaign-container-num {
  font-size: 50px;
  font-weight: 600;
  position: absolute;
  left: 22%;
}

.round-logo-bannner {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
}

.round-logo-bannner-num {
  font-size: 50px;
  font-weight: 600;
  position: absolute;
  right: 18%;
}

.whole-border {
  border: 1px solid #2b2b2b;
  border-radius: 10px;
}

.company-banner-1 {
  border-radius: 10px 10px 0 0;
}

.company-banner-1-num {
  font-size: 50px;
  font-weight: 600;
  position: absolute;
}

.buy-company-btn {
  color: #fff;
  cursor: pointer;
  background-color: #2e2e2e;
  border-radius: 5px;
  width: fit-content;
  height: fit-content;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.buy-company-btn:hover {
  color: #fff;
}

@media (max-width: 768px) {
  .here-campgaign-container {
    width: calc(100% - 40px);
    margin: 20px;
    padding: 52px 0;
    display: none;
  }
}

/* [project]/src/assets/style/site-bundle.css [app-client] (css) */


/* [project]/src/app/font-overrides.css [app-client] (css) */
:root {
  --bs-body-font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}

html {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-synthesis: none;
}

/* [project]/src/app/globals.css [app-client] (css) */
.global-color {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.global-color-hover:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.action-item-main {
  cursor: pointer;
  align-items: center;
  gap: 5px;
  display: flex;
  position: relative;
}

.collection_main_text {
  width: 100%;
}

.action-item {
  cursor: pointer;
  align-items: center;
  gap: 5px;
  display: flex;
  position: relative;
}

.collection-padding {
  padding: 0 20px 20px;
}

.border-radius-blog-tab {
  border-radius: 4px;
}

@media (min-width: 1400px) {
  .col-xxl-3 {
    flex: none;
    width: 25%;
  }
}

.action-item-hover {
  color: #000;
  -webkit-text-fill-color: #000;
  z-index: 99999;
  cursor: pointer;
  background-color: #fff;
  border-radius: 2px;
  width: max-content;
  padding: 5px;
  font-size: 12px;
  transition: all 3s ease-in-out;
  display: none;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}

.action-item:hover svg, .action-item:hover > span, .action-item-main:hover svg, .action-item-main:hover > span {
  color: var(--global-color-hover-1, var(--primary-color));
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.action-item:hover .action-item-hover, .action-item-main:hover .action-item-hover {
  color: #000;
  -webkit-text-fill-color: #000;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  height: fit-content;
  display: block;
}

.right-80 {
  right: -80px;
}

.floating-controls-demo {
  z-index: 99999999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 44%;
  transform: translate(-44%, -50%);
}

@media (max-width: 768px) {
  .mob-pt-2 {
    padding-top: 10px !important;
  }

  .mob-pt-50 {
    padding-top: 68px !important;
  }
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

:root {
  --background: #fff;
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

html, body {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  color: var(--foreground);
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #000;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

@media (prefers-color-scheme: dark) {
  html {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }
}

:root {
  --primary-color: #a84ce6;
}

.flex-wrap {
  flex: wrap;
}

.padding25px {
  padding: 25px;
}

.px-23 {
  padding: 0 23px !important;
}

.px-16 {
  padding: 0 16px !important;
}

.px-both-23 {
  padding: 2px 23px 0 !important;
}

.pl-2 {
  padding-left: 26px;
}

.marginBottom20px {
  margin-bottom: 25px;
}

.parent-product-service {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.fontSize18px {
  font-size: 18px;
}

.line-height-1-2 {
  line-height: 1.2;
}

.pl-61 {
  padding-left: 61px;
}

.pr-63 {
  padding-right: 63px;
}

.product-description, .product-description-collection {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 10;
  width: 252px;
  margin-bottom: 12px;
  padding: 5px;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: .5rem;
  left: 1.2rem;
  overflow: hidden;
}

.main_profile_project-w {
  grid-template-columns: repeat(5, 1fr);
  gap: 17px;
  margin-top: 0;
  padding-right: 60px;
  display: grid;
}

.project-card {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px 0 15px 15px;
  width: 260px;
  height: 350px;
}

.product-header, .product-header-collection {
  color: #fff;
  z-index: 10;
  padding: 5px;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  top: 1.9rem;
  left: 1.2rem;
}

.center-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.flexDirectionColumn {
  flex-direction: column;
  font-size: 10px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-05 {
  margin-right: .5px;
}

.global_color {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.gap-10px {
  gap: 10px;
}

.gap-12px {
  gap: 12px;
}

.like-collection, .view-collection {
  color: #7b7777;
}

.image_single_profile {
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 155px;
  height: 45px;
  padding: 7px 0 0 11px;
  display: flex;
}

.main-short-listed-profile {
  flex-wrap: wrap;
  width: 100%;
  height: 100px;
  display: flex;
  overflow-y: auto;
}

.gap-bucket-rank {
  row-gap: 25px;
}

.over-hidden {
  overflow: hidden;
}

.round_img_logo_talent {
  width: 35px;
  height: 35px;
}

.back-to-top-wrapper {
  z-index: 2147483647;
  pointer-events: none;
  justify-content: center;
  width: 100%;
  display: flex;
  position: fixed;
  top: 12%;
  left: 0;
}

@media (min-width: 1024px) {
  html:has(.homepage-with-sidebar) .back-to-top-wrapper {
    left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));
  }
}

:is(body:has(.navbar-main-div .box_search_wrap.show) .back-to-top-wrapper, body:has(.navbar-main-div .box_search_wrap-2.show) .back-to-top-wrapper, body:has(.navbar-main-div .all_search_drop_down.show) .back-to-top-wrapper) {
  z-index: 2147483000;
}

.back-to-top {
  z-index: 999999;
  color: #000;
  cursor: pointer;
  text-align: center;
  pointer-events: auto;
  background-color: #fff;
  border-radius: 6px;
  width: fit-content;
  padding: 5px 10px;
  display: none;
  box-shadow: 1px 1px 4px #877b7b;
  font-size: 12px !important;
}

.back-to-top:hover {
  background-color: #ffffffd5;
}

.player-shuffle-top {
  z-index: 999999;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  height: fit-content;
  padding: 5px 10px;
  position: absolute;
  bottom: -8px;
  left: 85%;
  font-size: 12px !important;
}

.player-shuffle-top-centered-wrapper {
  text-align: center;
  z-index: 2147483647;
  width: 100%;
  position: absolute;
  top: -12px;
}

.glow-container {
  width: 100%;
  position: relative;
  overflow: visible;
}

.archive-player-stage {
  background: #161616;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.archive-player-stage-glow {
  filter: blur(30px) brightness(.1);
  z-index: 0;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.archive-player-stage-content {
  z-index: 1;
  width: 100%;
  position: relative;
}

.archive-player-stage .main-profile-reel {
  z-index: 1;
  position: relative;
  background: none !important;
}

.archive-player-stage .right-profile-main.gradinet-new, .archive-player-stage .right-profile-main.gradinet-new.border-gray {
  background: none !important;
}

.player-shuffle-top-centered {
  z-index: 999999;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  height: fit-content;
  padding: 5px 10px;
  bottom: -34px;
  font-size: 12px !important;
}

.player-shuffle-top-2-wrapper {
  z-index: 999999;
  color: #000;
  cursor: pointer;
  background-color: #000;
  border: none;
  border-radius: 6px;
  width: 100%;
  height: fit-content;
  padding: 5px 10px;
  position: absolute;
  top: -10px;
  font-size: 12px !important;
}

.player-shuffle-top-2 {
  z-index: 999999;
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  height: fit-content;
  padding: 5px 10px;
  font-size: 12px !important;
}

.player-shuffle-top-3 {
  z-index: 999999;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  height: fit-content;
  padding: 5px 10px;
  position: absolute;
  bottom: -6px;
  left: 45%;
  font-size: 12px !important;
}

.player-shuffle-top-sticky {
  z-index: 999999;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  height: fit-content;
  padding: 5px 10px;
  position: fixed;
  top: 8%;
  left: 44.4%;
  box-shadow: 1px 1px 4px #877b7b;
  font-size: 12px !important;
}

.round_img_logo_talentrounded-circle {
  background-color: #000;
  border-radius: 50%;
  width: 62px;
  height: 35px;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.round_img_new_logo_talentrounded-circle {
  background-color: #000;
  border-radius: 50%;
  width: 38px;
  height: 35px;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.toolTip {
  display: inline-block;
  position: relative;
}

.admin-blog-addNew-ckeditor .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
  height: auto !important;
}

.App-logo {
  pointer-events: none;
  height: 40vmin;
}

.max-h-50 {
  max-height: 50%;
}

.h-142 {
  height: 142px;
}

.h-fit-content {
  height: fit-content;
}

.image_popup_service {
  width: 1000px;
  padding: 10px;
}

.bg_gray {
  background-color: #181818;
}

.bg_dark {
  background-color: #000;
}

.clamp-1 {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  text-transform: capitalize;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal !important;
  display: -webkit-box !important;
}

.clamp-1-ranked {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80%;
  display: block;
  overflow: hidden;
}

.clamp-2 {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  text-transform: capitalize;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.clamp-3 {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.clamp-4 {
  text-transform: capitalize;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.clamp-5 {
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.clamp-6 {
  -webkit-line-clamp: 6;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.scroll-btn {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: none;
  border-radius: 50%;
  align-items: start;
  width: fit-content;
  height: 36px;
  padding: 0;
  transition: all .3s;
  display: flex;
}

.scroll-btn:hover {
  transform: scale(1.05);
}

.scroll-btn.left-btn {
  justify-content: start;
  margin-top: 10px;
  margin-right: 5px;
  padding-top: 5px;
  font-size: 14px;
}

.scroll-btn.right-btn {
  justify-content: end;
  margin-top: 10px;
  margin-left: 5px;
  padding-top: 5px;
  font-size: 14px;
}

.animated-text {
  cursor: text;
  font-size: 14px;
  font-weight: 400;
  transition: opacity .3s ease-in-out;
  display: inline-block;
  color: #989898 !important;
}

.animated-text-All {
  position: absolute;
  top: -16px;
  left: 109px;
}

.animated-text-Project {
  position: absolute;
  top: 1px;
  left: 15%;
}

.animated-text-Services, .animated-text-Profile {
  position: absolute;
  top: 1px;
  left: 16%;
}

.animated-text-Blog {
  position: absolute;
  top: 1px;
  left: 14%;
}

.animated-text-Collection {
  position: absolute;
  top: 1px;
  left: 17%;
}

.main-design-card {
  display: grid;
}

.netwok_modal_body {
  background: #000;
  border: 1px solid #212121;
  padding: 2%;
  box-shadow: 5px 5px 5px #1a1a1a;
}

.collection_modal_body {
  background: #000;
  border: 1px solid #212121;
  flex-direction: column;
  height: 800px;
  padding: 4%;
  display: flex;
  box-shadow: 5px 5px 5px #1a1a1a;
}

.collection_modal_body .custom-stepper .stepper__step {
  flex-direction: column-reverse;
}

.collection_modal_body_reflect {
  background: #000;
  border: 1px solid #212121;
  flex-direction: column;
  height: fit-content;
  padding: 4%;
  display: flex;
  box-shadow: 5px 5px 5px #1a1a1a;
}

.collection_modal_body_reflect .custom-stepper .stepper__step {
  flex-direction: column-reverse;
}

.custom-stepper .stepper__label {
  margin-bottom: 6px;
  color: #fff !important;
}

.parent {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  text-align: left;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 25px;
  font-weight: 600;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.parent-card {
  font-family: var(--bs-body-font-family);
  background-color: #000;
  border-left: 1px solid #181818;
  border-right: 1px solid #181818;
  border-radius: 0;
  margin-bottom: 20px;
  overflow: hidden;
}

.cross_logo {
  color: #fff;
  cursor: pointer;
  font-size: 24px;
}

.cross_logo-project-video:hover, .cross_logo:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.cross-collection {
  padding-bottom: 10px;
  position: absolute;
  top: 10%;
  right: 20px;
}

.network_header {
  text-align: center;
  color: #fff;
  padding: 12px 0 30px;
  font-size: 26px;
}

.coll_header {
  text-align: start;
  color: #fff;
  padding: 12px 0;
  font-size: 26px;
  line-height: .4;
}

.coll_header-2 {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0 30px;
  font-size: 26px;
  display: flex;
}

.coll_header_yellow {
  text-align: center;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  padding: 0 0 30px;
  font-size: 16px;
}

.title {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0 7px !important;
}

.textcard {
  color: #b2b2b2;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 10px !important;
}

.img-featured-cardrealative {
  aspect-ratio: 16 / 9;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: auto;
}

.img-featured-cardrealative:hover {
  transition: all .3s ease-in;
  transform: scale(1.1);
}

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

.collection_modal_text {
  color: #fff;
  font-weight: 800;
}

.see_all {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.my_collection_see_all {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.find_collection {
  position: relative;
}

.arrnage_new_edit {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 5px;
  font-size: 14px;
  display: flex;
}

.sample-list-collections {
  font-size: 16px;
  font-weight: 600;
}

.preview_data {
  gap: 15px;
  margin: 10px 0;
  display: flex;
}

.preview_data_text {
  color: #fff;
}

.my_collection_find {
  color: #333;
  background-color: #f9f9f9;
  border-color: #000;
  outline: none;
  width: 100%;
  margin: 0 0 25px;
  padding: 4px 15px;
  font-size: 16px;
}

.border-top-gray {
  opacity: .5;
  border-top: 1px solid gray;
  margin-top: 25px;
  padding-bottom: 25px;
}

.search_collection {
  stroke-width: initial;
  font-size: 20px;
  position: absolute;
  top: 9px;
  right: 15px;
}

.all_select_collection {
  color: #fff;
  flex-direction: column;
  align-items: center;
  height: 166px;
  display: flex;
  overflow-y: auto;
}

.checkbox-collection {
  accent-color: var(--global-color-main-1, var(--primary-color));
  margin: 0 10px 0 3px;
  transform: scale(1.5);
}

.collection_menu {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  display: flex;
}

.my_collection_find::placeholder {
  color: #888;
  opacity: 1;
  border-color: #000;
}

.right-profile-main {
  flex-direction: column;
  justify-content: start;
  row-gap: 0;
  width: 32%;
  min-height: 0;
  padding: 0;
  display: flex;
}

.desktop-only {
  display: "";
}

.mobile-only {
  display: none !important;
}

.my_collection_body {
  background: #000;
  border: 1px solid #212121;
  width: 700px;
  height: 480px;
  padding: 6%;
  box-shadow: 5px 5px 5px #1a1a1a;
}

.create_btn_collection {
  color: #fff;
  text-align: center;
  padding: 10px 0 0;
}

@media (min-width: 426px) and (max-width: 1561px) {
  .back-to-top-wrapper {
    top: 22%;
  }
}

@media (min-width: 1000px) and (max-width: 1919px) {
  .product-header, .product-header-collection {
    padding-top: 0;
    font-size: 12px !important;
  }

  .product-description, .product-description-collection {
    width: 150px !important;
    font-size: 12px !important;
  }
}

@media (min-width: 1000px) and (max-width: 1440px) {
  .right-profile-main {
    width: 40%;
  }

  .hide-1440.hide-1440 {
    display: none;
  }

  .advanced-sidebar-block {
    padding-top: 5px;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .img {
    height: 165px !important;
  }
}

@media (min-width: 501px) and (max-width: 2500px) {
  .knowledge-center-3, .knowledge-center-4, .knowledge-center-5 {
    display: none;
  }
}

@media (min-width: 2160px) and (max-width: 2560px) {
  .img {
    border: 1px solid red;
    height: 250px !important;
  }
}

@media (min-width: 2561px) and (max-width: 3840px) {
  .parent-card {
    margin: 10px;
  }
}

.parent-card-content, .parent-card-content1 {
  background-color: #181818;
  line-height: 20px;
}

.fade-in {
  opacity: 1;
}

.fade-out {
  opacity: 0;
}

.fade-in-new {
  opacity: 0;
  animation: 10s ease-in-out forwards fadeInOut;
}

.all-commmon-padding {
  padding: 20px;
}

.all-commmon-padding-bottom {
  padding: 0 0 20px;
}

.blackset {
  background-color: #000;
  width: 100%;
}

.music_main {
  flex-wrap: wrap;
  margin: 0;
  padding: 14px 20px;
  display: flex;
}

.music_main-1 {
  margin: 0;
}

.music_main_3 {
  flex-wrap: wrap;
  margin: 0;
  padding: 14px 20px;
  display: flex;
}

.squre-fixed-banner-wrap {
  border-radius: 10px;
  flex-direction: column;
  justify-content: start;
  align-items: end;
  padding: 0;
  display: flex;
}

.squre-fixed-banner-wrap-profile {
  text-align: right;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  width: fit-content;
  max-width: 355px;
  margin-left: auto;
  padding: 0;
  display: flex;
}

.carousel-with-square-banner {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.carousel-with-square-banner > .custom-width-profile, .carousel-with-square-banner > .logo-cut, .carousel-with-square-banner > .workstream-cards-tabs-col {
  flex: 1;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

.carousel-with-square-banner > .squre-fixed-banner-wrap, .carousel-with-square-banner > .squre-fixed-banner-wrap-profile {
  flex-shrink: 0;
  margin-left: auto;
}

@media (max-width: 768px) {
  .carousel-with-square-banner {
    gap: 16px;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .carousel-with-square-banner > .custom-width-profile, .carousel-with-square-banner > .logo-cut, .carousel-with-square-banner > .workstream-cards-tabs-col {
    order: 1;
    flex: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .carousel-with-square-banner > .squre-fixed-banner-wrap, .carousel-with-square-banner > .squre-fixed-banner-wrap-profile {
    order: 2;
    align-items: stretch;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .squre-fixed-banner-wrap--html, .squre-fixed-banner-wrap-profile.squre-fixed-banner-wrap--html {
    align-items: stretch;
    height: auto;
    width: 100% !important;
    max-width: 100% !important;
  }

  .carousel-with-square-banner .squre-fixed-banner, .carousel-with-square-banner .campaign-html-banner-wrap--336x375 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.squre-fixed-banner-wrap--html, .squre-fixed-banner-wrap-profile.squre-fixed-banner-wrap--html {
  justify-content: flex-start;
  align-items: end;
  width: fit-content;
  padding: 0;
  overflow: hidden;
}

.squre-fixed-banner {
  cursor: pointer;
  -o-object-fit: cover;
  object-fit: cover;
  border-top: 1px solid #2b2b2b;
  border-left: 1px solid #2b2b2b;
  border-right: 1px solid #2b2b2b;
  border-radius: 10px 10px 0 0;
  width: 336px;
  height: 280px;
}

.squre-fixed-banner-num {
  padding-bottom: 6%;
  padding-right: 1%;
  font-size: 50px;
  font-weight: 600;
  position: absolute;
}

.bg-dark-theme {
  background-color: #111 !important;
}

.swiper-pagination-bullet {
  opacity: 1 !important;
  background: #68768b !important;
}

.swiper-pagination-bullet-active {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
}

.advanced-sidebar-tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
  display: flex;
}

.advanced-sidebar-tags .advanced-sidebar-tag {
  color: #000 !important;
}

.advanced-sidebar-tags-2 {
  scrollbar-width: thin;
  scrollbar-width: none;
  flex-wrap: nowrap;
  flex: 1;
  gap: 8px;
  margin-top: 0;
  padding-right: 61px;
  display: flex;
  overflow-x: scroll;
}

.advanced-sidebar-tags-4 {
  scrollbar-width: thin;
  scrollbar-width: none;
  flex-wrap: nowrap;
  flex: 1;
  gap: 8px;
  margin-top: 0;
  margin-right: 61px;
  padding-left: 0;
  display: flex;
  overflow-x: scroll;
}

.advanced-sidebar-tags-3 {
  scrollbar-width: none;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-top: 20px;
  padding-right: 0;
  display: flex;
}

@media (min-width: 0) and (max-width: 768px) {
  .back-to-top-wrapper {
    z-index: 2147483647;
  }

  .right-profile-main {
    width: 100%;
  }

  .music-main-tab-1 {
    margin: 0;
    padding: 0 16px;
  }

  .music-main-tab-2 {
    margin: 0;
    padding: 0 23px 15px 0;
  }

  .music-main-tab-3 {
    margin: 0;
    padding: 8px 23px 10px 0;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .right-profile-main {
    width: 100%;
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 768px) {
  .scroll-btn {
    height: 32px;
    font-size: .9rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: 20s linear infinite App-logo-spin;
  }
}

.App-header {
  color: #fff;
  background-color: #282c34;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  font-size: calc(10px + 2vmin);
  display: flex;
}

.App-link {
  color: #61dafb;
}

.content-space-around {
  justify-content: space-around;
}

.item-strech {
  align-items: stretch;
}

.custom-flex-container {
  -moz-column-gap: .5rem;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .5rem;
  padding: 1.5rem;
  display: flex;
  overflow-y: auto;
}

.custom-select-audio {
  color: #fff;
  cursor: pointer;
  text-align: center;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #dfe6eb;
  border-radius: 20px;
  padding: 8px 18px;
  font-size: 14px;
  background-color: #fff !important;
}

.custom-select-audio:focus {
  outline: none;
  box-shadow: 0 0 0 2px #007bff80;
}

.custom-select-audio-black {
  color: #fff;
  cursor: pointer;
  text-align: center;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #dfe6eb;
  border-radius: 20px;
  padding: 8px 18px;
  font-size: 14px;
  background-color: #161616 !important;
}

.custom-select-audio-black:focus {
  outline: none;
  box-shadow: 0 0 0 2px #007bff80;
}

.custom-text-style {
  text-align: start;
  color: #b6b6b6;
  width: 100%;
  height: 30px;
  padding: 0 34px;
  font-size: 10px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  overflow-y: auto;
  transform: translateX(-50%);
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0);
  }

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

.comman1-btn-manage {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  box-shadow: none;
  border: none;
  border-radius: 5px;
  padding: 5px 50px;
  font-size: 18px;
  font-weight: 700;
}

.total_sum {
  -moz-column-gap: 10px;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  column-gap: 10px;
  display: flex;
  position: fixed;
  bottom: 7px;
  right: 56px;
}

.items-center {
  align-items: center;
}

.border-none {
  border: none !important;
}

.items-center-justify {
  justify-content: center;
}

.lessmore {
  cursor: pointer;
  font-weight: 500;
  color: #b2b2b2 !important;
  background: none !important;
  border: none !important;
  font-size: 16px !important;
}

.lessmore:hover {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

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

.bucketDataSwiper .swiper-button-prev {
  background-image: url("../media/Small-Scroll-Left-White.fe664735.svg");
  background-repeat: no-repeat;
  margin: -2% 0 0;
  position: absolute;
  color: #0000 !important;
  background-size: 60px 60px !important;
  width: 60px !important;
  height: 65px !important;
  font-size: 20px !important;
}

.bucketDataSwiper .swiper-button-next {
  background-image: url("../media/Small-Scroll-Right-White.08199554.svg");
  background-repeat: no-repeat;
  margin: -2% 0 0;
  position: absolute;
  color: #0000 !important;
  background-size: 60px 60px !important;
  width: 60px !important;
  height: 65px !important;
  font-size: 20px !important;
}

.swiper-button-prev {
  background-image: url("../media/Small-Scroll-Left-White.fe664735.svg");
  background-repeat: no-repeat;
  margin: 0 0 0 -5px;
  position: absolute;
  color: #0000 !important;
  width: 35px !important;
  height: 46px !important;
  font-size: 10px !important;
}

.swiper-button-prev:hover {
  background-image: url("../media/Small-Scroll-Left-active.a42328b9.svg");
  background-repeat: no-repeat;
}

.swiper-button-next {
  background-image: url("../media/Small-Scroll-Right-White.08199554.svg");
  background-repeat: no-repeat;
  position: absolute;
  color: #0000 !important;
  height: 46px !important;
  right: -21px !important;
}

.swiper-button-next:hover {
  background-image: url("../media/Small-Scroll-Right-active.f489d155.svg");
  background-repeat: no-repeat;
}

.modal-width .modal-content {
  width: auto !important;
}

.main-admin-blog {
  background: #212121;
  min-height: calc(100vh - 69px);
  max-height: calc(100vh - 69px);
  padding: 20px;
  overflow-x: auto;
}

.main-admin-blog-image {
  background: #212121;
  padding: 20px;
}

.comman-main-div-image {
  color: #fff;
  background: #212121;
  padding: 14px 50px 20px;
}

.height-image-board {
  min-height: calc(100vh - 69px);
}

.fix_width {
  width: 320px;
}

.fix_height {
  height: 22px;
}

.comman-main-div {
  color: #fff;
  background: #212121;
  max-height: calc(100vh - 69px);
  padding: 14px 50px 78px;
  overflow-y: auto;
}

.comman-collection-profile {
  color: #fff;
  background: #212121;
  height: 92vh;
  padding: 14px 50px 78px;
  overflow-y: auto;
}

.my_list_save_wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  display: flex;
}

.comman-main-div-audit {
  color: #fff;
  background: #212121;
  max-height: 92vh;
  padding: 14px 50px 111px;
  overflow-y: auto;
}

.comman-main-div-5 {
  color: #fff;
  background: #212121;
  min-height: 93vh;
  padding: 14px 50px 114px;
  overflow-y: auto;
}

.comman-main-div-1 {
  color: #fff;
  background: #212121;
  height: 92.5vh;
  padding: 14px 50px 50px;
  overflow-y: auto;
}

.comman-admin-parent-div {
  color: #fff;
  background: #212121;
  min-height: calc(100vh - 69px);
  padding: 30px;
}

select option {
  color: #fff;
  text-shadow: 0 1px #0006;
  background: #0000004d;
  margin: 40px;
}

.modal-open {
  padding-right: 0 !important;
}

.aaaaaaaa {
  text-shadow: 1px 1px red;
  color: #fff !important;
  background: red !important;
  margin: 40px !important;
}

.aaaaaaaa[value="1"] {
  background: red !important;
}

.greenColor {
  background-color: #3c3;
}

.redColor {
  background-color: #e60000;
}

.rs-bs-select .dropdown-menu {
  z-index: 9999;
  position: fixed !important;
}

.rs-bs-select .dropdown-menu .dropdown-item:focus, .rs-bs-select .dropdown-menu .dropdown-item:hover {
  background-color: #f0ad4e;
}

.dropdown-item:active {
  background-color: #fff !important;
}

.pagination a {
  color: #fff;
  --bs-pagination-focus-box-shadow: none;
  background-color: #0000;
  border: none !important;
  border-radius: 1px !important;
}

.abb {
  background: red !important;
}

.activeabc {
  color: #fff !important;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border-radius: 2px !important;
}

.ccc {
  background-color: #000 !important;
  border-radius: 2px !important;
}

.activeabc :hover {
  color: #fff;
  border: 0;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  border-radius: 2px !important;
}

.ccc :hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  color: #fff !important;
  border-radius: 2px !important;
}

.activeabc :focus {
  border: 0;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  color: #fff !important;
  border-radius: 2px !important;
}

.comman-btn {
  color: #fff;
  border-radius: 5px;
  margin-left: 20px;
  padding: 5px 10px;
  font-size: 16px;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border: none !important;
  font-weight: 600 !important;
}

.comman-btn-manage-close {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border-radius: 5px;
  margin-right: 20px;
  padding: 5px 20px;
  font-size: 18px;
  font-weight: 500;
}

.comman-btn-manage-edit {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border-radius: 5px;
  padding: 5px 20px;
  font-size: 18px;
  font-weight: 500;
}

.comman-btn-manage-edit-title {
  padding-bottom: 15px;
  font-size: 28px;
  font-weight: 500;
}

.comman-title-div {
  font-size: 22px;
  font-weight: 700;
}

.comman-title-div-2 {
  border-bottom: 2px solid #505050;
  width: 100%;
}

.my-project-main-div-component {
  color: gray;
  background: #161616;
  justify-content: center;
  align-items: center;
  padding: 21.3%;
  font-size: 16px;
  display: flex;
}

.my-director-main-div {
  color: #fff;
  background: #161616;
  padding: 20px;
}

.comman-div-creator {
  color: #fff;
  background: #161616;
  height: 100%;
  overflow: auto;
}

.comman-div-creator-2 {
  color: #fff;
  background: #161616;
}

.my-director-sub-div-main {
  overflow-y: auto;
}

.my-director-sub-div-main-common-padding {
  height: 84vh;
  padding: 0 50px;
}

.filter-house-click {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.filter-house-click:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.my-director-sub-div {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: space-between;
  padding: 0 63px 24px;
  font-size: 18px;
  display: flex;
}

.my-director-Add-profile {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
}

.my-director-sub-div-2 {
  text-align: end;
  color: #fff;
  padding-bottom: 20px;
  font-size: 10px;
}

.my-director-spinner {
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
}

.comman-admin-card-main-div {
  color: #505050;
  font-size: 17px;
  font-weight: 700;
}

.comman-admin-card-main-div-2 {
  border-bottom: 2px solid #505050;
  width: 100%;
}

.marketer-comman-header-main-div {
  background: #161616;
  align-items: center;
  padding-bottom: 50px;
  display: flex;
}

.marketer-comman-header-sub-div {
  color: #fff;
  padding-right: 20%;
  font-size: 22px;
  font-weight: 500;
}

.marketer-comman-header-input-div {
  background: linear-gradient(100deg, #4d4d4d 0%, #2e2d2d 67%);
  border-radius: 15px;
  width: 40%;
  height: 32px;
  padding-left: 15px;
}

.marketer-comman-header-input {
  color: #b0b0b0;
  background: none;
  border: none;
  outline: none;
  width: 95%;
  padding-top: 3px;
  padding-left: 10px;
}

.manage-btn-margin {
  margin-right: 20px;
}

.manage-back-btn {
  font-size: 18px;
  font-weight: 700;
}

.manage-costing-name {
  padding: 20px 0;
  font-size: 24px;
  font-weight: 700;
}

.marketer-comman-main-div {
  padding: 0 40px;
}

.manage-markup-talents {
  height: 2rem;
}

.project-director-header {
  background: #161616;
  width: 86%;
  padding: 0 60px 80px;
}

.project-director-header-talent {
  background: #161616;
  width: 86%;
  padding: 24px 0 80px;
}

.project-director-background {
  background: #161616;
}

.project-director-background-gridview {
  background: #161616;
  flex-wrap: wrap;
  display: flex;
}

.bucketDataSwiper_card {
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  display: flex;
}

.wrap_single_creator {
  padding: 0 20px 20px 0;
}

.wrap_single_creator-submission {
  border: 2px dashed #4e4e4e;
  width: 335px;
  height: 455px;
  margin-right: 20px;
  padding: 20px;
}

.wrap_single_creator-submission-empty {
  border: 2px dashed #4e4e4e;
  row-gap: 20px;
  height: 93%;
}

.wrap_single_creator-submission-empty-1 {
  border: 2px dashed #4e4e4e;
}

.border-gray-center {
  border-top: 2px dashed #4e4e4e;
  border-left: 2px dashed #4e4e4e;
  border-right: 2px dashed #4e4e4e;
  margin-top: 89%;
}

.border-gray-center-2 {
  border-top: 2px dashed #4e4e4e;
  border-left: 2px dashed #4e4e4e;
  border-right: 2px dashed #4e4e4e;
  margin-top: 93%;
}

.box-gray {
  border: 2px dashed #4e4e4e;
  width: 96px;
  height: 120px;
  margin: 24px;
  padding: 20px;
}

.padding_cl_card, .padding_cl_card-submission {
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.disabled_profile {
  opacity: .25;
}

.padding_cl_card-empty {
  width: 335px;
  margin-right: 20px;
  height: 486px !important;
  padding: 0 !important;
}

.padding_cl_card-empty-2 {
  width: 335px;
  margin: .5rem;
  display: inline-block;
  height: 365px !important;
  padding: 0 !important;
}

.custom-offcanvas {
  width: 43% !important;
  top: 117px !important;
}

.custom-offcanvas-with-video-tab {
  width: calc(100% - 270px) !important;
  top: 117px !important;
}

.custom-offcanvas-share {
  width: 43% !important;
  top: 69px !important;
}

.custom-offcanvas-with-video-tab-share {
  width: calc(100% - 270px) !important;
  top: 69px !important;
}

.custom-offcanvas-with-video-tab .offcanvas-body, .custom-offcanvas .offcanvas-body {
  padding: 0;
}

.offcanvas-backdrop {
  z-index: 0;
}

.admin-project-common-component-main-div {
  background: #303030;
  padding: 2px 55px 2px 60px;
  position: relative;
  box-shadow: -1px 1px 3px #0000008c;
}

.costing-view-tempate-delete-icon {
  margin-right: 10px;
}

.project-navbar-tabs-div {
  justify-self: unset;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 119px !important;
}

.project-navbar-tabs-mobile {
  color: #fff;
  justify-content: end;
  align-items: end;
  display: flex;
  position: relative;
}

.add_profiles_admin {
  text-align: end;
  margin: 0 10px 0 0;
}

.project-navbar-tabs-dashboard {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
  text-decoration: none;
}

.one_profile {
  width: 155px;
  height: 200px;
  display: block;
}

.one_profile-wrap {
  width: 155px;
  height: 240px;
  display: block;
  position: relative;
}

.profile_caraousel_select {
  -o-object-fit: cover;
  object-fit: cover;
  width: 155px;
  height: 200px;
  margin: auto;
}

.profile_caraousel {
  width: 100%;
  margin: 0;
}

.starbox {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  z-index: 999;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
}

.start_box_profile_name_gray {
  color: #bdbdbd;
  font-size: 10px;
}

.start_box_profile_name {
  color: #fff;
  font-size: 12px;
}

.starbox-1 {
  text-align: center;
  z-index: 999;
  background-color: #fff;
  width: 35px;
  height: 35px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: 35px;
}

.startbox_icon {
  margin: 6px;
  font-size: 20px;
}

.caraouosel_profile {
  flex-wrap: wrap;
  display: flex;
}

.animated-element {
  z-index: 444;
  opacity: 0;
  visibility: hidden;
  transition: visibility, opacity .5s, transform .5s;
  position: absolute;
  top: 72px;
  left: 0;
  transform: translateX(-150px);
}

.animated-element.visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

.animated-element.hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(-150px) !important;
}

.width-blank-card {
  margin: 0;
  padding: 0;
  transition: width .5s;
  width: 0% !important;
}

.width-blank-card.expanded {
  width: 15.5% !important;
}

.width-blank-card.collapsed {
  margin: 0;
  padding: 0;
  width: 0% !important;
}

.tooltip-container {
  display: inline-block;
  position: relative;
}

.tooltip-text {
  visibility: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  border-radius: 5px;
  padding: 5px;
  font-size: 15px;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 6px #0000001a;
}

.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.creator_list_btn {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  display: flex;
}

.right_side_my_list {
  flex-wrap: wrap;
  display: flex;
}

.add_popup_my_list {
  position: absolute;
  bottom: 15%;
  right: 18.5%;
}

.add_popup_my_list-1 {
  bottom: 6%;
  right: 20px;
}

.content-space-between {
  justify-content: space-between;
}

.custom-width-profile {
  width: 80%;
}

.w-78 {
  width: 78%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.collection_new_list {
  padding: 8px;
  width: 67px !important;
  height: 67px !important;
}

.pr-5px {
  padding-right: 5px;
}

.pr-32px {
  padding-right: 32px;
}

.blog-summary {
  color: #7b7b7b;
  font-size: 12px;
  position: absolute;
  top: 25px;
  left: 15px;
}

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

.blank-mobile-space {
  background-color: #0000;
  min-width: 0;
}

.custom-select-option {
  text-align: start;
}

.font-400 {
  font-weight: 400;
}

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

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

.font-700 {
  font-weight: 700;
}

@media (min-width: 0) and (max-width: 430px) {
  .custom-select-menu {
    width: 180px;
  }

  .blog-summary {
    left: 0;
  }

  .comment-wrapper {
    margin-bottom: 20px;
    padding-top: 20px;
  }

  .mob-gap-40 {
    gap: 40px !important;
  }

  .mob-mb-40 {
    margin-bottom: 40px !important;
  }

  .discountwrap > .offlabeltext {
    left: 0 !important;
  }

  .mob-carousel-margin {
    width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .blank-mobile-space {
    background-color: #0000;
    min-width: 24px;
    display: none;
  }

  .squre-fixed-banner-wrap-profile {
    align-items: center;
    width: 100%;
    margin: 20px 0;
    padding: 0 23px;
  }

  .add_popup_my_list {
    bottom: 8%;
    right: 1%;
  }

  .comman-main-div {
    min-height: calc(100vh - 49px);
    padding: 15px 19px;
  }

  .comman-main-div-5, .comman-main-div-1 {
    min-height: calc(100vh - 69px);
    padding: 15px;
  }

  .marketer-comman-main-div {
    padding: 23px;
  }

  .marketer-comman-header-main-div {
    padding-bottom: 20px;
  }

  .marketer-comman-header-sub-div {
    padding: 10px;
    font-size: 16px;
  }

  .marketer-comman-header-input-div {
    justify-content: baseline;
    align-items: center;
    width: 60%;
    display: flex;
  }

  .my-director-sub-div {
    background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
    -webkit-text-fill-color: transparent;
    color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
    justify-content: end;
    padding: 15px;
    font-size: 12px;
    display: flex;
  }
}

.calendly-inline-widget {
  min-width: 320px;
  height: 690px !important;
  margin-top: 0 !important;
}

.input-phone-number input:focus {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

.scrollable-tabs {
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: flex;
}

.tab-scroll-button {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin: 5px;
  padding: 10px;
  font-size: 18px;
}

.tab-scroll-button:hover {
  background-color: #e0e0e0;
}

.tab-scroll-button:active {
  background-color: #d0d0d0;
}

.rts___tabs {
  scrollbar-width: none;
  padding: 0 !important;
}

.rts___tabs::-webkit-scrollbar {
  display: none;
}

.rts___tab {
  margin: 0;
  position: relative;
  padding: 10px !important;
}

.rts___nav___btn svg {
  max-width: unset;
}

.rts___btn {
  color: #656566;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  border-radius: unset !important;
  border: none !important;
}

.main-collection-tab-1 .rts___btn {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 750;
  border: none !important;
  border-radius: 6px !important;
  margin: 0 5px 0 0 !important;
  padding: 10px 24px !important;
}

.main-collection-tab-1 .rts___btn:hover {
  background-color: #212121;
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: var(--global-color-hover-1, var(--primary-color)) !important;
}

.main-collection-tab-1 .display___md___none, .display-none {
  display: none !important;
}

.main-collection-tab-1 .rts___tab:after {
  content: "";
  width: 0;
  height: 3px;
  margin: auto;
  transition: width .5s, background-color .5s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.main-collection-tab-1 .rts___tab___selected {
  width: 100%;
  font-size: 14px;
  font-weight: 750;
  position: relative;
  -webkit-text-fill-color: var(--global-color-main-1, var(--primary-color)) !important;
  color: var(--global-color-main-1, var(--primary-color)) !important;
  box-shadow: none !important;
  background: #a7a7a71c !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  margin: 0 5px 0 0 !important;
}

.main-collection-tab-1 .rts___tab___selected:after {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #fff;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.showing_text {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  display: flex;
}

.main-collection-tab-white {
  background-color: #fff;
  padding: 30px 20px;
}

.main-collection-tab-white-service {
  background-color: #fff;
  padding: 30px 61px;
}

.main-collection-tab-white .rts___btn {
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  font-size: 14px;
  font-weight: 750;
  border-radius: unset !important;
  border: none !important;
  margin: 0 5px 0 0 !important;
  padding: 10px 24px !important;
}

.main-collection-tab-white .rts___btn:hover {
  color: #000;
  background-color: #a7a7a71c !important;
}

.main-collection-tab-white .rts___tab:after {
  content: "";
  width: 0;
  height: 3px;
  margin: auto;
  transition: width .5s, background-color .5s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.main-collection-tab-white .rts___tab___selected {
  color: #000;
  width: 100%;
  font-size: 14px;
  font-weight: 750;
  position: relative;
  box-shadow: none !important;
  background-color: #a7a7a71c !important;
  margin: 0 5px 0 0 !important;
}

.main-collection-tab-white .rts___tab___selected:after {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.main-collection-tab-white .rts___tabs___container {
  background: #fff;
  width: 66%;
  padding: 0 35px 0 0;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-32 {
  width: 32%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-60 {
  width: 60%;
}

.w-80 {
  width: 80%;
}

.w-82 {
  width: 82%;
}

.w-85 {
  width: 85%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-100 {
  width: 100%;
}

.w-300 {
  width: 300px;
}

.shuffle-player-width {
  width: 100%;
}

.w-max-content {
  width: max-content;
}

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

.main-collection-tab-1 .rts___nav___btn:hover {
  background-color: unset;
}

.main-collection-tab-1 .rts___nav___btn:hover > svg {
  stroke: #0009;
}

.main-collection-tab-2 .rts___btn {
  color: #000;
  text-transform: uppercase;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  border-radius: unset !important;
  border: none !important;
  padding: 10px 24px 10px 0 !important;
}

.view-collection {
  font-size: 18px;
}

.view-collection:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  fill: currentColor;
  -webkit-text-fill-color: currentColor;
}

.main-collection-tab-2 .rts___tab:after {
  content: "";
  background-color: .5s ease;
  width: 0;
  height: 3px;
  margin: auto;
  transition: width .5s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.main-collection-tab-2 .rts___tab___selected {
  color: #000;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  box-shadow: none !important;
  background: none !important;
}

.main-collection-tab-2 .rts___tab___selected:after {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #fff;
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.main-collection-tab-2 .rts___tabs___container {
  width: fit-content;
  padding: 0;
  background: none !important;
}

.main-collection-tab-2 .rts___nav___btn:hover {
  background-color: unset;
}

.main-collection-tab-2 .rts___nav___btn:hover > svg {
  stroke: #0009;
}

.rts___tab:after {
  content: "";
  width: 0;
  height: 3px;
  margin: auto;
  transition: width .5s, background-color .5s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.rts___tab___selected {
  color: #000;
  width: 100%;
  position: relative;
  box-shadow: none !important;
  background: none !important;
}

.rts___tab___selected:after {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.rts___nav___btn:hover {
  background-color: unset;
}

.rts___nav___btn:hover > svg {
  stroke: #0009;
}

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

.rts___tabs___container {
  background: #303030;
  width: 66%;
  padding: 0 35px;
}

.rts___tabs___container-talent {
  background: #303030;
  padding: 0 35px;
}

.main-collection-tab .rts___tabs___container {
  background: #161616;
  padding: 0 35px 0 0;
}

.main-collection-tab-1 .rts___tabs___container {
  background: none;
  width: 100%;
  margin-bottom: 0;
  padding: 0 10px 0 0;
}

.main-collection-tab .rts___tabs___container-talent {
  background: #0e0e0e;
  padding: 0 35px 0 0;
}

.marquee_text {
  color: #fff;
  font-size: 140px;
  font-weight: bold;
  font-family: var(--bs-body-font-family);
  background-color: #000;
  border: none;
  padding: 10px;
}

.marquee_span {
  margin-right: 50px;
}

.floating_video_bid {
  z-index: 1111;
  position: fixed;
  bottom: 60px;
  right: 20px;
}

.cross_logo-project-video {
  color: #fff;
  font-size: 24px;
  position: absolute;
  right: -23px;
}

.cross_logo-project-video:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.admin-card-count {
  position: absolute;
  bottom: 20px;
  right: 10px;
}

.login-form-group .special-label {
  display: none;
}

.bissoff-title * {
  margin: 0;
}

@media screen and (min-width: 0) and (max-width: 768px) {
  .floating_video {
    padding: 0 12px;
    position: static;
  }

  .showing_text {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 0;
    display: flex;
  }
}

@media (max-width: 991.98px) {
  .rts___tabs___container, .rts___tabs___container-talent {
    padding: 0;
  }
}

@media (max-width: 767.98px) {
  .rts___tab {
    padding: 5px;
  }
}

.prev {
  left: 1rem;
}

.next {
  right: 1rem;
}

.sliderbtn {
  cursor: pointer;
  text-align: center;
  color: #bababa;
  border-radius: 11%;
  width: 40px;
  height: 40px;
  padding: 2px;
  font-size: 30px;
  line-height: 27px;
  position: absolute;
}

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

.slider-container {
  scroll-behavior: smooth;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 2rem;
  display: flex;
  overflow-x: hidden;
}

.hide_overflow {
  overflow: hidden;
}

.slider-wrapper {
  align-items: center;
  width: 600px;
  display: flex;
}

.newProject {
  width: 84%;
}

.w-48 {
  width: 48%;
}

@media screen and (min-width: 0) and (max-width: 1440px) {
  .demo-col, .video-wrapper, .video-wrapper .w-95 {
    width: 100% !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .rts___tabs___container, .rts___tabs___container-talent {
    width: 56%;
  }
}

@media screen and (min-width: 2150px) and (max-width: 2560px) {
  .my-project-main-div-component {
    padding: 16.3%;
  }

  .slider-wrapper {
    width: 800px;
  }
}

@media screen and (min-width: 2561px) and (max-width: 3840px) {
  .common-color-talent, .common-color-talent-final {
    font-size: 50px;
  }

  .apinewadd {
    margin-top: 17% !important;
  }
}

@media screen and (min-width: 2561px) {
  .slider-wrapper {
    width: 1600px;
  }
}

.container1 {
  position: relative;
}

.basic-multi-select .css-1fdsijx-ValueContainer {
  padding: 0 !important;
}

.create-rate-ok-btn {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: none;
  padding: 5px 50px;
  font-size: 16px;
  font-weight: 700;
}

.rate-title-main-div {
  display: flex;
}

.rate-talent-sub-div {
  padding-right: 50px;
}

.rate-talent-parent-div {
  justify-content: space-between;
  display: flex;
}

.rate-talent-sub-div-margin {
  margin-left: 6px;
}

.creator-rate-card-details-select {
  background-color: #303030;
  height: 38px;
}

.ck.ck-reset.ck-editor.ck-rounded-corners {
  border: 1px solid #606060;
}

.category-rate-card-main-div {
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  background: none;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 5px;
  margin-right: 70px;
  padding: 8px 50px;
}

.educationcara .rec-dot {
  color: #9d9da7;
  background: #9d9da7;
}

.educationcara .rec-dot_active {
  color: #fff;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  box-shadow: none;
}

.educationcara .rec.rec-arrow {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.educationcara .widthcara {
  width: 100%;
}

.ckeditorwrap .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
  height: 100px;
  font-size: 15px;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
  font-size: 15px;
  height: 100px !important;
}

.ckeditorwrap .ck-editor__editable .ck-rounded-corners ck-editor__editable_inline ck-blurred {
  height: 80px;
}

.category-rate-card-main-div-collam-10 {
  padding: 0 60px 0 0;
}

.category-rate-card-main-div-field {
  border-radius: 5px;
  width: 50px;
  height: 40px;
}

.imagesandvideosTextCreator {
  justify-content: end;
  width: 100%;
  padding-right: 25px;
  display: flex;
}

.fullScreenButtonDiv {
  color: #fff;
  background-color: #000;
  width: 100%;
  display: flex;
}

.pla > video {
  -o-object-fit: fill;
  object-fit: fill;
  position: absolute;
}

.primaryThemeButton {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  border-radius: 4px;
  padding: 6px;
  font-weight: 700;
}

.secondaryThemeButton {
  background: none;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  border: 1px solid var(--global-color-main-1, var(--primary-color));
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 4px;
  padding: 6px;
  font-weight: 700;
}

.project-nav-bar-main-div .nav-link.active {
  height: 45px;
  color: #fff !important;
  border-bottom: 2px solid var(--primary-color) !important;
  background: none !important;
  padding: 0 !important;
  font-weight: 700 !important;
}

.portfolio-tab-div .nav-link.active {
  border-bottom: 2px solid var(--primary-color) !important;
  background: #303030 !important;
}

.terms-and-condition-body {
  color: #868686;
  overflow: auto;
}

.common-color {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.common-color-talent {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 24px;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.common-color-talent-final {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 30px;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.common-color-talent_project {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  padding: 25px 12px 25px 0 !important;
}

.project-nav-bar-main-div .nav-link {
  color: #656566;
  text-transform: uppercase;
  height: 45px;
  font-size: 14px;
  font-weight: 700;
  padding: 0 !important;
}

.project-nav-bar-main-div .nav-tabs .nav-link {
  color: #fff;
  font-weight: 400;
  width: auto !important;
  padding: 0 30px 0 25px !important;
  font-size: 14px !important;
}

.commaon-class-scrool {
  max-height: calc(100vh - 117px);
  overflow: hidden scroll;
}

.commaon-class-scrool-talent {
  width: 100%;
  padding: 0;
}

.arrange_view_profile {
  position: absolute;
  top: 9px;
  right: 250px;
}

.active > .page-link {
  height: 34px;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
}

.page-link :focus {
  color: #fff;
  background: none !important;
}

.page-link:hover {
  color: #fff !important;
  background: none !important;
}

.sliderMobile, .sliderIpad, .sliderDesktop {
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}

.wrapper {
  border-radius: 10px;
  width: 100%;
  height: 0;
  margin-top: 10px;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.blog-landing-details-3 .continue-reading {
  color: red;
  cursor: pointer;
  font-weight: 600;
}

.wrapper-1 {
  width: 100%;
  margin-top: 25px;
  padding-bottom: 40%;
  position: relative;
}

.sliderMobilePlayer {
  -o-object-fit: contain;
  object-fit: contain;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.sliderMobilePlayer-2 {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

.sliderbtnMobile {
  cursor: pointer;
  text-align: center;
  color: #bababa;
  border-radius: 11%;
  padding: 2px;
  position: absolute;
}

#left {
  left: 0 !important;
}

@extend % sliderbtnMobile;

#left-1 {
  left: 34px !important;
}

@extend % sliderbtnMobile;

#right {
  right: 0;
}

@extend % sliderbtnMobile;

.objectFitCover {
  aspect-ratio: 16 / 9;
  border-radius: 50%;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  -o-object-position: top !important;
  object-position: top !important;
}

.object-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.objectFitCover-2 {
  aspect-ratio: 16 / 9;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  -o-object-position: top !important;
  object-position: top !important;
}

.show-costing-main-div {
  background: #161616;
  height: calc(100vh - 115px);
  overflow: auto;
}

.show-costing-main-div-1 {
  background: #161616;
  height: 100vh;
  overflow: auto;
}

.common-cursor-pointer {
  cursor: pointer;
}

.pr-5 {
  padding-left: 1px;
}

.pl-4 {
  padding-left: 1.5rem;
}

.pl-10px {
  padding-left: 10px;
}

.pl-12px {
  padding-left: 12px;
}

.pr-0 {
  padding-right: 0;
}

.pl-0 {
  padding-left: 0;
}

.mr-3px {
  margin-right: 3px;
}

.mt-8px {
  margin-top: 8px;
}

.mt-81-px {
  margin-top: 81px;
}

.font-12 {
  font-size: 12px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-35 {
  font-size: 35px !important;
}

h2 {
  font-size: 24px !important;
}

h3 {
  font-size: 20px !important;
}

h4 {
  font-size: 16px !important;
}

h5 {
  font-size: 14px !important;
}

.top-150 {
  top: 150px;
}

.items-end {
  align-items: end;
}

.padding-nav-0 {
  padding: 0 0 0 .8rem !important;
}

.player-text-navigate {
  color: #fff;
  flex: 1;
  align-items: center;
  gap: 20px;
  margin: 10px 0;
  display: flex;
}

.heder-text-archive {
  z-index: 1111;
  opacity: .2;
  letter-spacing: 10px;
  pointer-events: none;
  text-align: center;
  width: 100%;
  font-size: 52px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.reset-button {
  color: gray;
  background-color: #fff;
  border: none;
  border-radius: 12px;
  width: 100%;
  padding: 10px 18px;
}

.border-gray {
  border: 1px solid #2b2b2b;
}

.collection_main_text {
  color: #fff;
  padding-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}

.workstream-padding {
  box-sizing: border-box;
  flex-direction: column;
  gap: 10px;
  padding: 20px 20px 10px;
  display: flex;
}

.pt-10 {
  padding-top: 10px;
}

.pt-32 {
  padding-top: 32px;
}

.workstream-padding .ipc-title__description {
  margin: 0;
  padding: 0;
}

.line-height-md {
  line-height: 1 !important;
}

.workstream-padding .main-collection-tab-1 {
  margin: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.breadcrumb-container a {
  color: #000 !important;
}

.padding-top-84 {
  padding-top: 70px;
}

.tab_breadcrum {
  color: #000;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  padding: 10px 10px 10px 0;
  display: flex;
}

.single_tab_breadcrom_black {
  cursor: pointer !important;
  color: #7b7777 !important;
  font-size: 16px !important;
  transition: color .3s !important;
  display: inline-block !important;
  position: relative !important;
}

.single_tab_breadcrom_black a {
  color: #7b7777 !important;
}

.single_tab_breadcrom_black:after {
  content: "" !important;
  background: linear-gradient(90deg, var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  width: 0% !important;
  height: 2px !important;
  transition: width .3s !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
}

.single_tab_breadcrom_black:hover a, .single_tab_breadcrom_black:hover > span {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.single_tab_breadcrom_black:hover:after {
  width: 100% !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .mob-display-none {
    display: none;
  }
}

.arrange_model_new_project_2 {
  flex-direction: column !important;
  align-items: center !important;
  width: 348px !important;
  max-height: 100% !important;
  padding: 24px !important;
  display: flex !important;
  position: relative !important;
}

@media (min-width: 0) and (max-width: 1024px) {
  .arrange_model_new_project_2 {
    width: 100% !important;
    margin-bottom: 10px !important;
    padding: 10px 0 0 !important;
  }

  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: flex !important;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .font-12 {
    font-size: 10px;
  }
}

.ml-1 {
  margin-left: 5px !important;
}

.current-active {
  background-color: #181818 !important;
  border: 1px solid #2b2b2b !important;
  transition: all .5s ease-in-out !important;
}

.streaming_subtitle_section {
  gap: 3px;
  color: #7b7777 !important;
  border-radius: 5px !important;
  align-items: center !important;
  height: fit-content !important;
  padding: 2px 0 !important;
  font-size: 12px !important;
  display: flex !important;
}

.project_dyanamic-1 {
  color: #7b7777 !important;
  text-align: start !important;
  height: 90px !important;
  font-size: 12px !important;
  overflow: auto !important;
}

@media (min-width: 0) and (max-width: 430px) {
  .music_main, .music_main_3 {
    padding: 0 16px;
  }

  .single_tab_breadcrom_black {
    font-size: 12px !important;
  }

  .current-active {
    padding: 6px 0 6px 10px !important;
  }

  .streaming_subtitle_section {
    font-size: 10px !important;
  }

  .project_dyanamic-1 {
    color: #7b7777 !important;
    min-height: 180px !important;
    max-height: 180px !important;
    font-size: 12px !important;
    overflow: auto !important;
  }
}

.gap-2 {
  gap: .5rem;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

@media (min-width: 0) and (max-width: 1024px) {
  .banner-section-column {
    justify-content: center;
    display: flex;
  }

  .pl-60 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 0) and (max-width: 425px) {
  .product-header {
    top: .5rem;
    left: .5rem;
  }

  .product-header-collection {
    font-size: 16px !important;
  }

  .product-description {
    display: none;
  }

  .product-description-collection {
    font-size: 14px !important;
  }

  .mob-display-none {
    display: none;
  }

  .collection-padding {
    padding: 0 16px 16px;
  }

  .pl-mob-23 {
    padding: 0 23px;
  }

  .pl-mob-16, .mob-pt-5 {
    padding: 0 16px;
  }

  .mob-pt-0 {
    padding: 0;
  }

  .mob-py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .parent-card-carousel-one {
    margin-left: -23px;
    margin-right: -23px;
  }

  .workstream-padding {
    padding: 10px 16px;
  }

  .custom-width-profile {
    width: 100%;
  }

  .player-shuffle-top {
    bottom: -9px;
    left: 30%;
  }

  .player-shuffle-top-2 {
    bottom: 12.5%;
    left: 33%;
  }

  .player-shuffle-top-3 {
    bottom: -9px;
    left: 30%;
  }

  .player-shuffle-top-sticky {
    bottom: 12.5%;
    left: 34%;
  }

  .reset-button {
    padding: 18px 30px;
    font-size: 10px;
    width: fit-content !important;
  }

  .heder-text-archive {
    z-index: 1111;
    opacity: .2;
    letter-spacing: 10px;
    font-size: 32px;
    font-weight: 600;
    display: none;
    position: absolute;
    top: -14px;
    right: 23%;
  }

  .all-commmon-padding {
    padding: 14px 16px;
  }

  .custom-padding {
    width: auto;
  }

  .all-commmon-padding-bottom {
    padding: 0;
  }

  .squre-fixed-banner {
    width: 100%;
    height: 313px;
  }

  .squre-fixed-banner-wrap {
    width: 100%;
    padding: 16px 0;
  }

  .player-text-navigate {
    width: 100%;
    margin: 5px 0;
  }

  .player-text {
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    display: flex;
  }

  .scroll-btn.left-btn, .scroll-btn.right-btn {
    border: none;
    margin-top: 0;
  }

  .clamp-1-ranked {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 75%;
    display: block;
    overflow: hidden;
  }

  .back-to-top {
    top: 8%;
    left: 38%;
  }

  h2 {
    font-size: 20px !important;
  }

  h3 {
    font-size: 16px !important;
  }

  h4 {
    font-size: 14px !important;
  }
}

.rounded-18px {
  border-radius: 18px;
}

.fa--star-class {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin: -4px 2.4px 0 0;
}

.global-yellow {
  color: #e6b91f;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.flex-custom-nav {
  gap: 15px;
  padding: 15px;
  display: flex;
}

.showreel-creator-location {
  padding: 10px 0;
  display: flex;
}

.hover-label-show {
  color: #fff !important;
  text-decoration: none !important;
}

.hover-label-show:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

a {
  text-decoration: none !important;
}

.video-slider-font {
  font-size: 16px;
}

.hover-yellow:hover, .collection-yellow:hover {
  cursor: pointer;
  background-image: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.hover-yellow:hover span svg {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  fill: url("#globalColorHoverGrad") !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.sticky-field {
  z-index: 1;
  padding: 10px;
  position: sticky;
  top: 0;
}

.creators-review-pagination {
  justify-content: end;
  padding-top: 20px;
  display: flex;
}

.project-flow-label {
  color: #fff;
  width: 12%;
  padding-top: 10px;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 400;
}

.project-flow-label-sub-div {
  align-items: center;
  width: 88%;
  display: flex;
}

.reduce-padding {
  padding: 0 70px;
}

.project-flow-steps-label {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  padding: 15px 0 35px 10px;
  font-size: 18px;
  font-weight: 500;
}

.marketerRating span {
  margin-right: 2px;
}

.profile-skills .rating span span:first-child span {
  background-color: #505050 !important;
  border: none !important;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
}

.active_bid_1 {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
}

.profile-skills .rating span span:nth-child(2) span {
  background-color: #6fa1bf !important;
  border: none !important;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
}

.list-rate .rating span span:nth-child(2) span {
  background-color: #505050 !important;
  border: none !important;
  border-radius: 50% !important;
  width: 5px !important;
  height: 5px !important;
}

.list-rate-1 {
  height: 39px;
  line-height: 1.2;
}

.list-rate-1 .rating span span:nth-child(2) span {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border: none !important;
  border-radius: 50% !important;
  width: 5px !important;
  height: 5px !important;
}

.list-rate-2 .rating span span:nth-child(2) span {
  background-color: #6fa1bf !important;
  border: none !important;
  border-radius: 50% !important;
  width: 5px !important;
  height: 5px !important;
}

.list-rate .rating span span:first-child span, .list-rate-1 .rating span span:first-child span, .list-rate-2 .rating span span:first-child span {
  background-color: #505050 !important;
  border: none !important;
  border-radius: 50% !important;
  width: 5px !important;
  height: 5px !important;
}

.css-16xfy0z-control {
  background: none !important;
  border-color: #606060 !important;
}

.gray-common {
  color: #a7a7a7;
}

.description-blog-demo, .description-blog-demo-2 {
  color: #7b7777;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  width: 311px;
  font-size: 12px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.gray-dot {
  width: 5px !important;
  height: 5px !important;
}

.profile-details-img-tag {
  -o-object-fit: cover;
  object-fit: cover;
  width: 80px;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
}

.profile-details-img-tag-modal {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  width: 170px;
  height: 170px;
}

.profile-details-img-tag-nav {
  -o-object-fit: cover;
  object-fit: cover;
  width: 96px;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
}

.profile-details-img-tag-1 {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100px;
  height: 100%;
}

.profile-drower-tabs .rts___tabs___container, .profile-drower-tabs .rts___tabs___container-talent {
  background-color: #fff;
  width: 100%;
  padding: 0;
}

.profile-drower-tabs .rts___nav___btn {
  color: #dbdbdb !important;
}

.profile-drower-tabs .rts___btn {
  color: #68768b;
  font-weight: 700;
}

.profile-drower-tabs .rts___btn:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.profile-drower-tabs .rts___tab___selected {
  color: #0f0f0f !important;
}

.admin-projects-director-main-div-2 {
  width: 78%;
  padding: 25px;
}

.project-flow-title-and-step-div {
  display: flex;
}

.uploadflex {
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  gap: 7px;
  margin-top: 10%;
  padding: 15px 0 0 18px;
  display: flex;
}

.uploadProp_statis {
  margin-top: 24px;
}

.filled-btn {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
  text-transform: uppercase !important;
  border-radius: 5px !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.filled-btn-fit {
  cursor: pointer;
  width: fit-content;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.filled-btn-new {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  cursor: pointer;
  -webkit-background-clip: text;
  background-clip: text;
  width: fit-content;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  text-transform: uppercase !important;
  background: #000 !important;
  border-radius: 2px !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.filled-btn-new-selected {
  color: #000 !important;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  text-transform: uppercase !important;
  border: 1px solid #312807 !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
}

.filled-btn-new:hover {
  color: #000 !important;
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  border: 1px solid #312807 !important;
  padding: 4px 10px !important;
}

.scriptbtn {
  margin: 0 0 0 12px;
}

.imagescript {
  margin: 5px 0 5px 10px;
}

.filled-btn:hover, .filled-btn-fit:hover {
  border: 1px solid var(--global-color-hover-1, var(--primary-color)) !important;
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  padding: 4px 10px !important;
}

.filled-btn-select {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.filled-btn-select:hover {
  border: 1px solid var(--global-color-hover-1, var(--primary-color)) !important;
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}

.sign-in-float-btn {
  position: absolute;
  top: 66px;
  right: -20px;
}

.outLine-btn {
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  background-color: #0000 !important;
  background-image: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  -webkit-text-fill-color: transparent !important;
  color: var(--global-color-main-1, var(--primary-color)) !important;
  text-transform: uppercase !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  border-radius: 5px !important;
  width: fit-content !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.disabled_btn {
  color: gray;
  cursor: not-allowed;
  text-transform: uppercase !important;
  background: none !important;
  border: 1px solid gray !important;
  border-radius: 2px !important;
  width: fit-content !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.disabled_btn_svg {
  color: gray;
  cursor: not-allowed;
  text-transform: uppercase !important;
  background: none !important;
  border-radius: 2px !important;
  width: 50px !important;
  padding: 4px 10px !important;
  font-weight: 600 !important;
}

.normal_btn_svg {
  color: gray;
  text-transform: uppercase !important;
  background: none !important;
  border-radius: 2px !important;
  width: 50px !important;
  padding: 4px 10px !important;
  font-weight: 600 !important;
}

.outLine-btn-disabled {
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #7d7d7a !important;
  text-transform: uppercase !important;
  background: none !important;
  border-radius: 2px !important;
  width: fit-content !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.outLine-btn-3 {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  cursor: pointer;
  -webkit-background-clip: text;
  background-clip: text;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  text-transform: uppercase !important;
  background: none !important;
  border-radius: 2px !important;
  width: fit-content !important;
  padding: 7px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.outLine-btn-1 {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  width: fit-content;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  text-transform: uppercase !important;
  background: none !important;
  border-radius: 2px !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.outLine-btn-approved {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  text-transform: uppercase !important;
  background: #212121 !important;
  border-radius: 2px !important;
  width: fit-content !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.outLine-btn-approved:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  color: #000 !important;
}

.outLine-btn-disabled {
  color: #807f7a !important;
  text-transform: uppercase !important;
  cursor: not-allowed !important;
  background: none !important;
  border: 1px solid #807f7a !important;
  border-radius: 2px !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.outLine-btn-font {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  text-transform: uppercase !important;
  background: none !important;
  border-radius: 2px !important;
  width: fit-content !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.outLine-btn-font:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
  padding: 4px 10px !important;
}

.outLine-btn:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  -webkit-text-fill-color: #000 !important;
  color: #000 !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  padding: 4px 10px !important;
}

.outLine-btn-3:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
  padding: 7px 10px !important;
}

.outLine-btn-1:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  color: #000 !important;
  padding: 4px 10px !important;
}

.width-f {
  width: fit-content !important;
}

.yellow-btn-w-100 {
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  color: #000 !important;
  border: 2px solid var(--global-color-main-1, var(--primary-color)) !important;
  text-transform: uppercase !important;
  padding: 6px 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.yellow-btn-w-100:hover {
  border: 2px solid var(--global-color-hover-1, var(--primary-color)) !important;
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-color: #000 !important;
  background-image: none !important;
}

.yellow-btn {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  color: #000 !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  text-transform: uppercase !important;
  padding: 6px 12px !important;
  font-size: 16px !important;
}

.yellow-btn:hover {
  border: 1px solid var(--global-color-hover-1, var(--primary-color)) !important;
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-color: #000 !important;
  background-image: none !important;
}

.yellow-btn-fw-fs {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  color: #000 !important;
  border: 1px solid var(--global-color-main-1, var(--primary-color)) !important;
  text-transform: uppercase !important;
  padding: 6px 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.items_arr2 {
  flex-direction: column;
  align-items: flex-end;
  padding-right: 60px;
  display: flex;
  position: relative;
}

.yellow-btn-fw-fs:hover {
  border: 1px solid var(--global-color-hover-1, var(--primary-color)) !important;
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-color: #000 !important;
  background-image: none !important;
}

.press-section-data-swiper {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.press-section-data-swiper:hover {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.costing-left-arrow-btn {
  width: 50px;
  height: 100px;
  margin-top: 200px;
}

.mouse-hover-yellow:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  cursor: pointer;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.global-color {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  fill: var(--global-color-main-1, var(--primary-color));
  -webkit-background-clip: text;
  background-clip: text;
}

.project-profile-items-loader-div {
  position: fixed;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.arrange_upload_handle {
  display: inline-block;
  position: relative;
}

.arrange_upload_handle input[type="file"] {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 108px;
  height: 40px;
  padding: 5px;
  position: absolute;
  top: 30px;
  left: 0;
}

.arrange_upload_handle label {
  cursor: pointer;
  z-index: 2;
  width: 200px;
  height: 40px;
  position: absolute;
  top: 77px;
  left: 0;
}

.arrangeapply {
  flex-direction: column;
  align-items: end;
  height: 100%;
  padding: 28px 60px 0 0;
  display: flex;
}

.promotedlogo {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin-right: 15px;
  font-size: 18px;
}

.wrap_promoted {
  text-align: end;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  font-size: 16px;
}

.coluploadflex {
  flex-direction: column;
  align-items: start;
  width: 100%;
  display: flex;
}

.new-pagination-page {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  border-bottom: 2px solid #0000;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 .5rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.new-pagination-page-1 {
  cursor: pointer;
  color: #000;
  border-bottom: 2px solid #0000;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 .5rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.new-pagination-page:hover, .new-pagination-page-1:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.newjob {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 8px;
  font-size: 13px;
}

.new-pagination-page-count {
  cursor: pointer;
  border-bottom: 2px solid var(--primary-color);
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 .5rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.fs-18 {
  font-size: 18px !important;
  font-weight: 500 !important;
}

.common-modal-body {
  border: .5px solid #303030;
  box-shadow: 5px 5px 5px #1a1a1a;
  background-color: #000 !important;
}

.arr_logo_promo {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.arrange_pdf_download {
  justify-content: space-around;
  align-items: center;
  padding: 20px 0;
  display: flex;
}

.cross_btn {
  color: #fff;
  margin-right: 10px;
  font-size: 25px;
}

.cross_btn:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.cover-img-index-1 {
  z-index: 10000000 !important;
}

.cover-img-index {
  z-index: 150;
}

.pdfdiv3 .cover-img-index-1 {
  z-index: 10000000 !important;
}

.download_main_pdf {
  text-align: center;
  padding: 14px;
}

.google-logo-btn {
  flex-shrink: 0;
  display: inline-flex;
}

.google-logo-btn-wrap {
  color: #1f1f1f;
  cursor: pointer;
  background: #fff;
  border: 1px solid #747775;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s, box-shadow .2s;
  display: inline-flex;
}

.google-logo-btn-wrap:hover:not(:disabled) {
  background: #f8f9fa;
  box-shadow: 0 1px 2px #3c40434d, 0 1px 3px 1px #3c404326;
}

.flex-between {
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-main-left {
  flex: 1;
  min-width: 280px;
  max-width: 100%;
}

.flex-main-right {
  flex: none;
  width: 100%;
  max-width: 650px;
}

.facebook-logo-btn {
  color: #00f;
  margin-right: 5px;
  font-size: 20px;
}

.google-logo-btn-text {
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 500;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 1rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mr-2-revert {
  margin-top: -2px;
}

.action-item {
  font-size: 12px;
}

@media print {
  @page {
    size: A4;
    margin: 5mm 0;
    background-color: #fff;
  }

  html, body {
    color: #000 !important;
    background: #fff !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .print-container {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  * {
    box-sizing: border-box;
    max-width: 100% !important;
  }
}

.mobile-box {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

@media screen and (min-width: 0) and (max-width: 425px) {
  .description-blog-demo {
    color: #7b7777;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
  }

  .main-collection-tab-white {
    padding: 10px 23px;
  }

  .flex-reverse {
    flex-direction: column-reverse;
  }

  .main-collection-tab-white .rts___tabs___container, .main-collection-tab .rts___tabs___container {
    width: 100%;
  }

  .main-collection-tab-2 .rts___tabs___container {
    width: 100%;
    padding: 0;
    background: none !important;
  }
}

@media screen and (max-width: 430px) {
  .project-flow-label-sub-div {
    padding-left: 1%;
  }

  .main-collection-tab-1 .rts___tab___selected {
    width: 100%;
    font-size: 12px;
    position: relative;
    -webkit-text-fill-color: var(--global-color-main-1, var(--primary-color)) !important;
    color: var(--global-color-main-1, var(--primary-color)) !important;
    box-shadow: none !important;
    background: #a7a7a71c !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
  }
}

@media screen and (min-width: 376px) and (max-width: 425px) {
  .border-gray-center {
    margin-top: 84%;
  }

  .bg-black-new {
    padding: 10px 0 20px;
  }

  .fix_height {
    height: fit-content;
  }

  .fix_width {
    width: fit-content;
  }

  .wrap_promoted {
    position: absolute;
    top: 4%;
    left: -5%;
  }

  .wrap_single_creator-submission, .wrap_single_creator-submission-empty {
    width: 100%;
  }

  .wrap_single_creator-submission-empty-1 {
    width: 350px;
  }

  .padding_cl_card {
    margin-top: 20px !important;
  }

  .share-btn-pdf-3 {
    width: 36%;
    font-weight: 700;
    top: 304px !important;
  }
}

.yellow-global-shadow {
  border: 1px solid #e6b91f;
}

.carousel-wrapper {
  touch-action: pan-y;
  overscroll-behavior: contain;
  overflow-x: hidden;
}

@media screen and (min-width: 0) and (max-width: 430px) {
  .main-collection-tab-1 .rts___tabs___container {
    background: none;
    width: 100%;
    margin-bottom: .5rem;
    padding: 0;
  }

  .main-collection-tab-1 .rts___btn {
    font-size: 12px;
  }
}

@media screen and (min-width: 0) and (max-width: 320px) {
  .wrap_promoted {
    position: absolute;
    top: 4%;
    left: 0%;
  }

  .wrap_single_creator-submission, .padding_cl_card-empty {
    width: 100%;
  }

  .share-btn-pdf-3 {
    width: 36% !important;
    top: 145px !important;
  }
}

@media screen and (width: 375px) {
  .wrap_promoted {
    left: 4% !important;
  }
}

@media screen and (width: 320px) {
  .wrap_promoted {
    left: -4% !important;
  }
}

@media screen and (max-width: 425px) {
  .project-flow-title-and-step-div {
    display: block;
  }

  .border-gray-center-2 {
    margin-top: 102%;
  }

  .labeltextopp {
    font-size: 12px;
  }

  .reduce-padding {
    padding: 0;
  }

  .showreel-creator-location {
    font-size: 14px;
  }

  .imagesandvideosTextCreator {
    font-size: 12px;
  }

  .project-flow-label-sub-div {
    padding-left: 1%;
  }

  .project-flow-label {
    width: 100%;
  }

  .costing-left-arrow-btn {
    z-index: 99;
    width: 35px;
    height: 70px;
    margin-top: 0;
    position: absolute;
    top: 350px;
    left: -5px;
  }

  .project-flow-label {
    color: #fff;
    padding-bottom: 15px;
  }

  .rate-talent-parent-div {
    display: block;
  }

  .project-director-header {
    width: 100%;
    padding: 0 20px;
  }

  .admin-projects-director-main-div-2 {
    width: 100%;
    padding: 0;
  }

  .yellow-btn {
    font-size: 12px !important;
  }

  .new-pagination-page, .new-pagination-page-1, .new-pagination-page-count {
    margin: 0;
  }

  .profile-details-img-tag {
    width: 73px;
    height: 100%;
  }

  .profile-details-img-tag-nav {
    width: 96px;
    height: 100%;
  }
}

.ftmobile {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}

.ftmobilenew {
  margin-bottom: 5px;
  font-size: 16px;
}

.arrange_nda {
  text-align: end;
  color: #0372e8;
  font-size: 19px;
}

.select_opportunity .css-13cymwt-control {
  padding-left: 1%;
}

.mobile-text-top3 {
  text-transform: capitalize;
}

.blog-category-line {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

@media screen and (min-width: 426px) and (max-width: 767px) {
  .imagenewdata {
    width: 10% !important;
  }
}

@media screen and (min-width: 0) and (max-width: 425px) {
  .comman-collection-profile {
    padding: 14px 13px 0 28px;
  }

  .main-collection-tab {
    margin-bottom: 20px;
  }

  .box-gray {
    border: 2px dashed #4e4e4e;
    width: 96px;
    height: 100px;
    margin: 24px;
    padding: 20px;
  }

  .image_popup_service {
    width: 400px;
  }

  .my_list_save_wrap {
    justify-content: start;
    row-gap: 10px;
  }

  .scriptbtn {
    margin: 0;
  }

  .uploadflex {
    justify-content: start;
    padding: 15px 0 0 33px;
  }

  .coluploadflex {
    align-items: start;
  }

  .imagenewdatal {
    -o-object-fit: "cover";
    object-fit: "cover";
    height: 80px !important;
  }

  .ftmobile, .ftmobilenew {
    margin-bottom: 5px;
    font-size: 14px;
  }

  .fz14 {
    padding: 5px;
    font-size: 10px !important;
  }

  .singleskill {
    font-size: 10px !important;
  }

  .project-director-header-talent {
    width: 100%;
    padding: 0;
  }

  .bucketDataSwiper_card {
    flex-direction: column;
    flex-wrap: unset;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wrap_single_creator {
    padding: 0 0 25px;
  }

  .padding_cl_card-empty {
    width: 100%;
    margin-top: 20px !important;
  }

  .arrange_nda {
    text-align: center;
    padding-left: 0;
  }
}

@media screen and (min-width: 0) and (max-width: 376px) {
  .mobile-text-top3 {
    font-size: 12px;
  }

  .common-color-talent-final {
    padding: 16px 16px 0 0;
    font-size: 12px;
  }
}

@media screen and (min-width: 377px) and (max-width: 425px) {
  .mobile-text-top3 {
    font-size: 18px;
  }

  .common-color-talent-final {
    padding: 16px 12px 0 0;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .d-none-mob {
    display: none;
  }

  .admin-project-common-component-main-div {
    background: #0c0b0b;
    justify-content: end;
    padding: 8px 23px;
    box-shadow: -1px 1px 3px #0000008c;
  }

  .profile-skills .rating span span:nth-child(2) span, .profile-skills .rating span span:first-child span {
    width: 4px !important;
    height: 4px !important;
  }

  .wraptablet {
    width: 100%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .coluploadflex {
    padding-right: 25px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .coluploadflex {
    align-items: start;
    padding-left: 11%;
  }

  .margin_left_bt {
    margin-left: 8px !important;
  }

  .wrap_promoted {
    width: 500px;
    position: absolute;
    top: 6%;
    left: -8%;
  }

  .wraptablet {
    width: 100%;
  }

  .margin_left_bt_Carousel {
    justify-content: start;
    margin-top: 8%;
    padding: 0 0 23px 38px;
  }
}

.caraouselbidswrapdash .dydPIA {
  margin: 0;
}

.latest-ReadMore-Section {
  grid-column-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  padding-right: 0;
  display: grid;
}

@media screen and (min-width: 426px) and (max-width: 768px) {
  .latest-ReadMore-Section {
    grid-column-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    padding-right: 0;
    display: grid;
  }

  @m . project-flow-title-and-step-div {
    display: block;
  }

  .project-nav-bar-main-div .nav-link.active {
    border-bottom: none !important;
  }

  .project-flow-label-sub-div {
    padding: 0;
    margin: 15px 38px !important;
  }

  .project-flow-label {
    width: 100%;
    padding-bottom: 10px;
  }

  .rate-talent-parent-div {
    display: block;
  }

  .project-director-header {
    width: 100%;
    padding: 0 28px;
  }

  .project-director-header-talent {
    width: 100%;
    padding: 0 !important;
  }

  .admin-projects-director-main-div-2 {
    width: 100%;
  }

  .share-btn-pdf-3 {
    top: 114px !important;
  }
}

@media screen and (min-width: 0) and (max-width: 768px) {
  .my-director-sub-div-main-common-padding {
    padding: 0 15px;
  }

  .my-director-sub-div {
    background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
    -webkit-text-fill-color: transparent;
    color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
    justify-content: end;
    padding: 15px;
    font-size: 12px;
    display: flex;
  }

  .project-flow-label-sub-div {
    width: 80%;
    padding-left: 1%;
  }

  .video-slider-font {
    font-size: 10px;
  }

  .project-flow-label-sub-div {
    padding: 0;
    margin: 15px 25px !important;
  }

  .show-costing-main-div, .show-costing-main-div-1 {
    background: #161616;
    height: calc(100vh - 92px);
    overflow: auto;
  }

  .project-navbar-tabs-mobile {
    color: #fff;
    justify-content: end;
    align-items: end;
    display: flex;
    position: relative;
  }
}

@media screen and (min-width: 0) and (max-width: 1083px) {
  .apinewadd {
    row-gap: 12px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .apinew1 {
    gap: 22px !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .project-flow-label-sub-div {
    padding-left: 1%;
  }

  .project-flow-label {
    width: 100%;
  }

  .rate-talent-parent-div {
    display: block;
  }

  .project-director-header, .project-director-header-talent {
    padding: 20px;
  }

  .admin-projects-director-main-div-2 {
    width: 100%;
  }

  .project-flow-title-and-step-div {
    display: block;
  }

  .admin-projects-director-main-div {
    padding: 0;
  }

  .single-creator-profile-main-div {
    flex-direction: column;
    display: flex;
  }

  .single-creator-profile-main-div-part-1 {
    width: 100%;
  }

  .single-creator-profile-main-div-part-2 {
    width: 100% !important;
    min-height: 400px !important;
  }

  .project-director-width {
    width: 100%;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1600px) {
  .admin-projects-director-main-div {
    padding: 0;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .project-flow-label-sub-div {
    width: 80%;
  }

  .project-flow-label {
    width: 20%;
  }
}

@media screen and (min-width: 1220px) and (max-width: 1440px) {
  .admin-projects-director-main-div {
    padding: 0 34px !important;
  }

  .yellow-btn-navbar {
    font-size: 12px !important;
  }

  .admin-projects-director-main-div-2 {
    width: 100%;
  }

  .profile-skills {
    gap: 4px;
  }

  .admin-projects-director-block {
    padding: 0 !important;
  }

  .admin-projects-director-child-div {
    padding: 0 0 15px !important;
  }

  .admin-projects-director-main {
    width: 84% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .description-blog-demo {
    height: 68px;
  }

  .blog-category-line {
    -webkit-line-clamp: 1;
  }

  .flex-column-project {
    flex-direction: column;
  }
}

@media (min-width: 1442px) and (max-width: 1920px) {
  .blog-category-line {
    -webkit-line-clamp: 2;
  }
}

@media (min-width: 1920px) and (max-width: 2555px) {
  .video-wrapper {
    width: 37% !important;
  }
}

@media (min-width: 2561px) and (max-width: 3840px) {
  .back-to-top {
    top: 16%;
    left: 48%;
  }

  .blog-category-line {
    -webkit-line-clamp: 29;
  }

  .project-director-header {
    width: 93%;
  }

  .project-director-header-talent {
    width: 100%;
  }

  .my-director-sub-div-main {
    max-height: 100vh;
  }

  .comman-div-creator {
    min-height: 94vh;
    overflow: auto;
  }

  .width-blank-card.expanded {
    width: 7% !important;
  }
}

@media (min-width: 1921px) and (max-width: 2560px) {
  .project-director-header, .project-director-header-talent {
    background: #161616;
    width: 94%;
    padding: 0 60px 80px 16px;
  }

  .profile-details-img-tag, .profile-details-img-tag-nav {
    width: 100px;
  }

  .my-director-sub-div-main {
    max-height: 90vh;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .video-wrapper {
    width: 100% !important;
  }

  .common-color-talent {
    padding: 16px 16px 0 0;
  }

  .comman-div-creator {
    min-height: 94vh;
    overflow: auto;
  }

  .my-director-sub-div-main-common-padding {
    padding: 0 15px;
  }

  .profile-skills .rating span span:first-child span {
    width: 3px !important;
    height: 3px !important;
  }

  .project-nav-bar-main-div .nav-link.active {
    background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent !important;
    color: #0000 !important;
    border-bottom: none !important;
    height: 35px !important;
  }

  .project-nav-bar-main-div .nav-link {
    height: 40px !important;
  }

  .profile-skills .rating span span:nth-child(2) span {
    width: 3px !important;
    height: 3px !important;
  }

  .caraouselbidswrapdash .dydPIA {
    margin: 0 4px 0 9px;
  }
}

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

@media (min-width: 0) and (max-width: 320px) {
  .pdf_make {
    justify-content: center;
    align-items: center;
    display: block;
  }
}

@media (min-width: 326px) and (max-width: 375px) {
  .pdf_make {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

@media (min-width: 376px) and (max-width: 425px) {
  .pdf_make {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

@media (min-width: 1206px) and (max-width: 1622px) {
  .profile-details-img-tag, .profile-details-img-tag-nav {
    width: 100px;
  }

  .profile-details-name {
    font-size: 12px !important;
  }

  .rate-card-btn {
    position: absolute;
    bottom: 25px;
    right: 20px;
  }
}

.swiper-slide {
  text-align: center;
  background: none;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
  width: 130px !important;
}

.music_main-1 .swiper-slide {
  padding-bottom: 0;
}

.mySwiper .swiper-slide, .mySwiper-1 .swiper-slide {
  width: 100% !important;
}

.dashboard-carousel-sub-text-1 .swiper {
  width: 100% !important;
  margin: 0% !important;
}

#player {
  width: 778px !important;
  height: 392px !important;
}

.creator-review-submit-btn {
  padding-right: 66px;
}

.parent-details {
  color: #fff;
  background: #00000091;
  border: 1px solid #242424;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0 3rem;
  display: flex;
}

.parent2submenu2 {
  display: "flex";
  gap: "15px";
  padding: "15px";
}

.parent-details-1 {
  color: #fff;
}

.wrap_col_gap {
  margin-bottom: 20px;
  padding-right: 10px;
}

.subTitle {
  padding: 6px 0;
}

.subTitle1 {
  color: #fff;
  margin-top: 8px;
  padding: 6px 0;
}

.subTitle3 {
  color: #74767e;
  margin-top: 8px;
  padding: 6px 0;
}

.cursor_pointer {
  cursor: pointer;
}

.wrap_content_text {
  min-height: 82px;
}

.wrapsectionnew {
  min-height: 270px;
}

.custom-dropdown-menu.dropdown-menu.show {
  overflow: hidden;
}

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

.horizontal-container {
  flex-direction: row;
  display: flex;
}

.horizontal-container-1 {
  flex-flow: wrap;
  display: flex;
}

.dropdownimg {
  border-radius: 5px;
  width: 100%;
  padding-bottom: 8px;
}

.vertical-column {
  flex-direction: column;
  width: 246px;
  margin-right: 10px;
  padding: 10px;
  display: flex;
}

.data-item3 {
  border-radius: 8px;
  margin-bottom: 15px;
  font-size: 30px;
}

.none-btn-design {
  border: none;
}

.custom-dropdown-menu {
  border-radius: 8px;
  box-shadow: 0 2px 10px #252525;
  background-color: #fff !important;
  border: 0 solid gray !important;
  width: fit-content !important;
  height: auto !important;
}

.main-dropmenu {
  color: #fff !important;
  text-transform: uppercase !important;
  background-color: #0000 !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.main-dropmenu-1 {
  color: #fff !important;
  text-transform: uppercase !important;
  background-color: #0000 !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.main-dropmenu:hover {
  border-bottom: 2px solid var(--primary-color) !important;
}

.dropdown-toggle:after {
  content: none !important;
}

.details-header {
  color: #404145;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.subData {
  color: #74767e;
  cursor: pointer;
  padding: 6px 0;
  font-size: 16px;
  line-height: 24px;
}

.subData:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.new-pagination-div {
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: 1px solid #4a5568;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  gap: .875rem;
  width: 38px;
  height: 38px;
  display: flex;
  box-shadow: 0 1px 2px #0000000d;
}

.new-pagination-div-arrow-remove {
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  gap: .875rem;
  width: 38px;
  height: 38px;
  display: flex;
  box-shadow: 0 1px 2px #0000000d;
}

.new-pagination-div-blog {
  cursor: pointer;
  text-align: center;
  border: 1px solid #4a5568;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  gap: .875rem;
  width: 38px;
  height: 38px;
  display: flex;
  box-shadow: 0 1px 2px #0000000d;
}

.new-pagination-div:hover, .new-pagination-div-blog:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.portfolio-cross {
  position: absolute;
  top: 10px;
  right: 0;
}

.white-cross-btn-img {
  cursor: pointer;
  z-index: 555;
  width: 16px;
  height: 16px;
}

.white-cross-btn-img:hover {
  content: url("../media/Yellow-Button-Cross.d38fe4fa.svg");
}

.common-white-bg {
  background: #fff;
}

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

.css-1fzr37i-control, .css-1fzr37i-control:hover {
  border-color: #606060 !important;
}

.postion_search_service input[type="text"], textarea {
  background-color: #3030;
  color: #9d9da7 !important;
}

input:focus-visible {
  outline: none;
}

input::placeholder {
  color: #606060 !important;
}

.postion_search_service input::placeholder {
  color: #606060 !important;
}

input:focus {
  background-color: #303030;
  color: #9d9da7 !important;
  box-shadow: none !important;
  border-color: #606060 !important;
}

#exampleInputPassword1:focus {
  color: #606060 !important;
  background-color: #303030 !important;
  border-color: #606060 !important;
}

.search_mylis {
  width: 180px !important;
  margin-right: 10px !important;
}

.css-13cymwt-control {
  color: #9d9da7 !important;
  background-color: #303030 !important;
}

.css-13cymwt-control:focus-visible {
  outline: none !important;
}

.personal-details-form-control-phoneNumber .form-control {
  border-color: #9d9da7 !important;
}

.css-13cymwt-control:hover {
  border-color: #606060 !important;
}

.css-13cymwt-control {
  box-shadow: none;
  border-color: none !important;
}

select {
  color: #9d9da7 !important;
  background-color: #303030 !important;
  border-color: #606060 !important;
}

select:focus-visible {
  box-shadow: none !important;
  border-color: #606060 !important;
}

.form-control-focus {
  background-color: #fff !important;
}

.ck {
  color: #fff !important;
  background-color: #303030 !important;
}

.ck-content, .ck.ck-reset.ck-icon {
  color: #fff !important;
}

.creator-review-video:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.pagination-show-record {
  color: #fff;
  font-size: 10px;
}

.record_page {
  padding: 3px 0 0;
}

.creators-portfolio-manager-input-main-div .react-tel-input .selected-flag {
  background: #303030 !important;
}

.arrange_grid_view_btn {
  justify-content: end;
  align-items: center;
  gap: 10px;
  display: flex;
}

.grid_project_view {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #000;
  cursor: pointer;
  font-size: 26px;
  font-weight: 600;
}

.grid_project_view_active {
  color: #fff;
  cursor: pointer;
  font-size: 26px;
  font-weight: 600;
}

.creators-portfolio-manager-input-main-div .react-tel-input .flag-dropdown {
  border: 1px solid #606060 !important;
}

.creators-portfolio-manager-input-main-div .react-tel-input .form-control {
  background: none !important;
}

.fs-16px {
  font-size: 16px;
  font-weight: 500;
}

.service-offered-work-experience .swiper-css-mode > .swiper-wrapper > .swiper-slide {
  text-align: start !important;
  width: 100% !important;
}

.profile-drawer-swiper {
  flex-direction: row-reverse;
  justify-content: space-between;
  display: flex;
}

.profile-drawer-swiper-item {
  padding-left: 80px;
}

.profile-drawer-swiper-item-width {
  width: 300px !important;
}

.rupee-text {
  flex: 0 0 !important;
  margin: 0 !important;
  padding: 6px 0 0 5px !important;
}

.full-access-model-main-div {
  align-items: center;
  display: flex;
  position: relative;
}

.full-access-model-sub-div {
  cursor: pointer;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  align-items: center;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 20px;
  right: 30px;
}

.full-access-model-back-icon-div {
  align-items: center;
  padding: 0 10px;
  display: flex;
}

.caraouselmain {
  background: #101010;
  height: 300px;
  padding: 1% 2%;
}

.maindiv_caraousel {
  white-space: nowrap;
  cursor: pointer;
  background-color: #101010;
  overflow: hidden;
}

.cardtextsub1 {
  font-size: 12px;
  position: relative;
}

.cardtext2 {
  font-size: 12px;
}

.suicase2 {
  flex-direction: column;
  justify-content: start;
  display: flex;
}

.cardtextsub2 {
  align-items: start;
  display: flex;
}

.viewmore {
  cursor: pointer;
  width: fit-content;
}

.newlogosub {
  color: #e4e4e4;
  font-size: 12px;
  position: absolute;
  top: -10%;
  left: 104%;
}

.suicase {
  color: #828282;
  margin-top: -2px;
  font-size: 20px;
}

.suicase span {
  font-size: 14px;
}

.pricewidth {
  width: 200px;
  padding: 0 0 0 5px;
  font-size: 14px;
}

.pricetextbudgetmain {
  align-items: center;
  gap: 2%;
  margin-top: 20%;
  font-size: 16px;
  display: flex;
}

.pricetextbudgetmainreel {
  align-items: center;
  gap: 1%;
  margin-top: 5%;
  font-size: 20px;
  display: flex;
}

.destext2 {
  color: #828282;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 42px;
  font-size: 14px;
  display: -webkit-box;
  overflow: hidden;
}

.logos-slide4 {
  width: 100%;
  animation: 90s linear infinite slider;
  display: inline-block;
}

.skilltext5 {
  font-size: 14px;
}

.marginskillapinew {
  margin: 15px 0;
}

.skilllistapi {
  text-align: center;
  color: #0372e8;
  cursor: default;
  background: #202020;
  border-radius: 8px;
  width: fit-content;
  padding: 7px 15px;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}

.apinew {
  flex-wrap: wrap;
  gap: 8px;
  width: 93%;
  padding: 12px 12px 0 0;
  display: flex;
}

.adjustapply {
  gap: 16px;
  display: flex;
}

.apinewadd {
  flex-flow: column wrap;
  justify-content: start;
  margin-top: 40%;
  padding: 0%;
  display: flex;
}

.parent_main_content {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  margin-top: 20px;
  display: flex;
}

.parent_main_content2 {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: start;
  margin-top: 20px;
  display: flex;
}

.wrap_spinner {
  justify-content: center;
  align-items: center;
  width: 83%;
  display: flex;
}

.apinew1 {
  width: "100%";
  flex-wrap: wrap;
  gap: 51px;
  display: flex;
}

.pricetextbudget {
  margin-top: 10%;
}

.apinew5 {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 55px;
  display: flex;
}

.apinewreel {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  display: flex;
}

.arrangesearchicon {
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 2px;
  left: 15px;
}

.mt-r {
  padding: 0 4px;
}

.search-design-main-home-archive {
  color: #999;
  background-color: #fff;
  border: none;
  border-radius: 12px;
  padding: 20px 5px 20px 30px;
}

.search-design-main-home-archive:focus {
  background-color: #fff;
}

.search-design-main-home-archive::placeholder {
  padding: 0;
  font-size: 14px !important;
}

.printwrap4 {
  flex-direction: column;
  align-items: center;
  width: 300px;
  display: flex;
}

.with_popup {
  width: 768px;
}

.dowload-brief-table {
  cursor: pointer;
  margin-left: 8px;
  font-size: 20px;
}

.dowload-brief-table:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.dowload-brief-table-1 {
  cursor: pointer;
  margin-left: 8px;
  font-size: 19px;
}

.dowload-brief-table-1:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.audio-main-wrap {
  background: #f1f3f4;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  display: flex;
}

.audio-main-wrap-black {
  background: #111;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 10px;
  display: flex;
}

.audio-main-wrap-black svg {
  cursor: pointer;
}

.audio_wrap {
  align-items: baseline;
  gap: 8px;
  width: 100%;
  font-weight: 600;
  display: flex;
}

.audio-main-wrap-black svg {
  width: 20px !important;
  height: 20px !important;
}

.audio-progress-bar {
  cursor: pointer;
  background: #ddd;
  border-radius: 5px;
  width: 80%;
  height: 7px;
  margin: 10px 0;
  position: relative;
}

.audio-progress-bar-black {
  cursor: pointer;
  background: #393838;
  border-radius: 5px;
  width: 72%;
  height: 7px;
  margin: 10px 0;
  position: relative;
}

.audio-progress-bar-black-demo {
  cursor: pointer;
  background: #39383a;
  border-radius: 5px;
  width: 68%;
  height: 7px;
  margin: 10px 0;
  position: relative;
}

@media (min-width: 1140px) and (max-width: 3839px) {
  .printwrap4 {
    width: 100%;
  }
}

@media (width: 768px) {
  .wrap_promoted {
    width: 500px;
    position: absolute;
    top: 6%;
    left: -5%;
  }

  .mobile-px-4 {
    padding: 0 4px;
  }
}

@media (width: 2560px) {
  .uploadflex {
    margin-top: 6% !important;
  }

  .apinewadd {
    margin-top: 35% !important;
  }
}

@media (width: 1440px) {
  .uploadflex {
    margin-top: 13%;
  }

  .biderflex {
    gap: 2px;
  }

  .margin_left_bt {
    margin-top: 57px;
  }
}

@media (width: 768px) {
  .uploadflex {
    margin-top: 13%;
  }

  .biderflex {
    gap: 2px;
  }
}

@media (min-width: 2561px) and (max-width: 3840px) {
  .uploadflex {
    margin-top: 1% !important;
  }

  .my-bid-page-main-div, .my-bid-page-main-div-network {
    padding-bottom: 352px;
  }

  .comman-main-div-1 {
    height: 96.8vh;
  }

  .uploadProp_Carousel {
    margin-top: 6px;
  }

  .uploadProp_statis {
    margin-top: 22px;
  }

  .destext2 {
    height: 42px;
  }

  .pricetextbudgetmain {
    margin-top: 17%;
  }

  .my-director-sub-div-main-common-padding {
    height: 92vh;
  }

  .printwrap4 {
    width: 28%;
  }

  .profile-details-img-tag {
    width: 123px;
  }

  .arrangeapply {
    margin-left: 49%;
  }
}

@media (width: 1920px) {
  .printwrap4 {
    width: 68%;
  }
}

@media (min-width: 0) and (max-width: 1024px) {
  .printwrap5 {
    padding: 0 !important;
  }
}

.printwrap5 {
  justify-content: center;
  width: 83%;
  padding: 0 50px 20px;
  display: flex;
}

.apinewtitle {
  flex-wrap: wrap;
  gap: 15px;
  width: 100%;
}

.image_opp_select {
  justify-content: space-between;
  display: flex;
}

.image_opp_select .css-b62m3t-container {
  height: fit-content !important;
}

.apinewtitlemain {
  flex-wrap: wrap;
}

.minitues {
  color: #636060;
  margin-left: 14px;
}

.text-align-btn {
  justify-content: flex-end;
  display: flex;
}

.ml-2 {
  margin-left: 20px;
}

.mr-2 {
  margin-right: 20px;
}

.fz14 {
  font-size: 14px;
}

.mg40 {
  padding: 40px 0;
}

.mg20 {
  padding: 20px 0;
}

.cards4 {
  background-color: #161616;
  width: 400px;
  margin: 0 1.5rem 0 1rem;
  padding: 14px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.widthtitle {
  width: 100%;
}

@media (min-width: 0) and (max-width: 425px) {
  .audio_wrap {
    width: 100%;
  }

  .audio-progress-bar {
    width: 52%;
  }

  .audio-progress-bar-black, .audio-progress-bar-black-demo {
    width: 70%;
  }

  .audio-main-wrap {
    margin-bottom: 0;
    padding: 10px 15px;
  }

  .audio-main-wrap-black {
    margin-bottom: 0;
    padding: 0 15px 0 0;
  }

  .service-offered-box .col-sm-6 {
    width: 50% !important;
  }

  .portfolio-cross {
    position: absolute;
    top: 0;
    right: 0;
  }

  .printwrap5 {
    width: 100%;
  }

  .items_arr2 {
    align-items: flex-start;
    margin-left: 2%;
    padding: 0 0 32px;
  }

  .parent_main_content {
    flex-direction: column-reverse;
    align-items: start;
    margin-top: 8px;
  }

  .apinew {
    width: 100%;
    padding: 12px 0 0;
  }

  .parent_main_content2 {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: start;
    margin-top: 0;
    display: flex;
  }

  .apinewadd {
    align-items: center;
    row-gap: 0;
    margin: 7px 0 8px 5px;
    padding-left: 0;
  }

  .text-align-btn {
    margin-top: 5px;
  }

  .cardtextsub2 {
    flex-direction: column;
  }

  .cards4 {
    width: 350px;
  }

  .mg40 {
    padding: 20px 0;
  }

  .mbmob {
    margin-bottom: 5px;
  }

  .mg20 {
    padding: 10px 0;
  }

  .suicase {
    font-size: 20px;
  }

  .arrangeapply {
    padding: 0 60px 0 0;
  }
}

.cardslong {
  background-color: #060606;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.cardslong4 {
  background-color: #060606;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cards5 {
  background-color: #060606;
  width: 100%;
  padding: 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.rightmarket {
  color: #b2b2b2;
  font-size: 12px;
}

.cardtext1 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10%;
  display: flex;
}

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

.imagenewdata {
  width: 40%;
}

.imagenewdatal {
  -o-object-fit: "cover";
  object-fit: "cover";
  width: 100px;
  height: 100px;
}

.rowprice {
  margin: 50px 0 10px !important;
}

.rowprice2 {
  width: 90%;
  padding: 0;
  margin: 20px 0 !important;
}

.rowprice3 {
  margin: 0 !important;
}

.rowprice4, .rowprice5 {
  margin: 10px 0 !important;
}

.imagenewdata2 {
  width: 60%;
}

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

.loading_like {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 55vh;
  display: flex;
}

.image-logo-cv {
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.image-logo-cv-1 {
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer;
  width: 100px;
  height: 100%;
  padding: 10px;
}

.yellow-resume-active {
  border: 2px solid var(--global-color-main-1, var(--primary-color));
}

.radio_wrap {
  flex-wrap: wrap;
  display: flex;
}

.wrap_image_resume {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.wrap_image_resume-1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrap_image_resume-3 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.radio-resume {
  appearance: none;
  cursor: pointer;
  background-color: #000;
  border: 2px solid #fff;
  border-radius: 50%;
  outline: none;
  width: 20px;
  height: 21px;
  margin-top: 10px;
  transition: background-color .3s, border-color .3s;
}

.radio-resume-1 {
  cursor: pointer;
  border-radius: 50%;
  outline: none;
  margin: 10px;
  transition: background-color .3s, border-color .3s;
}

.radio-resume-3 {
  cursor: pointer;
  appearance: none;
  border-radius: 50%;
  outline: none;
  width: 20px;
  height: 21px;
  margin: 10px;
  transition: background-color .3s, border-color .3s;
}

.resume-check-num {
  justify-content: start;
  align-items: center;
  width: 33%;
  display: flex;
}

.resume-check-num-1 {
  flex-direction: column;
  justify-content: start;
  align-items: center;
  width: 33%;
  display: flex;
}

.resume-check-num-2 {
  flex-direction: column;
  justify-content: start;
  align-items: center;
  width: 25%;
  display: flex;
}

.radio-resume:checked, .radio-resume-3:checked {
  border: 2px solid var(--global-color-main-1, var(--primary-color));
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
}

.radio-resume:focus, .radio-resume-3:focus {
  box-shadow: none;
  border-color: var(--global-color-main-1, var(--primary-color)) !important;
}

.radio-resume:not(:checked), .radio-resume-3:not(:checked) {
  background-color: #000;
  border: 2px solid #fff;
}

.main-checkbox-resume {
  flex-wrap: wrap;
  display: flex;
  position: absolute;
}

.resume-text-mobile {
  font-size: 16px;
}

.resume-image {
  color: #fff;
  justify-content: space-between;
  margin: 10px 0;
  display: flex;
}

.w-100-resume-img {
  width: fit-content;
}

.radio_collection_btn {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.custom-progress {
  border-radius: 0;
  width: 100%;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #0000001a;
  background-color: #303030 !important;
}

.custom-progress-bar {
  color: #000;
  text-align: center;
  height: 100%;
  font-weight: bold;
  line-height: 24px;
  transition: width .4s;
}

.custom-main-step {
  justify-content: center;
  padding: 12px 0;
  display: flex;
}

.btn {
  border-radius: 6px !important;
}

.custom-main-step-inner {
  border-radius: 6px;
  width: 100%;
  overflow: hidden;
}

.loader-spinner {
  width: 10%;
  position: absolute;
  top: 40%;
  right: 46%;
}

.special-blog-wrapper {
  flex-direction: column;
  display: flex;
}

.special-blog-content {
  color: gray;
}

.special-blog-content.clamp-5 {
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.special-blog-cta {
  color: red;
  cursor: pointer;
  margin-top: 4px;
  font-weight: 600;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .apinewadd {
    flex-flow: column wrap;
    justify-content: start;
    align-items: center;
    margin-top: -5%;
    padding: 0 0 0 39px;
    line-height: 1.2;
    display: flex;
  }

  .arrange_nda {
    text-align: center;
    padding: 0 0 0 39px;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .video-wrapper {
    width: 100% !important;
  }

  .mobile-padding-description {
    padding-top: 50%;
  }

  .apinew1 {
    gap: 10px;
  }

  .imagenewdata {
    width: 40%;
  }

  .common-color-talent {
    padding: 16px 16px 0 0;
  }

  .common-color-talent-final {
    padding: 16px 16px 0 0;
    font-size: 20px;
  }

  .skilllistapi {
    width: fit-content;
  }

  .apinewadd {
    flex-flow: column wrap;
    justify-content: start;
    align-items: start;
    margin-top: -5%;
    padding: 0;
    line-height: 1.2;
    display: flex;
  }

  .arrange_nda {
    text-align: start;
    padding: 0 0 0 30px;
  }

  .margin_left_bt {
    justify-content: start;
    align-items: start;
    margin-top: 0;
    margin-left: 34px;
    padding: 0 0 41px 20px;
  }

  .resume-text-mobile {
    font-size: 12px;
  }

  .resume-image {
    color: #fff;
    justify-content: space-between;
    align-items: center;
    width: 700px;
    padding: 0 10px;
    display: flex;
  }
}

@media (min-width: 0) and (max-width: 425px) {
  .loader-spinner {
    width: 17%;
    position: absolute;
    top: 46%;
    right: 42%;
  }

  .image-logo-cv-1 {
    -o-object-fit: contain;
    object-fit: contain;
    cursor: pointer;
    width: 90px;
    height: 100%;
    padding: 10px;
  }

  .custom-main-step {
    padding-top: 28px;
  }

  .resume-check-num-1 {
    width: 33%;
  }

  .with_popup {
    width: 80%;
  }

  .rowprice2 {
    width: 90%;
  }

  .imagenewdata {
    width: 10%;
  }

  .ftmobile {
    margin-top: 5px;
  }

  .ftmobilenew {
    margin-top: 4px;
  }

  .skilllistapi {
    font-size: 12px;
  }

  .apinew1 {
    -moz-column-gap: 40px;
    gap: 10px 40px;
    margin-top: 30px;
    font-size: 11px;
  }

  .skilltext5 {
    font-size: 12px;
  }

  .wrap_image_resume {
    width: 50%;
  }

  .wrap_image_resume-1 {
    width: 19%;
    margin-right: 0;
  }

  .mobile-padding-description {
    padding-top: 50%;
  }

  .resume-text-mobile {
    font-size: 12px;
  }

  .w-100-resume-img {
    width: 100%;
    padding: 0 10px;
  }

  .resume-check-num-2 {
    width: 50%;
  }
}

.seniordata {
  width: 100%;
  margin-left: 10px;
}

.seniorwrap {
  flex-direction: column;
  width: 100%;
  padding: 0 0 0 20px;
  display: flex;
}

.copyicon {
  font-size: 16px;
}

.flexmt {
  justify-content: space-between;
  display: flex;
}

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

.share-btn-pdf-3 {
  width: 36%;
  font-weight: 700;
  position: relative;
  top: 325px;
}

@media (min-width: 0) and (max-width: 1246px) {
  .flexmt {
    flex-direction: column;
  }

  .btn-media {
    margin-top: 10px;
  }

  .singleskill {
    margin: 10px 0;
  }

  .minitues {
    text-align: center;
  }

  .labeltextopp {
    margin-bottom: 10px;
  }

  .text-center-mob {
    text-align: center;
  }
}

.maintextweek {
  padding: 10px 0;
}

.cardtext3 {
  flex-direction: column;
  justify-content: start;
  align-items: start;
  margin-top: 6%;
  font-size: 13px;
  display: flex;
}

.skillslist {
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 70%;
}

.visible-item-hide {
  visibility: hidden;
}

.width-fit {
  width: fit-content;
}

@media (max-width: 375px) {
  .rec-carousel .rec-arrow {
    display: none;
  }
}

.items-start {
  justify-content: start;
}

.singleskill {
  background: #302f2f;
  padding: 2px 9px;
  font-size: 12px;
}

.rec.rec-arrow {
  color: #fff;
  background-color: #0e0e0e !important;
}

.rec.rec-arrow:hover {
  color: #0e0e0e;
  background-color: #0e0e0e !important;
}

.custom-stepper-container {
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
  display: flex;
  position: relative;
}

.custom-step-wrapper {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.custom-step-circle {
  border: 2px solid var(--global-color-main-1, var(--primary-color));
  color: #fff;
  cursor: pointer;
  z-index: 2;
  background-color: #212121;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 10px;
  font-weight: bold;
  transition: all .3s;
  display: flex;
}

.custom-step-circle.active-step, .custom-step-circle.completed-step {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  color: #212121;
}

.custom-step-label {
  color: #fff;
  white-space: nowrap;
  text-align: center;
  font-size: 12px;
  position: absolute;
  top: 30px;
  left: 13%;
  transform: translateX(-50%);
}

.custom-step-connector {
  z-index: 1;
  background-color: #212121;
  flex: 1;
  height: 2px;
  margin-left: 0;
  margin-right: 0;
}

.custom-step-connector.completed-connector {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
}

.position-relative-app {
  position: relative !important;
}

.position-absolute-app {
  position: absolute !important;
}

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

.bg-dark-gray {
  background-color: #131313;
}

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

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

.color-white {
  color: #fff;
}

.color-blue {
  color: #5799f2;
}

.blog-position-container {
  flex-direction: column;
  gap: 6px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 9%;
}

.bg-transparent {
  background-color: #0000 !important;
}

.up-icon {
  margin-bottom: 3px;
}

.sidebar-box-new {
  background-color: #fff !important;
  border-right: 1px solid #000 !important;
  width: 32px !important;
}

.border-top-advanced {
  border-top: 1px solid #665a5a !important;
}

.mt-4px {
  margin-top: 4px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.mt-16px {
  margin-top: 16px !important;
}

.mt-30px {
  margin-top: 3px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.text-warning {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
}

.h-auto {
  height: auto;
}

.w-150px {
  width: 150px;
}

.line-height-0-8 {
  line-height: .8;
}

.h-220 {
  height: 220px;
}

.top-0 {
  top: 0;
}

.ratio-16-9 {
  aspect-ratio: 16 / 9;
}

.custom-yellow {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 12px;
  font-weight: 600;
}

.spinner-custom {
  width: 15px !important;
  height: 15px !important;
  animation-duration: 1.5s !important;
}

.blog-menu-padding {
  padding: 0 13.8px;
}

.custom-padding {
  width: auto;
  padding-top: 0;
}

.custom-padding.mobile {
  padding-top: 58px;
}

.custom-padding.desktop {
  padding-top: 68px;
}

.custom-padding.full-width {
  width: 100%;
}

.timeline-wrapper {
  background-color: #fff;
  width: 100%;
  margin: 20px 0 0;
}

.react_time_range__handle_wrapper {
  z-index: 111 !important;
}

.react_time_range__disabled .react_time_range__handle {
  display: none;
}

.time-range-slider .timeline {
  background: repeating-linear-gradient(-45deg, #f3f6f9 0 4px, #fff 4px 8px);
  border-radius: 4px;
  position: relative;
  height: 85px !important;
}

.time-range-slider .selected-area {
  border-radius: 4px;
  background-color: #fff596cc !important;
}

.react_time_range__track, .react_time_range__track__disabled {
  z-index: 0 !important;
  height: 100px !important;
}

.react_time_range__rail__inner {
  border: 1px solid #d1d5db;
  background: repeating-linear-gradient(-45deg, #e5e7eb, #e5e7eb 2px, #f9fafb 2px 10px) !important;
  height: 100px !important;
}

.react_time_range__track, .react_time_range__track__disabled {
  opacity: .35;
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color))) !important;
  border-left: var(--primary-color) !important;
  border-right: var(--primary-color) !important;
  z-index: 0 !important;
}

.time-range-slider .handle {
  cursor: pointer;
  box-shadow: 0 0 4px #00000026;
  background: #fff !important;
  border: 2px solid #7c7c7c !important;
  border-radius: 50% !important;
  width: 22px !important;
  height: 22px !important;
}

.time-range-slider .tick {
  display: none !important;
}

.year-labels {
  justify-content: space-between;
  margin-top: 12px;
  padding: 0 4px;
  font-size: 14px;
  display: flex;
}

.react_time_range__time_range_container {
  width: 100% !important;
  padding: 30px 0% 0 !important;
}

::-webkit-scrollbar {
  background-color: #333;
  width: 4px;
}

.custom-scroll-select .react-select__value-container {
  scrollbar-width: thin !important;
  scrollbar-color: #00796b #e0f7fa !important;
  max-height: 40px !important;
  overflow-y: auto !important;
}

.custom-scroll-select .css-1vieku6-control {
  border-radius: 12px !important;
}

.custom-scroll-select .react-select__value-container::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

.custom-scroll-select .react-select__value-container::-webkit-scrollbar-track {
  background: #e0f7fa !important;
}

.custom-scroll-select .react-select__value-container::-webkit-scrollbar-thumb {
  background-color: #00796b !important;
  border: 1px solid #e0f7fa !important;
  border-radius: 3px !important;
}

.custom-scroll-select .react-select__value-container::-webkit-scrollbar-button {
  display: none !important;
}

.custom-scroll-select .react-select__value-container::-webkit-scrollbar-corner {
  background: #e0f7fa !important;
}

.custom-scroll-select .css-zjjw9m-multiValue {
  width: fit-content !important;
}

.reset-button:hover {
  color: gray;
  background-color: #f6f6f6;
}

.description-blog-wrapper {
  display: inline-block;
  position: relative;
}

.continue-reading {
  color: #5799ef;
  cursor: pointer;
  background-color: #111;
  padding-left: 6px;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  bottom: -1px;
  right: 0;
}

.continue-reading-kc {
  cursor: pointer;
  background-color: #111;
  padding-left: 6px;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  bottom: -1px;
  right: 0;
  color: #5799ef !important;
}

.continue-reading:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.continue-reading-kc:hover {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.description-blog-demo-1 {
  color: #7b7777;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  background-color: #000;
  -webkit-box-orient: vertical;
  padding-right: 0;
  font-size: 12px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.continue-reading-1 {
  color: #5799ef;
  cursor: pointer;
  background-color: #111;
  padding-left: 6px;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  bottom: 1px;
  right: 5px;
}

.continue-reading-1:hover {
  color: var(--global-color-hover-1, var(--primary-color));
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.gray-com {
  color: #7b7777;
}

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

.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: auto;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.ellipsis {
  text-overflow: ellipsis;
}

.border-radius-10 {
  border-radius: 10px;
}

.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  max-width: 100% !important;
  padding: 0 !important;
}

.wrap_project_content {
  flex-direction: column !important;
  flex: 0 0 calc(25% - 16px) !important;
  height: fit-content !important;
  display: flex !important;
  overflow: hidden !important;
  box-shadow: 0 0 1px #000 !important;
}

.wrap_project_content:hover {
  transition: all .3s !important;
  transform: scale(1.02) !important;
}

.auth-wrapper {
  border-radius: .5rem;
  width: 500px;
  max-width: 90vw;
  min-height: 643px;
  max-height: 90vh;
  position: relative;
  overflow: hidden;
}

.wrap_project_content:hover .rank_add {
  position: absolute !important;
  left: 0 !important;
}

.images_project_collection {
  aspect-ratio: 16 / 9 !important;
  background-color: #eee !important;
  width: 100% !important;
  overflow: hidden !important;
}

.project_collection_below {
  background-color: #eee !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 8px 17px !important;
  display: flex !important;
}

.bg-gray-project {
  background-color: #eee !important;
  padding: 0 17px 10px !important;
}

.text_title_project_image {
  cursor: pointer;
  width: 88%;
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.text_title_project_image h3 {
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.bookmark_add {
  cursor: pointer !important;
  z-index: 10 !important;
  width: 24px !important;
  height: 24px !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
}

.bookmark_add_project {
  z-index: 2;
  color: gray !important;
  cursor: pointer !important;
  width: 26px !important;
  height: auto !important;
  font-size: 40px !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

.rank_add {
  z-index: 20 !important;
  pointer-events: none !important;
  transition: left .3s !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.main-project-collection-archive .images_project_collection {
  position: relative !important;
}

.main-project-collection-archive .archive-campaign-score {
  z-index: 22 !important;
  pointer-events: none !important;
  line-height: 0 !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.main-project-collection-archive .archive-campaign-score svg {
  width: 80px !important;
  max-width: none !important;
  height: 35px !important;
  display: block !important;
}

.sportlight-details-4 {
  background-color: #e6e6e6;
  width: 100%;
  padding: .5rem;
}

.h-24 {
  height: 24px;
}

.score {
  display: inline-block !important;
}

.share_expire_1_black {
  color: #868686 !important;
  text-align: end !important;
  padding-right: 62px !important;
  font-size: 12px !important;
}

.collection_main_text-1 {
  color: #fff !important;
  padding-bottom: 16px !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}

.directing-heading {
  color: #000 !important;
  padding: 0 5px 0 0 !important;
  font-size: 35px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.color-num {
  color: #0fff50;
}

.pr-61 {
  padding-right: 61px !important;
}

.flex-1 {
  flex: 1 !important;
}

.flex-wrap-balance {
  flex-wrap: balance;
}

.main-project-collection {
  -moz-column-gap: 17px !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px 17px !important;
  padding-top: 0 !important;
  display: grid !important;
}

.main-project-collection-archive {
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 17px !important;
  gap: 14px 17px !important;
  padding-top: 0 !important;
  display: grid !important;
}

.blog-col-main {
  width: 70%;
}

.sportlight-main-img-collection-project {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 300px;
}

.sportlight-main-img-collection-project-3 {
  -o-object-fit: cover;
  object-fit: cover;
  width: 256px;
  height: 350px;
}

.sportlight-main-img-collection-project-3:hover {
  transition: all .3s;
  transform: scale(1.01);
}

.fa-edit {
  color: #666 !important;
  font-size: 15px !important;
}

.fa-edit:hover {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .main-project-collection-archive {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 0) and (max-width: 430px) {
  .sportlight-main-img-collection-project {
    aspect-ratio: 3 / 2;
    width: 100%;
  }

  .blog-col-main {
    width: 100%;
  }

  .main-project-collection {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 0 !important;
  }

  .main-project-collection-archive {
    grid-template-columns: repeat(1, 1fr);
    gap: 0 !important;
  }
}

@media (min-width: 1921px) and (max-width: 3840px) {
  .main_profile_project-w {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

@media (min-width: 2560px) and (max-width: 3840px) {
  .main-project-collection-archive {
    grid-template-columns: repeat(6, 1fr);
  }

  .col-left-blog {
    width: 25% !important;
  }

  .blog-category-line {
    -webkit-line-clamp: 5;
  }

  .video-wrapper {
    width: 40% !important;
  }

  .custom-width-profile {
    width: 89%;
  }

  .latest-ReadMore-Section {
    grid-column-gap: 2.5%;
    grid-template-columns: 18% 18% 18% 18% 18%;
    display: grid;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .main-project-collection-archive {
    grid-template-columns: repeat(4, 1fr);
  }

  .wrap_project_content {
    flex: calc(25% - 16px) !important;
  }

  .text_title_project_image, .text_title_project_image h3 {
    font-size: 14px !important;
  }

  .main_profile_project-w {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .latest-ReadMore-Section {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .latest-ReadMore-Section {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1441px) and (max-width: 1699px) {
  .latest-ReadMore-Section {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 0) and (max-width: 677px) {
  .images_project_collection:hover {
    transform: scale(1) !important;
  }

  .wrap_project_content {
    flex-direction: column !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 10px 10px 0 !important;
    display: flex !important;
  }

  .images_project_collection {
    background-color: #eee !important;
    width: 100% !important;
  }

  .project_collection_below {
    background-color: #eee !important;
    width: 100% !important;
    height: fit-content !important;
    padding: 8px 17px 0 !important;
  }
}

.sub-div-blog-page-collection {
  background: #fff !important;
  width: 100% !important;
  padding: 10px 20px 30px !important;
}

.action-bar {
  color: #7b7b7b !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 0 !important;
  font-size: 12px !important;
  display: flex !important;
}

.action-item-hover {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 100 !important;
  background-color: #fff !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  display: none !important;
  position: absolute !important;
  inset: auto auto calc(100% + 6px) 50% !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 2px 8px #00000026 !important;
}

.action-item:hover .action-item-hover, .action-item-main:hover .action-item-hover {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  display: block !important;
}

.advanced-search-sidebar {
  background-color: #fff !important;
}

.advanced-sidebar-block {
  margin-bottom: 24px !important;
}

.advanced-sidebar-title {
  border-left: 4px solid var(--primary-color) !important;
  text-align: start !important;
  margin-bottom: .5rem !important;
  padding-left: 8px !important;
  font-weight: bold !important;
}

.padding-top-64 {
  padding-top: 64px;
}

.arrange_medium_type-1 {
  font-size: 12px;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 0 !important;
  display: flex !important;
}

.count {
  color: #666;
  font-size: 12px;
  font-weight: 400;
}

.blog-page-banner-1 {
  text-align: center !important;
  cursor: pointer !important;
  background-color: #000 !important;
  height: fit-content !important;
  padding: 14px 0 0 !important;
}

.blog-page-banner-1-num {
  font-size: 35px;
  font-weight: 600;
  position: absolute;
  left: 59%;
}

.blog-page-banner-1 img {
  width: 100%;
  height: 100px !important;
  margin: 0 auto !important;
  display: block !important;
}

.blog-page-banner-nav {
  justify-content: center !important;
  display: flex !important;
}

.truncate-ch {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  max-width: 60px !important;
  overflow: hidden !important;
}

@media (min-width: 0) and (max-width: 677px) {
  .sub-div-blog-page-collection {
    padding: 0 16px 20px !important;
  }
}

.blog-landing-title {
  font-size: 70px !important;
  font-weight: 700 !important;
}

.blog-dot {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  font-size: large !important;
}

.parent-blog-page {
  padding: 0 !important;
}

.latest-title {
  background: linear-gradient(var(--global-color-main-1, var(--primary-color)), var(--global-color-main-2, var(--primary-color)));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-right: calc(var(--bs-gutter-x) * .5) !important;
  padding-left: calc(var(--bs-gutter-x) * .5) !important;
  margin-top: var(--bs-gutter-y) !important;
  text-align: left !important;
  flex-shrink: 0 !important;
  margin-bottom: 20px !important;
  padding: 3px !important;
}

.latest-title-header {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.cinema-button {
  margin-bottom: 10px;
  color: #fff !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  background-color: #000 !important;
  border: none !important;
  border-radius: 5px !important;
  margin-bottom: 14px !important;
  margin-left: 1px !important;
  margin-right: 4px !important;
  padding: 5px 8px !important;
  font-size: 11px !important;
}

.cinema-button:hover {
  background: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
}

.wrapper {
  width: 100% !important;
  padding-bottom: 56.25% !important;
  position: relative !important;
  overflow: hidden !important;
}

.blog-image {
  -o-object-fit: cover !important;
  object-fit: cover !important;
  border-radius: 18px 0 18px 18px !important;
  width: 100% !important;
  height: 100% !important;
}

.blag-page-description {
  padding: 5% 2px 30px !important;
}

.card-head-font {
  font-size: 20px !important;
  font-weight: 700 !important;
}

.read_more_blog {
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  display: flex !important;
}

.read-more {
  color: #37383b !important;
  background-color: #fff !important;
  border: 1px solid #c0c6ca !important;
  border-radius: 5px !important;
  padding: 8px 24px !important;
  text-decoration: none !important;
}

.read-more:hover {
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.sub-div-blog-page-collection .share-icon, .share-icon {
  color: var(--global-color-main-1, var(--primary-color));
  fill: currentColor;
  -webkit-text-fill-color: currentColor;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

@media (min-width: 0) and (max-width: 425px) {
  .padding-top-64 {
    padding-top: 58px;
  }

  .blog-landing-title {
    font-size: 40px !important;
  }

  .blag-page-description {
    padding: 5% 2px 15px !important;
  }

  .latest-ReadMore-Section {
    padding-right: 0 !important;
    display: block !important;
  }
}

.sportlight-main-name-project {
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 24px;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.sportlight-main-name-project div, .sportlight-main-name-project h2, .sportlight-main-name-project h3, .sportlight-main-name-project h5 {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: 1 !important;
}

.sportlight-main-img-collection-project:hover {
  transition: all .3s;
  transform: scale(1.01);
}

.font-tab-size {
  font-size: .85rem !important;
}

.advanced-sidebar-tag {
  cursor: pointer;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 11px;
  padding: 6px 10px;
  font-size: .85rem;
}

.advanced-sidebar-tag:hover {
  cursor: pointer;
  background: #f1f1f1;
  border-radius: 16px;
  padding: 6px 10px;
  font-size: .85rem;
}

.top-padding-60 {
  padding-top: 0;
}

.main-div-right-bar {
  --bs-body-font-weight: 500;
  --bs-body-line-height: 1.5;
  font-weight: 400;
  line-height: 1.5;
}

.main-div-right-bar a, .main-div-right-bar a strong, .main-div-right-bar a b, .main-div-right-bar a.btn, .main-div-right-bar a.outLine-btn {
  font-weight: 500 !important;
}

.margin-top-68 {
  margin-top: 68px;
}

@media screen and (max-width: 1024px) {
  .auth-wrapper {
    min-height: auto;
  }
}

@media (min-width: 1px) and (max-width: 425px) {
  .sportlight-main-name-project {
    height: 24px;
    padding-top: 5px;
  }

  .margin-top-68 {
    margin-top: 0 !important;
  }

  .px-both-23 {
    padding: 2px 16px 0 !important;
  }

  .main_profile_project-w {
    grid-template-columns: repeat(2, 1fr);
    padding-right: 0;
  }

  .login-modal-container {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    position: relative;
  }

  .right-profile-main {
    width: 100%;
  }

  .pl-61 {
    padding-left: 23px;
  }

  .textcard {
    padding: 5px 0;
    font-size: 12px;
  }

  .my_collection_body {
    width: 100%;
    padding: 4%;
  }

  .collection_modal_body_reflect {
    height: 600px;
  }
}

@media (min-width: 2561px) and (max-width: 3840px) {
  .latest-ReadMore-Section {
    grid-column-gap: 2.5% !important;
    grid-template-columns: 18% 18% 18% 18% 18% !important;
    display: grid !important;
  }

  .sportlight-main-img-collection-project {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .top-padding-60 {
    padding-top: 60px;
  }

  .sub-div-blog-page-collection {
    padding: 0 16px 30px !important;
  }

  .blog-page-banner-1 {
    width: 100%;
    padding: 0 !important;
  }

  .blog-page-banner-nav {
    background-color: #000;
  }

  .blog-page-banner-4 {
    box-sizing: border-box;
    background-color: #000;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 !important;
  }

  .blog-page-banner-4 .campaign-html-banner-wrap--970x100 {
    width: 100%;
    max-width: 100%;
  }

  .blog-page-banner-4 .campaign-html-banner-iframe--970x100 {
    width: 100%;
    max-width: 100%;
    height: 100px;
  }

  body:has(.blog-page-banner-4) .mainDiv {
    padding-bottom: 100px;
  }
}

@media screen and (mix-width: 678px) and (max-width: 1023px) {
  .main_profile_project-w {
    grid-template-columns: repeat(1, 3fr) !important;
  }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .sub-div-blog-page-collection {
    padding: 10px 16px 30px !important;
  }
}

@media screen and (max-width: 1024px) {
  .small-screen-banner-hide {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .main-collection-tab-white, .main-collection-tab-white-service {
    padding: 10px 16px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .main_profile_project-w {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .main_profile_project-w {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }

  .main-collection-tab-white, .main-collection-tab-white-service {
    padding: 10px 16px;
  }
}

.seo-document-lead {
  box-sizing: border-box;
  color: #1a1a1a;
  background: #fff;
  border-bottom: 1px solid #00000014;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 16px 10px;
}

.seo-document-lead h1, .seo-document-lead h2, .seo-document-lead h3 {
  margin: 0 0 6px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.seo-document-lead__desc {
  color: #333;
  max-width: 70ch;
  margin: 0 0 10px;
  font-size: .95rem;
  line-height: 1.5;
}

.seo-document-lead__media {
  background: #f0f0f0;
  border-radius: 6px;
  max-height: min(52vh, 420px);
  margin-top: 4px;
  overflow: hidden;
}

.seo-document-lead__img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: auto;
  max-height: min(52vh, 420px);
  display: block;
}

.seo-document-lead--dark {
  color: #f5f5f5;
  background: #0a0a0a;
  border-bottom-color: #ffffff1f;
}

.seo-document-lead--dark .seo-document-lead__desc {
  color: #cfcfcf;
}

.seo-document-lead--dark .seo-document-lead__media {
  background: #111;
}

.collection-blogs-white-bg {
  background: #fff;
}

.collection-projects-flex {
  flex-direction: column;
  display: flex;
}

.collection-projects-order-2 {
  background: #fff;
  order: 2;
}

.collection-projects-order-1 {
  order: 1;
}

.collection-projects-order-3 {
  order: 3;
}

.sub-div-no-min-height {
  min-height: 0;
}

.archive-shuffle-player-wrap {
  position: relative;
}

.archive-shuffle-player-wrap .wrapper-menu-card {
  min-height: 90%;
  height: 90% !important;
}

.archive-detail-player-poster {
  aspect-ratio: 16 / 9;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.font-size-14 {
  font-size: 14px !important;
}

@media (max-width: 768px) {
  .homepage-brands-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 120px;
  }
}

.hover-yellow:hover, .collection-yellow:hover, .linkSection:hover, .linkSection:hover .footer-blog-title, .linkSection:hover p, .footer-knowledge-center-title:hover, .footer-link:hover, .arrage_title_play:hover h2, .arrage_title_play:hover p, .action-item:hover > .count, .action-item-main:hover > .count {
  cursor: pointer;
  background-image: linear-gradient(var(--global-color-hover-1, var(--primary-color)), var(--global-color-hover-2, var(--primary-color))) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.like-collection, .view-collection {
  color: #7b7777;
  fill: currentColor;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.share-icon {
  color: var(--global-color-main-1, var(--primary-color));
  fill: url("#globalColorMainGrad") !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.action-item:hover .like-collection, .action-item:hover .view-collection, .action-item:hover .share-icon, .action-item:hover > svg, .action-item-main:hover .like-collection, .action-item-main:hover .view-collection, .action-item-main:hover .share-icon, .action-item-main:hover > svg, .like-collection:hover, .view-collection:hover, .share-icon:hover, .arrage_title_play:hover svg, .hover-yellow:hover svg, .hover-yellow:hover span svg, .yellow-hover:hover svg, .yellow-hover:hover span svg {
  stroke: url("#globalColorHoverGrad");
  color: var(--global-color-hover-1, var(--primary-color)) !important;
  fill: url("#globalColorHoverGrad") !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.action-item:hover svg path[fill="none"], .action-item-main:hover svg path[fill="none"] {
  stroke: none !important;
}

.action-item:hover .action-item-hover, .action-item-main:hover .action-item-hover {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.right-profile-main .action-item:hover .action-item-hover, .right-profile-main .action-item-main:hover .action-item-hover {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: #000 !important;
}

/* [project]/src/styles/bootstrap-custom.scss.css [app-client] (css) */
:root, [data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: #212529bf;
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: #21252980;
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: #0000002d;
  --bs-border-radius: .375rem;
  --bs-border-radius-sm: .25rem;
  --bs-border-radius-lg: .5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 .5rem 1rem #00000026;
  --bs-box-shadow-sm: 0 .125rem .25rem #00000013;
  --bs-box-shadow-lg: 0 1rem 3rem #0000002d;
  --bs-box-shadow-inset: inset 0 1px 2px #00000013;
  --bs-focus-ring-width: .25rem;
  --bs-focus-ring-opacity: .25;
  --bs-focus-ring-color: #0d6efd40;
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #dee2e6bf;
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: #dee2e680;
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: #ffffff26;
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: #0000;
  margin: 0;
}

hr {
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
  margin: 1rem 0;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: var(--bs-heading-color);
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + .9vw);
}

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + .6vw);
}

@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + .3vw);
}

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

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

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

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

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

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

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

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

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-weight: bolder;
}

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

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

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

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

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

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

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

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

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

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

a > code {
  color: inherit;
}

kbd {
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem;
  padding: .1875rem .375rem;
  font-size: .875em;
}

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

figure {
  margin: 0 0 1rem;
}

img, svg {
  vertical-align: middle;
}

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

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

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

thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

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

button, select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

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

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

textarea {
  resize: vertical;
}

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

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

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

legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-datetime-edit-text {
  padding: 0;
}

::-webkit-datetime-edit-minute {
  padding: 0;
}

::-webkit-datetime-edit-hour-field {
  padding: 0;
}

::-webkit-datetime-edit-day-field {
  padding: 0;
}

::-webkit-datetime-edit-month-field {
  padding: 0;
}

::-webkit-datetime-edit-year-field {
  padding: 0;
}

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

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

[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale();
}

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

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

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

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

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none;
}

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

.list-inline-item:not(:last-child) {
  margin-right: .5rem;
}

.initialism {
  text-transform: uppercase;
  font-size: .875em;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  color: #6c757d;
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
}

.blockquote-footer:before {
  content: "— ";
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
  flex-wrap: wrap;
  display: flex;
}

.row > * {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
  flex-shrink: 0;
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: none;
  width: auto;
}

.row-cols-1 > * {
  flex: none;
  width: 100%;
}

.row-cols-2 > * {
  flex: none;
  width: 50%;
}

.row-cols-3 > * {
  flex: none;
  width: 33.3333%;
}

.row-cols-4 > * {
  flex: none;
  width: 25%;
}

.row-cols-5 > * {
  flex: none;
  width: 20%;
}

.row-cols-6 > * {
  flex: none;
  width: 16.6667%;
}

.col-auto {
  flex: none;
  width: auto;
}

.col-1 {
  flex: none;
  width: 8.33333%;
}

.col-2 {
  flex: none;
  width: 16.6667%;
}

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

.col-4 {
  flex: none;
  width: 33.3333%;
}

.col-5 {
  flex: none;
  width: 41.6667%;
}

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

.col-7 {
  flex: none;
  width: 58.3333%;
}

.col-8 {
  flex: none;
  width: 66.6667%;
}

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

.col-10 {
  flex: none;
  width: 83.3333%;
}

.col-11 {
  flex: none;
  width: 91.6667%;
}

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

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.6667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333%;
}

.offset-5 {
  margin-left: 41.6667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333%;
}

.offset-8 {
  margin-left: 66.6667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333%;
}

.offset-11 {
  margin-left: 91.6667%;
}

.g-0, .gx-0 {
  --bs-gutter-x: 0;
}

.g-0, .gy-0 {
  --bs-gutter-y: 0;
}

.g-1, .gx-1 {
  --bs-gutter-x: .25rem;
}

.g-1, .gy-1 {
  --bs-gutter-y: .25rem;
}

.g-2, .gx-2 {
  --bs-gutter-x: .5rem;
}

.g-2, .gy-2 {
  --bs-gutter-y: .5rem;
}

.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }

  .row-cols-sm-auto > * {
    flex: none;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: none;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: none;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .row-cols-sm-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: none;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-sm-auto {
    flex: none;
    width: auto;
  }

  .col-sm-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-sm-2 {
    flex: none;
    width: 16.6667%;
  }

  .col-sm-3 {
    flex: none;
    width: 25%;
  }

  .col-sm-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-sm-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-sm-6 {
    flex: none;
    width: 50%;
  }

  .col-sm-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-sm-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-sm-9 {
    flex: none;
    width: 75%;
  }

  .col-sm-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-sm-11 {
    flex: none;
    width: 91.6667%;
  }

  .col-sm-12 {
    flex: none;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.6667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333%;
  }

  .offset-sm-5 {
    margin-left: 41.6667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333%;
  }

  .offset-sm-8 {
    margin-left: 66.6667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333%;
  }

  .offset-sm-11 {
    margin-left: 91.6667%;
  }

  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: .25rem;
  }

  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: .25rem;
  }

  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: .5rem;
  }

  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: .5rem;
  }

  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }

  .row-cols-md-auto > * {
    flex: none;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: none;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: none;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .row-cols-md-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: none;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-md-auto {
    flex: none;
    width: auto;
  }

  .col-md-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-md-2 {
    flex: none;
    width: 16.6667%;
  }

  .col-md-3 {
    flex: none;
    width: 25%;
  }

  .col-md-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-md-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-md-6 {
    flex: none;
    width: 50%;
  }

  .col-md-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-md-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-md-9 {
    flex: none;
    width: 75%;
  }

  .col-md-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-md-11 {
    flex: none;
    width: 91.6667%;
  }

  .col-md-12 {
    flex: none;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.6667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333%;
  }

  .offset-md-5 {
    margin-left: 41.6667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333%;
  }

  .offset-md-8 {
    margin-left: 66.6667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333%;
  }

  .offset-md-11 {
    margin-left: 91.6667%;
  }

  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1, .gx-md-1 {
    --bs-gutter-x: .25rem;
  }

  .g-md-1, .gy-md-1 {
    --bs-gutter-y: .25rem;
  }

  .g-md-2, .gx-md-2 {
    --bs-gutter-x: .5rem;
  }

  .g-md-2, .gy-md-2 {
    --bs-gutter-y: .5rem;
  }

  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }

  .row-cols-lg-auto > * {
    flex: none;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: none;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: none;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .row-cols-lg-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: none;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-lg-auto {
    flex: none;
    width: auto;
  }

  .col-lg-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-lg-2 {
    flex: none;
    width: 16.6667%;
  }

  .col-lg-3 {
    flex: none;
    width: 25%;
  }

  .col-lg-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-lg-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-lg-6 {
    flex: none;
    width: 50%;
  }

  .col-lg-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-lg-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-lg-9 {
    flex: none;
    width: 75%;
  }

  .col-lg-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-lg-11 {
    flex: none;
    width: 91.6667%;
  }

  .col-lg-12 {
    flex: none;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.6667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333%;
  }

  .offset-lg-5 {
    margin-left: 41.6667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333%;
  }

  .offset-lg-8 {
    margin-left: 66.6667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333%;
  }

  .offset-lg-11 {
    margin-left: 91.6667%;
  }

  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: .25rem;
  }

  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: .25rem;
  }

  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: .5rem;
  }

  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: .5rem;
  }

  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }

  .row-cols-xl-auto > * {
    flex: none;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: none;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: none;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .row-cols-xl-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: none;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-xl-auto {
    flex: none;
    width: auto;
  }

  .col-xl-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-xl-2 {
    flex: none;
    width: 16.6667%;
  }

  .col-xl-3 {
    flex: none;
    width: 25%;
  }

  .col-xl-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-xl-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-xl-6 {
    flex: none;
    width: 50%;
  }

  .col-xl-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-xl-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-xl-9 {
    flex: none;
    width: 75%;
  }

  .col-xl-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-xl-11 {
    flex: none;
    width: 91.6667%;
  }

  .col-xl-12 {
    flex: none;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.6667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333%;
  }

  .offset-xl-5 {
    margin-left: 41.6667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333%;
  }

  .offset-xl-8 {
    margin-left: 66.6667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333%;
  }

  .offset-xl-11 {
    margin-left: 91.6667%;
  }

  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: .25rem;
  }

  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: .25rem;
  }

  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: .5rem;
  }

  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: .5rem;
  }

  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }

  .row-cols-xxl-auto > * {
    flex: none;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: none;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: none;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .row-cols-xxl-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: none;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-xxl-auto {
    flex: none;
    width: auto;
  }

  .col-xxl-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-xxl-2 {
    flex: none;
    width: 16.6667%;
  }

  .col-xxl-3 {
    flex: none;
    width: 25%;
  }

  .col-xxl-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-xxl-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-xxl-6 {
    flex: none;
    width: 50%;
  }

  .col-xxl-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-xxl-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-xxl-9 {
    flex: none;
    width: 75%;
  }

  .col-xxl-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-xxl-11 {
    flex: none;
    width: 91.6667%;
  }

  .col-xxl-12 {
    flex: none;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333%;
  }

  .offset-xxl-2 {
    margin-left: 16.6667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.3333%;
  }

  .offset-xxl-5 {
    margin-left: 41.6667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.3333%;
  }

  .offset-xxl-8 {
    margin-left: 66.6667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.3333%;
  }

  .offset-xxl-11 {
    margin-left: 91.6667%;
  }

  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: .25rem;
  }

  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: .25rem;
  }

  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: .5rem;
  }

  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: .5rem;
  }

  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

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

.col-form-label {
  padding-top: calc(.375rem + var(--bs-border-width));
  padding-bottom: calc(.375rem + var(--bs-border-width));
  font-size: inherit;
  margin-bottom: 0;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(.5rem + var(--bs-border-width));
  padding-bottom: calc(.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(.25rem + var(--bs-border-width));
  padding-bottom: calc(.25rem + var(--bs-border-width));
  font-size: .875rem;
}

.form-text {
  color: var(--bs-secondary-color);
  margin-top: .25rem;
  font-size: .875em;
}

.form-control {
  width: 100%;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-clip: padding-box;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: block;
}

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

.form-control[type="file"] {
  overflow: hidden;
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem #0d6efd40;
}

.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}

.form-control::-webkit-datetime-edit {
  padding: 0;
  display: block;
}

.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}

.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}

.form-control::file-selector-button {
  margin: -.375rem -.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  margin-inline-end: .75rem;
  padding: .375rem .75rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  width: 100%;
  color: var(--bs-body-color);
  border: solid #0000;
  border-width: var(--bs-border-width) 0;
  background-color: #0000;
  margin-bottom: 0;
  padding: .375rem 0;
  line-height: 1.5;
  display: block;
}

.form-control-plaintext:focus {
  outline: 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-left: 0;
  padding-right: 0;
}

.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
  border-radius: var(--bs-border-radius-sm);
  padding: .25rem .5rem;
  font-size: .875rem;
}

.form-control-sm::file-selector-button {
  margin: -.25rem -.5rem;
  margin-inline-end: .5rem;
  padding: .25rem .5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  border-radius: var(--bs-border-radius-lg);
  padding: .5rem 1rem;
  font-size: 1.25rem;
}

.form-control-lg::file-selector-button {
  margin: -.5rem -1rem;
  margin-inline-end: 1rem;
  padding: .5rem 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
  padding: .375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  border-radius: var(--bs-border-radius);
  border: 0 !important;
}

.form-control-color::-webkit-color-swatch {
  border-radius: var(--bs-border-radius);
  border: 0 !important;
}

.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  width: 100%;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: block;
}

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

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem #0d6efd40;
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  background-image: none;
  padding-right: .75rem;
}

.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}

.form-select:-moz-focusring {
  color: #0000;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  border-radius: var(--bs-border-radius-sm);
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
}

.form-select-lg {
  border-radius: var(--bs-border-radius-lg);
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

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

.form-check {
  min-height: 1.5rem;
  margin-bottom: .125rem;
  padding-left: 1.5em;
  display: block;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  text-align: right;
  padding-left: 0;
  padding-right: 1.5em;
}

.form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: .25em;
}

.form-check-input[type="checkbox"] {
  border-radius: .25em;
}

.form-check-input[type="radio"] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem #0d6efd40;
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type="checkbox"]:indeterminate {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: .5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-image: var(--bs-form-switch-bg);
  background-position: 0;
  border-radius: 2em;
  width: 2em;
  margin-left: -2.5em;
  transition: background-position .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}

.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%2852.5490196078%, 71.568627451%, 99.6078431373%%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-position: 100%;
}

.form-switch.form-check-reverse {
  padding-left: 0;
  padding-right: 2.5em;
}

.form-switch.form-check-reverse .form-check-input {
  margin-left: 0;
  margin-right: -2.5em;
}

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

.btn-check {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}

.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: .65;
}

[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  appearance: none;
  background-color: #0000;
  width: 100%;
  height: 1.5rem;
  padding: 0;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40;
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40;
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
  color: #0000;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: #0000;
  border-radius: 1rem;
  width: 100%;
  height: .5rem;
}

.form-range::-moz-range-thumb {
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-moz-range-track {
  color: #0000;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: #0000;
  border-radius: 1rem;
  width: 100%;
  height: .5rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}

.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}

.form-floating > label {
  z-index: 2;
  max-width: 100%;
  height: 100%;
  color: rgba(var(--bs-body-color-rgb), .65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid #0000;
  transform-origin: 0 0;
  padding: 1rem .75rem;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem .75rem;
}

.form-floating > .form-control::-moz-placeholder {
  color: #0000;
}

.form-floating > .form-control-plaintext::-moz-placeholder {
  color: #0000;
}

.form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder {
  color: #0000;
}

:-webkit-any(.form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:not(:placeholder-shown)), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), :-webkit-any(.form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}

:is(.form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:not(:placeholder-shown)), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), :is(.form-floating > .form-control:autofill, .form-floating > .form-control-plaintext:autofill) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
  padding-left: .75rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  transform: scale(.85)translateY(-.5rem)translateX(.15rem);
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
  transform: scale(.85)translateY(-.5rem)translateX(.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(.85)translateY(-.5rem)translateX(.15rem);
}

.form-floating > textarea:not(:-moz-placeholder-shown) ~ label:after {
  z-index: -1;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  height: 1.5em;
  position: absolute;
  inset: 1rem .375rem;
}

.form-floating > textarea:focus ~ label:after, .form-floating > textarea:not(:placeholder-shown) ~ label:after {
  z-index: -1;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  height: 1.5em;
  position: absolute;
  inset: 1rem .375rem;
}

.form-floating > textarea:disabled ~ label:after {
  background-color: var(--bs-secondary-bg);
}

.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}

.form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}

.input-group {
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.input-group > .form-control, .input-group > .form-select, .input-group > .form-floating {
  flex: auto;
  width: 1%;
  min-width: 0;
  position: relative;
}

.input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within {
  z-index: 5;
}

.input-group .btn {
  z-index: 2;
  position: relative;
}

.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn {
  border-radius: var(--bs-border-radius-lg);
  padding: .5rem 1rem;
  font-size: 1.25rem;
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
  border-radius: var(--bs-border-radius-sm);
  padding: .25rem .5rem;
  font-size: .875rem;
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

.valid-tooltip {
  z-index: 5;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  margin-top: .1rem;
  padding: .25rem .5rem;
  font-size: .875rem;
  display: none;
  position: absolute;
  top: 100%;
}

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

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

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

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
  padding-right: calc(1.5em + .75rem);
}

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

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

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

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

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

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

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

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

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

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

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

.invalid-tooltip {
  z-index: 5;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  margin-top: .1rem;
  padding: .25rem .5rem;
  font-size: .875rem;
  display: none;
  position: absolute;
  top: 100%;
}

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

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

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

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
  padding-right: calc(1.5em + .75rem);
}

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

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

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

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

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

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

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

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

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

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

.btn {
  --bs-btn-padding-x: .75rem;
  --bs-btn-padding-y: .375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 #ffffff26, 0 1px 1px #00000013;
  --bs-btn-disabled-opacity: .65;
  --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: inline-block;
}

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

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  outline: 0;
}

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  outline: 0;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}

.btn-link:focus-visible {
  color: var(--bs-btn-color);
}

.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg {
  --bs-btn-padding-y: .5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm {
  --bs-btn-padding-y: .25rem;
  --bs-btn-padding-x: .5rem;
  --bs-btn-font-size: .875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  transition: opacity .15s linear;
}

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

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

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

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

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

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

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

.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center {
  position: relative;
}

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

.dropdown-toggle:after {
  vertical-align: .255em;
  content: "";
  border: .3em solid #0000;
  border-top-color: currentColor;
  border-bottom: 0;
  margin-left: .255em;
  display: inline-block;
}

.dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: .5rem;
  --bs-dropdown-spacer: .125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius)  - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: .5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: .25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: .5rem;
  z-index: var(--bs-dropdown-zindex);
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  background-color: var(--bs-dropdown-bg);
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  background-clip: padding-box;
  margin: 0;
  list-style: none;
  display: none;
  position: absolute;
}

.dropdown-menu[data-bs-popper] {
  margin-top: var(--bs-dropdown-spacer);
  top: 100%;
  left: 0;
}

.dropdown-menu-start {
  --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
  left: 0;
  right: auto;
}

.dropdown-menu-end {
  --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
  left: auto;
  right: 0;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    left: 0;
    right: auto;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }

  .dropdown-menu-md-start[data-bs-popper] {
    left: 0;
    right: auto;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }

  .dropdown-menu-md-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    left: 0;
    right: auto;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    left: 0;
    right: auto;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}

@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    left: 0;
    right: auto;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
  top: auto;
  bottom: 100%;
}

.dropup .dropdown-toggle:after {
  vertical-align: .255em;
  content: "";
  border: .3em solid #0000;
  border-top: 0;
  border-bottom-color: currentColor;
  margin-left: .255em;
  display: inline-block;
}

.dropup .dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
  top: 0;
  left: 100%;
  right: auto;
}

.dropend .dropdown-toggle:after {
  vertical-align: .255em;
  content: "";
  border: .3em solid #0000;
  border-left-color: currentColor;
  border-right: 0;
  margin-left: .255em;
  display: inline-block;
}

.dropend .dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropend .dropdown-toggle:after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
  top: 0;
  left: auto;
  right: 100%;
}

.dropstart .dropdown-toggle:after {
  vertical-align: .255em;
  content: "";
  margin-left: .255em;
  display: none;
}

.dropstart .dropdown-toggle:before {
  vertical-align: .255em;
  content: "";
  border-top: .3em solid #0000;
  border-bottom: .3em solid #0000;
  border-right: .3em solid;
  margin-right: .255em;
  display: inline-block;
}

.dropstart .dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropstart .dropdown-toggle:before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
  overflow: hidden;
}

.dropdown-item {
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
  background-color: #0000;
  border: 0;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  background-color: var(--bs-dropdown-link-active-bg);
  text-decoration: none;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: #0000;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
  margin-bottom: 0;
  font-size: .875rem;
  display: block;
}

.dropdown-item-text {
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
  display: block;
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: #ffffff26;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: .5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius)  - (var(--bs-border-width)));
  --bs-card-cap-padding-y: .5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: .75rem;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  background-clip: border-box;
  flex-direction: column;
  display: flex;
  position: relative;
}

.card > hr {
  margin-left: 0;
  margin-right: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-top-width: 0;
}

.card > .list-group:last-child {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-width: 0;
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
  flex: auto;
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  color: var(--bs-card-subtitle-color);
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  margin-bottom: 0;
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
  position: absolute;
  inset: 0;
}

.card-img, .card-img-top, .card-img-bottom {
  width: 100%;
}

.card-img, .card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img, .card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
  .card-group {
    flex-flow: wrap;
    display: flex;
  }

  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }

  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0;
  }

  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:last-child) > .card-img-top, .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) > .card-img-bottom, .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group > .card:not(:first-child) > .card-img-top, .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) > .card-img-bottom, .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}

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

.badge:empty {
  display: none;
}

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

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

.alert-heading {
  color: inherit;
}

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

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  z-index: 2;
  padding: 1.25rem 1rem;
  position: absolute;
  top: 0;
  right: 0;
}

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

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

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

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

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

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

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

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

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: .5;
  --bs-btn-close-hover-opacity: .75;
  --bs-btn-close-focus-shadow: 0 0 0 .25rem #0d6efd40;
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: .25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  color: var(--bs-btn-close-color);
  background: #0000 var(--bs-btn-close-bg) center / 1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  opacity: var(--bs-btn-close-opacity);
  border: 0;
  border-radius: .375rem;
  padding: .25em;
}

.btn-close:hover {
  color: var(--bs-btn-close-color);
  opacity: var(--bs-btn-close-hover-opacity);
  text-decoration: none;
}

.btn-close:focus {
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
  outline: 0;
}

.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

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

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

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: .5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg)  - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: .5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  z-index: var(--bs-modal-zindex);
  outline: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden auto;
}

.modal-dialog {
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
  position: relative;
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px);
}

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

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

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

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

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

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

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

.modal-header {
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

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

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

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

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

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * .5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-left: auto;
    margin-right: auto;
  }

  .modal-sm {
    --bs-modal-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    --bs-modal-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  border: 0;
  border-radius: 0;
  height: 100%;
}

.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-sm-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }

  .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-md-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }

  .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-lg-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }

  .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }

  .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xxl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }

  .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: .5rem;
  --bs-tooltip-padding-y: .25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: .875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: .9;
  --bs-tooltip-arrow-width: .8rem;
  --bs-tooltip-arrow-height: .4rem;
  z-index: var(--bs-tooltip-zindex);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  text-align: left;
  text-align: start;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
  text-decoration: none;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -.125em;
  --bs-spinner-border-width: .25em;
  --bs-spinner-animation-speed: .75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: #0000;
}

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.offcanvas-backdrop {
  z-index: 1040;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

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

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

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

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

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

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

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

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important;
}

.focus-ring:focus {
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
  outline: 0;
}

.icon-link {
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
  text-underline-offset: .25em;
  backface-visibility: hidden;
  align-items: center;
  gap: .375rem;
  display: inline-flex;
}

.icon-link > .bi {
  fill: currentColor;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  transition: transform .2s ease-in-out;
}

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

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0));
}

.ratio {
  width: 100%;
  position: relative;
}

.ratio:before {
  padding-top: var(--bs-aspect-ratio);
  content: "";
  display: block;
}

.ratio > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571%;
}

.fixed-top {
  z-index: 1030;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.fixed-bottom {
  z-index: 1030;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.sticky-top {
  z-index: 1020;
  position: sticky;
  top: 0;
}

.sticky-bottom {
  z-index: 1020;
  position: sticky;
  bottom: 0;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    z-index: 1020;
    position: sticky;
    top: 0;
  }

  .sticky-sm-bottom {
    z-index: 1020;
    position: sticky;
    bottom: 0;
  }
}

@media (min-width: 768px) {
  .sticky-md-top {
    z-index: 1020;
    position: sticky;
    top: 0;
  }

  .sticky-md-bottom {
    z-index: 1020;
    position: sticky;
    bottom: 0;
  }
}

@media (min-width: 992px) {
  .sticky-lg-top {
    z-index: 1020;
    position: sticky;
    top: 0;
  }

  .sticky-lg-bottom {
    z-index: 1020;
    position: sticky;
    bottom: 0;
  }
}

@media (min-width: 1200px) {
  .sticky-xl-top {
    z-index: 1020;
    position: sticky;
    top: 0;
  }

  .sticky-xl-bottom {
    z-index: 1020;
    position: sticky;
    bottom: 0;
  }
}

@media (min-width: 1400px) {
  .sticky-xxl-top {
    z-index: 1020;
    position: sticky;
    top: 0;
  }

  .sticky-xxl-bottom {
    z-index: 1020;
    position: sticky;
    bottom: 0;
  }
}

.hstack {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.vstack {
  flex-direction: column;
  flex: auto;
  align-self: stretch;
  display: flex;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.stretched-link:after {
  z-index: 1;
  content: "";
  position: absolute;
  inset: 0;
}

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

.vr {
  width: var(--bs-border-width);
  opacity: .25;
  background-color: currentColor;
  align-self: stretch;
  min-height: 1em;
  display: inline-block;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: .25 !important;
}

.opacity-50 {
  opacity: .5 !important;
}

.opacity-75 {
  opacity: .75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

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

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

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

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

.overflow-x-auto {
  overflow-x: auto !important;
}

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

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

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

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: .1;
}

.border-opacity-25 {
  --bs-border-opacity: .25;
}

.border-opacity-50 {
  --bs-border-opacity: .5;
}

.border-opacity-75 {
  --bs-border-opacity: .75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

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

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

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

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

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

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

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

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

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

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

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: .25rem !important;
}

.m-2 {
  margin: .5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: .25rem !important;
  margin-right: .25rem !important;
}

.mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important;
}

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

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: .25rem !important;
}

.mt-2 {
  margin-top: .5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: .25rem !important;
}

.me-2 {
  margin-right: .5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: .25rem !important;
}

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

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: .25rem !important;
}

.ms-2 {
  margin-left: .5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: .25rem !important;
}

.p-2 {
  padding: .5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important;
}

.px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: .25rem !important;
}

.pt-2 {
  padding-top: .5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: .25rem !important;
}

.pe-2 {
  padding-right: .5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: .25rem !important;
}

.pb-2 {
  padding-bottom: .5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: .25rem !important;
}

.ps-2 {
  padding-left: .5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: .25rem !important;
}

.gap-2 {
  gap: .5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: .25rem !important;
}

.row-gap-2 {
  row-gap: .5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: .25rem !important;
  column-gap: .25rem !important;
}

.column-gap-2 {
  -moz-column-gap: .5rem !important;
  column-gap: .5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

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

.fst-normal {
  font-style: normal !important;
}

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

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

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

.fw-medium {
  font-weight: 500 !important;
}

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

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

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

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

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

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

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

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

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

.text-decoration-line-through {
  text-decoration: line-through !important;
}

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

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

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

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

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

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: #00000080 !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: #ffffff80 !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

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

.text-opacity-25 {
  --bs-text-opacity: .25;
}

.text-opacity-50 {
  --bs-text-opacity: .5;
}

.text-opacity-75 {
  --bs-text-opacity: .75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10, .link-opacity-10-hover:hover {
  --bs-link-opacity: .1;
}

.link-opacity-25, .link-opacity-25-hover:hover {
  --bs-link-opacity: .25;
}

.link-opacity-50, .link-opacity-50-hover:hover {
  --bs-link-opacity: .5;
}

.link-opacity-75, .link-opacity-75-hover:hover {
  --bs-link-opacity: .75;
}

.link-opacity-100, .link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1, .link-offset-1-hover:hover {
  text-underline-offset: .125em !important;
}

.link-offset-2, .link-offset-2-hover:hover {
  text-underline-offset: .25em !important;
}

.link-offset-3, .link-offset-3-hover:hover {
  text-underline-offset: .375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0, .link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10, .link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: .1;
}

.link-underline-opacity-25, .link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: .25;
}

.link-underline-opacity-50, .link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: .5;
}

.link-underline-opacity-75, .link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: .75;
}

.link-underline-opacity-100, .link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: #0000 !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: .1;
}

.bg-opacity-25 {
  --bs-bg-opacity: .25;
}

.bg-opacity-50 {
  --bs-bg-opacity: .5;
}

.bg-opacity-75 {
  --bs-bg-opacity: .75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

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

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-inline-grid {
    display: inline-grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: .25rem !important;
  }

  .m-sm-2 {
    margin: .5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-sm-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  .mx-sm-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: .25rem !important;
  }

  .mt-sm-2 {
    margin-top: .5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: .25rem !important;
  }

  .me-sm-2 {
    margin-right: .5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important;
  }

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

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: .25rem !important;
  }

  .ms-sm-2 {
    margin-left: .5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: .25rem !important;
  }

  .p-sm-2 {
    padding: .5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-sm-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  .px-sm-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: .25rem !important;
  }

  .pt-sm-2 {
    padding-top: .5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: .25rem !important;
  }

  .pe-sm-2 {
    padding-right: .5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: .25rem !important;
  }

  .ps-sm-2 {
    padding-left: .5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: .25rem !important;
  }

  .gap-sm-2 {
    gap: .5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .row-gap-sm-0 {
    row-gap: 0 !important;
  }

  .row-gap-sm-1 {
    row-gap: .25rem !important;
  }

  .row-gap-sm-2 {
    row-gap: .5rem !important;
  }

  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }

  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }

  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .column-gap-sm-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important;
  }

  .column-gap-sm-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important;
  }

  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

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

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

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

@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-inline-grid {
    display: inline-grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: .25rem !important;
  }

  .m-md-2 {
    margin: .5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-md-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  .mx-md-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: .25rem !important;
  }

  .mt-md-2 {
    margin-top: .5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: .25rem !important;
  }

  .me-md-2 {
    margin-right: .5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: .25rem !important;
  }

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

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: .25rem !important;
  }

  .ms-md-2 {
    margin-left: .5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: .25rem !important;
  }

  .p-md-2 {
    padding: .5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-md-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  .px-md-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: .25rem !important;
  }

  .pt-md-2 {
    padding-top: .5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: .25rem !important;
  }

  .pe-md-2 {
    padding-right: .5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: .25rem !important;
  }

  .pb-md-2 {
    padding-bottom: .5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: .25rem !important;
  }

  .ps-md-2 {
    padding-left: .5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: .25rem !important;
  }

  .gap-md-2 {
    gap: .5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .row-gap-md-0 {
    row-gap: 0 !important;
  }

  .row-gap-md-1 {
    row-gap: .25rem !important;
  }

  .row-gap-md-2 {
    row-gap: .5rem !important;
  }

  .row-gap-md-3 {
    row-gap: 1rem !important;
  }

  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-md-5 {
    row-gap: 3rem !important;
  }

  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .column-gap-md-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important;
  }

  .column-gap-md-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important;
  }

  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

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

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

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

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-inline-grid {
    display: inline-grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: .25rem !important;
  }

  .m-lg-2 {
    margin: .5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-lg-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  .mx-lg-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: .25rem !important;
  }

  .mt-lg-2 {
    margin-top: .5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: .25rem !important;
  }

  .me-lg-2 {
    margin-right: .5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important;
  }

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

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: .25rem !important;
  }

  .ms-lg-2 {
    margin-left: .5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: .25rem !important;
  }

  .p-lg-2 {
    padding: .5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-lg-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  .px-lg-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: .25rem !important;
  }

  .pt-lg-2 {
    padding-top: .5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: .25rem !important;
  }

  .pe-lg-2 {
    padding-right: .5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: .25rem !important;
  }

  .ps-lg-2 {
    padding-left: .5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: .25rem !important;
  }

  .gap-lg-2 {
    gap: .5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .row-gap-lg-0 {
    row-gap: 0 !important;
  }

  .row-gap-lg-1 {
    row-gap: .25rem !important;
  }

  .row-gap-lg-2 {
    row-gap: .5rem !important;
  }

  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }

  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }

  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .column-gap-lg-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important;
  }

  .column-gap-lg-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important;
  }

  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

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

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

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

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-inline-grid {
    display: inline-grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: .25rem !important;
  }

  .m-xl-2 {
    margin: .5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  .mx-xl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: .25rem !important;
  }

  .mt-xl-2 {
    margin-top: .5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: .25rem !important;
  }

  .me-xl-2 {
    margin-right: .5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important;
  }

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

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: .25rem !important;
  }

  .ms-xl-2 {
    margin-left: .5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: .25rem !important;
  }

  .p-xl-2 {
    padding: .5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  .px-xl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: .25rem !important;
  }

  .pt-xl-2 {
    padding-top: .5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: .25rem !important;
  }

  .pe-xl-2 {
    padding-right: .5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: .25rem !important;
  }

  .ps-xl-2 {
    padding-left: .5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: .25rem !important;
  }

  .gap-xl-2 {
    gap: .5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .row-gap-xl-0 {
    row-gap: 0 !important;
  }

  .row-gap-xl-1 {
    row-gap: .25rem !important;
  }

  .row-gap-xl-2 {
    row-gap: .5rem !important;
  }

  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }

  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }

  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .column-gap-xl-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important;
  }

  .column-gap-xl-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important;
  }

  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

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

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

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

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-inline-grid {
    display: inline-grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: .25rem !important;
  }

  .m-xxl-2 {
    margin: .5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xxl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  .mx-xxl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: .25rem !important;
  }

  .mt-xxl-2 {
    margin-top: .5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: .25rem !important;
  }

  .me-xxl-2 {
    margin-right: .5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important;
  }

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

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: .25rem !important;
  }

  .ms-xxl-2 {
    margin-left: .5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: .25rem !important;
  }

  .p-xxl-2 {
    padding: .5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xxl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  .px-xxl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: .25rem !important;
  }

  .pt-xxl-2 {
    padding-top: .5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: .25rem !important;
  }

  .pe-xxl-2 {
    padding-right: .5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: .25rem !important;
  }

  .ps-xxl-2 {
    padding-left: .5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: .25rem !important;
  }

  .gap-xxl-2 {
    gap: .5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }

  .row-gap-xxl-1 {
    row-gap: .25rem !important;
  }

  .row-gap-xxl-2 {
    row-gap: .5rem !important;
  }

  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }

  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }

  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .column-gap-xxl-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important;
  }

  .column-gap-xxl-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important;
  }

  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

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

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

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

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}

@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-inline-grid {
    display: inline-grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}

/* [next]/internal/font/google/instrument_serif_e9ab0955.module.css [app-client] (css) */
@font-face {
  font-family: Instrument Serif;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fc0a7394b875fa43-s.614a1c00.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Instrument Serif;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/7ebf22b5a21034f8-s.p.d8bad3ab.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Instrument Serif Fallback;
  src: local(Times New Roman);
  ascent-override: 117.94%;
  descent-override: 36.93%;
  line-gap-override: 0.0%;
  size-adjust: 83.94%;
}

.instrument_serif_e9ab0955-module__FYSdKW__className {
  font-family: Instrument Serif, Instrument Serif Fallback;
  font-style: italic;
  font-weight: 400;
}

.instrument_serif_e9ab0955-module__FYSdKW__variable {
  --font-instrument-serif: "Instrument Serif", "Instrument Serif Fallback";
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0fb0d3c8._.css.map*/