@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

body {
  font-family: "Montserrat", sans-serif;
  background-image: url("../../src/img/images/home-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
main {
  width: 100%;
  height: 100%;
  /* background: linear-gradient(to right, #0000000f 1%, #ffffff00 0); */
  background-size: 6.5em 100%;
}
.guide-section tr:last-of-type td {
  border-bottom: 0;
}
.guide-section td:last-of-type {
  border-right: 0;
}
.cms-logo {
  position: relative;
  width: 175px;
  object-fit: contain;
  object-position: center center;
}
/* .arrow-l {
  right: 100px;
}
.arrow-r {
  right: 20px;
}*/
.arrow {
  top: -30px;
  position: relative;
  cursor: pointer;
}

.qr-div {
  background-image: url("../../src/img/images/qr-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#tabs-home figure::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.25;
  z-index: 0;
}
#tabs-one figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../../src/img/icons/facebook.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  z-index: 0;
}
#tabs-two figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../../src/img/icons/instagram.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  z-index: 0;
}
#tabs-three figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../../src/img/icons/youtube.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  z-index: 0;
}
#tabs-four figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../../src/img/icons/linkedin.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  z-index: 0;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 5)); /* Adjusted to move 5 slides */
  }
}

.donate-section-div {
  background-image: url("../../src/img/images/donate.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner-section > div {
  background-image: url("../../src/img/images/home-banner.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.modal-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
}

.active {
  text-decoration: underline;
}

/* --------hamburger--------- */
.burger {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  transition: 300ms;
  border-radius: 10px;
}
.burger input[type="checkbox"] {
  appearance: none;
  transition: 300ms;
}

.burger::before,
.burger::after {
  content: "";
  transition: 300ms;
  transform-origin: center center;
}

.burger::before {
  transform: translateY(8px);
}
.burger::after {
  transform: translateY(-8px);
}
.burger .line,
.burger::before,
.burger::after {
  width: 25px;
  height: 2.1px;
  display: block;
  background-color: white;
  border-radius: 5px;
  position: absolute;
}

.burger .line:checked {
  width: 0;
  transition-delay: 100ms;
}
.burger:has(.line:checked)::before {
  animation: animation1 400ms ease-out 0s 1 both;
}
.burger:has(.line:checked)::after {
  animation: animation2 400ms ease-out 0s 1 both;
}

.burger:hover .line,
.burger:hover::before,
.burger:hover::after {
  background: #e8e8e8;
}

.burger:active {
  scale: 0.95;
}
@keyframes animation1 {
  0% {
    transform: translateY(8px) rotate(0deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(0px) rotate(45deg);
  }
}
@keyframes animation2 {
  0% {
    transform: translateY(-8px) rotate(0deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(0px) rotate(-45deg);
  }
}

/* --------hamburger--------- */
header {
  z-index: 999;
}
.nav-sticky {
  position: fixed !important;
  /* min-width: 100%; */
  top: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease-in;
  z-index: 999;
  /* background-color: #9340ff; */
  background-color: #fb896b;
  padding: 10px 0;
}

.arrow-l-two {
  right: 100px;
}
.arrow-r-two {
  right: 20px;
}
.arrow-two {
  top: 0px;
  position: absolute;
  cursor: pointer;
}

/* ---------search--------- */
/*Section input*/
.search-field {
  position: relative;
  width: 100%;
  height: 100%;
  left: -5px;
  border: 0;
}
/*Search button*/
.search-box-icon {
  width: 52px;
  height: 35px;
  position: absolute;
  top: -6px;
  right: -21px;
  background: transparent;
}
.btn-icon-content {
  width: 52px;
  height: 35px;
  top: -6px;
  right: -21px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.search-icon {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 7px;
  right: 15px;
}
/* ---------search--------- */

#menuToggle::before {
  content: "";
  position: absolute;
  top: 0;
  left: -35px;
  width: 1px;
  height: 40px;
  background-color: #fff;
  z-index: 0;
}

#menu-drop::before {
  content: "";
  position: absolute;
  top: -13px;
  right: 13.5px;
  z-index: 0;
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fdb75a;
  rotate: 90deg;
}

.banner-section::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 10%;
  left: 35%;
  background-image: url("../../src/img/icons/wave.svg");
  background-size: cover;
  width: 150px;
  height: 150px;
  opacity: 1;
}
.banner-section::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 80%;
  left: 10%;
  background-image: url("../../src/img/icons/wave.svg");
  background-size: cover;
  width: 150px;
  height: 150px;
  opacity: 1;
}
.top-head img {
  max-height: 450px;
  min-height: 350px;
}
/* .top-head img {
  max-height: 630px;
  min-height: 350px;
} */
.top-head img {
  position: relative;
}

.top-head > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  opacity: 0.7;
  z-index: 1;
}
.member-div::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  z-index: 1;
}
.member-inner-div::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(8, 21, 84, 0) 0%, #081554 100%);
  z-index: 1;
}
/* product detail start */
.img-showcase img {
  min-width: 100%;
  border-radius: 16px;
}
.img-item {
  border-radius: 16px;
  overflow: hidden;
}
.img-item:hover {
  opacity: 0.8;
}
/* product detail end */

