/* DLE integration layer */
.dle-page-section .container > form,
.dle-static-page,
.dle-fullstory,
.dle-info-box { color: var(--header, #111); }
.dle-short-text img,
.dle-full-text img,
.dle-static-page img { max-width: 100%; height: auto; }
.dle-short-text p:last-child,
.dle-full-text p:last-child { margin-bottom: 0; }
.dle-full-text iframe { max-width: 100%; }
.gt-news-card-items-4 + .gt-news-card-items-4,
.gvk-short-card + .gvk-short-card { margin-top: 28px; }
.dle-info-box { padding: 24px; border: 1px solid rgba(0,0,0,.08); background: #fff; margin-bottom: 24px; }
.dle-addcomments input,
.dle-addcomments textarea,
.dle-page-section input,
.dle-page-section textarea,
.dle-page-section select { width: 100%; border: 1px solid rgba(0,0,0,.12); padding: 14px 18px; outline: none; background: #fff; }
.dle-addcomments textarea { min-height: 160px; }
.comment-signature { font-size: 13px; opacity: .75; border-top: 1px solid rgba(0,0,0,.08); padding-top: 10px; }
.page-nav-wrap .navigation a,
.page-nav-wrap .page-numbers,
.page-nav-wrap > a,
.page-nav-wrap span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; margin: 0 4px; border-radius: 50%; background: #f4f4f4; color: #111; }
.page-nav-wrap .active,
.page-nav-wrap .navigation span { background: var(--theme, #e41f26); color: #fff; }
.gt-main-sideber .tagcloud:empty::after { content: "Нет тегов"; opacity: .7; }
@media (max-width: 991px) {
  .gt-main-sideber.sticky-style { position: static; margin-top: 20px; }
  .gt-blog-single-comment { flex-direction: column; }
}

.dle-page-section,
.dle-static-page,
.dle-fullstory,
.dle-full-text,
.dle-short-text {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 400;
  text-transform: none;
}

.dle-full-text p,
.dle-static-page p,
.dle-fullstory p {
  margin: 0 0 16px !important;
  text-indent: 32px !important;
  text-align: justify !important;
  text-align-last: auto;
}

.dle-full-text h1,
.dle-full-text h2,
.dle-full-text h3,
.dle-full-text h4,
.dle-static-page h1,
.dle-static-page h2,
.dle-static-page h3,
.dle-static-page h4,
.dle-fullstory h1,
.dle-fullstory h2,
.dle-fullstory h3,
.dle-fullstory h4 {
  font-family: "Montserrat", Arial, sans-serif;
  color: var(--header);
  line-height: 1.25;
  text-transform: none;
  text-align: left !important;
  text-indent: 0 !important;
  word-spacing: normal;
  margin: 28px 0 16px;
}

.dle-full-text h1,
.dle-static-page h1 {
  font-size: 36px;
  font-weight: 800;
}

.dle-full-text h2,
.dle-static-page h2 {
  font-size: 28px;
  font-weight: 700;
}

.dle-full-text ul,
.dle-full-text ol,
.dle-static-page ul,
.dle-static-page ol,
.dle-fullstory ul,
.dle-fullstory ol {
  margin: 0 0 18px;
  padding-left: 32px;
  text-indent: 0 !important;
  text-align: left !important;
  list-style-position: outside !important;
}

.dle-full-text ul,
.dle-static-page ul,
.dle-fullstory ul {
  list-style-type: disc !important;
}

.dle-full-text ol,
.dle-static-page ol,
.dle-fullstory ol {
  list-style-type: decimal !important;
}

.dle-full-text li,
.dle-static-page li,
.dle-fullstory li {
  display: list-item !important;
  margin-bottom: 8px;
  text-align: left !important;
  text-indent: 0 !important;
}

.dle-full-text li p,
.dle-static-page li p,
.dle-fullstory li p {
  margin: 0 0 8px !important;
  text-indent: 0 !important;
  text-align: left !important;
}

.dle-fullstory .gt-date-list {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin: 0 0 20px !important;
  padding: 0 !important;
  list-style: none !important;
}

.dle-fullstory .gt-date-list li {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  text-indent: 0 !important;
}

.dle-fullstory .gt-date-list li::marker {
  content: "";
}

.dle-fullstory .gt-date-list i {
  color: var(--header);
}

.dle-full-text a,
.dle-fullstory .dle-full-text a {
  color: #990000 !important;
  text-decoration-color: rgba(153, 0, 0, .35);
}

.dle-full-text a:hover,
.dle-fullstory .dle-full-text a:hover {
  color: #660000 !important;
  text-decoration-color: #660000;
}

.dle-static-breadcrumb .gt-page-heading h1 {
  font-family: "Montserrat", Arial, sans-serif;
  text-transform: none;
}

.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3,
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3 a,
.gvk-short-card__title,
.gvk-short-card__title a,
.gt-news-details-wrapper .gt-news-details-content > h3,
.dle-fullstory .gt-news-details-content > h3,
.dle-static-breadcrumb .gt-page-heading h1,
.dle-static-breadcrumb .gt-breadcrumb-items li,
.dle-static-page h1,
.dle-static-page h2,
.dle-static-page h3,
.dle-static-page h4,
.dle-full-text h1,
.dle-full-text h2,
.dle-full-text h3,
.dle-full-text h4,
.dle-highlight-big .news-content h3,
.dle-highlight-big .news-content h3 a,
.dle-highlight-small .content h3,
.dle-highlight-small .content h3 a,
.dle-sidebar-news__content h5,
.dle-sidebar-news__content h5 a {
  text-transform: none !important;
}

.gvk-short-card {
  display: grid;
  grid-template-columns: minmax(220px, 42%) minmax(0, 1fr);
  height: 280px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 16px 38px rgba(38, 68, 144, .1);
}

.gvk-short-card__image {
  position: relative;
  overflow: hidden;
  min-width: 0;
}

.gvk-short-card__image a,
.gvk-short-card__image img {
  display: block;
  width: 100%;
  height: 100%;
}

.gvk-short-card__image img {
  object-fit: cover;
  transform: scale(1.01);
  transition: transform .9s ease;
}

.gvk-short-card:hover .gvk-short-card__image img {
  transform: scale(1.07);
}

.gvk-short-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 22px 24px;
  border-top: 4px solid var(--brand-accent);
}

.gvk-short-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 0 14px;
  padding: 0;
  color: rgba(38, 68, 144, .68);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  list-style: none;
}

.gvk-short-card__meta i {
  margin-right: 7px;
  color: var(--brand-accent);
}

.gvk-short-card__title {
  margin: 0 0 12px;
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: 0;
}

.gvk-short-card__title a {
  display: -webkit-box;
  overflow: hidden;
  color: var(--header);
  text-decoration: none;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.gvk-short-card__title a:hover {
  color: var(--brand-accent);
}

.gvk-short-card__text {
  display: -webkit-box;
  overflow: hidden;
  margin-top: auto;
  color: rgba(38, 68, 144, .78);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
  text-transform: none;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.gvk-short-card__text p {
  margin: 0;
  text-indent: 0 !important;
  text-align: left !important;
}

/* Brand and DLE module tuning */
:root {
  --theme: #264490;
  --header: #264490;
  --bg2: #264490;
  --brand-primary: #264490;
  --brand-accent: #f3d532;
}

.section-title h2,
.section-title h2 span,
.section-title h3,
.section-title h6,
.hero_title,
.tv_hero_title,
.league-strip-content h3,
.management-content h3,
.results-ranking-head h2,
.results-panel-title h3,
.ranking-panel-title h3 {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 500 !important;
}

.header-main .main-menu ul li .submenu li a::before,
.news-thumb1 .news-content span,
.news-box-items .content span,
.page-nav-wrap .active,
.page-nav-wrap .navigation span {
  background-color: var(--brand-accent);
}

.theme-btn::before {
  background-color: var(--brand-accent);
}

.theme-btn:hover,
.theme-btn:hover i {
  color: var(--header) !important;
}

.theme-btn.bg-white:hover,
.theme-btn.bg-white:hover i {
  color: var(--white) !important;
}

.header-whatsapp-btn {
  background-color: #25d366;
  color: #ffffff !important;
}

.header-whatsapp-btn i {
  color: #ffffff !important;
}

.header-whatsapp-btn::before {
  background-color: #35e47a;
}

.header-whatsapp-btn:hover,
.header-whatsapp-btn:hover i {
  color: #064420 !important;
}

.hero-1 .hero-content {
  padding-left: clamp(28px, 3.5vw, 68px);
  max-width: 910px;
}

.hero-1 .hero-content h6 {
  color: #e7f7ff;
}

.hero-1 .hero-content p {
  text-transform: none;
  max-width: 760px;
  color: #fff;
  font-weight: 400;
}

.hero-1 {
  padding-top: 170px;
  padding-bottom: 72px;
  overflow: hidden !important;
  isolation: isolate;
  clip-path: inset(0);
}

.hero-1 .hero-content h1 {
  max-width: 900px;
  font-size: clamp(10px, 4.35vw, 60px);
  line-height: 1.02;
  letter-spacing: 0;
}

.hero-1 .hero-content h1 .hero-title-accent {
  color: #f04d4d;
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
}

.hero-1 .hero-content .hero-btn {
  margin-top: 34px;
}

.hero-1 .right-shape {
  top: 255px !important;
  bottom: auto !important;
  z-index: 0;
  opacity: .40;
  max-height: calc(100% - 255px);
  overflow: hidden;
  pointer-events: none;
}

.hero-1 .right-shape img {
  display: block;
  max-height: 100%;
  width: auto;
  object-fit: contain;
}

.hero-1 .container {
  position: relative;
  z-index: 2;
}

.hero-1 .hero-image {
  isolation: isolate;
  transform: translateX(clamp(34px, 4vw, 92px));
}

.hero-1 .hero-image .hero-image-bg {
  display: block !important;
  position: absolute;
  left: 50%;
  top: 112px;
  bottom: auto;
  z-index: 0;
  width: min(540px, 76%);
  max-height: calc(100% - 112px);
  opacity: .70;
  transform: translateX(-38%);
  pointer-events: none;
  overflow: hidden;
}

.hero-1 .hero-image .hero-image-bg img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-1 .hero-content .whatsapp-btn {
  background-color: #25d366;
  color: #ffffff !important;
}

.hero-1 .hero-content .whatsapp-btn i {
  color: #ffffff !important;
}

.hero-1 .hero-content .whatsapp-btn::before {
  background-color: #35e47a;
}

.hero-1 .hero-content .whatsapp-btn:hover,
.hero-1 .hero-content .whatsapp-btn:hover i {
  color: #064420 !important;
}

.hero-1 .hero-image > img.hero-random-player {
  max-height: 760px;
  object-fit: contain;
  will-change: clip-path, opacity, filter;
}

.hero-1 .hero-image > img.hero-random-player.hero-lens-out {
  animation: heroLensMoveUpOut .24s cubic-bezier(.65, 0, .35, 1) both;
}

.hero-1 .hero-image > img.hero-random-player.hero-lens-in {
  animation: heroLensMoveUpIn .38s cubic-bezier(.16, 1, .3, 1) both;
}

.hero-club-logo-stage {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(700px, 100%);
  margin: 0 auto;
  isolation: isolate;
}

.hero-club-logo {
  position: relative;
  z-index: 2;
  display: block;
  width: min(620px, 92%);
  height: auto;
  transform-origin: 50% 55%;
  filter:
    drop-shadow(0 8px 24px rgba(0, 0, 0, .36))
    drop-shadow(0 0 5px rgba(255, 255, 255, .34))
    drop-shadow(0 0 12px rgba(243, 213, 50, .42))
    drop-shadow(0 0 24px rgba(38, 68, 144, .50))
    brightness(1.03)
    saturate(1.06);
  animation: heroLogoContourGlow 3.6s ease-in-out infinite;
  will-change: filter;
}

@keyframes heroLogoContourGlow {
  0%,
  100% {
    filter:
      drop-shadow(0 8px 24px rgba(0, 0, 0, .36))
      drop-shadow(0 0 5px rgba(255, 255, 255, .28))
      drop-shadow(0 0 11px rgba(243, 213, 50, .34))
      drop-shadow(0 0 22px rgba(38, 68, 144, .44))
      brightness(1.02)
      saturate(1.05);
  }

  45% {
    filter:
      drop-shadow(0 8px 24px rgba(0, 0, 0, .36))
      drop-shadow(0 0 8px rgba(255, 255, 255, .42))
      drop-shadow(0 0 18px rgba(243, 213, 50, .58))
      drop-shadow(0 0 36px rgba(38, 68, 144, .62))
      brightness(1.08)
      saturate(1.10);
  }

  72% {
    filter:
      drop-shadow(0 8px 24px rgba(0, 0, 0, .36))
      drop-shadow(0 0 6px rgba(255, 255, 255, .34))
      drop-shadow(0 0 14px rgba(243, 213, 50, .44))
      drop-shadow(0 0 28px rgba(38, 68, 144, .52))
      brightness(1.04)
      saturate(1.07);
  }
}

@keyframes sidebarLogoContourGlow {
  0%,
  100% {
    filter:
      drop-shadow(0 8px 24px rgba(0, 0, 0, .32))
      drop-shadow(0 0 10px rgba(255, 255, 255, .42))
      drop-shadow(0 0 20px rgba(243, 213, 50, .70))
      drop-shadow(0 0 38px rgba(38, 68, 144, .68))
      brightness(1.08)
      saturate(1.12);
  }

  50% {
    filter:
      drop-shadow(0 8px 24px rgba(0, 0, 0, .34))
      drop-shadow(0 0 16px rgba(255, 255, 255, .62))
      drop-shadow(0 0 34px rgba(243, 213, 50, .95))
      drop-shadow(0 0 58px rgba(38, 68, 144, .86))
      brightness(1.18)
      saturate(1.22);
  }
}

@keyframes sidebarLogoPulseGlow {
  0%,
  100% {
    opacity: .56;
    filter: blur(12px);
  }

  50% {
    opacity: 1;
    filter: blur(18px);
  }
}

@keyframes heroLensMoveUpOut {
  0% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
    filter: blur(0) brightness(1);
  }

  58% {
    clip-path: inset(0 0 46% 0);
    opacity: .78;
    filter: blur(3px) brightness(1.18) saturate(1.12);
  }

  100% {
    clip-path: inset(0 0 100% 0);
    opacity: 0;
    filter: blur(10px) brightness(1.24) saturate(1.18);
  }
}

@keyframes heroLensMoveUpIn {
  0% {
    clip-path: inset(100% 0 0 0);
    opacity: 0;
    filter: blur(10px) brightness(1.2) saturate(1.16);
  }

  45% {
    opacity: 1;
    filter: blur(3px) brightness(1.08) saturate(1.08);
  }

  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
    filter: blur(0) brightness(1) saturate(1);
  }
}

@media (max-width: 1199px) {
  .hero-1 .hero-logo-column {
    display: none !important;
  }

  .hero-1 {
    padding-bottom: 64px;
  }
}

@media (max-width: 991px) {
  .hero-1 {
    padding-top: 180px;
    padding-bottom: 48px;
  }

  .hero-1 .hero-content {
    padding-left: 20px;
    padding-right: 20px;
    max-width: none;
  }

  .hero-1 .hero-content h1 {
    font-size: clamp(44px, 8vw, 68px);
  }

  .hero-1 .hero-image {
    transform: none;
  }

  .hero-club-logo-stage {
    width: min(520px, 100%);
    margin-top: 18px;
  }
}

.news-thumb1 .news-content span,
.news-box-items .content span,
.page-nav-wrap .active,
.page-nav-wrap .navigation span {
  color: var(--header) !important;
}

.header-main .main-menu ul li a:hover,
.header-main .main-menu ul li:hover > a,
.header-main .main-menu ul li .submenu li a:hover,
.header-main .main-menu ul li .submenu li:hover > a {
  color: var(--brand-accent) !important;
}

.header-1 .logo img,
.offcanvas__logo img {
  width: auto;
  height: 100px;
  max-width: 100%;
  object-fit: contain;
}

.header-1 .logo {
  display: inline-flex;
  align-items: center;
}

.header-1 .logo .logo-light-bg {
  display: none;
}

.preloader .animation-preloader .txt-loading .loader-space {
  display: inline-block;
  width: .26em;
}

.preloader .animation-preloader .txt-loading .loader-space::before {
  display: none;
}

.preloader.loaded {
  pointer-events: none;
}

.preloader.loaded .animation-preloader {
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .2s ease, transform .2s ease;
}

.preloader.loaded .loader-section .bg {
  width: 0;
  transition: width .34s cubic-bezier(.77, 0, .175, 1);
}

.header-1.sticky .logo .logo-dark-bg {
  display: none;
}

.header-1.sticky .logo .logo-light-bg {
  display: block;
}

.offcanvas__logo img {
  height: 80px;
}

.back-to-top.progress-wrap {
  width: 54px;
  height: 54px;
  line-height: 1;
  border: 0;
  border-radius: 50% !important;
  background: #fff;
  color: var(--header);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  right: 28px;
  bottom: 28px;
  box-shadow: 0 10px 30px rgba(38, 68, 144, .22);
  overflow: visible;
}

.back-to-top.progress-wrap i {
  position: relative;
  z-index: 2;
  color: var(--header);
  font-size: 17px;
}

.back-to-top.progress-wrap:hover {
  background: var(--brand-accent);
  color: var(--header);
  transform: translateY(-3px);
}

.back-to-top.progress-wrap:hover i {
  color: var(--header);
}

.back-to-top.progress-wrap.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.back-to-top.progress-wrap .progress-circle {
  position: absolute;
  inset: 0;
  transform: rotate(-90deg);
  overflow: visible;
}

.back-to-top.progress-wrap .progress-circle__track {
  fill: none;
  stroke: rgba(38, 68, 144, .16);
  stroke-width: 3;
}

.back-to-top.progress-wrap .progress-circle__path {
  fill: none;
  stroke: var(--theme);
  stroke-width: 3;
  stroke-linecap: round;
  transition: stroke-dashoffset .1s linear;
}

.offcanvas__contact .offcanvas-whatsapp {
  background: #25d366;
  color: #fff !important;
}

.offcanvas__contact .offcanvas-whatsapp::before {
  background: #35e47a;
}

.offcanvas__contact .offcanvas-whatsapp:hover,
.offcanvas__contact .offcanvas-whatsapp:hover i {
  color: #064420 !important;
}

.header-main .main-menu ul li {
  margin-inline-end: clamp(24px, 2.5vw, 45px);
}

.header-main .main-menu ul li a {
  letter-spacing: 0;
}

.header-main .main-menu ul li .submenu {
  border-top-color: var(--brand-accent);
  transform: translateY(12px) scaleY(.98);
  transition: opacity .28s ease, visibility .28s ease, transform .28s ease;
}

.header-main .main-menu ul li:hover > .submenu {
  transform: translateY(0) scaleY(1);
}

.header-main .main-menu ul li .submenu li .submenu {
  top: 0;
  inset-inline-start: 100%;
  transform: translateX(0);
  box-shadow: 12px 2px 24px rgba(0, 0, 0, .12);
}

.header-main .main-menu ul li .submenu li:hover > .submenu {
  transform: translateX(0);
}

.header-main .main-menu ul li.has-dropdown > a i,
.header-main .main-menu ul li .submenu li.has-dropdown > a i {
  font-size: 12px;
  transition: transform .28s ease;
}

.header-main .main-menu ul li.has-dropdown:hover > a i {
  transform: rotate(180deg);
}

.header-main .main-menu ul li .submenu li.has-dropdown:hover > a i {
  transform: translateX(4px);
}

.dle-highlight-big img,
.dle-highlight-small img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dle-highlight-big .news-content h3 a,
.dle-highlight-small .content h3 a {
  word-break: normal;
  overflow-wrap: anywhere;
}

.gt-main-sideber,
.gt-main-sideber * {
  box-sizing: border-box;
}

.gt-main-sideber img {
  max-width: 100% !important;
  height: auto !important;
}

.dle-sidebar-news {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.dle-sidebar-news + .dle-sidebar-news {
  margin-top: 18px;
}

.dle-sidebar-news__thumb {
  display: block;
  width: 96px;
  height: 78px;
  overflow: hidden;
  background: #eef1f7;
}

.dle-sidebar-news__thumb img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.dle-sidebar-news__content {
  min-width: 0;
}

.dle-sidebar-news__content h5 {
  margin: 0 0 6px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  text-align: left !important;
  text-indent: 0 !important;
}

.dle-sidebar-news__content h5 a {
  color: var(--header);
}

.dle-sidebar-news__content span {
  display: block;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.3;
  color: var(--text);
  text-align: left !important;
  text-indent: 0 !important;
}

.gt-main-sideber .gt-recent-post-area .gt-recent-items,
.gt-main-sideber .gt-recent-post-area .gt-recent-thumb {
  max-width: 100%;
  overflow: hidden;
}

.gt-main-sideber .gt-recent-post-area > img,
.gt-main-sideber .gt-recent-post-area > a > img {
  display: block;
  width: 96px !important;
  height: 78px !important;
  object-fit: cover;
}

.gvk-sidebar {
  font-family: "Montserrat", Arial, sans-serif;
}

.gvk-sidebar .gt-single-sideber-widget {
  margin-bottom: 24px;
  padding: 28px;
  background: #f5f6f6;
  box-shadow: 0 18px 42px rgba(38, 68, 144, .08);
}

.gvk-sidebar .gt-widget-title {
  margin-bottom: 26px !important;
  padding-bottom: 15px !important;
  border-bottom: 2px solid rgba(38, 68, 144, .14) !important;
}

.gvk-sidebar .gt-widget-title h3 {
  color: var(--brand-primary);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: none;
}

.gvk-sidebar-logo-widget {
  display: flex;
  justify-content: center;
  padding: 30px 28px !important;
  overflow: hidden;
}

.gvk-sidebar-logo {
  display: block;
  width: 100%;
  text-align: center;
}

.gvk-sidebar-logo-stage {
  width: min(250px, 86%);
}

.gvk-sidebar-logo-stage::before {
  content: "";
  position: absolute;
  inset: -12%;
  z-index: -1;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(243, 213, 50, .38) 0%, rgba(243, 213, 50, .22) 34%, rgba(38, 68, 144, .18) 56%, transparent 76%);
  filter: blur(12px);
  opacity: .78;
  animation: sidebarLogoPulseGlow 1.9s ease-in-out infinite;
}

.gvk-sidebar-club-logo {
  width: 100% !important;
  max-width: 250px;
  animation: sidebarLogoContourGlow 1.9s ease-in-out infinite !important;
}

.gvk-sidebar-social-title {
  margin: 0 0 18px;
  color: var(--brand-primary);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-transform: none;
}

.gvk-sidebar-social {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.gvk-sidebar-social a {
  display: inline-block;
  font-size: 36px;
  line-height: 1;
  background: transparent;
  border: 0;
  box-shadow: none;
  transition: transform .3s ease, filter .3s ease;
}

.gvk-sidebar-social a.gvk-social-instagram {
  color: #990000;
}

.gvk-sidebar-social a.gvk-social-youtube {
  color: #e00000;
}

.gvk-sidebar-social a.gvk-social-facebook {
  color: #0487ce;
}

.gvk-sidebar-social a:hover {
  filter: brightness(1.1);
  transform: translateY(-3px);
}

.gvk-sidebar-news-widget .gt-recent-post-area {
  display: flex;
  flex-direction: column;
}

.gvk-sidebar-news-widget .dle-sidebar-news {
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 16px;
}

.gvk-sidebar-news-widget .dle-sidebar-news + .dle-sidebar-news {
  margin-top: 22px;
}

.gvk-sidebar-news-widget .dle-sidebar-news__thumb {
  width: 110px;
  height: 88px;
  box-shadow: 0 10px 24px rgba(38, 68, 144, .08);
}

.gvk-sidebar-news-widget .dle-sidebar-news__content h5 {
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
  text-transform: none;
}

.gvk-sidebar-news-widget .dle-sidebar-news__content h5 a {
  color: var(--brand-primary);
}

.gvk-sidebar-news-widget .dle-sidebar-news__content h5 a:hover {
  color: #990000;
}

.gvk-sidebar-news-widget .dle-sidebar-news__content span {
  color: rgba(36, 36, 36, .82);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.gvk-sidebar-radio-widget {
  text-align: center;
}

.gvk-sidebar-radio-widget a {
  display: block;
}

.gvk-sidebar-radio-widget img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

.gvk-sidebar-vote-widget .dle-vote-box {
  margin-bottom: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.gvk-sidebar-vote-widget .dle-vote-box,
.gvk-sidebar-vote-widget .dle-vote-box * {
  font-family: "Montserrat", Arial, sans-serif;
  text-transform: none;
}

.gvk-sidebar-vote-widget .dle-vote-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  margin-bottom: 22px;
}

.gvk-sidebar-vote-widget .dle-vote-head h4 {
  margin: 0;
  color: var(--brand-primary);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.18;
  text-transform: none;
}

.gvk-sidebar-vote-widget .dle-vote-head a {
  display: inline-block;
  color: var(--brand-primary);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  text-align: right;
  text-transform: none;
}

.gvk-sidebar-vote-widget .dle-vote-head a:hover {
  color: #990000;
}

.gvk-sidebar-vote-widget .dle-vote-list {
  padding: 18px 18px 16px;
  background: #fff;
  border-left: 4px solid var(--brand-accent);
  box-shadow: 0 12px 26px rgba(38, 68, 144, .08);
}

.gvk-sidebar-vote-widget .dle-vote-list ul,
.gvk-sidebar-vote-widget .dle-vote-list ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gvk-sidebar-vote-widget .dle-vote-list li,
.gvk-sidebar-vote-widget .dle-vote-list label,
.gvk-sidebar-vote-widget .dle-vote-list div {
  color: var(--brand-primary);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
}

.gvk-sidebar-vote-widget .dle-vote-list li:not(:last-child),
.gvk-sidebar-vote-widget .dle-vote-list label:not(:last-child) {
  margin-bottom: 12px;
}

.gvk-sidebar-vote-widget .dle-vote-list .vote,
.gvk-sidebar-vote-widget .dle-vote-list .pollanswer {
  margin: 13px 0;
}

.gvk-sidebar-vote-widget .dle-vote-list .vote > input,
.gvk-sidebar-vote-widget .dle-vote-list .pollanswer > input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.gvk-sidebar-vote-widget .dle-vote-list .vote > input + label,
.gvk-sidebar-vote-widget .dle-vote-list .pollanswer > input + label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 28px;
  margin: 0;
  color: var(--brand-primary);
  cursor: pointer;
}

.gvk-sidebar-vote-widget .dle-vote-list .vote > input + label::before,
.gvk-sidebar-vote-widget .dle-vote-list .pollanswer > input + label::before {
  content: "";
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border: 2px solid rgba(38, 68, 144, .62);
  border-radius: 50%;
  background: #fff;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.gvk-sidebar-vote-widget .dle-vote-list .vote > input + label:hover::before,
.gvk-sidebar-vote-widget .dle-vote-list .pollanswer > input + label:hover::before {
  border-color: var(--brand-primary);
}

.gvk-sidebar-vote-widget .dle-vote-list .vote > input:checked + label::before,
.gvk-sidebar-vote-widget .dle-vote-list .pollanswer > input:checked + label::before {
  border-color: var(--brand-accent);
  background: var(--brand-primary);
  box-shadow: inset 0 0 0 5px #fff;
}

.voteprogress,
.pollprogress {
  overflow: hidden;
  height: 10px;
  margin: 8px 0 18px;
  background: #eef2f8;
  border-radius: 999px;
}

.voteprogress span,
.pollprogress span {
  display: block;
  height: 100%;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: inherit;
  background-color: var(--brand-primary);
}

.voteprogress .vote1,
.pollprogress .poll1 {
  background-color: #264490;
}

.voteprogress .vote2,
.pollprogress .poll2 {
  background-color: #e53935;
}

.voteprogress .vote3,
.pollprogress .poll3 {
  background-color: #43a047;
}

.voteprogress .vote4,
.pollprogress .poll4 {
  background-color: #fb8c00;
}

.voteprogress .vote5,
.pollprogress .poll5 {
  background-color: #8e24aa;
}

.voteprogress .vote6,
.pollprogress .poll6 {
  background-color: #00acc1;
}

.voteprogress .vote7,
.pollprogress .poll7 {
  background-color: #d81b60;
}

.voteprogress .vote8,
.pollprogress .poll8 {
  background-color: #7cb342;
}

.voteprogress .vote9,
.pollprogress .poll9 {
  background-color: #5e35b1;
}

.voteprogress .vote10,
.pollprogress .poll10 {
  background-color: #f4511e;
}

.gvk-sidebar-vote-widget .dle-vote-count {
  margin-top: 16px;
  color: #990000;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  text-transform: none;
}

.gvk-sidebar-vote-widget .dle-form-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.gvk-sidebar-vote-widget .dle-form-actions > * {
  flex: 1 1 0;
}

.gvk-sidebar-vote-widget .dle-form-actions > .theme-btn {
  flex: 1 1 auto;
}

.gvk-sidebar-vote-widget .dle-form-actions > .dle-outline-btn {
  flex: 0 0 128px;
}

.gvk-sidebar-vote-widget .theme-btn,
.gvk-sidebar-vote-widget .dle-outline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: auto;
  height: 58px;
  min-height: 58px;
  padding: 0 22px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
}

.gvk-sidebar-vote-widget .theme-btn {
  color: #fff;
  background: var(--brand-primary);
}

.gvk-sidebar-vote-widget .theme-btn:hover {
  color: var(--brand-primary);
  background: var(--brand-accent);
}

.gvk-sidebar-vote-widget .dle-outline-btn {
  color: var(--brand-primary);
  background: #fff;
  border: 2px solid rgba(38, 68, 144, .24);
}

.gvk-sidebar-vote-widget .dle-outline-btn:hover {
  border-color: var(--brand-primary);
}

.ui-widget-overlay,
.ui-widget-overlay.ui-front {
  background: rgba(5, 11, 35, .62) !important;
  opacity: 1 !important;
}

.ui-dialog,
.ui-widget.ui-widget-content,
#dlepopup,
.dle-popup,
.dle-popup-content {
  position: relative;
  color: var(--brand-primary) !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 24px 70px rgba(5, 11, 35, .26) !important;
}

.ui-dialog .ui-dialog-titlebar {
  position: relative !important;
  padding: 15px 58px 15px 24px !important;
  color: #fff !important;
  background: var(--brand-primary) !important;
  border: 0 !important;
  text-transform: none !important;
}

.ui-dialog .ui-dialog-title {
  float: none !important;
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-transform: none !important;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: -17px 0 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: #990000 !important;
  border: 0 !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  cursor: pointer !important;
  z-index: 3 !important;
}

.ui-dialog .ui-dialog-titlebar-close::before {
  content: "×";
  display: block;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  display: none !important;
}

.gvk-dle-popup-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  color: #fff !important;
  background: #990000 !important;
  border: 0 !important;
  border-radius: 50% !important;
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.ui-dialog .ui-dialog-content,
#dlepopup,
.dle-popup-content {
  padding: 28px !important;
  text-transform: none !important;
}

.ui-dialog .ui-dialog-content *,
#dlepopup *,
.dle-popup-content * {
  text-shadow: none !important;
}

.ui-dialog table,
#dlepopup table,
.dle-popup-content table {
  width: 100%;
  color: var(--brand-primary);
  background: #fff;
}

#dlevotespopupcontent,
.ui-dialog .ui-dialog-content #dlevotespopupcontent {
  height: auto !important;
  max-height: min(74vh, 720px);
  overflow: auto !important;
  padding: 0 !important;
}

#dlevotespopupcontent,
#dlevotespopupcontent * {
  color: #303030;
  font-family: "Montserrat", Arial, sans-serif;
  text-transform: none !important;
}

#dlevotespopupcontent > h1,
#dlevotespopupcontent > h2,
#dlevotespopupcontent > h3,
#dlevotespopupcontent > h4,
#dlevotespopupcontent > .title,
#dlevotespopupcontent > b:first-child,
.ui-dialog .ui-dialog-content > h1:first-child,
.ui-dialog .ui-dialog-content > h2:first-child,
.ui-dialog .ui-dialog-content > h3:first-child,
.ui-dialog .ui-dialog-content > h4:first-child {
  display: block;
  margin: 0 0 22px !important;
  padding: 0 8px !important;
  color: var(--brand-primary) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: clamp(22px, 3vw, 34px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#dlevotespopupcontent fieldset,
.ui-dialog .ui-dialog-content fieldset {
  min-width: 0;
  margin: 0 0 24px !important;
  padding: 28px 32px 26px !important;
  border: 1px solid rgba(38, 68, 144, .16) !important;
  background: #f8fafc !important;
  box-shadow: 0 14px 34px rgba(38, 68, 144, .08);
}

#dlevotespopupcontent fieldset legend,
.ui-dialog .ui-dialog-content fieldset legend {
  width: auto;
  max-width: calc(100% - 24px);
  margin: 0 0 0 10px !important;
  padding: 0 12px !important;
  color: var(--brand-primary) !important;
  background: #f8fafc !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

#dlevotespopupcontent .voteprogress,
#dlevotespopupcontent .pollprogress,
.ui-dialog .ui-dialog-content .voteprogress,
.ui-dialog .ui-dialog-content .pollprogress {
  height: 10px;
  margin: 8px 0 18px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(38, 68, 144, .06);
}

#dlevotespopupcontent .pollallvotes,
#dlevotespopupcontent .vote_votes,
.ui-dialog .ui-dialog-content .pollallvotes,
.ui-dialog .ui-dialog-content .vote_votes {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 14px;
  color: var(--brand-primary) !important;
  background: rgba(243, 213, 50, .22);
  font-size: 15px;
  font-weight: 600;
}

.dle-feedback {
  font-family: "Montserrat", Arial, sans-serif;
}

.dle-feedback-form,
.dle-feedback-info {
  height: 100%;
  background: var(--bg);
  padding: 34px;
}

.dle-feedback .section-title h6 {
  color: var(--brand-accent);
}

.dle-feedback .section-title h2 {
  color: var(--header);
}

.dle-feedback .form-clt span {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--header);
  font-size: 15px;
  font-weight: 700;
}

.dle-feedback .form-clt input,
.dle-feedback .form-clt textarea,
.dle-feedback .form-clt select {
  width: 100%;
  border: 1px solid rgba(38, 68, 144, .14);
  background: #fff;
  color: var(--text);
  padding: 17px 20px;
  outline: none;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: none;
  transition: border-color .25s ease, box-shadow .25s ease;
}

.dle-feedback .form-clt textarea {
  min-height: 170px;
  resize: vertical;
}

.dle-feedback .form-clt input:focus,
.dle-feedback .form-clt textarea:focus,
.dle-feedback .form-clt select:focus {
  border-color: var(--theme);
  box-shadow: 0 0 0 3px rgba(38, 68, 144, .1);
}

.dle-feedback-captcha {
  overflow: hidden;
}

.dle-feedback-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(38, 68, 144, .12);
}

.dle-feedback-card:first-of-type {
  padding-top: 0;
}

.dle-feedback-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background: var(--theme);
  color: #fff;
  font-size: 20px;
}

.dle-feedback-card h4 {
  margin: 0 0 6px;
  color: var(--header);
  font-size: 19px;
  font-weight: 800;
}

.dle-feedback-card p,
.dle-feedback-card a {
  margin: 0;
  color: var(--text);
  font-size: 15px;
  line-height: 1.55;
}

.dle-feedback-card a:hover {
  color: var(--theme);
}

.dle-feedback-whatsapp {
  margin-top: 26px;
  background: #25d366;
  color: #fff !important;
}

.dle-feedback-whatsapp::before {
  background: #35e47a;
}

.dle-feedback-whatsapp:hover,
.dle-feedback-whatsapp:hover i {
  color: #064420 !important;
}

.dle-feedback-social {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}

.dle-feedback-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  background: #fff;
  color: var(--header);
  font-size: 18px;
  transition: color .25s ease, background-color .25s ease, transform .25s ease;
}

.dle-feedback-social a:hover {
  background: var(--theme);
  color: #fff;
  transform: translateY(-2px);
}

.dle-feedback-map {
  margin-top: 34px;
  overflow: hidden;
  background: var(--bg);
}

.dle-feedback-map iframe {
  display: block;
  width: 100%;
  min-height: 420px;
}

.club-features-section {
  position: relative;
  overflow: hidden;
  padding: 42px 0 28px;
}

.club-features-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(38, 68, 144, .04)),
    radial-gradient(circle at 14% 0, rgba(243, 213, 50, .18), transparent 30%),
    radial-gradient(circle at 88% 100%, rgba(38, 68, 144, .14), transparent 28%);
  pointer-events: none;
}

