/* Footer copied from www.slazzer.com (static/css/style.css), 2026-11-11 */
.footer { --white:#fff; --black:#000000; --primary:#007bff; --navi_blue:#0019c9; --m-gutter:20px; font-family:"Poppins","Poppins Fallback",sans-serif; }
@font-face { font-family:"Poppins Fallback"; src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Arimo"); font-weight:100 500; size-adjust:113.5%; ascent-override:92.5%; descent-override:30.84%; line-gap-override:8.81%; }
@font-face { font-family:"Poppins Fallback"; src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Arimo Bold"); font-weight:600 900; size-adjust:107.7%; ascent-override:97.49%; descent-override:32.5%; line-gap-override:9.29%; }
.footer *, .footer *:before, .footer *:after { box-sizing:border-box; }
.footer ul, .footer ol { list-style:none; margin:0; padding:0; }
.footer a { font-family:inherit; display:inline-block; vertical-align:top; outline:none !important; text-decoration:none; font-weight:500; transition:all 0.2s ease; }
.footer h6 { margin:0; }
.footer p { font-family:inherit; margin-bottom:20px; word-break:break-word; }
.footer .lastFooter p { margin-bottom:0; }
.footer button { font-family:inherit; outline:none !important; box-shadow:none; border:none; cursor:pointer; }
.footer img { max-width:100%; }
.footer .lan-select .selectDropdown .option { list-style:none; }
@media (min-width:992px) { .collapse.dont-collapse-md, .collapsing.dont-collapse-md { display:block; height:auto !important; visibility:visible; } }
.footer {background-color: #222222; position: relative; padding: 100px 0px;}
.footer .wrapper {max-width: 1298px; padding: 0px 24px; margin: 0 auto;}
.footer section {display: flex; flex-wrap: wrap;  justify-content: space-between;}
.footer .topFooter aside {width: 18%;}
.footer .topFooter h6 {color: var(--white); font-size: 16px; font-weight: 700; line-height: 22px;}
.footer .topFooter ul {margin-top: 48px;}
.footer .topFooter li {margin-bottom: 16px}
.footer .topFooter li:last-child {margin-bottom: 0px;}
.footer .topFooter li a {color: rgba(255, 255, 255, 0.81); font-size: 16px; font-weight: 400; line-height: 22px;}
.footer .topFooter li a:hover {color: var(--primary);}
.footer .middleFooter {margin-top: 100px;}
.footer .middleFooter aside {width: 25%;}
.footer .middleFooter aside img {max-height: 36px;}
.footer .middleFooter .footerLogo {margin-bottom: 20px;}
.footer .middleFooter p {color: rgba(255, 255, 255, 0.81); font-size: 12px; font-weight: 400; line-height: 18px;}
.footer .middleFooter h6 {color: var(--white); font-size: 16px; font-weight: 700; line-height: 22px; text-align: center;}
.footer .social {margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 8px;}
.footer .social a {width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center;}
.lan-select {position: relative; z-index: 10;}
.lan-select .selectBtn {display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--black); font-weight: 600; line-height: 20px; position: relative; background-color: var(--white); padding: 10px 20px 10px 14px; border-radius: 10px; position: relative; margin-left: auto;}
.lan-select .selectBtn img {width: 18px;}
.lan-select .selectBtn:after {display: none; content:"\f107"; font-family: FontAwesome; font-size: 16px; color: var(--bs-gray); line-height: 7px; border: none; position: absolute; right: 10px; top: 16px;}
.lan-select .dropdown-menu {background-color: transparent; padding: 0px; border: none; width: 500px; min-width: inherit; top: -10px !important;}
.lan-select .dropdown-menu:before {content: ""; position: absolute; right: 44px; bottom: -8px; border-left: 6px solid transparent; border-right: 9px solid transparent; border-top: 9px solid var(--black);}
.lan-select .selectDropdown {width: 100%; padding: 24px; background-color: var(--black); border-radius: 12px; display: flex; flex-wrap: wrap; gap: 16px;}
.lan-select .selectDropdown .option {display: inline-flex; align-items: center; gap: 12px; width: calc((100% - 32px) / 3); font-size: 14px; line-height: 20px; font-weight: 400; color: var(--white); text-align: center; padding: 6px 0px; cursor: pointer;}
.lan-select .selectDropdown .option img {width: 18px;}
.lan-select .selectDropdown .option:hover {color: var(--primary);}
.footer .getApp {display: flex;  align-items: center; gap: 12px; justify-content: flex-end; margin-top: 24px;}
.footer .lastFooter {margin-top: 120px; align-items: center;}
.footer .lastFooter aside {max-width: 42%;}
.footer .lastFooter aside:last-child {text-align: right;}
.footer .lastFooter p {color: #FAFAFA; font-size: 13px; font-weight: 500; line-height: 20px;}
.siteseal {display: inline-block; background-color: #383636; padding: 4px; border-radius: 8px; margin-top: 16px;}
.siteseal span {display: inline-block; background-color: var(--white); border: 1px solid #DDD; border-radius: 6px; padding: 4px;}
@media only screen and (max-width: 1799.98px) {
  .footer {padding: 80px 0px;}
}
@media only screen and (max-width: 991.98px) {
  .footer {padding: 50px 0px;}
  .footer .topFooter aside {width: 100%;}
  .footer .topFooter h6 {padding: 16px 0px; border-bottom: 1px solid #2a3865; font-weight: 500; background-image: url('https://www.slazzer.com/static/images/down-arrow.svg'); background-repeat: no-repeat; background-position: 100% center; background-size: 12px;}
  .footer .topFooter ul {margin: 0px; padding: 20px 0px 32px;}
  .footer .topFooter li {margin-bottom: 24px;}
  .footer .middleFooter {margin-top: 0px;}
  .footer .middleFooter aside {width: 100%; margin-top: 32px;}
  .footer .middleFooter h6 {text-align: left; font-weight: 500;}
  .footer .social {justify-content: flex-start;}
  .lan-select .selectBtn {margin-left: 0px;}
  .lan-select .dropdown-menu {width: 100%;}
  .lan-select .dropdown-menu:before {right: auto; left: 44px;}
  .footer .lastFooter {margin-top: 0px;}
  .footer .lastFooter aside {width: 100%; max-width: 100%; margin-top: 32px;}
  .footer .lastFooter aside:last-child {text-align: left;}
  .footer .getApp {justify-content: flex-start;}
}
@media only screen and (max-width: 575.98px) {
  .lan-select .selectDropdown {padding: 16px; max-height: 160px; overflow-x: hidden; overflow-y: auto;}
  .lan-select .selectDropdown .option {width: calc((100% - 16px) / 2);}
}
.footer {background: radial-gradient(900px 420px at 0% 0%, rgba(22, 109, 255, 0.20) 0%, rgba(22, 109, 255, 0) 60%), radial-gradient(760px 380px at 100% 100%, rgba(0, 25, 201, 0.24) 0%, rgba(0, 25, 201, 0) 60%), #0A1030; padding: 88px 0px 32px;}
.footer .topFooter h6, .footer .middleFooter h6 {color: #fff; font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: 0.01em;}
.footer .topFooter li a {color: rgba(255, 255, 255, 0.66); font-size: 15px; line-height: 22px; transition: color 0.2s ease;}
.footer .topFooter li a:hover {color: #fff;}
.footer .middleFooter p {color: rgba(255, 255, 255, 0.62); font-size: 14px; line-height: 23px;}
.footer .social a {width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; background-color: rgba(255, 255, 255, 0.06); transition: background-color 0.2s ease, border-color 0.2s ease;}
.footer .social a:hover {border-color: #166DFF; background-color: #166DFF;}
.footer .social a img {width: 18px; height: 18px;}
.footer .siteseal {background-color: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px;}
.footer .lan-select .selectBtn {height: 44px; padding: 0px 16px 0px 14px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 12px; background-color: rgba(255, 255, 255, 0.06); color: #fff; transition: border-color 0.2s ease, background-color 0.2s ease;}
.footer .lan-select .selectBtn:hover {border-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.1);}
.footer .lan-select .selectDropdown {border: 1px solid rgba(255, 255, 255, 0.12); background-color: #111A45; box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.5);}
.footer .lan-select .dropdown-menu:before {border-top-color: #111A45;}
.footer .lan-select .selectDropdown .option:hover {color: #6EA8FF;}
.footer .middleFooter .getApp img {height: 44px; width: auto; max-height: none;}
.footer .lastFooter p {color: rgba(255, 255, 255, 0.5); font-size: 13px; font-weight: 400; line-height: 20px;}
@media only screen and (min-width: 992px) {
  .footer .wrapper {display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "brand brand" "links links" "follow lang" "last last"; column-gap: 48px;}
  .footer .middleFooter {display: contents;}
  .footer .middleFooter aside {width: auto;}
  .footer .middleFooter aside:nth-child(1) {grid-area: brand; max-width: 420px; margin-bottom: 48px;}
  .footer .topFooter {grid-area: links; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px;}
  .footer .topFooter aside {width: auto;}
  .footer .topFooter ul {margin-top: 20px;}
  .footer .topFooter li {margin-bottom: 12px;}
  .footer .wrapper:before {content: ""; grid-column: 1 / -1; grid-row: follow; margin-top: 64px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
  .footer .middleFooter aside:nth-child(2) {grid-area: follow; display: flex; align-items: center; gap: 16px; padding-top: 96px;}
  .footer .middleFooter aside:nth-child(2) h6 {margin: 0px; text-align: left;}
  .footer .social {margin: 0px;}
  .footer .middleFooter aside:nth-child(3) {grid-area: lang; display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding-top: 96px;}
  .footer .middleFooter aside:nth-child(3) {pointer-events: none;}
  .footer .middleFooter aside:nth-child(3) > * {pointer-events: auto;}
  .footer .lan-select .selectBtn {margin: 0px;}
  .footer .getApp {margin: 0px;}
  .footer .lastFooter {grid-area: last; margin-top: 32px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.1); gap: 32px;}
  .footer .lastFooter aside {max-width: 50%;}
}
@media only screen and (min-width: 1400px) {
  .footer .wrapper {grid-template-columns: 320px minmax(0, 1fr); grid-template-areas: "brand links" "follow lang" "last last"; column-gap: 80px;}
  .footer .middleFooter aside:nth-child(1) {margin-bottom: 0px;}
}
@media only screen and (max-width: 991.98px) {
  .footer {padding: 48px 0px 28px;}
  .footer .topFooter h6 {border-bottom-color: rgba(255, 255, 255, 0.1);}
  .footer .topFooter li {margin-bottom: 16px;}
  .footer .lastFooter {margin-top: 32px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
  .footer .lastFooter aside {margin-top: 20px;}
}
.footer {background: radial-gradient(1100px 520px at 50% -10%, rgba(22, 109, 255, 0.35) 0%, rgba(22, 109, 255, 0) 65%), radial-gradient(800px 500px at 100% 100%, rgba(22, 109, 255, 0.28) 0%, rgba(22, 109, 255, 0) 60%), linear-gradient(180deg, #0A1A5C 0%, #071240 45%, #060E33 100%); padding: 88px 44px 48px; overflow: hidden; isolation: isolate;}
.footer:before, .footer:after {content: ""; position: absolute; z-index: -1; border-radius: 50%; pointer-events: none;}
.footer:before {width: 1500px; height: 900px; left: -620px; top: 300px; border-top: 2px solid rgba(110, 168, 255, 0.55); box-shadow: inset 0 24px 48px -24px rgba(22, 109, 255, 0.55); transform: rotate(-14deg);}
.footer:after {width: 1300px; height: 900px; right: -760px; bottom: -560px; border-top: 2px solid rgba(110, 168, 255, 0.6); box-shadow: inset 0 24px 48px -24px rgba(22, 109, 255, 0.6); transform: rotate(-24deg);}
.footer .wrapper {max-width: 1580px; padding: 64px 70px 44px; border: 1px solid rgba(140, 170, 255, 0.16); border-radius: 40px; background: linear-gradient(160deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.015) 55%, rgba(255, 255, 255, 0.03) 100%); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 40px 80px -40px rgba(0, 0, 0, 0.5);}
.footer .middleFooter .footerLogo {height: 52px; max-height: none; width: auto; margin-bottom: 28px;}
.footer .middleFooter p {color: rgba(226, 233, 255, 0.78); font-size: 16px; line-height: 28px;}
.footer .siteseal {margin-top: 24px; padding: 8px; border-radius: 14px; border-color: rgba(140, 170, 255, 0.22); background-color: rgba(255, 255, 255, 0.06);}
.footer .siteseal span {border-radius: 8px;}
.footer .topFooter h6 {font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: 0;}
.footer .topFooter li a {color: rgba(226, 233, 255, 0.78); font-size: 16px; line-height: 24px;}
.footer .topFooter li a:hover {color: #fff;}
.footer .middleFooter h6 {font-size: 18px; line-height: 24px; letter-spacing: 0; white-space: nowrap;}
.footer .social {gap: 16px;}
.footer .social a {width: 52px; height: 52px; border-color: rgba(140, 170, 255, 0.22); background-color: rgba(255, 255, 255, 0.04);}
.footer .social a:hover {border-color: #166DFF; background-color: #166DFF;}
.footer .social a img {width: 20px; height: 20px;}
.footer .lan-select .selectBtn {height: 56px; gap: 10px; padding: 0px 42px 0px 18px; border-color: rgba(140, 170, 255, 0.22); border-radius: 12px; background-color: rgba(255, 255, 255, 0.06); font-size: 16px;}
.footer .lan-select .selectBtn img {width: 24px;}
.footer .lan-select .selectBtn:after {display: block; content: ""; width: 8px; height: 8px; position: absolute; top: 50%; right: 18px; margin-top: -6px; border: solid rgba(255, 255, 255, 0.8); border-width: 0px 2px 2px 0px; transform: rotate(45deg); transition: transform 0.2s ease;}
.footer .lan-select.show .selectBtn:after {margin-top: -2px; transform: rotate(-135deg);}
.footer .getApp {gap: 20px;}
.footer .middleFooter .getApp img {height: 56px;}
.footer .getApp a {display: inline-flex; border-radius: 10px; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.footer .getApp a:hover {transform: translateY(-2px); box-shadow: 0 10px 24px -12px rgba(22, 109, 255, 0.7);}
.footer .lastFooter p {color: rgba(226, 233, 255, 0.62); font-size: 14px; line-height: 22px;}
@media only screen and (min-width: 992px) {
  .footer .topFooter h6:after {content: ""; display: block; width: 32px; height: 4px; margin-top: 14px; border-radius: 4px; background-color: #166DFF;}
  .footer .topFooter ul {margin-top: 24px;}
  .footer .topFooter li {margin-bottom: 18px;}
  .footer .topFooter {gap: 0px;}
  .footer .topFooter aside {padding: 0px 24px; border-left: 1px solid rgba(140, 170, 255, 0.12);}
  .footer .topFooter aside:first-child {border-left: none; padding-left: 0px;}
  .footer .wrapper:before {margin-top: 56px; border-top-color: rgba(140, 170, 255, 0.16);}
  .footer .middleFooter aside:nth-child(2) {gap: 28px; padding-top: 92px;}
  .footer .middleFooter aside:nth-child(3) {gap: 20px; padding-top: 92px;}
  .footer .lastFooter {margin-top: 36px; padding-top: 36px; border-top-color: rgba(140, 170, 255, 0.16);}
}
@media only screen and (min-width: 1400px) {
  .footer .wrapper {grid-template-columns: minmax(280px, 370px) minmax(0, 1fr); column-gap: 0px;}
  .footer .middleFooter aside:nth-child(1) {max-width: none; padding-right: 32px;}
  .footer .topFooter aside, .footer .topFooter aside:first-child {padding: 0px clamp(16px, 2.2vw, 40px); border-left: 1px solid rgba(140, 170, 255, 0.12);}
  .footer .topFooter aside:last-child {padding-right: 0px;}
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .footer .wrapper {grid-template-columns: 290px minmax(0, 1fr); padding: 56px 48px 40px;}
  .footer .middleFooter p {font-size: 15px; line-height: 26px;}
  .footer .topFooter li a {font-size: 15px;}
}
@media only screen and (max-width: 1199.98px) {
  .footer {padding: 64px 24px 32px;}
  .footer .wrapper {padding: 48px 40px 36px; border-radius: 32px;}
}
@media only screen and (max-width: 991.98px) {
  .footer {padding: 40px 16px 24px;}
  .footer:before {width: 900px; height: 700px; left: -560px; top: 160px;}
  .footer:after {width: 800px; height: 700px; right: -560px; bottom: -480px;}
  .footer .wrapper {display: flex; flex-direction: column; padding: 32px 24px 24px; border-radius: 24px;}
  .footer .middleFooter {display: contents;}
  .footer .middleFooter aside {margin-top: 0px;}
  .footer .middleFooter aside:nth-child(1) {order: 1; margin-bottom: 24px;}
  .footer .topFooter {order: 2;}
  .footer .middleFooter aside:nth-child(2) {order: 3; margin-top: 32px;}
  .footer .middleFooter aside:nth-child(3) {order: 4; margin-top: 24px;}
  .footer .lastFooter {order: 5;}
  .footer .middleFooter .footerLogo {height: 44px; margin-bottom: 20px;}
  .footer .middleFooter p {font-size: 15px; line-height: 25px;}
  .footer .topFooter h6 {padding: 18px 0px; font-size: 16px; border-bottom-color: rgba(140, 170, 255, 0.14); background-size: 12px;}
  .footer .topFooter aside:first-child h6 {border-top: 1px solid rgba(140, 170, 255, 0.14);}
  .footer .topFooter ul {padding: 16px 0px 20px;}
  .footer .topFooter li {margin-bottom: 14px;}
  .footer .middleFooter h6 {font-size: 16px;}
  .footer .social {gap: 12px; margin-top: 16px;}
  .footer .social a {width: 46px; height: 46px;}
  .footer .middleFooter aside:nth-child(3) {display: flex; flex-wrap: wrap; align-items: center; gap: 12px;}
  .footer .lan-select .selectBtn {display: inline-flex; height: 48px;}
  .footer .lan-select {flex: 0 0 100%; width: 100%;}
  .footer .lan-select .dropdown-menu {width: 100%; max-width: 480px; top: auto !important; bottom: calc(100% + 10px); left: 0px !important; right: auto !important; transform: none !important;}
  .footer .lan-select .dropdown-menu:before {left: 40px;}
  .footer .lan-select .selectDropdown {gap: 4px 12px; padding: 16px; max-height: 290px; overflow-x: hidden; overflow-y: auto;}
  .footer .lan-select .selectDropdown .option {width: calc((100% - 24px) / 3); padding: 8px 0px; text-align: left;}
  .footer .getApp {margin-top: 0px; gap: 12px;}
  .footer .middleFooter .getApp img {height: 48px;}
  .footer .lastFooter {margin-top: 28px; border-top-color: rgba(140, 170, 255, 0.14);}
  .footer .lastFooter aside {margin-top: 16px;}
  .footer .lastFooter p {font-size: 13px; line-height: 20px;}
}
@media only screen and (max-width: 575.98px) {
  .footer {padding: 32px 12px 20px;}
  .footer .wrapper {padding: 28px 20px 20px; border-radius: 20px;}
  .footer .middleFooter aside:nth-child(3) {flex-direction: column; align-items: stretch;}
  .footer .lan-select .selectDropdown .option {width: calc((100% - 12px) / 2);}
  .footer .getApp {width: 100%;}
  .footer .getApp a {flex: 1 1 0; min-width: 0;}
  .footer .middleFooter .getApp img {width: 100%; height: auto; max-height: 52px;}
  .footer .social {justify-content: space-between; max-width: 300px;}
}
@media (prefers-reduced-motion: reduce) {
  .footer .getApp a, .footer .lan-select .selectBtn:after {transition: none;}
}
@media only screen and (max-width: 991.98px) {
  .footer .wrapper {max-width: 100%; padding-left: 20px; padding-right: 20px; padding-left: max(var(--m-gutter), env(safe-area-inset-left)); padding-right: max(var(--m-gutter), env(safe-area-inset-right));}
}
@media only screen and (max-width: 359.98px) {
  .footer .wrapper {padding-left: 16px; padding-right: 16px; padding-left: max(var(--m-gutter), env(safe-area-inset-left)); padding-right: max(var(--m-gutter), env(safe-area-inset-right));}
}
@media only screen and (max-width: 991.98px) {
  .footer .topFooter ul.footerLinks {padding-left: 18px; list-style: disc outside;}
  .footer .topFooter ul.footerLinks > li {display: list-item; list-style: inherit;}
  .footer .topFooter ul.footerLinks > li::marker {color: rgba(226, 233, 255, 0.78);}
}
@media only screen and (max-width: 767.98px) {
  .footer .wrapper {flex-flow: row wrap; align-items: flex-end;}
  .footer .wrapper > *, .footer .middleFooter aside:nth-child(1), .footer .getApp {flex: 0 0 100%; min-width: 0px;}
  .footer .middleFooter aside:nth-child(2) {flex: 1 1 150px; width: auto; min-width: 0px;}
  .footer .middleFooter aside:nth-child(3) {display: contents;}
  .footer .social {gap: 8px; width: auto; justify-content: flex-start;}
  .footer .social li {flex: 0 0 auto;}
  .footer .social a {width: 44px; height: 44px;}
  .footer .lan-select {order: 3; flex: 0 0 auto; width: auto; margin-left: 8px;}
  .footer .getApp {order: 4; margin-top: 20px;}
  .footer .lan-select .selectBtn {height: 44px; gap: 6px; padding: 0px 26px 0px 10px; font-size: 13px;}
  .footer .lan-select .selectBtn img {width: 18px; height: 18px; margin: 0px;}
  .footer .lan-select .selectBtn:after {right: 10px;}
  .footer .lan-select .dropdown-menu {right: 0px !important; left: auto !important; width: calc(100vw - 66px);}
  .footer .lan-select .dropdown-menu:before {left: auto; right: 24px;}
}
@media only screen and (max-width: 359.98px) {
  .footer .social {gap: 6px;}
  .footer .social a {width: 38px; height: 38px;}
}