@font-face {
  font-family: 'Inter';
  src: url('font/SVN-Gilroy Regular.otf') format('opentype')   
}
@font-face {
  font-family: arial;
  src: url('font/SVN-Gilroy Regular.otf') format('opentype');
}
@font-face {
  font-family: 'serif';
  src: url('font/SVN-Gilroy Regular.otf') format('opentype');
}
span[style*="font-family: arial"] {
  font-family: 'GilroyTimes' !important;
}
span[style*="font-family: 'Times New Roman'"] {
  font-family: 'GilroyOverride' !important;
}
span[style*="font-family: serif"] {
  font-family: 'GilroyOverride' !important;
}
html body{
  height:100%;
}
.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 ratio (height/width * 100%) */
  overflow: hidden;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.prl {
  position: relative;  
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}


.qbmaccordion5 .accordion {
  list-style-type: none;
  display: flex;
  gap: 0.15rem;
  padding: 0.15rem;

  &:hover :not(.item:hover) {
    flex: 1;

    & img {
      transform: scale(1.5);
    }
  }

  & .item {
    flex: 1;
    height: 70vmin;
    cursor: pointer;
    overflow: hidden;
    transition: flex 1s;

    &:last-of-type {
      flex: 5;

      & img {
        transform: scale(1);
      }
    }

    &:hover {
      flex: 5;

      & img {
        transform: scale(1);
      }
    }

    & img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.1);
      transition: transform 0.75s ease-in-out;
    }
  }
}