.club-features-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.club-feature-card {
  position: relative;
  isolation: isolate;
  display: block;
  min-height: 310px;
  overflow: hidden;
  border-radius: 8px;
  color: #fff;
  box-shadow: 0 18px 46px rgba(38, 68, 144, .16);
  transform: translateY(0);
  transition: transform .65s ease, box-shadow .65s ease;
}

.club-feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(7, 16, 48, .12), rgba(7, 16, 48, .82)),
    linear-gradient(135deg, rgba(38, 68, 144, .48), rgba(243, 213, 50, .20));
  background-size: 100% 100%, 150% 150%;
  background-position: center, 0 50%;
  transition: opacity .65s ease;
  animation: clubFeatureGlow 9s ease-in-out infinite;
}

.club-feature-card:nth-child(2)::before {
  animation-delay: .9s;
}

.club-feature-card:nth-child(3)::before {
  animation-delay: 1.8s;
}

.club-feature-card::after {
  content: "";
  position: absolute;
  top: -30%;
  bottom: -30%;
  left: -65%;
  z-index: 2;
  width: 42%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
  transform: skewX(-16deg) translateX(0);
  transition: transform 1s ease;
  pointer-events: none;
}

.club-feature-card:hover {
  color: #fff;
  box-shadow: 0 24px 60px rgba(38, 68, 144, .26);
  transform: translateY(-8px);
}