input[type="radio"]:checked + label.color-radio {
  border: 2px solid #7c2ae8;
}
input[type="radio"]:checked + label .size-radio {
  background-color: #9340ff;
  color: white;
}

.shows-div::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(8, 21, 84, 0.51) 11.07%,
    rgba(8, 21, 84, 0.15) 53.12%,
    rgba(8, 21, 84, 0.51) 94.44%
  );
  z-index: 1;
}

.ways-section figure::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  z-index: 0;
}

.audio-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
  z-index: 0;
}

/* --------color--------- */
section {
  position: relative;
}
section::after {
  content: "";
  position: absolute;
  top: 70%;
  left: -10%;
  width: 462px;
  height: 462px;
  border-radius: 462px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 89, 130, 0.3) 0%,
    rgba(255, 89, 130, 0) 100%
  );
  z-index: -99;
  opacity: 0.5;
}

section::before {
  content: "";
  position: absolute;
  top: 0%;
  right: -10%;
  width: 462px;
  height: 462px;
  border-radius: 462px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 89, 130, 0.3) 0%,
    rgba(255, 89, 130, 0) 100%
  );
  z-index: -99;
  opacity: 0.5;
}

/* --------color--------- */

.scroll-color::-webkit-scrollbar {
  width: 10px;
}

.scroll-color::-webkit-scrollbar-track {
  background-color: transparent;
}

.scroll-color::-webkit-scrollbar-thumb {
  background-color: #fedbab;
  border-radius: 15px;
}
.top-single-line > div {
  height: 40px;
}
.donate-form-section [data-te-nav-active] .active-svg {
  background-color: #00a5a5;
  color: #fff;
}
.donate-form-section [data-te-nav-active] .active-svg {
  position: relative;
}
.donate-form-section [data-te-nav-active] .select-div {
  display: block;
}
.select-div {
  display: none;
}

@keyframes headerticker3 {
  0% {
    margin-top: 0;
  }
  33% {
    margin-top: -2rem;
  }
  66% {
    margin-top: -4rem;
  }
  100% {
    margin-top: 0;
  }
}

.top-single-line .container p {
  padding: 3px 0px;
}
.slide-c {
  padding: 0 25px;
}

.active-link {
  text-decoration: underline;
}

