* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

a {
  text-decoration: none;
  color: initial;
  transition: all 0.2s linear;
}
a:hover {
  color: #00d4f9;
}

.img-fluid {
  width: 100%;
}

h1,
h2 {
  color: #00d4f9;
  font-size: 2rem;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  h1,
  h2 {
    font-size: 1.5rem;
  }
}

.copy-notif {
  position: fixed;
  top: 0;
  background-color: #00d4f9;
  padding: 5px;
  width: 100%;
  display: flex;
  justify-content: center;
  animation: copy 3s ease-out;
  z-index: 9999;
  transform: translateY(-30px);
  align-items: center;
  color: white;
}
.copy-notif .lnc {
  font-size: 1rem;
  margin-right: 5px;
}

@keyframes copy {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  10% {
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    transform: translateY(0px);
  }
  90% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-30px);
  }
}
.error {
  height: calc(100vh - 170px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.error a {
  color: #00d4f9;
}
.error h1 {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .error h1 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .error {
    height: calc(100vh - 306px);
  }
}

.section-subtitle {
  font-weight: 500;
  font-size: 1.25rem;
  text-align: center;
}
@media (max-width: 768px) {
  .section-subtitle {
    font-size: 1.1rem;
  }
}

.section-title > strong {
  font-weight: inherit;
  color: white;
  display: block;
}

.hidden {
  display: none !important;
}

::-moz-selection {
  background-color: #00d4f9;
  color: white;
}

::selection {
  background-color: #00d4f9;
  color: white;
}

/*Scroll style*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ededed;
}

::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
@media (max-width: 576px) {
  ::-webkit-scrollbar {
    width: unset;
  }
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d4d8de;
}

::-webkit-scrollbar-thumb:hover {
  border-radius: 10px;
  background-color: #c4c9d0;
}

section {
  position: relative;
}

.bottom-right-white {
  position: absolute;
}

.owl-theme .owl-dots {
  position: absolute;
  bottom: 35px;
  width: 100%;
}
@media (max-width: 768px) {
  .owl-theme .owl-dots {
    bottom: 10px;
  }
}
.owl-theme .owl-dots .owl-dot {
  transition: all 0.2s linear;
}
.owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.4);
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: white;
}

.line {
  display: flex;
  position: absolute;
  width: 100%;
  height: 2vw;
  max-height: 22px;
  z-index: 2;
}
.line .line-container {
  position: relative;
}
.line img {
  height: 2vw;
  max-height: 22px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.line-white-bottom-right {
  bottom: 0;
  right: 0;
  justify-content: flex-end;
}
.line-white-bottom-right img {
  -o-object-position: 60vw;
     object-position: 60vw;
}
.line-white-top-right {
  top: 0;
  right: 0;
  justify-content: flex-end;
}
.line-white-top-right img {
  -o-object-position: 55vw;
     object-position: 55vw;
}
.line-white-top-right-big {
  top: 0;
  right: 0;
  justify-content: flex-end;
}
.line-white-top-right-big img {
  -o-object-position: 24vw;
     object-position: 24vw;
}
.line-white-bottom-left {
  bottom: 0;
  right: 0;
}
.line-white-bottom-left img {
  -o-object-position: -71vw;
     object-position: -71vw;
}

.container-compact {
  max-width: 1200px;
  margin: auto;
}

.container-wide,
.container-compact {
  padding: 130px 15px;
}
@media (max-width: 768px) {
  .container-wide,
  .container-compact {
    padding: 50px 15px;
  }
}
.container-wide > h2,
.container-wide > h3,
.container-compact > h2,
.container-compact > h3 {
  text-align: center;
}
.container-wide.container-mb-2,
.container-compact.container-mb-2 {
  padding-bottom: 20px;
}
.container-wide.container-mt-2,
.container-compact.container-mt-2 {
  padding-top: 20px;
}

.container-wide > .container-compact {
  padding: 0 15px 30px 15px;
}

@media (max-width: 768px) {
  .page-landing-section {
    padding-top: 80px;
  }
}

@media (max-width: 991px) {
  .column-responsive-reverse {
    order: 1;
  }
}

.dark-background {
  background-color: #252525;
  color: white;
}
.dark-background a {
  color: white;
}

.row-center {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 991px) {
  .row-center {
    flex-direction: column;
  }
}
.row-center-column {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 991px) {
  .row-center-column {
    gap: 20px;
  }
}
.row-center-column h2 {
  text-align: center;
  margin-bottom: 10px;
}

.column {
  flex-basis: 50%;
}
.column-70 {
  flex-basis: 70%;
}
.column-30 {
  flex-basis: 30%;
}
.column-center {
  text-align: center;
}

.ul-icons h3 {
  font-weight: 500;
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .ul-icons h3 {
    font-size: 1rem;
  }
}
.ul-icons h3:not(:last-of-type) {
  margin-bottom: 10px;
}
.ul-icons .lnc {
  color: #00d4f9;
  margin-right: 8px;
  font-size: 1.2rem;
  position: relative;
  top: 2px;
}

.enjoy {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../images/najtrazeniji-kanali-pozadina.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 19/9;
}
.enjoy__content {
  padding: 130px 15px;
}
.enjoy .enjoy-heading {
  font-size: clamp(2rem, 5.5vw, 4.5rem);
  font-family: "HeadingNow-56BoldItalic" !important;
  font-style: italic;
  font-weight: 800;
  color: white;
  text-transform: uppercase;
  text-align: center;
}

.enjoy-channels {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.channel-logo {
  width: 100%;
  max-width: 7rem;
}

.logo-flex-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px;
  max-width: 840px;
}
.logo-flex-grid.grid-channels {
  max-width: 890px;
}
@media (max-width: 768px) {
  .logo-flex-grid {
    gap: 40px;
  }
}
.logo-flex-grid img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .logo-flex-grid img {
    max-height: 60px;
    max-width: 70px;
  }
}

.section-app-download {
  display: flex;
  justify-content: center;
  padding: 130px 15px;
}
@media (max-width: 768px) {
  .section-app-download {
    padding: 50px 15px;
  }
}
.section-app-download .app-download-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
}
@media (max-width: 991px) {
  .section-app-download .app-download-container {
    display: flex;
    flex-direction: column;
  }
}
.section-app-download .app-download-container .app-download-image {
  display: flex;
  flex-basis: 50%;
}
@media (max-width: 991px) {
  .section-app-download .app-download-container .app-download-image {
    order: 2;
  }
}
.section-app-download .app-download-container .app-download-text-box {
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 991px) {
  .section-app-download .app-download-container .app-download-text-box {
    order: 1;
  }
}
.section-app-download .app-download-container .app-download-text-box .app-download-text {
  text-align: center;
  color: #000;
}
.section-app-download .app-download-container .app-download-text-box .cast-img {
  height: 33px;
}

.highlights-section {
  background-image: url(../../assets/images/highlights-bck_28_09.jpg);
  background-size: cover;
  background-position: center left;
  background-repeat: no-repeat;
  padding: 20px 15px;
  display: flex;
  text-transform: uppercase;
  min-height: 80vh;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
@media (max-width: 1044px) {
  .highlights-section {
    background-image: url(../../assets/images/highlights-bck-mobile_28_09.jpg);
    background-position: center;
    align-items: center;
    justify-content: flex-start;
    min-height: clamp(71vh, 107vw, 100vh);
  }
}
.highlights-section .highlights-content {
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.highlights-section .highlights-content > div {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1044px) {
  .highlights-section .highlights-content {
    width: unset;
    margin-top: 30px;
  }
}
.highlights-section .highlights-content a {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  font-size: 1.2rem;
  margin: 10px auto 10px auto;
  padding: 9px 23px;
}
@media (max-width: 1044px) {
  .highlights-section .highlights-content a {
    margin: 0 auto 10px auto;
  }
}
.highlights-section h1,
.highlights-section h2 {
  color: white;
}
.highlights-section h1 {
  font-size: 3.8rem;
  color: white;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .highlights-section h1 {
    font-size: clamp(1rem, 10vw, 4rem);
  }
}
.highlights-section h2 {
  font-weight: 800;
  font-size: 3.8rem;
  margin-bottom: 0;
}
.highlights-section h2 .lnc {
  font-weight: 700;
}
@media (max-width: 991px) {
  .highlights-section h2 {
    font-size: clamp(1rem, 10vw, 4rem);
  }
}
.highlights-section h2 strong {
  color: #00d4f9;
  font-weight: 700;
}
.highlights-section h2 span {
  font-size: 2.5rem;
}
@media (max-width: 991px) {
  .highlights-section h2 span {
    font-size: 1.5rem;
  }
}
.highlights-section h3 {
  color: white;
  font-size: 1rem;
  font-weight: 800;
}
@media (max-width: 991px) {
  .highlights-section h3 {
    font-size: 0.7rem;
  }
}

.section-trial-period {
  background-image: url(../../assets/images/probaj-besplatno-1511-1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 130px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .section-trial-period {
    padding: 50px 15px;
  }
}
.section-trial-period .trial-period-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
@media (max-width: 991px) {
  .section-trial-period .trial-period-container {
    display: flex;
    flex-direction: column;
  }
}
.section-trial-period .trial-period-container .trial-period-text-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-trial-period .trial-period-container .trial-period-text-box .trial-period-heading {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: clamp(1.5rem, 6.5vw, 3rem);
  font-weight: 700;
}
.section-trial-period .trial-period-container .stores {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 600px;
}
.section-trial-period .trial-period-container .stores .store-link {
  width: 100%;
  max-width: 200px;
  border-radius: 8px;
}
.section-trial-period .trial-period-container .stores .store-link .stores-img {
  width: 100%;
}
.section-trial-period .trial-period-container .stores .store-link:hover {
  background-color: #00d4f9;
}
.section-trial-period .trial-period-container .trial-period-images {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.section-trial-period .trial-period-container .trial-period-images .trial-period-img1 {
  width: 35%;
}
@media (max-width: 768px) {
  .section-trial-period .trial-period-container .trial-period-images .trial-period-img1 {
    width: 40%;
  }
}
.section-trial-period .trial-period-container .trial-period-images .trial-period-img2 {
  width: 20%;
}
.section-trial-period .trial-period-container .trial-period-images .trial-period-img3 {
  width: 35%;
}
@media (max-width: 768px) {
  .section-trial-period .trial-period-container .trial-period-images .trial-period-img3 {
    width: 40%;
  }
}
.section-trial-period .trial-period-container .trial-period-league {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .section-trial-period .trial-period-container .trial-period-league {
    margin-bottom: 1rem;
  }
}
.section-trial-period .trial-period-container .trial-period-league .trial-period-league-img {
  width: 70%;
}
.section-trial-period .trial-period-container .trial-period-button {
  display: flex;
}
.section-trial-period .trial-period-container .trial-period-button a {
  font-family: headingnow-56bold !important;
  font-size: clamp(0.8rem, 1.56vw, 1.2rem);
  font-style: normal;
  text-transform: uppercase;
}

.section-trial-period-popup {
  background-image: url(../../assets/images/probaj-besplatno-pozadina.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-trial-period-popup .trial-period-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  gap: 10px;
}
@media (max-width: 991px) {
  .section-trial-period-popup .trial-period-container {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .section-trial-period-popup .trial-period-container .trial-period-text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-heading,
.section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-heading span {
  font-family: headingnow-56bolditalic !important;
  font-size: clamp(1.5rem, 3.9vw, 3rem);
  font-style: italic;
  text-transform: uppercase;
  text-align: start;
  margin-bottom: unset;
}
@media (max-width: 991px) {
  .section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-heading,
  .section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-heading span {
    text-align: center;
  }
}
.section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-text,
.section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-text span {
  font-family: headingnow-56bolditalic !important;
  font-size: clamp(1rem, 1.56vw, 1.2rem);
  font-style: italic;
  text-transform: uppercase;
  text-align: start;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-text,
  .section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-text span {
    text-align: center;
  }
}
.section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-subheading {
  font-family: headingnow-56bolditalic !important;
  font-size: clamp(1rem, 2.6vw, 2rem);
  font-style: italic;
  text-transform: uppercase;
  text-align: start;
}
.section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-steps {
  padding-bottom: 10px;
  list-style: none;
}
.section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-steps li {
  font-family: headingnow-56bolditalic !important;
  font-size: clamp(1rem, 1.56vw, 1.2rem);
  font-style: italic;
  text-transform: uppercase;
  text-align: start;
  margin-bottom: unset;
}
@media (max-width: 768px) {
  .section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-steps li {
    text-align: center;
  }
}
.section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-tertiary {
  font-family: headingNow-54regular !important;
  font-size: clamp(1rem, 1.56vw, 1rem);
  font-style: italic;
  text-transform: uppercase;
  text-align: start;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-tertiary {
    text-align: center;
  }
}
.section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-button {
  display: flex;
}
.section-trial-period-popup .trial-period-container .trial-period-text-box .trial-period-button a {
  font-family: headingnow-56bold !important;
  font-size: clamp(0.8rem, 1.56vw, 1.2rem);
  font-style: normal;
  text-transform: uppercase;
}

.arena-packages {
  display: flex;
  gap: 60px;
  align-items: baseline;
}
@media (max-width: 1225px) {
  .arena-packages {
    flex-direction: column;
  }
}
@media (max-width: 500px) {
  .arena-packages {
    gap: 20px;
    width: 100%;
  }
}
.arena-packages .btn {
  border-radius: 4px;
  margin-top: 11px;
}

.arena-package {
  border-radius: 8px;
  width: 360px;
  padding: 8px;
}
@media (max-width: 500px) {
  .arena-package {
    width: 100%;
  }
}
.arena-package h3,
.arena-package strong {
  text-align: center;
  display: block;
}
.arena-package h3 {
  font-size: 1.5rem;
  margin-top: 8px;
  margin-bottom: 5px;
}
.arena-package strong {
  font-weight: 800;
  font-size: 2.25rem;
  margin-bottom: 8px;
}
.arena-package .package-list {
  margin: 12px 0;
  border-radius: 8px;
}
.arena-package .package-item {
  font-size: 1.25rem;
  padding: 10px 12px;
  font-weight: 500;
}
.arena-package .package-item::before {
  content: "U";
  font-family: lnclines;
  font-size: 1rem;
  margin-right: 5px;
}
.arena-package .package-item span {
  font-size: 0.7rem;
  font-weight: 400;
  display: block;
  margin-left: 22px;
}
.arena-package .view-channels {
  margin-bottom: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transition: all 0.2s linear;
}
.arena-package .view-channels:hover {
  color: white;
}
.arena-package .view-channels .lnc {
  font-size: 1rem;
}
.arena-package.highlights {
  background-color: #0e3268;
  color: white;
}
.arena-package.highlights .package-list {
  background-color: black;
}
.arena-package.highlights .package-item {
  background-color: #092146;
  color: white;
}
.arena-package.highlights .package-item:not(:last-of-type) {
  border-bottom: 1px solid #0e3268;
}
.arena-package.silver {
  background-color: #252525;
  color: #00d4f9;
}
.arena-package.silver .package-list {
  background-color: black;
}
.arena-package.silver .package-item {
  color: #00d4f9;
}
.arena-package.silver .package-item:not(:last-of-type) {
  border-bottom: 1px solid #252525;
}
.arena-package.gold {
  background-color: #00d4f9;
  color: white;
}
.arena-package.gold .package-list {
  background-color: #00bfe1;
}
.arena-package.gold .package-item {
  color: white;
}
.arena-package.gold .package-item:not(:last-of-type) {
  border-bottom: 1px solid #00d4f9;
}

.mob-app-pic {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 520px;
}

.app-download h4 {
  font-size: 1.8rem;
  text-transform: uppercase;
}
.app-download h5 {
  font-size: 0.8rem;
  margin-bottom: 20px;
}
.app-download .row-center {
  gap: 25px 5px;
}

.app-link-container {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 20px;
}
.app-link-container a img {
  height: 33px;
}
@media (max-width: 600px) {
  .app-link-container {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
}

.app-link {
  transition: all 0.3s linear;
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
}
.app-link img {
  transition: all 0.3s linear;
}
.app-link:hover {
  background-color: #00d4f9;
}
.app-link:hover img {
  filter: unset;
}

.qa-accordion {
  width: 100%;
}
.qa-accordion:not(:last-of-type) {
  margin-bottom: 7px;
}
.qa-accordion .accordion-name,
.qa-accordion .accordion-body {
  background-color: #e6fbff;
  padding: 15px;
}
@media (max-width: 768px) {
  .qa-accordion .accordion-name,
  .qa-accordion .accordion-body {
    font-size: 1.1rem;
  }
}
.qa-accordion .accordion-name__subtitle,
.qa-accordion .accordion-body__subtitle {
  font-size: 1.062rem;
  font-weight: 500;
}
.qa-accordion .accordion-name {
  font-size: 1.125rem;
  font-weight: 500;
  border-radius: 8px;
  margin-bottom: 1px;
  transition: all 0.2s linear;
  cursor: pointer;
  padding-right: 45px;
}
.qa-accordion .accordion-name:hover {
  background-color: #ccf6fe;
}
@media (max-width: 991px) {
  .qa-accordion .accordion-name:not(:focus-visible) {
    background-color: #e6fbff;
  }
}
.qa-accordion .accordion-name::after {
  right: 20px;
}
.qa-accordion .accordion-body {
  border-radius: 0 0 8px 8px;
}
.qa-accordion.expanded .accordion-name {
  border-radius: 8px 8px 0 0;
}
.qa-accordion.expanded .accordion-name,
.qa-accordion.expanded .accordion-body {
  background-color: #ccf6fe;
}

.phone-sliders {
  margin-top: 40px;
}

.phones-wrapper {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .phones-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}

.phone-container,
.okvir {
  max-height: 540px;
}

.phone-container,
.okvir {
  max-height: 500px;
}

.phone-container {
  width: 316px;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
}

.okvir {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.phone-slider {
  height: 500px;
  width: 230px;
  margin: auto;
  margin-top: 9px;
  padding-right: 10px;
  border-radius: 36px;
  overflow: hidden;
}
.phone-slider .owl-nav,
.phone-slider .phone-nav {
  height: 0px;
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 40%;
  display: flex;
  justify-content: space-between;
}
.phone-slider .owl-nav .owl-prev,
.phone-slider .owl-nav .owl-next,
.phone-slider .phone-nav .owl-prev,
.phone-slider .phone-nav .owl-next {
  background-color: transparent;
  border: 0;
  color: white;
  position: absolute;
  cursor: pointer;
  width: 30px;
  opacity: 0.7;
  transition: all 0.3s linear;
}
.phone-slider .owl-nav .owl-prev:hover,
.phone-slider .owl-nav .owl-next:hover,
.phone-slider .phone-nav .owl-prev:hover,
.phone-slider .phone-nav .owl-next:hover {
  opacity: 1;
}
.phone-slider .owl-nav .owl-prev::before,
.phone-slider .owl-nav .owl-next::before,
.phone-slider .phone-nav .owl-prev::before,
.phone-slider .phone-nav .owl-next::before {
  font-family: lnclines;
  font-size: 1.9rem;
}
.phone-slider .owl-nav .owl-prev span,
.phone-slider .owl-nav .owl-next span,
.phone-slider .phone-nav .owl-prev span,
.phone-slider .phone-nav .owl-next span {
  font-size: 3.4rem;
  visibility: hidden;
}
.phone-slider .owl-nav .owl-prev,
.phone-slider .phone-nav .owl-prev {
  left: -39px;
}
.phone-slider .owl-nav .owl-prev::before,
.phone-slider .phone-nav .owl-prev::before {
  content: "\e06c";
}
.phone-slider .owl-nav .owl-next,
.phone-slider .phone-nav .owl-next {
  right: 56px;
}
.phone-slider .owl-nav .owl-next::before,
.phone-slider .phone-nav .owl-next::before {
  content: "\e0b7";
}

.phone-container .owl-carousel .owl-item {
  overflow: hidden;
  border-radius: 15px;
}

.phone-container .owl-carousel .owl-item img {
  width: 217.5px;
  max-height: 460px;
  border-radius: 15px;
}

.modal-channels-text,
.modal-channels {
  max-width: 900px;
  margin: auto;
}
.modal-channels-text h2,
.modal-channels-text h3,
.modal-channels-text p,
.modal-channels h2,
.modal-channels h3,
.modal-channels p {
  text-align: center;
}
.modal-channels-text h3,
.modal-channels h3 {
  margin-bottom: 15px;
}
.modal-channels-text a,
.modal-channels-text span,
.modal-channels a,
.modal-channels span {
  color: #00d4f9;
  font-weight: 700;
}
.modal-channels-text span,
.modal-channels span {
  cursor: pointer;
}
.modal-channels-text p,
.modal-channels p {
  margin-bottom: 30px;
}

.modal-channels {
  padding: 15px;
}
.modal-channels h2 {
  margin-bottom: 0;
}

.channels-list {
  display: none;
  padding: 15px;
}
.channels-list ul {
  -moz-column-count: 6;
       column-count: 6;
  list-style: none;
}
@media (max-width: 1367px) {
  .channels-list ul {
    -moz-column-count: 5;
         column-count: 5;
  }
}
@media (max-width: 991px) {
  .channels-list ul {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media (max-width: 600px) {
  .channels-list ul {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.channels-list ul .silver-included,
.channels-list ul .gold-included,
.channels-list ul .promo-included,
.channels-list ul .demo-included {
  position: relative;
  padding-left: 22px;
  font-size: 0.78rem;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .channels-list ul .silver-included,
  .channels-list ul .gold-included,
  .channels-list ul .promo-included,
  .channels-list ul .demo-included {
    font-size: 0.9rem;
    line-height: 1.4;
  }
}
.channels-list ul .silver-included::before,
.channels-list ul .gold-included::before,
.channels-list ul .promo-included::before,
.channels-list ul .demo-included::before {
  content: "";
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.channels-list ul .silver-included::before {
  left: 0;
  background-color: #7a7a7a;
}
.channels-list ul .silver-included::after {
  content: "";
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  background-color: #efb31b;
}
.channels-list ul .gold-included::before {
  left: 6px;
  background-color: #efb31b;
}
.channels-list ul .promo-included::before {
  left: 6px;
  background-color: #00d4f9;
}
.channels-list ul .demo-included::before {
  left: 6px;
  background-color: #00d4f9;
}
.channels-list.active {
  display: block;
}

.channel-list-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  gap: 10px;
}
@media (max-width: 768px) {
  .channel-list-header {
    flex-direction: column;
  }
}
.channel-list-header h4 {
  text-transform: uppercase;
  color: #00d4f9;
  font-size: 1.5rem;
  margin-bottom: 0;
  font-weight: 400;
}
.channel-list-header .channel-list-indicator {
  display: flex;
  gap: 20px;
}
.channel-list-header .channel-list-indicator .silver-indicator,
.channel-list-header .channel-list-indicator .gold-indicator,
.channel-list-header .channel-list-indicator .promo-indicator,
.channel-list-header .channel-list-indicator .demo-indicator {
  display: flex;
  align-items: center;
}
.channel-list-header .channel-list-indicator .silver-indicator::before,
.channel-list-header .channel-list-indicator .gold-indicator::before,
.channel-list-header .channel-list-indicator .promo-indicator::before,
.channel-list-header .channel-list-indicator .demo-indicator::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 8px;
}
.channel-list-header .channel-list-indicator .silver-indicator {
  color: #7a7a7a;
}
.channel-list-header .channel-list-indicator .silver-indicator::before {
  background-color: #7a7a7a;
}
.channel-list-header .channel-list-indicator .gold-indicator {
  color: #efb31b;
}
.channel-list-header .channel-list-indicator .gold-indicator::before {
  background-color: #efb31b;
}
.channel-list-header .channel-list-indicator .promo-indicator {
  color: #00d4f9;
}
.channel-list-header .channel-list-indicator .promo-indicator::before {
  background-color: #00d4f9;
}
.channel-list-header .channel-list-indicator .demo-indicator {
  color: #00d4f9;
}
.channel-list-header .channel-list-indicator .demo-indicator::before {
  background-color: #00d4f9;
}

.logo-lang {
  display: flex;
  justify-content: center;
  position: relative;
}
.logo-lang .state-img {
  border-radius: 50%;
  position: absolute;
  width: 30px;
  transform: translate(46px, -4px);
}

.modal-tabs {
  display: flex;
  background-color: #3e3e3e;
  justify-content: center;
  flex-wrap: wrap;
  position: sticky;
  top: 0;
  z-index: 2;
}
.modal-tabs span {
  padding: 8px 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.modal-tabs span.active, .modal-tabs span:hover {
  background-color: #252525;
  color: #00d4f9;
}

.modal-channels-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 36px;
  max-width: 730px;
  margin: auto;
}
.modal-channels-list img {
  max-width: 90px;
  width: 100%;
}
@media (max-width: 991px) {
  .modal-channels-list {
    grid-gap: 4vw;
    grid-template-columns: repeat(4, 1fr);
  }
}

.modal-channels-text,
.modal-channels-list {
  padding: 15px;
}

.check-list-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 40px 0;
}
.check-list-wrapper ul {
  list-style: none;
}
.check-list-wrapper .check-item {
  font-weight: 500;
  position: relative;
  padding-left: 30px;
  font-size: 1.1rem;
}
.check-list-wrapper .check-item::before {
  content: "V";
  font-family: lnclines;
  color: #00d4f9;
  position: absolute;
  left: 0;
}
.check-list-wrapper .check-item:not(:last-of-type) {
  margin-bottom: 15px;
}
.check-list-wrapper .check-item span {
  color: #00d4f9;
  cursor: pointer;
}

.channel-list-lang,
.channel-list-lang-promo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  width: 100%;
  padding: 15px;
}
.channel-list-lang img,
.channel-list-lang-promo img {
  max-height: 75px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.1s ease-out;
}
.channel-list-lang img:hover,
.channel-list-lang-promo img:hover {
  transform: scale(1.1);
}

.text-page h4 {
  margin-bottom: 15px;
  margin-top: 25px;
}
.text-page p {
  margin-bottom: 7px;
  line-height: 1.4;
}
.text-page .notice {
  margin-top: 30px;
  font-style: italic;
}
.text-page a {
  color: #00d4f9;
}
.text-page ul {
  padding-left: 25px;
  margin-bottom: 15px;
}
.text-page ul li {
  margin-bottom: 5px;
}

.sublist {
  padding-left: 15px;
  margin-bottom: 15px;
}
.sublist p {
  margin-bottom: 5px;
}

.cookie-consent-banner {
  position: fixed;
  z-index: 10;
  left: 0;
  display: flex;
  justify-content: center;
  bottom: 0;
  right: 0;
  color: white;
}
.cookie-consent-banner .cookie-wrapper {
  background-color: rgba(37, 37, 37, 0.9);
  border-radius: 8px 8px 0 0;
  max-width: 80%;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 768px) {
  .cookie-consent-banner .cookie-wrapper {
    flex-direction: column;
  }
}
.cookie-consent-banner p {
  font-size: 0.8rem;
}
.cookie-consent-banner .btn-wrapper {
  display: flex;
  gap: 15px;
}

.link-center {
  display: block;
  margin-top: 40px;
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
  color: #00d4f9;
}
.link-center:hover {
  text-decoration: underline;
}

.ppv-section {
  background-image: url(../../assets/images/ppv-bck-2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 130px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ppv-section .ppv-text-box .ppv-heading {
  font-size: 4rem;
  margin-top: 40px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 768px) {
  .ppv-section .ppv-text-box .ppv-heading {
    font-size: 2rem;
  }
}
.ppv-section .ppv-text-box .ppv-subheading {
  color: white;
  margin-bottom: 40px;
  font-size: 1.7rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 768px) {
  .ppv-section .ppv-text-box .ppv-subheading {
    font-size: 1.4rem;
  }
}
.ppv-section .ppv-text-box .ppv-subheading span {
  display: block;
  font-weight: 600;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .ppv-section .ppv-text-box .ppv-subheading span {
    font-size: 1.2rem;
  }
}
.ppv-section .ppv-image .ppv-img {
  width: 100%;
  max-width: 500px;
}
.ppv-section .ppv-button {
  display: flex;
  justify-content: center;
}

.ppv-main {
  background-image: url(../../assets/images/PPV-page-EL-pozadina-2005.png);
  background-size: cover;
  background-position: center;
  padding-top: 64px;
  min-height: 100vh;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ppv-main h1,
.ppv-main h2,
.ppv-main h4,
.ppv-main .price-before {
  text-transform: uppercase;
  color: white;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.67);
  text-align: center;
}
.ppv-main h1 {
  font-size: 4rem;
  margin: 40px 0;
  font-weight: 800;
}
.ppv-main h1 span {
  display: block;
  font-weight: 800;
  font-size: 2rem;
  text-align: center;
}
@media (max-width: 768px) {
  .ppv-main h1 span {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .ppv-main h1 {
    font-size: 2rem;
  }
}
.ppv-main h2 {
  margin-bottom: 0;
  font-weight: 800;
  font-size: 2.5rem;
}
@media (max-width: 768px) {
  .ppv-main h2 {
    font-size: 1.1rem;
  }
}
.ppv-main h2 span {
  color: white;
}
.ppv-main h3 {
  font-size: 1.6rem;
  font-weight: 600;
  color: white;
  letter-spacing: 1px;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.57);
}
@media (max-width: 768px) {
  .ppv-main h3 {
    font-size: 1.2rem;
  }
}
.ppv-main h4 {
  font-size: 0.8rem;
}
.ppv-main .price-before {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  left: 60px;
  top: 20px;
}
@media (max-width: 991px) {
  .ppv-main .price-before {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .ppv-main .price-before {
    font-size: 1.8rem;
    text-align: right;
    max-width: 230px;
  }
}
.ppv-main .price-before span {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ppv-main .price-before span img {
  position: absolute;
  max-width: 60px;
  z-index: 1;
  transform: rotate(15deg);
}
.ppv-main .price-indicator {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .ppv-main .price-indicator {
    justify-content: center;
  }
}
.ppv-main .new-price {
  display: flex;
  flex-direction: column;
  color: white;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .ppv-main .new-price {
    text-align: left;
  }
}
.ppv-main .new-price span,
.ppv-main .new-price strong {
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.57);
}
.ppv-main .new-price strong {
  font-size: 4.2rem;
  font-weight: 700;
}
.ppv-main .new-price span {
  color: #ffc212;
  font-weight: 600;
  font-size: 0.8rem;
}
@media (max-width: 768px) {
  .ppv-main .new-price span {
    font-size: 1rem;
  }
}
.ppv-main .card-row {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .ppv-main .card-row {
    flex-direction: column;
    align-items: center;
  }
  .ppv-main .card-row img {
    max-width: 300px;
  }
}
.ppv-main h4,
.ppv-main .btn {
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .ppv-main h4,
  .ppv-main .btn {
    margin-top: 25px;
  }
}

.grid-partners {
  gap: 50px;
  max-width: unset;
}
@media (max-width: 991px) {
  .grid-partners {
    gap: 30px;
  }
}
.grid-partners img {
  max-height: 71px;
  max-width: 229px;
}
@media (max-width: 991px) {
  .grid-partners img {
    max-height: 60px;
    max-width: 129px;
  }
}

.balnakbet-logo {
  max-height: 80px;
}
@media (max-width: 991px) {
  .balnakbet-logo {
    margin-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .partners-section .row-center-column {
    gap: 40px;
  }
}
.partners-section h2 {
  text-transform: uppercase;
  color: white;
}

.link-blue {
  color: #00d4f9 !important;
}

.nasa-arena-section .container-compact .nasa-arena-content {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .nasa-arena-section .container-compact .nasa-arena-content {
    flex-direction: column;
    gap: 30px;
  }
}
.nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-text-container {
  display: flex;
  flex-direction: column;
  flex-basis: 45%;
}
@media (max-width: 991px) {
  .nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-text-container {
    text-align: center;
  }
}
.nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-text-container .nasa-arena-title {
  text-transform: uppercase;
  color: #000;
  font-size: clamp(1.5rem, 6.5vw, 3rem);
  font-weight: 700;
  margin-bottom: unset;
}
.nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-text-container .nasa-arena-text {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 500;
  text-transform: uppercase;
}
.nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-text-container .nasa-arena-subtitle {
  text-transform: uppercase;
  color: #000;
  font-size: clamp(1.5rem, 6.5vw, 2.2rem);
  font-weight: 700;
  margin-bottom: unset;
}
.nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-text-container .nasa-arena-text-small {
  font-size: clamp(0.8rem, 2vw, 1rem);
  text-transform: uppercase;
  font-weight: 600;
}
.nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-text-container .nasa-arena-logos-img {
  width: 100%;
}
@media (max-width: 991px) {
  .nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-text-container .nasa-arena-logos-img {
    width: 80%;
    align-self: center;
  }
}
.nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-text-container .nasa-arena-button {
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-text-container .nasa-arena-button {
    align-self: center;
  }
}
.nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-image {
  display: flex;
  flex-basis: 55%;
}
.nasa-arena-section .container-compact .nasa-arena-content .nasa-arena-image .nasa-arena-img {
  width: 100%;
}

.text-blue {
  color: #00d4f9 !important;
}

.text-red {
  color: #ff1817 !important;
}

.text-yellow {
  color: #efb31b !important;
}

.text-white {
  color: #fff !important;
}

.column-price,
.column-logo {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.column-price,
.column-logo,
.column-card {
  flex-basis: 50%;
  text-align: center;
}

@media (min-width: 769px) {
  .column-price {
    align-items: flex-start;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

.campain-lending {
  position: relative;
  background: url(../images/Mesovito-Sport-v3-1106.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 12.9/7;
  background-position: bottom;
}
@media screen and (max-width: 720px) {
  .campain-lending {
    background: url(../images/Mesovito-Sport-mob-1106.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 12/16;
  }
}
@media screen and (max-width: 649px) {
  .campain-lending {
    aspect-ratio: 10/16;
  }
}
@media screen and (max-width: 476px) {
  .campain-lending {
    aspect-ratio: 9/16;
  }
}

.first-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  height: 100%;
}
.first-banner .campain-logo {
  position: absolute;
  top: 20px;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  width: 10%;
}
@media (max-width: 720px) {
  .first-banner .campain-logo {
    display: block;
    width: 30%;
  }
}

.lending-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  padding-bottom: 5rem;
}
.lending-box .lending-box-image-desk {
  display: block;
  width: 100%;
}
@media (max-width: 720px) {
  .lending-box .lending-box-image-desk {
    display: none;
  }
}
.lending-box .lending-box-image-mob {
  display: none;
  width: 100%;
}
@media (max-width: 720px) {
  .lending-box .lending-box-image-mob {
    display: block;
  }
}
@media (max-width: 720px) {
  .lending-box {
    padding: 1.5rem 1.5rem 6rem 1.5rem;
  }
}
.lending-box > h1 {
  margin-bottom: unset;
}
.lending-box__text {
  font-size: 2.8rem;
  font-size: clamp(1.5rem, 3.8vw, 4rem);
  text-shadow: 3px 3px 6px black;
  color: #fff;
}
@media (max-width: 720px) {
  .lending-box__text {
    font-size: clamp(1.5rem, 7vw, 4rem);
  }
}
.lending-box__text2 {
  font-size: 0.9rem;
  font-size: clamp(0.9rem, 2.5vw, 2.7rem);
  padding: 0.1rem 1rem;
  color: #0045ad;
  background-color: #fff;
  font-weight: 600;
}
@media (max-width: 720px) {
  .lending-box__text2 {
    margin-top: 0.5rem;
  }
}
.lending-box .landing-button {
  text-transform: none;
}

.landing-button {
  display: flex;
  justify-content: center;
}

.section-text {
  font-size: 1.25rem;
}

.line-white-bottom-right-campain {
  bottom: 160px;
  right: 0;
}

.campain-packages .section-subtitle {
  font-size: 3.8rem;
  font-weight: 700;
}
@media (max-width: 720px) {
  .campain-packages .section-subtitle {
    font-size: 2.1rem;
  }
}

.second-banner {
  background-color: #102039;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.second-banner .second-banner-content {
  color: #fff;
  padding: 130px 15px;
}
@media (max-width: 720px) {
  .second-banner .second-banner-content {
    padding: 50px 15px;
  }
}
.second-banner .second-banner-content__heading {
  display: flex;
  flex-direction: column;
  font-family: "HeadingNow-56BoldItalic" !important;
  font-size: clamp(2rem, 3.9vw, 4rem);
  font-style: italic;
  color: white;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 8rem;
}
@media (max-width: 992px) {
  .second-banner .second-banner-content__heading {
    margin-bottom: 4rem;
  }
}
.second-banner .second-banner-content__subheading {
  font-size: 1.5rem;
  text-align: center;
}
.second-banner .second-banner-content .section-rows {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.second-banner .second-banner-content .section-rows .rows-container {
  display: flex;
  gap: 2rem;
}
@media (max-width: 992px) {
  .second-banner .second-banner-content .section-rows .rows-container {
    flex-direction: column;
  }
}
.second-banner .second-banner-content .section-rows .rows-container .row {
  display: flex;
  flex-direction: column;
  flex-basis: 33%;
  gap: 1rem;
  align-items: center;
}
.second-banner .second-banner-content .section-rows .rows-container .row .section-img {
  width: 100%;
}
@media (max-width: 992px) {
  .second-banner .second-banner-content .section-rows .rows-container .row .section-img {
    width: 90%;
  }
}
.second-banner .second-banner-content .section-rows .rows-container .row .row-text {
  width: 70%;
}
.second-banner .second-banner-content .section-rows .rows-container .row .row-text .heading {
  font-size: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.second-banner .second-banner-content .section-rows .rows-container .row .row-text .text {
  text-align: center;
  line-height: 1.5;
  font-size: 1.25rem;
}

.campain-container-compact {
  display: flex;
}

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

.campain-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 30px;
  width: 100%;
  max-width: 810px;
}
@media screen and (max-width: 768px) {
  .campain-list {
    font-size: 1.1rem;
    padding-left: 15px;
  }
}

.third-banner {
  background: url(../images/third-banner_v2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 14.9/7;
  background-position: center;
}
@media screen and (max-width: 720px) {
  .third-banner {
    background: url(../images/AC-landing-2-H-preview-bez-buttona.jpg);
    background-position: top;
    background-size: cover;
    aspect-ratio: 9/16;
  }
}

.third-button {
  position: absolute;
  top: 83%;
  right: 5.7%;
}
@media screen and (max-width: 720px) {
  .third-button {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 82%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.packages-price {
  display: flex;
  justify-content: center;
  gap: 60px;
}
@media (max-width: 991px) {
  .packages-price {
    flex-direction: column;
    align-items: center;
  }
}

.fourth-banner {
  background: url(../images/highlights-cloud.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 14.9/7;
  background-position: center;
}
@media screen and (max-width: 720px) {
  .fourth-banner {
    background: url(../images/pozadina-1.jpg);
    background-position: center;
    background-size: cover;
    aspect-ratio: 8/12;
  }
}

.fourth-button {
  position: absolute;
  top: 70%;
  left: 7.6%;
}
@media screen and (max-width: 720px) {
  .fourth-button {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.button-container {
  padding: 30px 0 0 0;
  justify-content: center;
  display: flex;
  align-items: center;
}

.campain-container__heading {
  text-align: center;
  text-transform: uppercase;
}

.button-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: unset !important;
}

.highligh-box {
  display: flex;
  justify-content: center;
}

.highligh-container h2 {
  font-size: 40px;
  font-weight: 800;
  padding: 130px 0;
  width: 810px;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .highligh-container h2 {
    font-size: 30px;
    padding: 130px 1rem;
  }
}
@media screen and (max-width: 768px) {
  .highligh-container h2 {
    font-size: 30px;
    padding: 50px 1rem;
  }
}

.campain-container-box h3 {
  font-weight: 500;
  text-align: center;
}

.campain-container-box h2 {
  text-align: center;
  padding-top: 20px;
}

.free-trial-box {
  padding: 0 0 30px 0;
  justify-content: center;
  display: flex;
  align-items: center;
}

.registration-box h2 {
  text-align: center;
  padding-bottom: 30px;
}

.all-steps-box {
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 856px) {
  .all-steps-box {
    display: flex;
    flex-direction: column;
  }
}

.steps-box {
  padding: 10px;
  background-color: #00d4f9;
  width: 310px;
  height: 150px;
  border-radius: 10px;
}
.steps-box h3 {
  color: #252525;
  font-size: 20px;
}
.steps-box p {
  padding-top: 10px;
  color: #252525;
}

.steps-heading {
  text-transform: uppercase;
  text-align: center;
  color: #00d4f9;
}

.container-steps-box {
  display: flex;
  gap: 60px;
}
@media (max-width: 991px) {
  .container-steps-box {
    flex-direction: column;
    align-items: center;
  }
}

.step-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 33.33%;
  background-color: #00d4f9;
  min-height: 250px;
  padding: 30px 8px 8px 8px;
  text-align: center;
  border-radius: 8px;
}
.step-box__heading {
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .step-box {
    width: 360px;
    min-height: unset;
  }
}
@media (max-width: 500px) {
  .step-box {
    width: 100%;
    min-height: unset;
  }
}
.step-box__heading {
  font-size: 1.3rem;
  color: #fff;
}
.step-box__text {
  font-size: 1.25rem;
  color: #fff;
  display: flex;
  width: 100%;
  padding: 10px;
  font-size: 1.25rem;
  color: #fff;
  background-color: #00bfe1;
  height: 100%;
  border-radius: 8px;
  align-items: center;
}

.item-text {
  color: black;
}

.third-banner {
  position: relative;
  width: 100%;
  height: 100%;
}

.third-banner-box {
  letter-spacing: -1px;
  text-transform: uppercase;
  text-align: right;
  font-style: italic;
  font-weight: 700;
  position: absolute;
  top: 36%;
  right: 5%;
}
@media (max-width: 720px) {
  .third-banner-box {
    display: none;
  }
}
.third-banner-box > h1 {
  margin-bottom: unset;
  font-family: "HeadingNow-56BoldItalic" !important;
}
.third-banner-box__text {
  font-size: clamp(2rem, 7vw, 12rem);
  text-shadow: 3px 3px 6px black;
  color: #fff;
  line-height: 0.7;
  white-space: nowrap;
}
.third-banner-box__text1 {
  font-size: clamp(0.8rem, 2.7vw, 6rem);
  text-shadow: 3px 3px 6px black;
  color: #fff;
  line-height: 1.7;
  white-space: nowrap;
}
.third-banner-box__text2 {
  font-size: clamp(0.8rem, 2.7vw, 6rem);
  text-shadow: 3px 3px 6px black;
  color: #fff;
  line-height: 0.5;
  white-space: nowrap;
}

.fourth-banner-box {
  letter-spacing: -1px;
  text-transform: uppercase;
  text-align: left;
  font-style: italic;
  font-weight: 700;
  position: absolute;
  top: 12%;
  left: 7%;
}
@media (max-width: 720px) {
  .fourth-banner-box {
    top: 35%;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
.fourth-banner-box > h1 {
  margin-bottom: unset;
  font-family: "HeadingNow-56BoldItalic" !important;
}
.fourth-banner-box__text {
  font-size: clamp(2rem, 7vw, 7rem);
  text-shadow: 3px 3px 6px black;
  color: #fff;
  line-height: 0.9;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .fourth-banner-box__text {
    font-size: clamp(2rem, 10vw, 7rem);
    text-align: center;
  }
}
.fourth-banner-box__text1 {
  font-size: clamp(0.8rem, 2.7vw, 6rem);
  text-shadow: 3px 3px 6px black;
  color: #fff;
  line-height: 1.7;
  white-space: nowrap;
}
.fourth-banner-box__text2 {
  font-size: clamp(0.8rem, 2.7vw, 6rem);
  text-shadow: 3px 3px 6px black;
  color: #fff;
  line-height: 0.5;
  white-space: nowrap;
}

.u-padding-top-sm {
  padding-top: 20px;
}

.u-padding-top-md {
  padding-top: 50px;
}

.u-padding-bottom-none {
  padding-bottom: unset;
}

.u-padding-bottom-sm {
  padding-bottom: 20px;
}

.u-padding-bottom-md {
  padding-bottom: 50px;
}

.u-position-bottom-md {
  padding-bottom: 100px;
}

.u-padding-top-none {
  padding-top: 0;
}

.u-margin-top-sm {
  margin-top: 20px;
}

.u-margin-bottom-sm {
  margin-bottom: 20px;
}

.u-margin-bottom-none {
  margin-bottom: unset;
}

.uppercase {
  text-transform: uppercase;
}

.blue-font {
  color: #00d4f9 !important;
}

header {
  min-height: 64px;
  display: flex;
  justify-content: center;
  background-color: #252525;
  color: white;
  padding: 5px 15px;
  transition: all 0.2s ease-out;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
@media (max-width: 500px) {
  header {
    position: sticky;
  }
}
header.transparent:not(.transparent-disabled) {
  background-color: transparent;
}
@media (max-width: 500px) {
  header.transparent:not(.transparent-disabled) {
    background-color: #252525;
  }
}
header:not([class=transparent]) {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
header .header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  flex-basis: 100%;
}
header .logo {
  height: 50px;
}

.header-left {
  display: flex;
}
.header-right {
  display: flex;
  justify-content: flex-end;
}
.header-left, .header-right {
  width: 90px;
}
@media (max-width: 768px) {
  .header-center .btn {
    font-size: 0.75rem;
    padding: 8px 9px;
  }
}

.navigation {
  display: flex;
}
.navigation-item {
  display: flex;
  cursor: pointer;
}
.navigation-item:not(:last-child) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.navigation-item .lnc {
  color: #00d4f9;
  font-size: 1.5rem;
  transition: all 0.2s linear;
}
.navigation-item:hover .lnc {
  color: white;
}

.slide-menu {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  transform: translateY(calc(-100% - 1px));
  transition: all 0.2s ease-out;
  padding: 8px;
  border-radius: 0px 0px 8px 8px;
  background-color: #00d4f9;
  color: white;
  z-index: 30;
  width: 330px;
  max-width: 100vw;
  gap: 8px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  max-height: 100vh;
}
@media (max-width: 768px) {
  .slide-menu {
    width: 100%;
  }
}
.slide-menu.show {
  transform: translateY(0%);
}
.slide-menu-body {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: none;
}
.slide-menu-body::-webkit-scrollbar {
  width: 0;
}
.slide-menu-body > *:not(:last-child) {
  margin-bottom: 5px;
}
.slide-menu-item {
  color: white;
  padding: 8px 30px 8px 8px;
  transition: all 0.2s linear;
  border-radius: 4px;
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 1.125rem;
  cursor: pointer;
}
.slide-menu-item > .lnc {
  font-size: 1rem;
}
.slide-menu-item:hover {
  background-color: #00bfe1;
  color: white;
}
@media (max-width: 991px) {
  .slide-menu-item:not(:focus-visible) {
    background-color: unset;
    color: unset;
  }
}
.slide-menu-item.contact {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 4px 8px;
}
.slide-menu-item.contact span {
  font-size: 0.875rem;
}
.slide-menu-accordion .accordion-body {
  background-color: #00bfe1;
  border-radius: 0 0 4px 4px;
}
.slide-menu-accordion .accordion-body hr {
  border: 0;
  margin: 2px 0;
  border-bottom: 1px solid #00d4f9;
}
.slide-menu-accordion .accordion-body .slide-menu-item {
  color: rgba(255, 255, 255, 0.8);
}
.slide-menu-accordion .accordion-body .slide-menu-item:hover {
  color: white;
}
.slide-menu-accordion.expanded {
  border-radius: 4px;
  background-color: #00bfe1;
}
.slide-menu[data-menu=share-menu] {
  width: 200px;
}
@media (max-width: 768px) {
  .slide-menu[data-menu=share-menu] {
    width: 100%;
  }
}
.slide-menu[data-menu=share-menu] .slide-menu-body .lnc {
  font-size: 1.5rem;
  margin-right: 8px;
}

.close-menu {
  cursor: pointer;
  padding: 8px;
  font-size: 1.3rem;
  position: sticky;
  top: 0;
}

.slide-menu-header {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.social-links {
  display: flex;
  gap: 5px;
}
.social-links a {
  transition: all 0.2s linear;
}
.social-links .lnc {
  color: white;
  padding: 8px;
  font-size: 1.125rem;
  display: block;
  border-radius: 4px;
}
.social-links .lnc:hover {
  background-color: #00bfe1;
}

.lang-switch {
  display: flex;
  padding: 8px;
  gap: 8px;
  border-top: 1px solid #00d4f9;
}
.lang-switch .language {
  text-transform: uppercase;
  padding: 5px;
  border-radius: 4px;
  color: white;
  border: 1px solid white;
  transition: all 0.2s linear;
  font-size: 0.875rem;
  font-weight: 700;
}
.lang-switch .language.active {
  background-color: white;
  color: #00d4f9;
}
.lang-switch .language:not(.active):hover {
  background-color: rgba(255, 255, 255, 0.2);
}

footer {
  padding: 40px 15px 20px 15px;
}
@media (max-width: 768px) {
  footer {
    padding: 40px 15px 40px 15px;
  }
}

.footer-container {
  max-width: 1200px;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 28px;
}

.social-links a .lnc {
  transition: all 0.2s linear;
}
.social-links a .lnc:hover {
  background-color: transparent;
}
.social-links a:hover .lnc {
  color: #00d4f9;
}

.footer-row {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .footer-row {
    flex-direction: column;
    gap: 15px;
  }
}
.footer-row .footer-column {
  padding: 0 28px;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .footer-row .footer-column {
    padding: 0 12px;
  }
}
.footer-row .footer-column:not(:last-of-type) {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 768px) {
  .footer-row .footer-column:not(:last-of-type) {
    border-right: unset;
  }
}
.footer-row .footer-column > a,
.footer-row .footer-column > span {
  font-size: 1.125rem;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}
.footer-row .footer-column > a .lnc,
.footer-row .footer-column > span .lnc {
  font-size: 1rem;
}
.footer-row .footer-column > span {
  transition: all 0.2s linear;
}
.footer-row .footer-column > span:hover {
  color: #00d4f9;
}
@media (max-width: 768px) {
  .footer-row .footer-column-link {
    align-self: baseline;
  }
}
@media (max-width: 768px) {
  .footer-row.footer-row-bottom {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 15px 0;
  }
}
.footer-row.footer-row-bottom p,
.footer-row.footer-row-bottom a {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 768px) {
  .footer-row.footer-row-bottom p,
  .footer-row.footer-row-bottom a {
    font-size: 0.6rem;
  }
}
.footer-row.footer-row-bottom a:hover {
  color: white;
}
.footer-row.footer-row-bottom .footer-column {
  padding: 0 12px;
}
.footer-row.footer-row-bottom .footer-column:not(:last-of-type) {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.phone-numbers h3 {
  color: #00d4f9;
  font-size: 1.5rem;
  margin: 20px 0;
  text-align: center;
  display: block;
}

.phone-numbers-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
}
@media (max-width: 600px) {
  .phone-numbers-grid {
    flex-direction: column;
  }
}

.phone-number {
  display: flex;
  flex-basis: calc(50% - 2px);
  gap: 8px;
  color: white;
  padding: 12px;
  transition: all 0.2s linear;
  border-radius: 4px;
}
.phone-number .lnc {
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.2);
  transition: all 0.2s linear;
}
.phone-number-content {
  display: flex;
  flex-direction: column;
}
.phone-number-content span {
  font-weight: 500;
}
.phone-number-content strong {
  font-weight: 700;
  font-size: 1.25rem;
}
.phone-number:hover {
  background-color: #3b3b3b;
  color: white;
}
.phone-number:hover .lnc {
  color: rgba(255, 255, 255, 0.5);
}

.accordion-name {
  position: relative;
  display: flex;
  align-items: center;
}
.accordion-name::after {
  font-family: lnclines;
  content: "\e015";
  position: absolute;
  right: 8px;
  font-size: 0.8rem;
}
.accordion-body {
  display: none;
}
.accordion-body > p {
  line-height: 1.5;
}
.accordion.expanded .accordion-name::after {
  content: "\e0f3";
}

.btn {
  padding: 9px 12px;
  text-align: center;
  outline: 0;
  border: 0;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.2s linear;
}
.btn .lnc {
  font-size: 0.9rem;
}
.btn.btn-white {
  background-color: white;
  color: #252525;
}
.btn.btn-primary {
  display: flex;
  gap: 5px;
  background-color: #00d4f9;
  color: white;
  align-items: center;
}
.btn.btn-primary:hover {
  background-color: #00bfe1;
}
.btn.btn-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.btn:hover {
  background-color: #e6fbff;
}

.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9998;
  background-color: rgba(255, 255, 255, 0.4);
}
.modal .modal {
  z-index: 9999;
}

.modal-content {
  background-color: #252525;
  color: white;
  width: 100%;
  max-height: 100%;
  max-width: 800px;
  z-index: 9999;
  margin: 15px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.modal-content-header {
  display: flex;
  align-items: center;
  color: white;
  position: relative;
  z-index: 2;
  min-height: 38px;
}
.modal-content-header .modal-title {
  padding-right: 33px;
  font-size: 1.3rem;
}
.modal-content-header .modal-title .lnc {
  font-size: 0.8rem;
}
.modal-content-header div.modal-close.close {
  position: absolute;
  right: 12px;
}
.modal-content-body {
  background-color: var(--go-red);
  min-height: 10px;
  max-height: calc(100vh - 20px);
  overflow: hidden auto;
  scrollbar-width: none;
}
.modal-content-body::-webkit-scrollbar {
  width: 0;
}
.modal-content .modal-close {
  cursor: pointer;
  font-size: 1.4em;
  transition: all 0.1s linear;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99;
}
.modal-content .modal-close .lnc {
  padding: 8px;
}
.modal-content .modal-close:hover .lnc {
  transform: rotate(90deg);
  transition: all 0.1s linear;
  display: block;
}

.modal .modal-xs {
  max-width: 240px;
}

.modal .modal-sm {
  max-width: 400px;
}

.modal .modal-support {
  max-width: 612px;
}

.modal .modal-list-lang {
  max-width: 580px;
}

.modal .modal-l {
  max-width: 1200px;
}

.modal .modal-l-full-h {
  max-width: 1200px;
  height: 100vh;
  margin: 0;
}

.modal .modal-xl {
  max-width: 1920px;
}

.show {
  display: flex;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

.section-landing {
  background-image: url(../../assets/images/highlights-landing-bck.jpg);
  display: flex;
  aspect-ratio: 19/9;
  align-items: end;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center left;
}
@media (max-width: 768px) {
  .section-landing {
    flex-direction: column;
  }
}
.section-landing .landing-mob {
  width: 32%;
}
@media (max-width: 768px) {
  .section-landing .landing-mob {
    order: 2;
    align-self: center;
  }
}
@media (max-width: 500px) {
  .section-landing .landing-mob {
    width: 50%;
  }
}
.section-landing .landing {
  align-self: center;
  flex-basis: 58%;
}
@media (max-width: 768px) {
  .section-landing .landing {
    order: 1;
    padding: 70px 15px 0 15px;
  }
}
.section-landing .landing__heading {
  font: unset;
  font-family: "HeadingNow-56BoldItalic" !important;
  font-style: italic;
  font-size: clamp(2rem, 5.5vw, 11.5rem);
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .section-landing .landing__heading {
    text-align: center;
  }
}
.section-landing .landing__subheading {
  font-size: clamp(1.5rem, 4.5vw, 8.5rem);
  font-family: "HeadingNow-56BoldItalic" !important;
  font-style: italic;
  line-height: 1;
  color: #00d4f9;
  text-transform: uppercase;
}
.section-landing .landing__subheading .landing__span {
  font-family: "HeadingNow-56BoldItalic" !important;
  color: #fff;
}
@media (max-width: 768px) {
  .section-landing .landing__subheading {
    text-align: center;
  }
}

.section-cloud .cloud-content {
  text-align: center;
}

.section-recordings {
  background-image: url(../../assets/images/highlights-cloud.jpg);
  background-size: cover;
  background-position: bottom center;
  aspect-ratio: 19/9;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background-repeat: no-repeat;
  padding: 20px 15px;
}
.section-recordings .recordings {
  max-width: 60%;
  padding: 40px 0 40px 40px;
}
@media (max-width: 500px) {
  .section-recordings .recordings {
    padding: 30px 0 40px 0px;
  }
}
.section-recordings .recordings__heading {
  font-size: clamp(2rem, 5.5vw, 11.5rem);
  font-family: "HeadingNow-56BoldItalic" !important;
  font-style: italic;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}
.section-recordings .recordings__subheading {
  font-size: clamp(1.5rem, 4.5vw, 8.5rem);
  font-family: "HeadingNow-56BoldItalic" !important;
  font-style: italic;
  line-height: 1;
  color: #00d4f9;
  text-transform: uppercase;
}

.section-rec-description .description-box {
  text-align: center;
}

.section-package-highlights .package-highlights {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-package-highlights .package-highlights__heading {
  text-align: center;
}
.section-package-highlights .package-highlights__subheading {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  color: black;
  text-align: center;
}
.section-package-highlights .package-highlights__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 30px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section-package-highlights .package-highlights__list {
    font-size: 1.1rem;
    padding-left: 15px;
  }
}

.section-opsesion .opsesion {
  background: url(../images/slika3pozadina.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 19/9;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.section-opsesion .opsesion__heading {
  font-family: "HeadingNow-56BoldItalic" !important;
  font-size: clamp(2rem, 6.9vw, 12rem);
  font-style: italic;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 4rem 1rem;
}

.paragraph-text {
  font-size: 1.25rem;
  font-weight: 500;
}

.dark-highlights-background {
  background-color: #102039;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

.section-hero {
  background-image: url(../../assets/images/euro2024-background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .section-hero {
    background-image: url(../../assets/images/euro2024-background-mobile.jpg);
    background-position: top;
    flex-direction: column;
    aspect-ratio: 3/5;
  }
}
@media (max-width: 768px) {
  .section-hero .hero-container {
    display: flex;
    align-items: flex-end;
    order: 2;
    height: 451px;
    z-index: 5;
  }
}
@media (max-width: 768px) {
  .section-hero .hero-container .hero-text-box {
    text-align: center;
  }
}
.section-hero .hero-container .hero-text-box .hero-heading {
  font-size: clamp(2rem, 5.5vw, 11.5rem);
  font-family: "UEFAEuro-ExtraBold" !important;
  color: #fff;
  line-height: 0.9;
  text-transform: uppercase;
  margin-bottom: unset;
}
.section-hero .hero-container .hero-text-box .hero-text {
  font-size: clamp(1rem, 2.7vw, 5.7rem);
  font-family: "UEFAEuro-ExtraBold" !important;
  color: #fff;
  line-height: 0.9;
  text-transform: uppercase;
}
.section-hero .euro2024-desktop-img {
  width: 28%;
}
@media (max-width: 768px) {
  .section-hero .euro2024-desktop-img {
    display: none;
  }
}
.section-hero .euro2024-mobile-img {
  width: 80%;
  display: none;
}
@media (max-width: 768px) {
  .section-hero .euro2024-mobile-img {
    display: block;
    position: absolute;
    top: 105px;
  }
}

.section-matches .matches-container .matches-text-box {
  text-align: center;
}
.section-matches .matches-container .matches-text-box .matches-text {
  color: #00d4f9;
  text-transform: uppercase;
}

.section-euro2024-promo {
  background-image: url(../../assets/images/euro2024-background.jpg);
  aspect-ratio: 19/8;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-euro2024-promo .euro2024-promo-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .section-euro2024-promo .euro2024-promo-container {
    flex-direction: column;
    height: 900px;
  }
}
@media (max-width: 768px) {
  .section-euro2024-promo .euro2024-promo-container .euro2024-promo-textbox {
    text-align: center;
    order: 1;
  }
}
.section-euro2024-promo .euro2024-promo-container .euro2024-promo-textbox .euro2024-promo-heading {
  font-size: clamp(2rem, 4.5vw, 11.5rem);
  font-family: "UEFAEuro-Bold" !important;
  color: #fff;
  line-height: 0.9;
  text-transform: uppercase;
  margin-bottom: unset;
}
.section-euro2024-promo .euro2024-promo-container .euro2024-promo-textbox .euro2024-promo-text {
  font-size: clamp(0.8rem, 1.7vw, 5.7rem);
  font-family: "UEFAEuro-Bold" !important;
  color: #fff;
  text-transform: uppercase;
}
.section-euro2024-promo .euro2024-promo-container .euro2024-promo-textbox .euro2024-promo-text-secondary {
  font-size: clamp(0.6rem, 1.4vw, 3.7rem);
  font-family: "UEFAEuro-Bold" !important;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.section-euro2024-promo .euro2024-promo-container .euro2024-promo-textbox .euro2024-promo-text-span {
  font-size: clamp(0.6rem, 1.4vw, 3.7rem);
  font-family: "UEFAEuro-Bold" !important;
  color: #00d4f9;
  text-transform: uppercase;
}
.section-euro2024-promo .promo-img {
  width: 40%;
}
@media (max-width: 768px) {
  .section-euro2024-promo .promo-img {
    width: 50%;
    order: 2;
  }
}
@media (max-width: 500px) {
  .section-euro2024-promo .promo-img {
    width: 70%;
    order: 2;
  }
}

.section-matches {
  display: flex;
  justify-content: center;
}
.section-matches .matches-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section-euro2024-features {
  background-image: url(../../assets/images/euro2024-features.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-euro2024-features .euro2024-features-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  color: #fff;
  padding: 130px 15px;
  width: 100%;
  max-width: 1010px;
}
.section-euro2024-features .euro2024-features-container .euro2024-features-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 30px;
}
@media (max-width: 500px) {
  .section-euro2024-features .euro2024-features-container .euro2024-features-list {
    font-size: 1.2rem;
  }
}
.section-euro2024-features .euro2024-features-container .euro2024-features-text {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .section-euro2024-features .euro2024-features-container .euro2024-features-text {
    font-size: 1.2rem;
  }
}

.btn-euro2024-box {
  display: flex;
}
@media (max-width: 768px) {
  .btn-euro2024-box {
    justify-content: center;
  }
}

.btn-euro2024 {
  display: flex;
  background-color: #00d4f9;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1px;
  text-shadow: 2px 1px 1px #3e3e3e;
}
.btn-euro2024:hover {
  background-color: #00bfe1;
  color: #fff;
}

.demo-section {
  background-image: url(../../assets/images/demo-stranica-pozadina.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  padding: 150px 20px 50px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .demo-section {
    height: unset;
  }
}
@media (max-width: 500px) {
  .demo-section {
    padding: 50px 20px 50px 20px;
  }
}
.demo-section .demo-container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 100%;
  max-width: 1200px;
}
@media (max-width: 768px) {
  .demo-section .demo-container {
    gap: 25px;
  }
}
.demo-section .demo-container .demo-heading {
  font-family: "HeadingNow-56BoldItalic" !important;
  font-size: clamp(1.7rem, 8vw, 6rem);
  line-height: 0.7;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  margin-bottom: unset;
}
@media (max-width: 550px) {
  .demo-section .demo-container .demo-heading {
    font-size: clamp(1.7rem, 11vw, 6rem);
    line-height: 0.9;
    gap: 30px;
  }
}
.demo-section .demo-container .demo-subheading {
  font-family: "HeadingNow-56BoldItalic" !important;
  font-size: clamp(1rem, 4.2vw, 4.2rem);
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
@media (max-width: 550px) {
  .demo-section .demo-container .demo-subheading {
    font-size: clamp(1.7rem, 7.2vw, 6rem);
    line-height: 0.9;
  }
}
.demo-section .demo-container .demo-subheading .demo-subheading-span {
  font-family: "HeadingNow-56BoldItalic" !important;
  text-transform: uppercase;
  text-align: center;
  color: #00d4f9;
}
.demo-section .demo-container .demo-text-container {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media (max-width: 768px) {
  .demo-section .demo-container .demo-text-container {
    flex-direction: column;
    gap: 5rem;
  }
}
.demo-section .demo-container .demo-text-container .demo-text-left {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
  gap: 20px;
}
.demo-section .demo-container .demo-text-container .demo-text-left .demo-text-big {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-basis: 50%;
  gap: 0.3rem;
}
.demo-section .demo-container .demo-text-container .demo-text-left .demo-text-big .demo-text {
  font-family: "HeadingNow-56BoldItalic" !important;
  font-size: clamp(0.5rem, 1.8vw, 1.8rem);
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
@media (max-width: 768px) {
  .demo-section .demo-container .demo-text-container .demo-text-left .demo-text-big .demo-text {
    font-size: clamp(0.5rem, 3.8vw, 1.8rem);
  }
}
@media (max-width: 500px) {
  .demo-section .demo-container .demo-text-container .demo-text-left .demo-text-big .demo-text {
    font-size: clamp(0.5rem, 6.8vw, 1.8rem);
  }
}
.demo-section .demo-container .demo-text-container .demo-text-left .demo-text-small {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
}
.demo-section .demo-container .demo-text-container .demo-text-left .demo-text-small .demo-text {
  font-family: "HeadingNow-56BoldItalic" !important;
  font-size: clamp(0.5rem, 1vw, 0.9rem);
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
@media (max-width: 768px) {
  .demo-section .demo-container .demo-text-container .demo-text-left .demo-text-small .demo-text {
    font-size: clamp(0.4rem, 2.2vw, 1rem);
  }
}
@media (max-width: 550px) {
  .demo-section .demo-container .demo-text-container .demo-text-left .demo-text-small .demo-text {
    font-size: clamp(0.4rem, 5.2vw, 1rem);
  }
}
.demo-section .demo-container .demo-text-container .demo-text-left .demo-text-small .demo-text .demo-text-link {
  font-family: "HeadingNow-56BoldItalic" !important;
  font-size: clamp(0.5rem, 1vw, 0.9rem);
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #00d4f9;
  cursor: pointer;
}
@media (max-width: 768px) {
  .demo-section .demo-container .demo-text-container .demo-text-left .demo-text-small .demo-text .demo-text-link {
    font-size: clamp(0.4rem, 2.2vw, 1rem);
  }
}
@media (max-width: 550px) {
  .demo-section .demo-container .demo-text-container .demo-text-left .demo-text-small .demo-text .demo-text-link {
    font-size: clamp(0.4rem, 5.2vw, 1rem);
  }
}
.demo-section .demo-container .demo-text-container .demo-image-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 50%;
  gap: 0.5rem;
}
.demo-section .demo-container .demo-text-container .demo-image-right .demo-img {
  width: 100%;
}
.demo-section .demo-container .demo-button {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
}
.demo-section .demo-container .demo-button .btn-demo {
  display: flex;
  background-color: #00d4f9;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1px;
  text-shadow: 2px 1px 1px #3e3e3e;
  font-family: "HeadingNow-56BoldItalic" !important;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}
.demo-section .demo-container .demo-button .text {
  font-family: "HeadingNow-56BoldItalic" !important;
  font-size: 0.8rem;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}

.blue-text {
  color: #00d4f9 !important;
}

.section-our-arena {
  background-image: url(../../assets/images/nasa-arena-pozadina.jpg);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 130px 15px;
}
@media (max-width: 720px) {
  .section-our-arena {
    padding: 80px 15px;
  }
}
.section-our-arena .our-arena-image {
  width: 100%;
  max-width: 1200px;
}
@media (max-width: 720px) {
  .section-our-arena .our-arena-image {
    display: none;
  }
}
.section-our-arena .our-arena-image-mod {
  display: none;
}
@media (max-width: 720px) {
  .section-our-arena .our-arena-image-mod {
    display: block;
    width: 100%;
  }
}
.section-our-arena .our-arena-text {
  text-align: center;
}
.section-our-arena .our-arena-text .heading {
  font-size: 4rem;
  font-size: clamp(2rem, 5.5vw, 4rem);
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  margin: unset;
}
.section-our-arena .our-arena-text .subheading {
  font-size: 2rem;
  font-size: clamp(1.1rem, 2.7vw, 2rem);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin: unset;
}

.new-experiences .new-experiences-content .new-experiences-text {
  font-size: 1.5rem;
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 500;
  text-align: center;
  color: #000;
}
.new-experiences .new-experiences-content .new-experiences-text .our-arena-modal-link {
  color: #00d4f9;
  text-decoration: underline;
  text-underline-offset: 5px;
  cursor: pointer;
  transition: all 0.2s;
}
.new-experiences .new-experiences-content .new-experiences-text .our-arena-modal-link:hover {
  color: #00bfe1;
}

.section-our-arena-description .our-arena-description {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-our-arena-description .our-arena-description .description-heading {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 60px;
}
.section-our-arena-description .our-arena-description .container-steps-box {
  gap: 50px;
}

.section-exclusive-broadcasts {
  background-image: url(../../assets/images/exclusive-broadcasts-pozadina.jpg);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 130px 32px;
}
.section-exclusive-broadcasts .exclusive-broadcasts .heading {
  font-size: 4rem;
  font-size: clamp(2rem, 5.5vw, 4rem);
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
}
.section-exclusive-broadcasts .exclusive-broadcasts .subheading {
  font-size: clamp(0.8rem, 2.3vw, 1.7rem);
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  margin: unset;
  text-align: center;
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin-top: 80px;
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .logos-container {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-nav {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-prev,
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-next {
  pointer-events: all;
  font-size: 24px;
  color: white !important;
  opacity: 0.7;
  background: rgba(255, 255, 255, 0.7);
  padding: 10px;
  border-radius: 50%;
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-prev:hover,
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-next:hover {
  opacity: 1;
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-prev::before,
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-next::before {
  font-family: lnclines;
  font-size: 1.9rem;
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-prev span,
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-next span {
  font-size: 3.4rem;
  display: none;
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-prev {
  margin-left: -30px;
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-prev::before {
  content: "\e06c";
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-next {
  margin-right: -30px;
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-next::before {
  content: "\e0b7";
}
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-prev:hover,
.section-exclusive-broadcasts .exclusive-broadcasts-logos .owl-next:hover {
  color: #007bff;
}

.new-features .new-features-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.new-features .new-features-content .new-features-text {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 400;
  color: #000;
}
.new-features .new-features-content .new-features-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 30px;
  width: 100%;
  max-width: 810px;
}
.new-features .new-features-content .new-features-list .new-features-list-items {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 400;
}

.section-camera-location {
  background-image: url(../../assets/images/our-arena-mapa-pozadina.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.section-camera-location .camera-location {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 768px) {
  .section-camera-location .camera-location {
    flex-direction: column;
  }
}
.section-camera-location .camera-location .camera-location-image {
  display: flex;
  justify-content: center;
  flex-basis: 50%;
}
.section-camera-location .camera-location .camera-location-image .locations-img {
  width: 100%;
}
@media (max-width: 768px) {
  .section-camera-location .camera-location .camera-location-image .locations-img {
    width: 65%;
  }
}
.section-camera-location .camera-location .camera-location-text {
  display: flex;
  flex-basis: 50%;
}
@media (max-width: 768px) {
  .section-camera-location .camera-location .camera-location-text {
    width: 100%;
    max-width: 500px;
  }
}
.section-camera-location .camera-location .camera-location-text .text {
  font-size: 1.5rem;
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 500;
  text-align: center;
  color: #fff;
}

.section-check-location .check-location-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section-check-location .check-location-content .check-location-text {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 400;
}
.section-check-location .check-location-content .check-location-text .our-arena-modal-link {
  color: #00d4f9;
  text-decoration: underline;
  text-underline-offset: 5px;
  cursor: pointer;
  transition: all 0.2s;
}
.section-check-location .check-location-content .check-location-text .our-arena-modal-link:hover {
  color: #00bfe1;
}

.section-pixellot {
  background-image: url(../../assets/images/pixellot-pozadina.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.section-pixellot .pixellot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.section-pixellot .pixellot .pixellot-logo-img {
  width: 40%;
  margin-top: 40px;
}
.section-pixellot .pixellot .pixellot-device-img {
  width: 100%;
}

.bold {
  font-weight: 700 !important;
}

.center {
  text-align: center;
}

.u-modal-padding {
  padding: 20px 30px;
}

.location-list-item {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media (max-width: 500px) {
  .location-list-item {
    -moz-column-count: 1;
         column-count: 1;
  }
}