
* {
  -webkit-font-smoothing: antialiased;
}
/* Material Icon sizes */
span.size-20 {
  font-size: 20px;
  font-variation-settings: 'OPSZ' 20;
}
span.size-24 {
  font-size: 24px;
  font-variation-settings: 'OPSZ' 24;
}
span.size-40 {
  font-size: 40px;
  font-variation-settings: 'OPSZ' 40;
}
span.size-48 {
  font-size: 48px;
  font-variation-settings: 'OPSZ' 48;
}
a {text-decoration:none!important}
a:hover {
  opacity: 1; /* Prevent opacity changes */
  text-decoration: none; /* Optional: Disable underline or other styles */
}
/* Video Component */
/*Custom Background Video Embed Elements*/
[primal="video"] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    margin: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
}


/* CSS Animation Spring Easings */
:root {
  /* Add prefixed versions for better browser support */
  --ease-out-elastic: linear(0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1);
  -webkit-ease-out-elastic: linear(0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1);
  --ease-out-elastic-100-30: linear(0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1);
  -webkit-ease-out-elastic-100-30: linear(0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1);
}
/* CSS Shadow Presets */
:root {
 --shadow: 0px 9px 21px rgba(0, 0, 0, 0.1),
          0px 38px 38px rgba(0, 0, 0, 0.09),
          0px 85px 51px rgba(0, 0, 0, 0.05),
          0px 151px 60px rgba(0, 0, 0, 0.01);
 --shadow-light: 0px 9px 21px rgba(0, 0, 0, 0.05),
                 0px 38px 38px rgba(0, 0, 0, 0.045),
                 0px 85px 51px rgba(0, 0, 0, 0.025),
                 0px 151px 60px rgba(0, 0, 0, 0.005);
}
[primal="close"] {
  transition: 0.8s transform var(--ease-out-elastic),
              0.8s box-shadow var(--ease-out-elastic);
}
[primal="close"]:hover {
  transform: scale(0.95);
  box-shadow: var(--shadow);
}
[primal="news-item-inner"] {
  transition: 0.8s transform var(--ease-out-elastic),
              0.8s box-shadow var(--ease-out-elastic);
}
[primal="news-item-inner"]:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-light);
}


.card, .card-full {
  transition: 0.8s transform var(--ease-out-elastic),
              0.8s box-shadow var(--ease-out-elastic);
}
.card:hover, .card-full:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-light);
}
@media (max-width: 767px) {
  .card:hover, 
  .card-full:hover {
    transform: none !important;
    box-shadow: none !important;
  }
}
[primal-embla="container"] * {
  border-radius: var(--primal-library---radius--16px);
}


/* Target slides inside the container */
[primal-embla="container"] > * {
  flex: 0 0 auto;
}
/* Style the container for touch devices and smooth scrolling */
[primal-embla="container"] {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}
/* Hide scrollbars for Webkit browsers */
[primal-embla="container"]::-webkit-scrollbar {
  display: none;
}


/* Target slides inside the container */
[primal-embla="container"] > * {
  flex: 0 0 auto;
}
/* Style the container for touch devices and smooth scrolling */
[primal-embla="container"] {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}
/* Hide scrollbars for Webkit browsers */
[primal-embla="container"]::-webkit-scrollbar {
  display: none;
}