/* --------media--------- */
@media (min-width: 1280px) {
  .arrow {
    top: -15px;
  }
}
@media (min-width: 1280px) {
  .donate-form-section [data-te-nav-active] .active-svg::after {
    content: "";
    position: absolute;
    right: -54%;
    background-color: #00a5a5;
    width: 16px;
    height: 16px;
    z-index: 0;
    border-radius: 50%;
  }
  .donate-form-section .line-svg {
    position: relative;
  }
  .donate-form-section .line-svg::before {
    content: "";
    position: absolute;
    bottom: -125%;
    background-color: rgb(0 0 0 / 0.3);
    width: 1px;
    height: 113px;
    z-index: 0;
  }
}
@media (max-width: 600px) {
  section::after {
    opacity: 0.75;
  }
  section::before {
    opacity: 0.75;
  }
}
@media screen and (min-width: 992px) {
  .card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .product-imgs {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (max-width: 1230px) {
  .banner-section::before {
    z-index: -1;
  }
  .banner-section::after {
    z-index: -1;
  }
}
@media (max-width: 767.5px) {
  .arrow {
    width: 40px;
    height: 40px;
    top: 0px;
    position: relative;
  }
  .slider-c {
    height: 50px;
  }
}
@media (min-width: 767.5px) {
  .arrow {
    width: 54px;
    height: 54px;
  }
}
@media (max-width: 550px) {
  .arrow {
    top: -45px;
  }
}
@media (max-width: 1023px) {
  .playr-controls {
    position: unset;
  }
  .playr {
    padding: 0;
    padding-bottom: 20px;
    margin-top: -24px !important;
  }
}
@media (max-width: 600px) {
  .playr-duration {
    display: none !important;
  }
  .playr-progress {
    margin-top: 12px;
  }
  .buttons-play-pause {
    width: 35px !important;
    height: 35px !important;
  }
}
/* ----------------------------------------------------------------- */

/* fullcalendar */

.fc-toolbar-chunk .fc-button {
  background-color: #00a5a5 !important;
}

.fc-scrollgrid-section-header {
  background-color: #fdca85 !important;
  width: 70px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.fc-view-harness {
  background-color: white !important;
}
.fc-col-header {
  height: 70px !important;
}
.fc-scrollgrid-sync-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fc-col-header-cell-cushion,
.fc-timegrid-slot-label-cushion {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  font-family: "Montserrat", sans-serif !important;
  color: #25337a;
  font-weight: 500 !important;
}
.fc-timegrid-slot-label-cushion {
  margin-bottom: -15px;
}
.fc-direction-ltr .fc-timegrid-col-events {
  margin: 0;
  width: 101%;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
}
.fc-event-time {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.fc-event-main-frame:hover .fc-event-time {
  visibility: visible;
  opacity: 1;
}

.fc-toolbar-title {
  color: #9340ff;
}
.fc-view-harness {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.fc-event {
  background-color: white;
  color: #9340ff !important;
}
.fc-event-main-frame {
  background-color: white;
  color: #9340ff !important;
}
.fc-v-event {
  border: 1px solid #000000b8;
  border-radius: 0;
}
.fc-event-main-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  user-select: none;
}
.fc-theme-standard td,
.fc-theme-standard th {
  border-right: 1px solid #fff !important;
  /* border-bottom: none !important; */
}
.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid #fff;
}
.fc-event-title-container {
  display: flex;
  align-items: center;
}
.fc-timegrid-slot-label-frame {
  display: flex;
  justify-content: left;
}
.fc-event-title {
  text-align: center;
}
.fc-toolbar-chunk {
  display: flex;
  gap: 10px !important;
}

.fc-divider,
.fc-daygrid-divider,
.fc-border-separate,
.fc-content {
  border: none !important;
}

.fc-timegrid-slot-minor {
  /* display: none; */
  border-bottom: 1px solid #fff !important;
}

.fc .fc-timegrid-slot {
  border-top: none !important;
  height: 70px;
  background-color: #fdca85;
  color: #25337a;
  /* border: 1px solid #fff !important; */
  vertical-align: bottom;
}
.fc-timegrid-slot-lane {
  background-color: white !important;
}
.fc-timegrid-slot-label {
  padding: 0px 30px !important;
}
.fc-v-event .fc-event-title-container {
  flex-grow: 0;
}
.fc-timegrid-event {
  margin-bottom: 0px;
}

/* select box for events */
#event-select-id .select {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 40px;
  color: #9340ff;
  font-weight: 500;
}

#event-select-id .option {
  padding: 0 30px 0 10px;
  min-height: 40px;
  display: flex;
  align-items: center;
  background: #fff;
  border-top: #222 solid 1px;
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
  order: 2;
  z-index: 1;
  transition: background 0.4s ease-in-out;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}

#event-select-id .option:hover {
  background: #00a5a5;
  color: white;
}

#event-select-id .select:focus .option {
  position: relative;
  pointer-events: all;
}

#event-select-id input {
  opacity: 0;
  position: absolute;
  left: -99999px;
}