.club-feature-card:hover::before {
  opacity: .92;
}

.club-feature-card:hover::after {
  transform: skewX(-16deg) translateX(420%);
}

.club-feature-image {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.club-feature-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.86) contrast(.96) brightness(.98);
  transform: scale(1.02);
  transition: transform 1.1s ease, filter .8s ease;
}

.club-feature-card:hover .club-feature-image img {
  filter: saturate(1.02) contrast(1.02) brightness(1.04);
  transform: scale(1.09);
}

.club-feature-content {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 26px;
  z-index: 3;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
}

.club-feature-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  background: var(--brand-accent);
  color: var(--header);
  font-family: "Rajdhani", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 26px rgba(243, 213, 50, .26);
  transition: transform .65s ease, background-color .65s ease;
}

.club-feature-title {
  display: block;
  color: #fff;
  font-family: "Rajdhani", sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 0 8px 28px rgba(0, 0, 0, .25);
  transition: color .45s ease;
}

.club-feature-card:hover .club-feature-number {
  background: #fff;
  transform: rotate(-4deg) scale(1.06);
}

.club-feature-card:hover .club-feature-title {
  color: var(--brand-accent);
}

@keyframes clubFeatureGlow {
  0%,
  100% {
    background-position: center, 0 50%;
  }

  50% {
    background-position: center, 100% 50%;
  }
}

