@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap');

:root {
  --primary: #3b82f6;
 
  /* --primary: #3b82f6; */
}
body {
  font-family: "Poppins", sans-serif;
  @apply tw-text-[#212529] tw-text-[14px] tw-overflow-x-hidden;
}
a {
  color: var(--primary);
}
.btn {
  --bs-btn-font-weight: 500;
}

.digits{
  font-family: "Antonio", sans-serif;

}


 
.btn-primary {
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-bg: color-mix(in srgb, var(--primary), black 25%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--primary), black 25%);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: var(--primary);
}
.btn-outline-primary {
  --bs-btn-color: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-color: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-active-color: var(--primary);
  --bs-btn-active-border-color: var(--primary);
  --bs-btn-hover-color: white;
  --bs-btn-active-color: white;
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-active-bg: var(--primary);
}
.pagination{
  --bs-pagination-active-bg:var(--primary);
  --bs-pagination-active-border-color:var(--primary);
 --bs-pagination-color:var(--color-gray-400);
}
.btn-link {
  --bs-btn-color: var(--primary);
  --bs-btn-hover-color: var(--primary);
  --bs-btn-active-color: var(--primary);
  text-decoration: none;
} 
.form-control,
.form-select {
   height: 48px;
}
.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--primary) 20%, white);
  border-color: color-mix(in srgb, var(--primary) 70%, white);
}
.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--primary);
}
.glare-effect {
  position: relative;
  overflow: hidden;
}
.glare-effect:before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.7) 50%,
      rgba(255, 255, 255, 0) 100%);
  transform: skewX(-20deg);
  animation: glare 3s infinite;
}
@keyframes glare {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}


 
:root {
    --gl-star-size: 42px;
}

@media screen and (min-width: 35em) {
    .gl-star-rating .gl-star-rating--stars > span {
      --gl-star-size: 30px;
    }
    .gl-star-rating .gl-star-rating--stars[aria-label]::after {
      --gl-tooltip-padding: .75em 1em;
    }
}
@media screen and (min-width: 42em) {
    .gl-star-rating .gl-star-rating--stars > span {
      --gl-star-size: 36px;
    }
}
@media screen and (min-width: 50em) {
    .gl-star-rating .gl-star-rating--stars > span {
      --gl-star-size: 42px;
    }
}

.gl-star-rating .gl-emote-bg {
  transition: fill 0.15s ease-in-out;
}
.gl-star-rating [data-value]:not(.gl-active) .gl-emote-bg {
  fill: #DCDCE6;
}

.gl-star-rating .gl-emote {
  transform: scale(.9);
  transition: transform 0.25s ease-in-out;
}
.gl-star-rating .gl-selected .gl-emote {
  transform: scale(1.1);
}

[data-star-rating] .gl-star-rating--stars[aria-label]:after, [data-star-rating] .gl-star-rating--stars[aria-label]:before{
  /* left: inherit;
  right: 100%;
  margin-left: 0px;
  margin-right: 12px; */
  display: none;
}
[data-star-rating] .gl-star-rating--stars[aria-label]:before{
  display: none;
}

#videoattachments{

  .accordion-button{
    padding: 15px 10px;
    display: flex; 
    align-items:flex-start;
    gap: 15px;
  }

}