#event-select-id input:checked + label {
  order: 1;
  z-index: 2;
  background: #fff;
  border-top: none;
  position: relative;
}

#event-select-id input:checked + label:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  position: absolute;
  right: 10px;
  top: calc(50% - 2.5px);
  pointer-events: none;
  z-index: 3;
}

#event-select-id input:checked + label:before {
  position: absolute;
  right: 0;
  height: 40px;
  width: 40px;
  content: "";
  background: #fff;
}

.addtocart {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  margin-top: 0.5rem /* 8px */;
  padding: 0.5rem;
  border-radius: 10px;
  margin: 20px;
}
.new-head-bg {
  /* background: #9340ff; */
  background: #fb896b;
  border-top: 1px solid #fff;
}

/* audio */
.playr {
  width: 100%;
  padding: 10px;
  color: #fff;
}
/* .playr-ui {
  display: flex;
  align-items: stretch;
  justify-content: end;
} */
.playr-controls {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 24px;
  position: relative;
}
.playr-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  padding: 0 15px;
  position: relative;
}
.playr-ui.volume-controls .playr-panel {
  width: fit-content;
  white-space: nowrap;
  /* display: none; */
}
.playr-controls button {
  color: #d2d9e5;
  background-color: transparent;
  border: medium none;
  padding: 0;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
}
.playr-controls button:hover {
  color: #fff;
}
.playr-controls button::after {
  font-family: "Material Design Icons";
  display: flex;
  align-items: center;
  justify-content: center;
}
.playr-play::after {
  content: "";
  width: 48px;
  height: 48px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" class="buttons-play-pause" height="48" viewBox="0 0 48 48" fill="none"><path d="M34.788 26.0909L15.699 37.1669C14.079 38.1059 12 36.9689 12 35.0759V12.9239C12 11.0339 14.076 9.89395 15.699 10.8359L34.788 21.9119C35.1565 22.1223 35.4628 22.4264 35.6759 22.7934C35.889 23.1603 36.0012 23.5771 36.0012 24.0014C36.0012 24.4258 35.889 24.8426 35.6759 25.2095C35.4628 25.5765 35.1565 25.8806 34.788 26.0909Z" fill="white"/></svg>');
  background-repeat: no-repeat;
}
.playr.loading .playr-play::after {
  content: "";
  width: 48px;
  height: 48px;
  background-image: url("../img/icons/load.svg");
  background-repeat: no-repeat;
}
.playr.playing .playr-play::after {
  content: "";
  width: 48px;
  height: 48px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" class="buttons-play-pause" height="48" viewBox="0 0 48 48" fill="none"><path d="M19.5 10.5C19.8978 10.5 20.2794 10.658 20.5607 10.9393C20.842 11.2206 21 11.6022 21 12V36C21 36.3978 20.842 36.7794 20.5607 37.0607C20.2794 37.342 19.8978 37.5 19.5 37.5H16.5C16.1022 37.5 15.7206 37.342 15.4393 37.0607C15.158 36.7794 15 36.3978 15 36V12C15 11.6022 15.158 11.2206 15.4393 10.9393C15.7206 10.658 16.1022 10.5 16.5 10.5H19.5ZM31.5 10.5C31.8978 10.5 32.2794 10.658 32.5607 10.9393C32.842 11.2206 33 11.6022 33 12V36C33 36.3978 32.842 36.7794 32.5607 37.0607C32.2794 37.342 31.8978 37.5 31.5 37.5H28.5C28.1022 37.5 27.7206 37.342 27.4393 37.0607C27.158 36.7794 27 36.3978 27 36V12C27 11.6022 27.158 11.2206 27.4393 10.9393C27.7206 10.658 28.1022 10.5 28.5 10.5H31.5Z" fill="white"/></svg>');
  background-repeat: no-repeat;
}
.playr-fastforward::after {
  content: "";
  width: 48px;
  height: 48px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M24 43C14.7163 43 7 35.1413 7 25.6497C7 17.2808 12.9997 10.1871 20.7836 8.62302V6.2062C20.7836 4.99851 21.6 4.67481 22.5166 5.3389L27.8336 9.13179C28.5832 9.67612 28.6002 10.4926 27.8336 11.0544L22.5337 14.8647C21.6 15.5447 20.7836 15.2218 20.7836 13.9966V11.5653C14.4831 13.0277 9.85016 18.7606 9.85016 25.6497C9.84246 27.5492 10.2031 29.4314 10.9112 31.1881C11.6194 32.9447 12.6611 34.541 13.9763 35.885C15.2916 37.2289 16.8544 38.294 18.5747 39.0189C20.295 39.7438 22.1388 40.1141 24 40.1085C31.8671 40.1085 38.1833 33.6782 38.1669 25.6497C38.1505 20.8189 35.8501 16.5492 32.3002 13.964C31.6168 13.4364 31.3999 12.6365 31.8337 11.9224C32.2333 11.2256 33.15 11.0377 33.8838 11.6161C38.1833 14.7972 41 19.9342 41 25.6497C41 35.1413 33.3 43 24 43Z" fill="white"/><path d="M28.5684 32C31.253 32 33 29.6389 33 26.0305C33 22.3913 31.253 20 28.5691 20C25.8686 20 24.1223 22.3759 24.1223 26.0305C24.1223 29.6395 25.8838 32 28.5684 32ZM18.1397 32C20.6788 32 22.4892 30.5718 22.4892 28.5417C22.4892 27.143 21.4867 25.9849 20.064 25.7443C21.1955 25.444 22.0856 24.3309 22.0856 23.0675C22.0856 21.2633 20.5008 20.0006 18.2363 20.0006C16.2796 20.0006 14.6465 21.0227 14.2905 22.4811C14.2587 22.662 14.2422 22.8122 14.2422 22.9777C14.2422 23.5192 14.6148 23.8952 15.164 23.8952C15.6166 23.8952 15.9077 23.6694 16.1023 23.1882C16.4252 22.2405 17.1048 21.7445 18.188 21.7445C19.3196 21.7445 20.0964 22.3759 20.0964 23.2934C20.0964 24.2558 19.3037 24.9628 18.1715 24.9628H17.4767C16.9268 24.9628 16.5708 25.3087 16.5708 25.8348C16.5708 26.3307 16.9434 26.7074 17.4767 26.7074H18.2363C19.6107 26.7074 20.4683 27.4131 20.4683 28.4667C20.4683 29.4887 19.4976 30.2709 18.1556 30.2709C17.0241 30.2709 16.2154 29.7447 15.8594 28.8125C15.649 28.3159 15.3744 28.1054 14.9211 28.1054C14.3878 28.1054 14 28.4968 14 29.0229C14 29.1885 14.0159 29.3534 14.0642 29.5189C14.4043 30.9324 16.1506 32 18.1397 32ZM28.5698 30.1804C27.1305 30.1804 26.2246 28.602 26.2246 26.0305C26.2246 23.4134 27.1147 21.8196 28.5698 21.8196C30.009 21.8196 30.8818 23.3986 30.8818 26.0305C30.8818 28.6014 29.9925 30.1804 28.5698 30.1804Z" fill="white"/></svg>');
  background-repeat: no-repeat;
}
.playr-rewind::after {
  content: "";
  width: 48px;
  height: 48px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M24 42C33.2837 42 41 34.5549 41 25.5628C41 17.6344 35.0003 10.9141 27.2164 9.43234V7.14271C27.2164 5.99859 26.4 5.69193 25.4834 6.32106L20.1664 9.91433C19.4168 10.43 19.3998 11.2035 20.1664 11.7357L25.4663 15.3455C26.4 15.9897 27.2164 15.6838 27.2164 14.5231V12.2198C33.5169 13.6052 38.1498 19.0364 38.1498 25.5628C38.1575 27.3624 37.7969 29.1456 37.0888 30.8098C36.3806 32.4739 35.3389 33.9862 34.0237 35.2594C32.7084 36.5327 31.1456 37.5417 29.4253 38.2284C27.705 38.9152 25.8612 39.266 24 39.2607C16.1329 39.2607 9.81674 33.1688 9.8331 25.5628C9.84945 20.9863 12.1499 16.9413 15.6998 14.4922C16.3832 13.9923 16.6001 13.2346 16.1663 12.5581C15.7667 11.898 14.85 11.7199 14.1162 12.2679C9.81674 15.2815 7 20.1482 7 25.5628C7 34.5549 14.7 42 24 42ZM29.4827 32.3471C32.2497 32.3471 34.0502 29.8169 34.0502 25.9499C34.0502 22.05 32.2497 19.4874 29.4834 19.4874C26.7001 19.4874 24.9003 22.0335 24.9003 25.9499C24.9003 29.8176 26.7158 32.3471 29.4827 32.3471ZM18.7342 32.3471C21.3511 32.3471 23.2171 30.8166 23.2171 28.6411C23.2171 27.1422 22.1838 25.9011 20.7175 25.6433C21.8837 25.3215 22.8011 24.1286 22.8011 22.7747C22.8011 20.8413 21.1676 19.4881 18.8337 19.4881C16.817 19.4881 15.1338 20.5834 14.7668 22.1463C14.7341 22.3402 14.7171 22.5011 14.7171 22.6785C14.7171 23.2588 15.1011 23.6617 15.6671 23.6617C16.1336 23.6617 16.4337 23.4197 16.6342 22.904C16.967 21.8884 17.6675 21.3569 18.7839 21.3569C19.9502 21.3569 20.7509 22.0335 20.7509 23.0167C20.7509 24.0481 19.9338 24.8058 18.7669 24.8058H18.0508C17.484 24.8058 17.1171 25.1764 17.1171 25.7402C17.1171 26.2717 17.5011 26.6753 18.0508 26.6753H18.8337C20.2503 26.6753 21.1342 27.4317 21.1342 28.5607C21.1342 29.656 20.1336 30.4941 18.7505 30.4941C17.5843 30.4941 16.7509 29.9303 16.3839 28.9313C16.167 28.3991 15.884 28.1736 15.4168 28.1736C14.8671 28.1736 14.4675 28.593 14.4675 29.1568C14.4675 29.3342 14.4838 29.5109 14.5336 29.6883C14.8842 31.203 16.684 32.3471 18.7342 32.3471ZM29.4841 30.3972C28.0008 30.3972 27.0671 28.7057 27.0671 25.9499C27.0671 23.1453 27.9844 21.4374 29.4841 21.4374C30.9675 21.4374 31.8671 23.1295 31.8671 25.9499C31.8671 28.7051 30.9505 30.3972 29.4841 30.3972Z" fill="white"/></svg>');
  background-repeat: no-repeat;
}