.fan-message-section {
  position: relative;
  overflow: hidden;
}

.fan-message-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(38, 68, 144, .07), rgba(243, 213, 50, .08)),
    radial-gradient(circle at 50% 50%, rgba(243, 213, 50, .14), transparent 38%);
  pointer-events: none;
}

.fan-message-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
  padding: 20px 0;
}

.fan-message-label {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme);
  color: #fff;
  min-height: 100%;
  overflow: hidden;
}

.fan-message-label span {
  font-family: "Rajdhani", sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.fan-message-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #fff;
  padding: 24px 34px;
  border-left: 6px solid var(--brand-accent);
  box-shadow: 0 18px 45px rgba(38, 68, 144, .12);
}

.fan-message-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .82)),
    linear-gradient(90deg, rgba(38, 68, 144, .11), rgba(243, 213, 50, .18), rgba(38, 68, 144, .10));
  background-size: 100% 100%, 220% 100%;
  animation: fanCardBreeze 5.5s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

.fan-message-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .38), transparent);
  transform: translateX(-110%) skewX(-18deg);
  z-index: 1;
  animation: fanMessageShine 5.8s ease-in-out infinite;
  pointer-events: none;
}

.fan-message-rays {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 920px;
  height: 920px;
  transform: translate(-50%, -50%);
  background:
    conic-gradient(
      from -8deg,
      transparent 0deg,
      rgba(243, 213, 50, .38) 5deg,
      transparent 16deg,
      transparent 26deg,
      rgba(38, 68, 144, .22) 31deg,
      transparent 43deg,
      transparent 56deg,
      rgba(243, 213, 50, .34) 62deg,
      transparent 75deg,
      transparent 90deg,
      rgba(38, 68, 144, .20) 96deg,
      transparent 109deg,
      transparent 126deg,
      rgba(243, 213, 50, .36) 132deg,
      transparent 146deg,
      transparent 164deg,
      rgba(38, 68, 144, .18) 170deg,
      transparent 183deg,
      transparent 206deg,
      rgba(243, 213, 50, .32) 212deg,
      transparent 226deg,
      transparent 248deg,
      rgba(38, 68, 144, .18) 254deg,
      transparent 269deg,
      transparent 292deg,
      rgba(243, 213, 50, .30) 298deg,
      transparent 313deg,
      transparent 338deg,
      rgba(38, 68, 144, .18) 344deg,
      transparent 360deg
    );
  -webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 0 12%, rgba(0, 0, 0, .88) 24%, rgba(0, 0, 0, .36) 55%, transparent 72%);
  mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 0 12%, rgba(0, 0, 0, .88) 24%, rgba(0, 0, 0, .36) 55%, transparent 72%);
  opacity: .82;
  animation: fanRaysTurn 7.5s linear infinite, fanRaysPulse 3.6s ease-in-out infinite;
  pointer-events: none;
}

.fan-message-watermark {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 220px;
  height: 220px;
  background: url("../images/logo-esas.png") center / contain no-repeat;
  opacity: .22;
  filter: saturate(.90) brightness(1.16);
  transform: translate(-50%, -50%);
  animation: fanLogoFlag 3.8s ease-in-out infinite;
  pointer-events: none;
}

.fan-message-kicker {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  color: var(--theme);
  font-family: "Rajdhani", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.fan-message-kicker::before {
  content: "";
  width: 34px;
  height: 4px;
  background: var(--brand-accent);
}

.fan-message-card h2 {
  position: relative;
  z-index: 3;
  margin-bottom: 10px;
  color: var(--header);
  font-size: 30px;
  line-height: 1.05;
}

.fan-message-card p {
  position: relative;
  z-index: 3;
  max-width: none;
  margin-bottom: 0;
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.58;
  column-count: 2;
  column-gap: 34px;
  text-align: justify;
}

@keyframes fanCardBreeze {
  0%,
  100% {
    background-position: center, 0 50%;
  }

  50% {
    background-position: center, 100% 50%;
  }
}

@keyframes fanMessageShine {
  0%,
  62%,
  100% {
    transform: translateX(-110%) skewX(-18deg);
  }

  76% {
    transform: translateX(110%) skewX(-18deg);
  }
}

@keyframes fanRaysTurn {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }

  50% {
    transform: translate(-50%, -50%) rotate(26deg) scale(1.06);
  }

  100% {
    transform: translate(-50%, -50%) rotate(52deg) scale(1);
  }
}

@keyframes fanRaysPulse {
  0%,
  100% {
    opacity: .66;
    filter: saturate(.94) brightness(1.05);
  }

  50% {
    opacity: .92;
    filter: saturate(1.28) brightness(1.12);
  }
}

@keyframes fanLogoFlag {
  0%,
  100% {
    opacity: .18;
    filter: saturate(.82) brightness(1.22) hue-rotate(0deg);
    transform: translate(-50%, -50%) perspective(520px) rotateY(-9deg) rotateZ(-2deg) scaleX(.94) scaleY(1.02);
  }

  50% {
    opacity: .30;
    filter: saturate(1.08) brightness(1.06) hue-rotate(10deg);
    transform: translate(-50%, -50%) perspective(520px) rotateY(10deg) rotateZ(2deg) scaleX(1.08) scaleY(.98);
  }
}

.match-result-wrapper .match-result-item ul li .match-left img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex: 0 0 24px;
}

.match-strip-section {
  position: relative;
  overflow: hidden;
  padding-top: 54px;
  padding-bottom: 54px;
}

.match-strip-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(38, 68, 144, .06), rgba(243, 213, 50, .08)),
    radial-gradient(circle at 12% 20%, rgba(38, 68, 144, .12), transparent 30%),
    radial-gradient(circle at 88% 80%, rgba(243, 213, 50, .18), transparent 32%);
  pointer-events: none;
}

