@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&display=swap');

:root{
 --bg-1:#240a2b;
 --bg-2:#2b0a0e;
 --bg-3:#0a212b ;
 --bg-4:#0f0a2b;
 --bg-5:#2b170a;

--bg-main:var(--bg-4);
--color-card-1:#2AD5FF;
--color-card-2:#76d93b;
--color-card-3:#f1b55c;
--color-card-4:#d320a6;
--color-card-5:#1a75fd;
--ccard-main:var(--color-card-4);

--over-1:linear-gradient(180deg, #240a2ba6 0%, #240A2B 80%);
--over-2:linear-gradient(180deg, #2b0a0ea6 0%, #2b0a0e  80%);
--over-3:linear-gradient(180deg, #0a212ba6 0%, #0a212b 80%);
--over-4:linear-gradient(180deg, #0f0a2ba6 0%, #0f0a2b 80%);
--over-5:linear-gradient(180deg, #2b170aa6 0%, #2b170a 80%);
--ov-main:var(--over-4);

--bg-card-1:linear-gradient(180deg, #400D48 40%, #240A2B 100%);
--bg-card-2:linear-gradient(180deg, #480d17 40%, #2b0a0e 100%);
--bg-card-3:linear-gradient(180deg, #0d2848 40%, #0a212b 100%);
--bg-card-4:linear-gradient(180deg, #180d48 40%, #0f0a2b 100%);
--bg-card-5:linear-gradient(180deg, #48290d 40%, #2b170a 100%);
--bg-card-all:var(--bg-card-4);

--pg-card-15-18:18px;
--pg-card-18-22:22px;
--margin25:25px 0px;
--sec-padd:46px 0px;
--border-r:20px;
  --white:white;
  --black:black;
  --gap-25-30: 25px;
  --gap-30-40:32px;

}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
  
}


ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

body{
  overflow-x: hidden;
  line-height: 1.4;
  direction: ltr;
  font-family: 'Khand', sans-serif !important;
  font-size: 17px;
  margin: 0;
  padding: 0px;
}
ul,li{
  padding: 0px;
  margin: 0px;
  list-style: none;
}
p,li{
  padding: 5px 0px;
}
p{
  font-weight: 600;
}
a{text-decoration: none;
  transition: all 0.3s ease;
}

img{
  width: 100%;
  display: block;
}

.container-jkl45{
  position: relative;
  width: 100%; 
  max-width: 1240px; 
  margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
  box-sizing: border-box;
  z-index: 1;
}

#jklgames1{
  display: none;
}
.container-title-jkl45{
 display: flex;
justify-content: flex-start;

margin: var(--margin25);
}
.thumb-title-jkl45{
  display: flex;
  gap: 10px;
  align-items: center;
  width: fit-content;
  padding: 5px 18px 5px 18px;
  border-radius: 30px;
  border: 2px solid var(--ccard-main);
  justify-content: center;
}
@media (max-width:575px) {
  .thumb-title-jkl45{
  flex-direction: column;
  text-align: center;}
}
.img-title-jkl45 {
height: 70px;
}
@media (max-width:767px) {
  .img-title-jkl45 {
    height: 40px;
    }
}
.img-title-jkl45 img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.title-jkl-45 {
  font-size:clamp(22px,4vw,36px);
  margin: var(--margin25);
  color:var(--white); 
}




.title-black-jkl45{
  color: var(--black);
}
.box-btn-centr-jkl45{
  display: flex;
  justify-content: center;
  margin: var(--margin25);
}
.thumb-all-box-jkl45{
  display: flex;
  gap: var(--gap-25-30);
  flex-wrap: wrap;

}
@media (max-width:767px) {
  .thumb-all-box-jkl45{
    gap: 60px;
  }
}
.img-logo-jkl45{
  width: 75px;
  height: 75px;
}
.img-logo-jkl45 img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header{
  padding-top: var(--pg-card-18-22);
  z-index: 2;
  width: 100%;
  position: relative;
  background: var(--bg-card-all);
}
nav{
  background-color: transparent;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%; 
  max-width: 1240px; 
  margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width:992px) {
  nav{
    display: flex;
}}
@media (max-width:991px) {
  .thumb-burg-menu-jkl45{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.logo-link-menu-jkl45{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--white);
}
.logo-link-menu-jkl45:hover{
  color: var(--ccard-main);
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav a {
  display: block;
  text-decoration: none;
  outline: none;
}

.topmenu {
  backface-visibility: hidden;

}

.topmenu > li {
  display: inline-block;
  position: relative;
}

.topmenu > li > a {
  display: flex;
  gap: 3px;
  align-items: center;
  padding: 10px 30px;
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
  transition: .4s ease-in-out;
}



.topmenu li a:hover {
  color: var(--ccard-main);
  text-decoration: line-through;
}



.topmenu > li:hover .submenu {
  visibility: visible;
  opacity: 1;
  transform: perspective(600px) rotateX(0deg);
}



.hamburger {
  display: none;
  font-size: 24px;
  cursor: pointer;
  padding: 20px;
  position: relative;
}

.icon-close {
  display: none;
}

.hamburger svg{
width: 45px;
height: 45px;
color: var(--white);
}
@media (max-width: 991px) {
  .topmenu {
    display: none;
    flex-direction: column;
    width: 100%;
    background: var(--bg-card-all);
  }

  .topmenu > li {
    display: block;
    width: 100%;
  }

  .topmenu > li > a {
    height: auto;
    padding: 15px;
    line-height: 1;
  }



  .hamburger {
    display: block;
  }

  .topmenu.active {
    display: flex;
  }

  .hamburger.active .icon-menu {
    display: none;
  }

  .hamburger.active .icon-close {
    display: inline-block;
  }
}

.hero-slider-jkl45 {
  direction: initial;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.hero-slider-jkl45::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 1;
}
.overlay-jkl45 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:var(--ov-main); 
  z-index: 1;
}
.slider-container-jkl45 {
  display: flex;
  transition: transform 1s ease;
}

.slide-jkl45 {
  position: relative;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 120px 20px; 
  color: #fff;
  text-align: center;
  background-size: cover;
  background-position: center;
  transition: transform 8s ease;
}
@media (min-width:576px) {
  .slide-jkl45 {
 
    padding: 320px 20px; 
}}
.slide-jkl45-1 {
  background-image: url('picgallery/bg-assets/bg-all-069fb493f9920f.jpg');
}
.slide-jkl45-2 {
  background-image: url('picgallery/bg-assets/bg-all-169fb493f9922d.jpg');
}
.slide-jkl45-3 {
  background-image: url('picgallery/bg-assets/bg-all-269fb493f99249.jpg');
}
.slide-jkl45.active-jkl45 {
  transform: scale(1.1); 
}
.text-overlay-jkl45 {
  position: relative;
      z-index: 2;
  font-size: clamp(21px,4vw,31px);
  color: #fff;
  border-radius: 5px;
}

@media (min-width:576px) {
  .text-overlay-jkl45 {
    padding: 10px 20px;}
}

.section-benef-jkl45{
  background: var(--bg-main);
  padding: var(--sec-padd);
}
.thumb-benef-jkl45{
  margin-top: 50px;
}
.box-bnef-jkl45 {
  width: 100%;
  border-radius: var(--border-r);
  padding:var(--pg-card-18-22);
  background: var(--bg-card-all);
  transition: transform 0.3s ease;
}
@media (min-width:768px) and (max-width:1023px) {
  .box-bnef-jkl45 {
    width: calc(50% - 30px);
  }
}
@media (min-width:1024px) {
  .box-bnef-jkl45 {
    width: calc(25% - 30px);
  }
}
.box-bnef-jkl45:hover .box-img-svg-jkl45{
  animation: upDown 0.6s ease-in-out infinite;
}
@keyframes upDown {
  0%, 100% {
    transform: translateY(0); 
  }
  50% {
    transform: translateY(-10px);
  }
}
.box-img-svg-jkl45{
  display: flex;
  margin-top: -60px;
 
}
.left-svg-jkl45{
  justify-content: left;
}
.center-svg-jkl45{

  justify-content: center;
}
.right-jkl45{

  justify-content: right;
}
.box-img-svg-jkl45 svg{
  width:85px;
  height: 85px;
  color: var(--ccard-main);
}

.box-txt-benef-jkl45{
  padding:var(--pg-card-18-22);
  color: var(--white);
}

.section-about-jkl45 {
  background-color: var(--bg-main);
  padding: var(--sec-padd);
}
.thumb-about-jkl45{
  flex-direction:  row-reverse;
}
@media (max-width:767px) {
  .thumb-about-jkl45{
    flex-direction: column;
  }
}
.box-about-jkl45{
  flex: 1;
}
.txt-about-jkl45{
  color: var(--white);
}
.box-about-img-jkl45 {
  flex: 1;
  display: flex;
  gap: var(--gap-30-40);
  flex-direction: column;

}
.box-img-about-jkl45 {
  width: 100%;
  height: 220px;
}
.big-img-about-jkl45{
  height: 330px;
}
.box-img-about-jkl45 img{
  border-radius: var(--border-r);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumb-small-img-jkl45 {
  display: flex;
  gap: var(--gap-30-40);
}

.section-stat-jkl45{
  padding: var(--sec-padd);
  background-color: var(--bg-main);
  
}
.thumb-stats-jkl45{
  display: flex;
  justify-content: center;
}
.stats-container-jkl45 {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-around;
  padding: 20px;
  border-radius: var(--border-r);
  background:var(--bg-card-all);
  width: 100%;
  max-width: 900px;
  color: var(--white);
}
.stat-item-jkl45 {
  width: 100%;
  text-align: center;
}
@media (min-width:768px) and (max-width:991px) {
  .stat-item-jkl45 {
    width: calc(50% - 30px);
  }
}
@media (min-width:992px){
  .stat-item-jkl45 {
    width: calc(25% - 30px);
  }
}
.stat-icon-jkl45 {
  font-size: 50px;
 
  margin-bottom: 10px;
}
.stat-number-jkl45 {
  font-size: 40px;
  font-weight: bold;
}
.stat-label-jkl45 {
  font-size: clamp(21px,4vw,25px);
  margin-top: 5px;
  opacity: 0.8;
}


.section-games1-jkl45{
  padding: var(--sec-padd);
  background-color: var(--bg-main);
}
.box-games1-jkl45 {
  overflow: hidden;
  width: 100%;
  background: var(--bg-card-all);
  border-radius: var(--border-r);
}
@media (min-width:768px) and (max-width:1023px) {
  .box-games1-jkl45{
    width: calc(50% - 30px);
  }
}
@media (min-width:1024px)  {
  .box-games1-jkl45{
    width: calc(33% - 30px);
  }
}
.thumb-rating-games1-jkl45{
  align-items: center;
  padding: 15px 0px;
  display: flex;
  justify-content: center;
  gap: 5px;
}
.star-games1-jkl45{
  display: flex;
  gap: 5px;
}
.star-games1-jkl45 svg{
  width: 25px;
  height: 25px;
  color: var(--ccard-main);
}
.number-rating-games1-jkl45{
  color: var(--ccard-main);
}
.box-img-games1-jkl45 {
  height: 250px;
}
.box-img-games1-jkl45 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.box-games1-jkl45:hover .box-img-games1-jkl45 img {
  transform: scale(1.1);
}
.box-title-txt-games1-jkl45 {
  padding: var(--pg-card-18-22);
}
.title-games1-jkl45 {
  text-align: center;
  color: var(--white);
  
}
.title-games1-tjkl45{
  margin: var(--margin25);
}
.title-games1-jkl45:hover{
  color: var(--ccard-main);
}
.box-txt-games1-jkl45 {
  text-align: center;
  color: var(--white);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  max-height: 4.5em;
}

.section-games2-jkl45{
  background-color: var(--bg-main);
  padding: var(--sec-padd);
}
.container-games2-jkl45 {
  padding: 0px 15px;
}

.box-games2-jkl45 {
  width: 100%;
}
@media (min-width:768px) and (max-width:1199px) {
  .box-games2-jkl45 {
    width: calc(50% - 30px);
  }
}
@media (min-width:1200px) {
  .box-games2-jkl45 {
    width: calc(33% - 30px);
  }
}
.box-img-games2-jkl45{
  height: 330px;
  clip-path: polygon(31% 100%, 29% 97%, 47% 100%, 85% 97%, 100% 100%, 97% 81%, 100% 84%, 96% 56%, 100% 39%, 98% 18%, 100% 0%, 77% 3%, 83% 0%, 63% 4%, 52% 0%, 43% 3%, 20% 0%, 9% 4%, 0% 0%, 2% 14%, 0% 13%, 0% 39%, 3% 66%, 0% 86%, 0% 100%);
}
.box-img-games2-jkl45 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.box-img-games2-jkl45 img:hover{
  opacity: 0.8;
}
.link-title-games2-jkl45{
  text-align: center;
  color: var(--white);
  margin: var(--margin25);
}
.link-title-games2-jkl45 h2{
  font-size: clamp(21px,4vw,36px);

}
.link-title-games2-jkl45:hover{
  color: var(--ccard-main);
}

.section-form-jkl45{
  background-color: var(--bg-main);
  padding: var(--sec-padd);
}
.form-container-jkl45{
  margin: 0 auto;
  max-width: 960px;
    background: var(--bg-card-all);
    padding: var(--pg-card-18-22);
    border-radius: var(--border-r);
}
.form-jkl45{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.form-jkl45 label{
  color: var(--white);
}
.input-main_box-section{

  padding:12px;
  font-size: 1rem;
  border: 1.5px solid var(--ccard-main);
  border-radius: 0.5rem;
  box-shadow: 2.5px 3px 0 var(--ccard-main);
  outline: none;
  transition: ease 0.25s;
}
.input-main_box-section:focus,
.textarea-main_box-section:focus{
  box-shadow: 5.5px 7px 0 var(--ccard-main);
}
.textarea-main_box-section{
  min-height:90px;
  max-height:150px;
  max-width:960px;
  padding:12px;
  font-size: 1rem;
  border: 1.5px solid var(--ccard-main);
  border-radius: 0.5rem;
  box-shadow: 2.5px 3px 0 var(--ccard-main);
  outline: none;
  transition: ease 0.25s;
}

.section-gallery-jkl45{
  background: var(--bg-main);
  padding: var(--sec-padd);

}
@media (max-width:767px) {
  .section-gallery-jkl45{
    display: none;
  }
}
.thumb-gallery-jkl45 {
  display: flex;
  width: 100%;
  padding:var(--gap-30-40);
  box-sizing: border-box;
  height: 320px;
}

.box-gal-jkl45 {
  flex: 1;
  overflow: hidden;
  transition: .5s;
  margin: 0 2%;
  box-shadow: 0 20px 30px rgba(0,0,0,.1);
  line-height: 0;
}

.box-gal-jkl45 > img {
  width: 200%;
  height:100%;
  object-fit: cover; 
  transition: .5s;
  border-radius: var(--border-r);
}



.box-gal-jkl45:hover { flex: 1 1 50%; }
.box-gal-jkl45:hover > img {
  width: 100%;
  height: 100%;
}
 

.section-footer-jkl45 {
  background-color: var(--bg-main);
  padding: var(--sec-padd);
}

.thumb-menu-footer-jkl45 {

  padding: var(--pg-card-15-18) 0px;
  border-bottom: 2px dotted var(--ccard-main);
}
.box-menu-item-jkl45 {
  display: flex;
  justify-content: center;
  gap: var(--gap-30-40);
  flex-wrap: wrap;
}
.footer-item-menu-jkl45 {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.footer-item-menu-jkl45 a{
  color: var(--white);
  font-size: clamp(18px,4vw,21px);
}
.footer-item-menu-jkl45 a:hover{
  color: var(--ccard-main);
  transform: translateY(-5px);
}
.footer-item-menu-jkl45:hover{

  transform: translateY(-5px);

}
.thumb-disclaimer-jkl45 {
  display: flex;
  margin: var(--margin25);
  align-items: center;
  gap: var(--gap-25-30);
  flex-direction: row-reverse;
}
@media (max-width:991px) {
  .thumb-disclaimer-jkl45{
    flex-direction: column-reverse;
  }
}

@media (min-width:992px) {
  .thumb-img18-jkl45 {
    flex: 1;}
}
.thumb-img18-jkl45 {
  height: 120px;
}
.thumb-img18-jkl45 img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.thumb-discl-txt-jkl45{
  flex: 2;
  padding:  40px;
  background-color: var(--ccard-main);
  clip-path: polygon(31% 100%, 29% 97%, 47% 100%, 85% 97%, 100% 100%, 97% 81%, 100% 84%, 96% 56%, 100% 39%, 98% 18%, 100% 0%, 77% 3%, 83% 0%, 63% 4%, 52% 0%, 43% 3%, 20% 0%, 9% 4%, 0% 0%, 2% 14%, 0% 13%, 0% 39%, 3% 66%, 0% 86%, 0% 100%);
}
.thumb-discl-txt-jkl45 h2 {
  text-align: center;
  color: var(--white);
  font-size: clamp(21px,4vw,26px);
}
.thumb-discl-txt-jkl45 p{
  color: var(--black);
}
.thumb-polityc-jkl45 {
  padding: var(--pg-card-15-18) 0px;
  border-top: 2px dotted var(--ccard-main);
}

.box-menu-polityc-jkl45 {
  display: flex;
  justify-content: center;
  gap: var(--gap-30-40);
  flex-wrap: wrap;
}
.box-li-polytic-jkl45 {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.box-li-polytic-jkl45:hover{
  color: var(--ccard-main);
  transform: translateY(-5px);
}
.footer-links-jkl45 {
  color: var(--white);
  font-size: clamp(18px,4vw,21px);
}
.footer-links-jkl45:hover{
  color: var(--ccard-main);
  font-size: clamp(18px,4vw,21px);
}
.box-copy-jkl45 {
  display: flex;
  justify-content: center;
}
.copy-title-jkl45 {
  color: var(--white);
  color: var(--ccard-main);
}
.color-copy-title-jkl45 {
text-align: center;

}

.box-allcont-jkl45{
  display: flex;
  flex-direction:  column-reverse;
}
.contact-container-jkl45{
  margin: 0 auto;
  max-width:100%;
  background: var(--bg-card-all);
  padding: var(--pg-card-18-22);
  border-radius: var(--border-r);
}
.contact-form-jkl45{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.contact-form-input-jkl45{
  padding: 12px;
  font-size: 1rem;
  border: 1.5px solid var(--ccard-main);
  border-radius: 0.5rem;
  box-shadow: 2.5px 3px 0 var(--ccard-main);
  outline: none;
  transition: ease 0.25s;
}
.contact-form-input-jkl45:focus{
  box-shadow: 5.5px 7px 0 var(--ccard-main);
}
.contact-boks-jkl45{
  margin: var(--margin25);
}
.box-adr-info-jkl45{
  display: flex;
  gap: var(--gap-25-30);
  align-items: center;
}
@media (max-width:767px) {
  .box-adr-info-jkl45{
    flex-direction: column;
  }
}
.info-item-jkl45{
  display: flex;
 align-items: center;
 flex-direction: column;
 padding: var(--pg-card-15-18);
width: 100%;
  background: var(--bg-card-all);
  border-radius: var(--border-r);
  gap: var(--pg-card-15-18) ;
}
.info-adress-jkl45{
  width: 100%;
  color: var(--white);
  text-align: center;
}
@media (min-width:768px) {
  .info-item-jkl45{
    flex: 1;
  }
  .info-adress-jkl45{
    flex: 1;}
}
.svg-box-cont-jkl45{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: var(--ccard-main);
}
.svg-box-cont-jkl45 svg{
  width: 45px;
  height: 45px;
  color: var(--white);
}
.link-cont-jkl45{
  color: var(--white);
  
}
.link-cont-jkl45:hover{
  color: var(--ccard-main);

}

.bg-page-jkl45{
  background-color: var(--bg-main);
  padding: var(--margin25);
}

.box-privacy-cont-jkl45 {
  display: flex;
  align-items: center;
}

.check-color-jkl45 {
  color: var(--white);
  font-size: clamp(12px,2vw,16px);
}
.privacy-link-jkl45 {
  color: var(--white);
  font-size: clamp(12px,2vw,16px);

}
.privacy-link-jkl45:hover {
  color: var(--cr-main);
}
.box-form-btt-jkl45 {
  display: flex;
  justify-content: center;
  margin: var(--margin25);
}

.games-thumb-page-jkl45{
  display: flex;
  gap:var(--gap-30-40);
  flex-direction: column-reverse;
  background-color: var(--bg-main);
  padding: var(--sec-padd);

}

.section-main-page-jkl45{
  background-color: var(--bg-main);
}

.thumb-img-main-jkl45 {
  
  display: flex;
background:var(--bg-card-all);
border-radius: var(--border-r);
  padding: var(--pg-card-18-22);
  justify-content: center;
}
.main-page-jkl45 {
  object-fit: contain;
  border-radius: var(--border-r);
   height: 420px; 
}

@media (max-width:575px) {
  .main-page-jkl45 {
    height: auto;
  }
}
.txt-main-page-jkl45 {
  color:var(--white);
}
.thumb-testi-jkl45 {
  margin: var(--gap-30-40) 0;
  display: flex;
  gap: var(--gap-30-40);
  flex-direction: row-reverse;
}
@media (max-width:767px) {
  .thumb-testi-jkl45 {
    flex-direction: column-reverse;
  }
}
.box-testi-jkl45 {
  flex: 1;
  padding: var(--pg-card-18-22);
  background: var(--bg-card-all);
  border-radius: var(--border-r);
}

.thumb-avatar-testi-jkl45{
  height: 200px;
}
.thumb-avatar-testi-jkl45 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(31% 100%, 29% 97%, 47% 100%, 85% 97%, 100% 100%, 97% 81%, 100% 84%, 96% 56%, 100% 39%, 98% 18%, 100% 0%, 77% 3%, 83% 0%, 63% 4%, 52% 0%, 43% 3%, 20% 0%, 9% 4%, 0% 0%, 2% 14%, 0% 13%, 0% 39%, 3% 66%, 0% 86%, 0% 100%);
}

.name-testi-gh2 {
  text-align: center;
  color: var(--white);
}
.comment-testi-jkl45 {
  color: var(--white);
  text-align: center;
}
.game-main-jkl45{
  display: flex;
background:var(--bg-card-all);
border-radius: var(--border-r);
padding: var(--pg-card-18-22);
  justify-content: center;
}
.game-main-jkl45 iframe{
  border-radius: var(--border-r);
  width: 100%;
  height: 100vh;
}
.privacy-section-jkl45 {
  padding: var(--sec-padd);
  background-color: var(--bg-main);
}

.privacy-jkl45 {
  
  color: var(--white);
}
.privacy-jkl45 h1{
  font-size: clamp(24px,4vw,28px);
}

.btn-jkl45-1 {
  font-size: clamp(18px,4vw,23px);
  color: #fafafa;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 10px;
  border: 2px solid  var(--ccard-main);
  background: #252525;
  box-shadow: 3px 3px var(--ccard-main);
  cursor: pointer;
  margin: 35px 0;
}

.btn-jkl45-1:active {
  box-shadow: none;
  transform: translate(3px, 3px);
}
.btn-jkl45-2 {
  min-height: 53px;
  min-width: 166px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  cursor: pointer;
 pad: 10px;
  background: var(--ccard-main);
  border: 2px solid #acf7ff;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-jkl45-2:before {
  content: "";
  width: 4px;
  height: 28px;
  background: #19173b;
  border: 2px solid #acf7ff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
  bottom: -7px;
  left: 4px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

.btn-jkl45-2:after {
  content: "";
  position: absolute;
  left: -2px;
  bottom: -2px;
  border-top: 15px solid transparent;
  border-left: 15px solid #fffcf7;
}
.btn-jkl45-2:hover{
  transform: translateY(-5px);
}

.btn-jkl45-3 {
  text-align: center;
  display: inline-block;
  padding: 0.9rem 1.8rem;
  font-size: 16px;
  font-weight: 700;
  color: white;
  border: 3px solid var(--ccard-main);
  cursor: pointer;
  position: relative;
  background-color: transparent;
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  font-family: inherit;
 }
 
 .btn-jkl45-3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ccard-main);
  transform: translateX(-100%);
  transition: all .3s;
  z-index: -1;
 }
 
 .btn-jkl45-3:hover::before {
  transform: translateX(0);
 }
 .btn-jkl45-4 {
  font-size: 1rem;
  padding: 0.8em 2em;
  background-color: #000;
  border: 3px solid var(--ccard-main);
  border-radius: 1em;
  color: #fff;
  font-weight: bolder;
  transition: cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
  box-shadow: -5px 5px 0px 0px var(--ccard-main);
  cursor: pointer;
}

.btn-jkl45-4:hover {
  transform: translate(5px, -5px);
}

.btn-jkl45-5  {
  cursor: pointer;
    --b: 3px;
    --s: .45em;
    --color: var(--ccard-main);
    font-weight: bold;
    padding: calc(.5em + var(--s)) calc(.9em + var(--s));
    color: var(--color);
    --_p: var(--s);
    background: conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0)
      var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
    transition: .3s linear, color 0s, background-color 0s;
    outline: var(--b) solid #0000;
    outline-offset: .6em;
    font-size: 16px;
    border: 0;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .btn-jkl45-5:hover,
  .btn-jkl45-5:focus-visible {
    --_p: 0px;
    outline-color:var(--ccard-main);
    outline-offset: .05em;
  }
  
  .btn-jkl45-5:active {
    background: #ffffff;
    color: #000000;
  }

  .footer-logos {
  display: flex;
  justify-content: center; 
  align-items: center;
  gap: 20px;
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;

  a img {
    max-height: 50px;
    width: 100%;
    display: block;
    max-width: none;
    transition: 0.3s linear;
    
    &:hover,
    &:hover{
      transform: scale(0.96);
      opacity: 0.8;
    }
  }
}