.playr-rewind::after,
.playr-fastforward::after {
  font-size: 21px;
}
.playr-progress {
  background-color: #ffffff;
  height: 6px;
  bottom: 2px;
  left: 15px;
  position: relative;
  /* position: absolute; */
  width: calc(100% - 30px);
  cursor: pointer;
  /* display: none; */
  min-width: 150px;
  border-radius: 24px;
  overflow: hidden;
}
.playr-progress-bar {
  border-radius: 24px;
  background-color: #00a5a5;
  height: 100%;
  transform: scale3d(0, 1, 1);
  transform-origin: 0 0 0;
  width: 100%;
  /* display: none; */
}

.playr-filename {
  font-size: 12px;
  position: absolute;
  top: 0;
  width: 50%;
  font-weight: 600;
}
.playr-filename {
  left: 15px;
  text-align: left;
  left: 15px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
.playr-duration {
  text-align: right;
  white-space: nowrap;
  position: relative;
  width: 150px;
}
.playr-volume {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.playr-volume-box.hidden {
  background-color: #38354a;
  bottom: 0;
  height: 100px;
  position: absolute;
  width: 35px;
  display: none;
}
.playr-volume-box {
  background-color: #5f6672;
  height: 4px;
  width: 100%;
  cursor: pointer;
}
.playr-volume-box span {
  display: block;
  background-color: #d2d9e5;
  height: 100%;
  width: 100%;
  transform: scale3d(1, 1, 1);
  transform-origin: 0 0 0;
}
/* compact */
.playr.compact .playr-rewind,
.playr.compact .playr-fastforward {
  display: none;
}
.playr-filename.overflow span {
  animation: 5000ms linear 0ms normal forwards infinite running scroll;
  display: inline-block;
  margin-right: 0;
  padding-right: 100%;
  transform: translate3d(0px, 0px, 0px);
}
.playr-controls.right {
  display: none;
}
@keyframes scroll {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    transform: translate3d(-100%, 0px, 0px);
  }
}
.new-bg-gradient {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 52.61%,
    rgba(0, 0, 0, 0.7) 100%
  );
}
.shows-p {
  min-height: 80px;
}
.inner-text p {
  margin-bottom: 20px;
}
/* ------------------------- */
.fc-event-main {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  padding-left: 5px !important;
  padding-right: 5px !important;
  overflow-x: auto;
}