.match-strip-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.match-strip-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-top: 5px solid var(--brand-accent);
  box-shadow: 0 18px 48px rgba(38, 68, 144, .14);
  padding: 28px;
}

.match-strip-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent, rgba(255, 255, 255, .36), transparent),
    linear-gradient(135deg, rgba(38, 68, 144, .08), rgba(243, 213, 50, .08));
  background-size: 180% 100%, 100% 100%;
  background-position: -90% 0, center;
  opacity: .9;
  transition: background-position .9s ease;
  pointer-events: none;
}

.match-strip-card:hover::before {
  background-position: 190% 0, center;
}

.match-strip-head,
.match-strip-body {
  position: relative;
  z-index: 1;
}

.match-strip-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(38, 68, 144, .12);
}

.match-strip-label {
  color: var(--header);
  font-family: "Rajdhani", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.match-strip-meta {
  color: rgba(38, 68, 144, .72);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
}

.match-strip-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 22px;
}

.match-strip-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: var(--header);
  font-family: "Rajdhani", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.match-strip-team img {
  width: 68px;
  height: 68px;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(38, 68, 144, .16));
}

.match-strip-score {
  min-width: 132px;
  padding: 16px 22px;
  background: var(--theme);
  color: #fff;
  text-align: center;
  box-shadow: inset 0 -4px 0 rgba(243, 213, 50, .85);
}

.match-strip-score span {
  display: block;
  color: #fff;
  font-family: "Rajdhani", sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}

.match-box-items .match-schedule .flag-item img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.ranking-wrapper .ranking-table-1 table .club img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.ticket-box-items .content .match-list img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.playing-result-box2 .match-result-box .match-result .thumb img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.results-ranking-section {
  position: relative;
  overflow: hidden;
  background: #071a4a;
  padding-top: 24px;
  padding-bottom: 72px;
}

.results-ranking-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(38, 68, 144, .30), transparent 44%),
    radial-gradient(circle at 12% 20%, rgba(255, 255, 255, .10), transparent 26%),
    radial-gradient(circle at 88% 80%, rgba(243, 213, 50, .10), transparent 30%);
  pointer-events: none;
}

.results-ranking-head {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 760px;
  margin: 0 auto 22px;
  text-align: center;
}

.results-ranking-head h2 {
  color: #fff;
  margin-bottom: 0;
  text-align: center;
}

.results-ranking-head h2 span {
  -webkit-text-stroke-color: rgba(243, 213, 50, .95);
}

.results-ranking-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: stretch;
  min-width: 0;
}

.results-panel,
.ranking-panel {
  background: #fff;
  color: var(--header);
  box-shadow: 0 20px 55px rgba(5, 20, 58, .22);
  min-width: 0;
}

.results-panel {
  padding: 30px;
}

.ranking-panel {
  padding: 30px 30px 24px;
}

.results-panel-title,
.ranking-panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(38, 68, 144, .14);
}

.results-panel-title h3,
.ranking-panel-title h3 {
  margin-bottom: 0;
  color: var(--header);
}

.results-panel-title span,
.ranking-panel-title span {
  color: rgba(38, 68, 144, .68);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.result-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 18px 0;
}

.result-row + .result-row {
  border-top: 1px solid rgba(38, 68, 144, .12);
}

.result-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--header);
  font-family: "Rajdhani", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.result-team img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.result-center {
  min-width: 112px;
  padding: 12px 16px;
  background: var(--theme);
  color: #fff;
  text-align: center;
}

.result-center .result-date {
  display: block;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, .76);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.result-center strong {
  display: block;
  color: #fff;
  font-family: "Rajdhani", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.ranking-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.simple-ranking-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.simple-ranking-table .rank-col {
  width: 58px;
}

.simple-ranking-table .club-col {
  width: auto;
}

.simple-ranking-table .stat-col {
  width: clamp(76px, 17%, 112px);
}

.simple-ranking-table th,
.simple-ranking-table td {
  padding: 13px 14px;
  border-bottom: 1px solid rgba(38, 68, 144, .10);
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
}

.simple-ranking-table th {
  background: rgba(38, 68, 144, .08);
  color: var(--header);
  font-family: "Rajdhani", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
}

.simple-ranking-table tbody tr:last-child td {
  border-bottom: 0;
}

.simple-ranking-table .rank {
  width: 58px;
  color: rgba(38, 68, 144, .72);
  font-family: "Rajdhani", sans-serif;
  font-size: 18px;
}

.simple-ranking-table .club {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.simple-ranking-table .oyun-col,
.simple-ranking-table .points-col,
.simple-ranking-table .oyun-count,
.simple-ranking-table .points-count {
  width: clamp(76px, 17%, 112px);
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.simple-ranking-table .oyun-count,
.simple-ranking-table .points-count {
  color: rgba(38, 68, 144, .72);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

.simple-ranking-table .club img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex: 0 0 34px;
}

.simple-ranking-table .change.positive {
  color: #264490;
}

.simple-ranking-table .change.negative {
  color: rgba(38, 68, 144, .58);
}

.simple-ranking-table .change.neutral {
  color: rgba(38, 68, 144, .76);
}

.about-wrapper .about-image {
  min-height: 0;
}

.about-wrapper .about-image > img {
  width: 100%;
}

.about-video-play {
  position: absolute;
  left: 50%;
  top: 55%;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  background: #fff;
  border-radius: 50%;
  color: #b3120d;
  box-shadow: 0 18px 48px rgba(38, 68, 144, .24);
  transform: translate(-50%, -50%);
}

.about-video-play::before,
.about-video-play::after {
  content: "";
  position: absolute;
  inset: -12px;
  border: 1px solid rgba(179, 18, 13, .22);
  border-radius: 50%;
  animation: aboutVideoPulse 2.2s ease-out infinite;
}

.about-video-play::after {
  animation-delay: .8s;
}

.about-video-play i {
  position: relative;
  z-index: 1;
  color: #b3120d;
  font-size: 38px;
}

.about-video-play:hover {
  color: #fff;
  background: #b3120d;
  transform: translate(-50%, -50%) scale(1.05);
}

.about-video-play:hover i {
  color: #fff;
}

.about-pillars-panel {
  margin-top: 22px;
}

.about-pillars-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  color: var(--theme);
  font-family: "Rajdhani", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.about-pillars-kicker::before {
  content: "";
  width: 34px;
  height: 4px;
  background: var(--brand-accent);
}

.about-pillars-panel h3 {
  margin-bottom: 14px;
  color: var(--header);
}

.about-pillars-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.about-pillar-card {
  min-width: 0;
  padding: 12px 14px;
  border-left: 3px solid var(--brand-accent);
  background: rgba(38, 68, 144, .045);
  transition: transform .35s ease, background-color .35s ease;
}

.about-pillar-card:hover {
  background: rgba(38, 68, 144, .075);
  transform: translateY(-2px);
}

.about-pillar-card h4 {
  margin-bottom: 4px;
  color: var(--header);
  font-size: 22px;
}

.about-pillar-card p {
  color: rgba(38, 68, 144, .86);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.48;
}

.management-section {
  position: relative;
  overflow: hidden;
  background: #f5f6f8;
}

.management-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 12%, rgba(38, 68, 144, .10), transparent 30%),
    radial-gradient(circle at 86% 88%, rgba(243, 213, 50, .16), transparent 32%);
  pointer-events: none;
}

.management-section .container {
  position: relative;
  z-index: 1;
}

.management-section.section-padding,
.team-section.section-padding {
  padding-top: 36px;
  padding-bottom: 44px;
}

.management-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.management-title-row .section-title {
  margin-bottom: 0;
}

.management-nav {
  flex: 0 0 auto;
}

.management-title-row .array-button-2,
.team-section .array-button-2 {
  margin-top: 0;
}

.array-button-2 .array-prev2,
.array-button-2 .array-next2,
.array-button-2 .management-prev,
.array-button-2 .management-next {
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background-color: #fff;
  color: var(--header);
  border: 1px solid rgba(38, 68, 144, .16);
  transition: background-color .35s ease, border-color .35s ease, color .35s ease, transform .35s ease;
}

.array-button-2 .array-prev2 i,
.array-button-2 .array-next2 i,
.array-button-2 .management-prev i,
.array-button-2 .management-next i {
  color: var(--header);
  transform: rotate(45deg);
  transition: color .35s ease, transform .35s ease;
}

.array-button-2 .array-prev2:hover,
.array-button-2 .array-next2:hover,
.array-button-2 .management-prev:hover,
.array-button-2 .management-next:hover {
  background-color: var(--theme);
  border-color: var(--theme);
  color: var(--brand-accent);
}

.array-button-2 .array-prev2:hover i,
.array-button-2 .array-next2:hover i,
.array-button-2 .management-prev:hover i,
.array-button-2 .management-next:hover i {
  color: var(--brand-accent);
}

.management-slider {
  overflow: hidden;
}

.management-slider .swiper-slide {
  height: auto;
}

.management-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.management-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 16px 42px rgba(38, 68, 144, .12);
  transition: transform .45s ease, box-shadow .45s ease;
}

.management-card:hover {
  box-shadow: 0 24px 58px rgba(38, 68, 144, .20);
  transform: translateY(-6px);
}

.management-photo {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 4.55;
  background: rgba(38, 68, 144, .06);
}

.management-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease, filter .7s ease;
}

.management-card:hover .management-photo img {
  filter: saturate(1.08);
  transform: scale(1.05);
}

.management-content {
  position: relative;
  padding: 18px 18px 20px;
  border-top: 4px solid var(--brand-accent);
}

.management-content h3 {
  margin-bottom: 4px;
  color: var(--header);
  font-size: 20px;
  line-height: 1.22;
  text-transform: none;
  letter-spacing: 0;
}

.management-content p {
  color: rgba(38, 68, 144, .72);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
}

.team-section .section-title h2 span {
  -webkit-text-stroke-color: var(--theme);
}

.team-section .section-title-area {
  margin-bottom: 22px;
}

.team-section .section-title {
  margin-bottom: 0;
}

.our-club-payer-item {
  margin-top: 0;
}

.our-club-payer-item .player-image {
  overflow: hidden;
  background: #071a4a;
  aspect-ratio: 4 / 5.35;
}

.our-club-payer-item .player-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.our-club-payer-item .player-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent 36%, rgba(7, 26, 74, .84) 100%);
  pointer-events: none;
}

.our-club-payer-item .player-image .number,
.our-club-payer-item .player-image .player-content,
.our-club-payer-item .player-image .content-item {
  z-index: 2;
}

.our-club-payer-item .player-image .number {
  top: 18px;
  right: 18px;
  min-width: 58px;
  padding: 6px 10px;
  color: rgba(255, 255, 255, .94);
  text-align: center;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .55);
  background: rgba(38, 68, 144, .68);
  border: 1px solid rgba(243, 213, 50, .55);
  border-radius: 4px;
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
  backdrop-filter: blur(8px);
}

.our-club-payer-item .player-image .number.style-2 {
  color: rgba(255, 255, 255, .92);
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
}

.our-club-payer-item:hover .player-image .number,
.our-club-payer-item:hover .player-image .number.style-2 {
  color: #fff;
  background: rgba(38, 68, 144, .86);
  border-color: var(--brand-accent);
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
}

.our-club-payer-item .player-image .player-content h4 a:hover {
  color: var(--brand-accent) !important;
  background-image: linear-gradient(180deg, var(--brand-accent) 0%, var(--brand-accent) 100%) !important;
}

.our-club-payer-item .player-image .content-item {
  gap: 12px;
}

.our-club-payer-item .player-image .content-item .content {
  min-width: 0;
}

.our-club-payer-item .player-image .content-item .content h5 {
  font-size: 18px;
}

.league-strip-section.section-padding {
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(38, 68, 144, .96), rgba(7, 26, 74, .96)),
    url("../images/home-1-tickets-bg.jpg") center / cover no-repeat;
  padding-top: 28px;
  padding-bottom: 30px;
}

.league-strip-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.league-strip-item {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 152px;
  padding: 22px 24px;
  color: #fff;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16);
  transition: transform .45s ease, border-color .45s ease, background-color .45s ease;
  will-change: transform, opacity;
}

.league-strip-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent, rgba(243, 213, 50, .18), transparent);
  opacity: 0;
  transform: translateX(-65%);
  transition: opacity .45s ease, transform .65s ease;
}

.league-strip-item:hover {
  color: #fff;
  background: rgba(255, 255, 255, .12);
  border-color: rgba(243, 213, 50, .68);
  transform: translateY(-4px);
}

.league-strip-item:hover::before {
  opacity: 1;
  transform: translateX(65%);
}

.league-strip-kicker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--brand-accent);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.league-strip-content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
}

.league-strip-icon {
  display: inline-flex;
  flex: 0 0 68px;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  overflow: hidden;
  background: #fff;
}

.league-strip-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.league-strip-content h3 {
  margin-bottom: 6px;
  color: #fff;
  font-size: clamp(22px, 1.55vw, 30px);
  line-height: 1.05;
  text-transform: uppercase;
}

.league-strip-content p {
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

@media (max-width: 1199px) {
  .league-strip-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .league-strip-item:last-child {
    grid-column: 1 / -1;
  }
}

@keyframes aboutVideoPulse {
  0% {
    opacity: .8;
    transform: scale(.86);
  }

  100% {
    opacity: 0;
    transform: scale(1.28);
  }
}

.sponsor-section.section-padding {
  padding-top: 34px;
  padding-bottom: 38px;
}

.testimonial-section.section-padding {
  padding-top: 18px;
  padding-bottom: 18px;
}

.testimonial-wrapper {
  margin-top: 0;
}

.testimonial-module-title.section-title {
  margin-bottom: 18px;
}

.testimonial-module-title h2 {
  color: #fff;
  font-size: clamp(34px, 3.2vw, 46px);
  line-height: 1.12;
  margin-bottom: 0;
  text-align: center;
}

.testimonial-right-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  margin-left: 0;
}

.testimonial-right-items .section-title {
  margin-bottom: 14px;
  text-align: center;
  width: max-content;
  max-width: 100%;
}

.testimonial-right-items .section-title h2 {
  white-space: nowrap;
  text-align: center;
}

.testimonial-box-slider {
  padding: 38px 34px;
}

.testimonial-box-slider p {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0;
  text-transform: none;
}

.testimonial-box-slider .client-info-items {
  margin-top: 24px;
  padding: 20px;
}

.testimonial-box-slider .client-info-items .client-info {
  border-right: 0;
  padding-right: 0;
}

.testimonial-box-slider .client-info-items .star {
  display: none;
}

.testimonial-support-text {
  color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0;
  text-transform: none;
}

.testimonial-right-items .testi-count {
  padding: 26px 18px;
}

.testimonial-nav {
  gap: 16px;
  justify-content: center;
  margin-top: -18px;
  position: relative;
  z-index: 5;
}

.testimonial-nav .array-prev,
.testimonial-nav .array-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  color: #fff;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .20);
  transition: background-color .35s ease, border-color .35s ease, color .35s ease, transform .35s ease;
}

.testimonial-nav .array-prev:hover,
.testimonial-nav .array-next:hover {
  color: var(--brand-accent);
  background: var(--theme);
  border-color: var(--theme);
  transform: translateY(-2px);
}

.testimonial-side-image {
  width: 100%;
  margin: 0 auto;
  align-self: center;
}

.testimonial-side-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.sponsor-section .section-title {
  margin-bottom: 22px;
}

.sponsor-slider {
  overflow: hidden;
}

.sponsor-slider .swiper-slide {
  height: auto;
}

.sponsor-slide-item {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 118px;
  padding: 18px;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(38, 68, 144, .10);
  transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease;
}

.sponsor-slide-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent, rgba(243, 213, 50, .18), transparent);
  opacity: 0;
  transform: translateX(-65%);
  transition: opacity .35s ease, transform .55s ease;
}

.sponsor-slide-item:hover {
  border-color: rgba(38, 68, 144, .26);
  box-shadow: 0 18px 40px rgba(38, 68, 144, .12);
  transform: translateY(-4px);
}

.sponsor-slide-item:hover::before {
  opacity: 1;
  transform: translateX(65%);
}

.sponsor-slide-item img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform .4s ease, filter .4s ease;
}

.sponsor-slide-item:hover img {
  filter: saturate(1.08);
  transform: scale(1.04);
}

.section-padding {
  padding: 44px 0;
}

.results-ranking-section.section-padding {
  padding-top: 8px;
  padding-bottom: 56px;
}

.footer-section.section-padding {
  padding-top: 15px;
}

.footer-section .footer-subscribe-wrapper {
  padding-bottom: 10px;
}

.footer-section .footer-bottom {
  padding-top: 10px;
  padding-bottom: 14px;
}

.footer-section h3,
.footer-section p,
.footer-section a {
  text-transform: none !important;
}

.dle-service-card,
.dle-search-result-card,
.dle-vote-box {
  width: 100%;
  margin-bottom: 24px;
  padding: 24px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(38, 68, 144, .1);
}

.dle-service-head {
  margin-bottom: 22px;
}

.dle-service-head h1,
.dle-service-card h1,
.dle-service-card h3,
.dle-vote-head h4,
.dle-search-result-card h3 {
  margin: 0 0 10px;
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

.dle-service-head h1 {
  font-size: clamp(26px, 3vw, 40px);
}

.dle-service-head p,
.dle-search-excerpt,
.dle-user-text,
.dle-form-note {
  color: rgba(38, 68, 144, .78);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  text-transform: none;
}

.dle-form-body .ui-form,
.dle-search-form .ui-form,
.dle-category-menu,
.dle-category-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dle-form-body .form-group,
.dle-search-form .dle-field {
  margin-bottom: 16px;
}

.dle-form-body label,
.dle-search-form label {
  display: block;
  margin-bottom: 8px;
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
  text-transform: none;
}

.dle-form-body input,
.dle-form-body textarea,
.dle-form-body select,
.dle-search-form input,
.dle-search-form textarea,
.dle-search-form select {
  max-width: 100%;
  border: 1px solid rgba(38, 68, 144, .18);
  background: rgba(38, 68, 144, .035);
  color: var(--header);
}

.dle-form-body .wide,
.dle-search-form .wide {
  width: 100%;
}

.dle-search-extended {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.dle-search-extended fieldset {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(38, 68, 144, .16);
}

.dle-search-extended legend {
  padding: 0 8px;
  color: var(--header);
  font-weight: 700;
}

.dle-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
}

.dle-outline-btn,
.dle-ghost-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid rgba(38, 68, 144, .35);
  color: var(--header);
  background: transparent;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  transition: .25s ease;
}

.dle-outline-btn:hover,
.dle-ghost-btn:hover {
  border-color: var(--brand-accent);
  color: var(--header);
  background: var(--brand-accent);
}

.dle-search-message,
.dle-vote-count,
.dle-attachment {
  display: inline-block;
  margin-top: 14px;
  padding: 10px 14px;
  color: var(--header);
  background: rgba(243, 213, 50, .22);
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
}

.dle-search-result-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.dle-search-result-card h3 {
  font-size: 24px;
}

.dle-search-result-card h3 a,
.dle-search-result-card h3 {
  color: var(--header);
  text-transform: none;
}

.dle-search-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 12px;
  color: rgba(38, 68, 144, .65);
  font-size: 13px;
  font-weight: 700;
}

.dle-related-section {
  margin-top: 34px;
}

.dle-related-title {
  margin-bottom: 22px !important;
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: clamp(28px, 3vw, 40px) !important;
  font-weight: 600 !important;
  line-height: 1.15;
  text-transform: none !important;
}

.dle-related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.dle-related-card {
  min-width: 0;
  background: #fff;
  box-shadow: 0 14px 34px rgba(38, 68, 144, .12);
}

.dle-related-card a {
  display: block;
  height: 100%;
  color: var(--header);
  background: #fff;
}

.dle-related-image {
  display: block;
  height: 150px;
  overflow: hidden;
}

.dle-related-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.dle-related-card:hover .dle-related-image img {
  transform: scale(1.06);
}

.dle-related-body b,
.dle-topnews-item b,
.dle-informer-item .title {
  display: block;
  color: var(--header);
  font-weight: 700;
  text-transform: none;
}

.dle-related-body {
  display: block;
  padding: 16px 18px 18px;
}

.dle-related-body b {
  font-size: 18px;
  line-height: 1.35;
}

.dle-related-body small,
.dle-topnews-item span {
  color: rgba(38, 68, 144, .65);
  font-size: 13px;
  font-weight: 600;
}

.dle-vote-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.dle-vote-head h4 {
  font-size: 22px;
}

.dle-vote-list {
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
}

.dle-vote-list ul,
.dle-vote-list ol {
  margin: 0;
  padding-left: 22px;
}

.dle-vote-list li {
  margin-bottom: 8px;
}

.dle-comment-foto,
.dle-user-avatar .cover,
.dle-profile-popup .cover {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  text-indent: -9999px;
}

.dle-comment .gt-content {
  min-width: 0;
}

.dle-comment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: rgba(38, 68, 144, .7);
  font-size: 13px;
  font-weight: 700;
}

.comment-signature,
.comment-images {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(38, 68, 144, .12);
  color: rgba(38, 68, 144, .68);
}

.dle-category-menu li {
  margin-bottom: 8px;
}

.dle-category-menu a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  color: var(--header);
  background: rgba(38, 68, 144, .045);
}

.dle-category-menu ul {
  margin: 8px 0 0 14px;
}

.dle-split-navigation {
  margin: 20px 0;
  color: var(--header);
  font-weight: 700;
}

.dle-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.dle-tags-list a {
  padding: 8px 12px;
  color: var(--header);
  background: rgba(243, 213, 50, .22);
  font-weight: 700;
}

.dle-user-hero {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(38, 68, 144, .12);
}

.dle-user-avatar .cover {
  width: 96px;
  height: 96px;
}

.dle-user-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.dle-user-tabs a,
.dle-user-tabs span {
  padding: 9px 12px;
  color: var(--header);
  background: rgba(38, 68, 144, .06);
  font-weight: 700;
}

.dle-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}

.dle-info-grid p,
.dle-stats-strip p {
  margin: 0;
  padding: 14px;
  background: rgba(38, 68, 144, .045);
}

.dle-info-grid span,
.dle-stats-strip b {
  display: block;
  color: rgba(38, 68, 144, .62);
  font-size: 13px;
  font-weight: 700;
}

.dle-info-grid b,
.dle-stats-strip span {
  color: var(--header);
  font-weight: 700;
}

.dle-stats-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}

.dle-profile-popup {
  display: flex;
  gap: 14px;
  min-width: 300px;
  color: var(--header);
}