.fc-event-main a {
  font-size: 16px;
  color: #9340ff;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
}
.fc-event-main p {
  /* display: none; */
  opacity: 0;
}
.fc-event-main:hover p {
  font-size: 14px;
  color: #9340ff;
  font-weight: 600;
  text-align: center;
  opacity: 1;
  margin: 0 auto;

  /* display: block; */
}
/* .AccordionItem {
  padding: 40px !important ;
  border-radius: 25px !important;
}

  */

#duration-box {
  position: absolute;
  top: 0;
  left: 15%;
  color: #fff;
  font-size: 12px;
  pointer-events: none; /* Make sure the box doesn't interfere with mouse events */
}
/* ----- */
#submenu {
  /* display: none; */
  list-style-type: none;
  padding-left: 20px;
}
/* #head {
  cursor: pointer;
  font-weight: bold;
} */
#shadow-host-companion {
  overflow-x: hidden;
}

.count-style ul {
  list-style-type: none !important;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.count-style ul li {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* modal */
.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.close-button {
  float: right;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  font-size: 3rem;
  /* background-color: #fff; */
  z-index: 99;
  color: #000;
  position: relative;
  display: block !important;
  margin-top: 5px;
  margin-right: 15px;
}
.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  z-index: 9999999;
}

.close-button {
  display: none;
}

.privacy-h2 h2 {
  margin-top: 30px;
}
.terms-p p {
  margin-top: 25px;
}
.terms-p a {
  color: #1131d0;
}
.terms-p a:hover {
  text-decoration: underline;
}

/* curator.io */

.crt-logo {
  display: none !important;
}
.crt-feed div {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 25px;
}
/* .crt-post-hover{
  padding-left: 10px;
  padding-right: 10px;
} */
.crt-close {
  display: flex;
  justify-content: center;
  align-items: center;
}
.crt-grid-post-image {
  min-width: 300px !important;
}

.crt-widget.crt-widget-branded {
  width: inherit !important;
}

@media not all and (min-width: 640px) {
  .crt-feed div {
    padding-bottom: 2rem /* 40px */;
  }
}
.crt-popup-manager img {
  aspect-ratio: 300/400 !important;
  max-width: 300px !important;
  object-fit: cover !important;
}

.crt-popup-wrapper .crt-popup .crt-previous {
  left: -25px !important;
}

.crt-grid-post:not(.crt-post-youtube) .crt-play-icon:before {
  display: none !important;
}
.crt-play-icon {
  display: none !important;
}

.popup-video-container video {
  display: none !important;
}
.crt-popup-wrapper .crt-popup .popup-video-container {
  min-width: 300px !important;
  min-height: 300px !important;
}
.popup-video-container img {
  margin: 0 auto !important;
  cursor: default !important;
}
.crt-play {
  cursor: default !important;
}
.crt-popup-wrapper .crt-popup .crt-popup-left img {
  margin: 0 auto !important;
}
.crt-popup-images img {
  margin: 0 auto !important;
}
.crt-post-c {
  height: 300px;
  object-fit: cover;
}
.crt-grid-post.crt-post-has-image .crt-grid-post-image {
  height: 300px;
}
.crt-widget.crt-widget-branded {
  padding-bottom: 0 !important;
}
.crt-carousel-pane {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.crt-controls-over .crt-panel-prev {
  left: 20px !important;
}
.crt-controls-over .crt-panel-next {
  right: 20px !important;
}