.dle-profile-popup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dle-profile-popup li {
  margin-bottom: 6px;
}

.static-modern-page {
  overflow: hidden;
  background: #fff;
}

.static-hero-band {
  position: relative;
  padding: 118px 0 92px;
  overflow: hidden;
}

.static-hero-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 18, 57, .92), rgba(7, 18, 57, .74)),
    radial-gradient(circle at 82% 22%, rgba(243, 213, 50, .18), transparent 34%);
}

.static-hero-band::after {
  content: "";
  position: absolute;
  right: 8%;
  bottom: -80px;
  width: 280px;
  height: 280px;
  border: 34px solid rgba(243, 213, 50, .18);
  transform: rotate(18deg);
}

.static-hero-content {
  position: relative;
  z-index: 1;
  max-width: 820px;
}

.static-hero-content span {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--brand-accent);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.static-hero-content h1 {
  color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: clamp(42px, 5vw, 76px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: 0;
  text-transform: none;
}

.static-hero-content p {
  max-width: 720px;
  margin-top: 18px;
  color: rgba(255, 255, 255, .84);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.8;
}

.static-section-heading {
  margin-bottom: 24px;
}

.static-section-heading h2 {
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: clamp(34px, 4vw, 60px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: 0;
  text-transform: none;
}

.static-section-heading h2 span {
  color: transparent;
  -webkit-text-stroke: 1px var(--header);
}

.static-leadership-section,
.static-mission-section {
  position: relative;
  background:
    radial-gradient(circle at 12% 10%, rgba(38, 68, 144, .08), transparent 28%),
    radial-gradient(circle at 88% 90%, rgba(243, 213, 50, .12), transparent 32%),
    #f5f6f8;
}

.static-leadership-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 420px));
  justify-content: center;
  gap: 26px;
}

.static-leader-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 46px rgba(38, 68, 144, .14);
  transition: transform .45s ease, box-shadow .45s ease;
}

.static-leader-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(120deg, transparent 38%, rgba(243, 213, 50, .22), transparent 62%);
  opacity: 0;
  transform: translateX(-45%);
  transition: opacity .35s ease, transform .7s ease;
  pointer-events: none;
}

.static-leader-card:hover {
  box-shadow: 0 24px 60px rgba(38, 68, 144, .20);
  transform: translateY(-6px);
}

.static-leader-card:hover::before {
  opacity: 1;
  transform: translateX(45%);
}

.static-leader-photo {
  overflow: hidden;
  aspect-ratio: 4 / 4.45;
  background: rgba(38, 68, 144, .06);
}

.static-leader-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease, filter .7s ease;
}

.static-leader-card:hover .static-leader-photo img {
  filter: saturate(1.08);
  transform: scale(1.045);
}

.static-leader-info {
  position: relative;
  z-index: 2;
  min-height: 116px;
  padding: 18px 20px 22px;
  border-top: 4px solid var(--brand-accent);
  background: rgba(255, 255, 255, .96);
}

.static-leader-info span {
  position: absolute;
  top: 14px;
  right: 18px;
  color: rgba(38, 68, 144, .08);
  font-family: "Big Shoulders", sans-serif;
  font-size: 64px;
  font-weight: 800;
  line-height: 1;
}

.static-leader-info h3 {
  position: relative;
  max-width: 86%;
  margin-bottom: 6px;
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.24;
  letter-spacing: 0;
  text-transform: none;
}

.static-leader-info p {
  position: relative;
  color: rgba(38, 68, 144, .72);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.static-mission-layout {
  display: grid;
  grid-template-columns: minmax(300px, 520px) minmax(0, 1fr);
  align-items: center;
  gap: 36px;
}

.static-mission-media {
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 55px rgba(38, 68, 144, .16);
}

.static-mission-media::before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, .58);
  pointer-events: none;
}

.static-mission-media img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .9s ease, filter .9s ease;
}

.static-mission-media:hover img {
  filter: saturate(1.08);
  transform: scale(1.035);
}

.static-mission-content {
  padding: 34px 36px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 18px 50px rgba(38, 68, 144, .10);
}

.static-text-block p {
  margin-bottom: 16px;
  color: rgba(38, 68, 144, .92);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.85;
  text-align: justify;
  text-indent: 28px;
}

.static-text-block p:last-child {
  margin-bottom: 0;
}

.static-view-count {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 24px;
  padding: 10px 14px;
  color: var(--header);
  background: rgba(243, 213, 50, .24);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
}

.static-view-count i {
  color: var(--header);
}

.static-inline-section {
  position: relative;
  width: 100%;
}

.static-inline-title {
  margin-bottom: 22px;
}

.static-inline-title h2 {
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 0;
  text-transform: none;
}

.static-inline-title h2 span {
  color: transparent;
  -webkit-text-stroke: 1px var(--header);
}

.static-inline-leaders {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.static-inline-leader-card {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  background: #fff;
  box-shadow: 0 16px 38px rgba(38, 68, 144, .12);
  transition: transform .45s ease, box-shadow .45s ease;
}

.static-inline-leader-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 50px rgba(38, 68, 144, .18);
}

.static-inline-leader-photo {
  overflow: hidden;
  aspect-ratio: 4 / 4.4;
  background: rgba(38, 68, 144, .06);
}

.static-inline-leader-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease, filter .7s ease;
}

.static-inline-leader-card:hover .static-inline-leader-photo img {
  filter: saturate(1.08);
  transform: scale(1.045);
}

.static-inline-leader-front,
.static-inline-leader-back {
  padding: 16px 18px 18px;
  border-top: 4px solid var(--brand-accent);
  background: rgba(255, 255, 255, .96);
}

.static-inline-leader-back {
  position: absolute;
  inset: auto 0 0;
  color: #fff;
  background: linear-gradient(135deg, rgba(38, 68, 144, .96), rgba(7, 18, 57, .96));
  border-top-color: var(--brand-accent);
  opacity: 0;
  transform: translateY(100%);
  transition: opacity .4s ease, transform .4s ease;
}

.static-inline-leader-card:hover .static-inline-leader-back {
  opacity: 1;
  transform: translateY(0);
}

.static-inline-leader-front h3,
.static-inline-leader-back h3 {
  margin-bottom: 5px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: 0;
  text-transform: none;
}

.static-inline-leader-front h3 {
  color: var(--header);
}

.static-inline-leader-back h3,
.static-inline-leader-back p {
  color: #fff;
}

.static-inline-leader-front p,
.static-inline-leader-back p {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: none;
}

.static-inline-leader-front p {
  color: rgba(38, 68, 144, .72);
}

.static-inline-mission {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}

.static-inline-mission-image {
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 38px rgba(38, 68, 144, .12);
}

.static-inline-mission-image::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, .56);
  pointer-events: none;
}

.static-inline-mission-image img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .7s ease, filter .7s ease;
}

.static-inline-mission-image:hover img {
  filter: saturate(1.08);
  transform: scale(1.035);
}

.static-inline-text {
  padding: 22px 24px;
  background: rgba(38, 68, 144, .045);
  border-left: 4px solid var(--brand-accent);
}

.static-inline-text p {
  margin-bottom: 14px;
  color: rgba(38, 68, 144, .92);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  text-align: justify;
  text-indent: 28px;
}

.static-inline-text p:last-child {
  margin-bottom: 0;
}

.static-inline-views {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 22px;
  padding: 9px 13px;
  color: var(--header);
  background: rgba(243, 213, 50, .24);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
}

.gvk-static-block {
  width: 100%;
}

.gvk-static-page-section.section-padding {
  padding-top: 42px;
  padding-bottom: 48px;
}

.gvk-static-content {
  width: 100%;
}

.gvk-static-title {
  margin-bottom: 24px;
  text-align: center;
}

.gvk-static-title h2 {
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: 0;
  text-transform: none;
}

.gvk-static-title h2 span {
  color: transparent;
  -webkit-text-stroke: 1px var(--header);
}

.gvk-yonetim-grid {
  display: grid;
  grid-template-columns: minmax(0, 430px);
  justify-content: center;
  gap: 24px;
}

.gvk-ms-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.gvk-yonetim-grid .aze-card-77,
.gvk-ms-grid .aze-card-77 {
  width: 100%;
  max-width: 430px;
  justify-self: center;
}

.aze-card-77 {
  height: 470px;
  perspective: 1100px;
}

.aze-card-inner-77 {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .75s cubic-bezier(.2, .8, .2, 1);
}

.aze-card-77:hover .aze-card-inner-77 {
  transform: rotateY(180deg);
}

.aze-card-front-77,
.aze-card-back-77 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #fff;
  backface-visibility: hidden;
  box-shadow: 0 16px 38px rgba(38, 68, 144, .14);
}

.aze-card-front-77 img {
  display: block;
  width: 100%;
  height: calc(100% - 98px);
  object-fit: contain;
  background: #f5f7fb;
}

.aze-card-front-77 h3,
.aze-card-back-77 h3 {
  margin: 14px 16px 2px;
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

.aze-card-front-77 p,
.aze-card-back-77 p {
  margin: 0 16px;
  color: rgba(38, 68, 144, .74);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.aze-card-back-77 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--brand-accent);
  background:
    linear-gradient(135deg, rgba(38, 68, 144, .96), rgba(7, 18, 57, .96)),
    url("../images/home-1-hero-bg.jpg") center / cover;
  transform: rotateY(180deg);
}

.aze-card-back-77 h3,
.aze-card-back-77 p {
  color: #fff;
  text-align: center;
}

.aze-cards-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.aze-card {
  aspect-ratio: 550 / 820;
  min-height: 0;
  perspective: 1100px;
}

.aze-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  transform-style: preserve-3d;
  transition: transform .75s cubic-bezier(.2, .8, .2, 1);
}

.aze-card:hover .aze-card-inner {
  transform: rotateY(180deg);
}

.aze-card-front,
.aze-card-back {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #fff;
  backface-visibility: hidden;
  box-shadow: 0 16px 38px rgba(38, 68, 144, .14);
}

.aze-card-front {
  border-bottom: 4px solid var(--brand-accent);
}

.aze-card-front img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 550 / 650;
  object-fit: contain;
  object-position: center top;
  background: #fff;
}

.aze-card-front h3,
.aze-card-back h3 {
  margin: 16px 18px 4px;
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0;
  text-transform: none;
}

.aze-card-front p,
.aze-card-back p {
  margin: 0 18px 3px;
  color: rgba(38, 68, 144, .74);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: none;
}

.aze-card-back {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 4px solid var(--brand-accent);
  background:
    linear-gradient(135deg, rgba(38, 68, 144, .96), rgba(7, 18, 57, .96)),
    url("../images/home-1-hero-bg.jpg") center / cover;
  transform: rotateY(180deg);
}

.aze-card-back h3,
.aze-card-back > p {
  color: #fff;
  text-align: center;
}

.aze-info {
  width: calc(100% - 44px);
  margin: 18px auto 0;
  padding: 14px 16px;
  background: rgba(255, 255, 255, .1);
  border-left: 4px solid var(--brand-accent);
}

.aze-info p {
  margin: 0 0 7px;
  color: rgba(255, 255, 255, .9);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.aze-info p:last-child {
  margin-bottom: 0;
}

.gvk-misiya-layout {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}

.gvk-misiya-image {
  overflow: hidden;
  border-bottom: 4px solid var(--brand-accent);
  box-shadow: 0 16px 38px rgba(38, 68, 144, .12);
}

.gvk-misiya-image img {
  display: block;
  width: 100%;
  height: auto;
}

.gvk-about-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 22px;
}

.gvk-about-logo img {
  width: min(300px, 100%);
  height: auto;
}

.gvk-static-subtitle {
  margin-bottom: 18px;
  padding: 14px 18px;
  background: rgba(243, 213, 50, .18);
  border-left: 4px solid var(--brand-accent);
}

.gvk-static-subtitle h3 {
  margin: 0;
  color: var(--header);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}

.gvk-misiya-text {
  margin-top: 24px;
  padding: 22px 24px;
  background: rgba(38, 68, 144, .045);
  border-left: 4px solid var(--brand-accent);
}

.gvk-misiya-text p {
  margin-bottom: 16px;
  color: rgba(38, 68, 144, .92);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  text-align: justify;
  text-indent: 28px;
  text-transform: none;
}

.gvk-misiya-text p:last-child {
  margin-bottom: 0;
}

.gvk-static-views {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  padding: 9px 13px;
  color: var(--header);
  background: rgba(243, 213, 50, .24);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
}

@media (max-width: 1199px) {
  .static-mission-layout {
    grid-template-columns: 1fr;
  }

  .static-mission-media {
    max-width: 620px;
  }

  .club-features-grid {
    gap: 18px;
  }

  .club-feature-card {
    min-height: 280px;
  }

  .club-feature-title {
    font-size: 29px;
  }

  .management-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .management-section.section-padding,
  .team-section.section-padding {
    padding-top: 34px;
    padding-bottom: 40px;
  }

  .match-strip-grid {
    grid-template-columns: 1fr;
  }

  .results-ranking-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .section-padding {
    padding: 38px 0;
  }

  .results-ranking-section.section-padding {
    padding-top: 8px;
    padding-bottom: 50px;
  }
}

@media (max-width: 991px) {
  .static-inline-leaders,
  .static-inline-mission {
    grid-template-columns: 1fr;
  }

  .static-inline-mission-image {
    max-width: 420px;
  }

  .gvk-yonetim-grid,
  .gvk-ms-grid,
  .gvk-misiya-layout {
    grid-template-columns: 1fr;
  }

  .gvk-misiya-image {
    max-width: 420px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 4px solid var(--brand-accent);
  }

  .static-hero-band {
    padding: 96px 0 70px;
  }

  .static-leadership-grid {
    grid-template-columns: minmax(0, 440px);
  }

  .static-mission-content {
    padding: 28px 24px;
  }

  .header-1 .logo img {
    height: 76px;
  }

  .club-features-section {
    padding: 34px 0 24px;
  }

  .club-features-grid {
    grid-template-columns: 1fr;
  }

  .club-feature-card {
    min-height: 250px;
  }

  .club-feature-content {
    left: 22px;
    right: 22px;
    bottom: 22px;
  }

  .club-feature-title {
    font-size: 28px;
  }

  .management-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .management-title-row,
  .team-section .section-title-area {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 18px;
  }

  .management-section.section-padding,
  .team-section.section-padding {
    padding-top: 30px;
    padding-bottom: 36px;
  }

  .league-strip-section.section-padding {
    padding-top: 24px;
    padding-bottom: 26px;
  }

  .league-strip-wrapper {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .league-strip-content h3 {
    font-size: 26px;
  }

  .management-content h3 {
    font-size: 19px;
  }

  .match-strip-section {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .match-strip-card {
    padding: 24px 18px;
  }

  .match-strip-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
  }

  .match-strip-meta {
    text-align: left;
  }

  .match-strip-body {
    gap: 14px;
  }

  .match-strip-team {
    font-size: 18px;
  }

  .match-strip-team img {
    width: 54px;
    height: 54px;
  }

  .match-strip-score {
    min-width: 94px;
    padding: 13px 14px;
  }

  .match-strip-score span {
    font-size: 25px;
  }

  .results-ranking-head {
    max-width: 100%;
    text-align: center;
  }

  .results-ranking-head h2 {
    text-align: center;
  }

  .results-panel,
  .ranking-panel {
    padding: 24px 18px;
  }

  .result-row {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 22px 0;
  }

  .result-team {
    flex-direction: row;
    justify-content: center;
    font-size: 16px;
  }

  .result-team img {
    width: 48px;
    height: 48px;
  }

  .result-center {
    min-width: 92px;
    max-width: 180px;
    margin: 0 auto;
    padding: 11px 10px;
  }

  .result-center strong {
    font-size: 24px;
  }

  .simple-ranking-table {
    min-width: 0;
  }

  .simple-ranking-table th,
  .simple-ranking-table td {
    padding: 12px 7px;
    font-size: 13px;
  }

  .simple-ranking-table .rank-col {
    width: 44px;
  }

  .simple-ranking-table .stat-col {
    width: 64px;
  }

  .simple-ranking-table .oyun-col,
  .simple-ranking-table .points-col,
  .simple-ranking-table .oyun-count,
  .simple-ranking-table .points-count {
    width: 64px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
  }

  .simple-ranking-table .club {
    font-size: 13px;
  }

  .simple-ranking-table .club img {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .about-wrapper .about-image {
    min-height: auto;
  }

  .about-pillars-grid {
    grid-template-columns: 1fr;
  }

  .about-video-play {
    width: 86px;
    height: 86px;
  }

  .about-video-play i {
    font-size: 34px;
  }

  .about-pillars-panel {
    margin-top: 24px;
  }

  .fan-message-wrapper {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 22px 0;
  }

  .fan-message-label {
    min-height: auto;
    padding: 12px 18px;
  }

  .fan-message-label span {
    writing-mode: horizontal-tb;
    transform: none;
  }

  .fan-message-card {
    padding: 24px 22px;
  }

  .fan-message-watermark {
    width: 190px;
    height: 190px;
    opacity: .08;
  }

  .fan-message-rays {
    width: 620px;
    height: 620px;
    opacity: .42;
  }

  .fan-message-card h2 {
    font-size: 25px;
  }

  .fan-message-card p {
    font-size: 15px;
    column-count: 1;
    line-height: 1.65;
  }

  .section-padding {
    padding: 32px 0;
  }

  .gvk-short-card {
    grid-template-columns: 1fr;
    height: 470px;
  }

  .gvk-short-card__image {
    height: 245px;
  }

  .dle-search-extended,
  .dle-info-grid,
  .dle-stats-strip,
  .dle-related-grid {
    grid-template-columns: 1fr;
  }

  .dle-search-result-card,
  .dle-vote-head,
  .dle-user-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .results-ranking-section.section-padding {
    padding-top: 18px;
    padding-bottom: 42px;
  }
}

@media (max-width: 575px) {
  .static-inline-title h2 {
    font-size: 28px;
  }

  .gvk-sidebar .gt-single-sideber-widget {
    padding: 22px;
  }

  .gvk-sidebar .gt-widget-title h3 {
    font-size: 24px;
  }

  .gvk-sidebar-news-widget .dle-sidebar-news {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 14px;
  }

  .gvk-sidebar-news-widget .dle-sidebar-news__thumb {
    width: 96px;
    height: 76px;
  }

  .gvk-sidebar-news-widget .dle-sidebar-news__content h5 {
    font-size: 14px;
  }

  .gvk-sidebar-social {
    gap: 26px;
  }

  .gvk-sidebar-vote-widget .dle-vote-head {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .gvk-sidebar-vote-widget .dle-vote-head a {
    text-align: left;
  }

  .gvk-sidebar-vote-widget .dle-form-actions {
    flex-direction: column;
  }

  .gvk-sidebar-vote-widget .dle-form-actions > *,
  .gvk-sidebar-vote-widget .dle-form-actions > .theme-btn,
  .gvk-sidebar-vote-widget .dle-form-actions > .dle-outline-btn {
    flex: 0 0 auto;
    width: 100%;
  }

  .dle-service-card,
  .dle-search-result-card,
  .dle-vote-box {
    padding: 18px;
  }

  .gvk-short-card {
    height: 450px;
  }

  .gvk-short-card__body {
    padding: 18px;
  }

  .gvk-short-card__title {
    font-size: 22px;
  }

  .dle-form-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .dle-form-actions .theme-btn,
  .dle-form-actions .dle-outline-btn,
  .dle-form-actions .dle-ghost-btn {
    width: 100%;
  }

  .static-inline-leader-front h3,
  .static-inline-leader-back h3 {
    font-size: 19px;
  }

  .static-inline-text {
    padding: 18px 16px;
  }

  .static-inline-text p {
    font-size: 14px;
    line-height: 1.72;
    text-indent: 22px;
  }

  .gvk-static-title h2 {
    font-size: 30px;
  }

  .aze-card-77 {
    height: 470px;
  }

  .aze-cards-container {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .aze-card {
    aspect-ratio: 550 / 820;
    min-height: 0;
  }

  .aze-card-front-77 h3,
  .aze-card-back-77 h3 {
    font-size: 19px;
  }

  .aze-card-front h3,
  .aze-card-back h3 {
    font-size: 20px;
  }

  .gvk-misiya-text {
    padding: 18px 16px;
  }

  .gvk-misiya-text p {
    font-size: 14px;
    line-height: 1.72;
    text-indent: 22px;
  }

  .static-hero-band {
    padding: 82px 0 58px;
  }

  .static-hero-content p {
    font-size: 14px;
    line-height: 1.7;
  }

  .static-section-heading h2 {
    font-size: 32px;
  }

  .static-leader-info h3 {
    font-size: 20px;
  }

  .static-mission-content {
    padding: 24px 18px;
  }

  .static-text-block p {
    font-size: 14px;
    line-height: 1.75;
    text-indent: 22px;
  }

  .array-button-2 .array-prev2,
  .array-button-2 .array-next2,
  .array-button-2 .management-prev,
  .array-button-2 .management-next {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .results-panel-title,
  .ranking-panel-title {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .simple-ranking-table .rank {
    width: 44px;
    font-size: 16px;
  }

  .simple-ranking-table .club {
    gap: 8px;
  }

  .simple-ranking-table .rank-col {
    width: 40px;
  }

  .simple-ranking-table .stat-col {
    width: 58px;
  }

  .simple-ranking-table .oyun-col,
  .simple-ranking-table .points-col,
  .simple-ranking-table .oyun-count,
  .simple-ranking-table .points-count {
    width: 58px;
    font-size: 12px;
  }

  .about-pillar-card h4 {
    font-size: 21px;
  }

  .management-grid {
    grid-template-columns: 1fr;
  }

  .management-title-row,
  .team-section .section-title-area {
    margin-bottom: 16px;
  }

  .management-section.section-padding,
  .team-section.section-padding {
    padding-top: 26px;
    padding-bottom: 32px;
  }

  .league-strip-item {
    min-height: auto;
    padding: 20px;
  }

  .league-strip-content {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .league-strip-icon {
    flex-basis: 78px;
    width: 78px;
    height: 78px;
  }

  .league-strip-content h3 {
    font-size: 23px;
  }

  .testimonial-module-title h2,
  .testimonial-right-items .section-title h2 {
    white-space: normal;
  }

  .testimonial-box-slider {
    padding: 28px 22px;
  }

  .testimonial-nav {
    justify-content: center;
    margin-top: -10px;
  }

  .testimonial-side-image {
    width: 100%;
    margin-top: 12px;
  }

  .sponsor-slide-item {
    min-height: 104px;
  }
}

body,
body * {
  text-transform: none !important;
}