@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');

:root{
 --bg-1:#BFB0A3;
 --bg-2:#8C6046;
 --bg-3:#D9A282;
 --bg-4:#592A19;
 --bg-5:#260C07;
--bg-main:var(--bg-2);
--ov-1:rgba(191, 176, 163,0.7);
--ov-2:rgba(140, 96, 70,0.7);
--ov-3:rgba(217, 162, 130,0.7);
--ov-4:rgba(89, 42, 25,0.7);
--ov-5:rgba(38, 12, 7,0.7);
--ov-main:var(--ov-2);
--cr-1: #91A646;
--cr-2:#F2B705;
--cr-3:#D97904;
--cr-4:#f7963c;
--cr-5:#0082be;
--cr-main:var(--cr-2);

--margin25:24px 0px;
--sec-padd:47px 0px;
--border-r:21px;
  --white:white;
  --black:black;
  --gap-25-30: 29px;
  --gap-30-40:30px;

}

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.5;
  direction: ltr;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  font-size: 18px;
  margin: 0;
  padding: 0px;
}
ul,li{
  padding: 0px;
  margin: 0px;
  list-style: none;
}
p,li{
  padding: 5px 0px;
}
a{text-decoration: none;
  transition: all 0.2s ease;
}

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

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

#qwse2561{
  display: none;
}
.title-box-258-gms{
  display: flex;
  justify-content: center;
  margin: var(--margin25);
}
.title-wrapper-258-gms {
  position: relative;
  display: inline-block;
  padding: 16px;
}

.circle-258-gms {
  width: 17px;
  height: 17px;
  background-color: var(--cr-main);
  border-radius: 50%;
  position: absolute;
  display:none;
}

.circle-258-gms:nth-child(1) {
  top: 0;
  left: 0;
  animation: move1 2s linear infinite;
}

.circle-258-gms:nth-child(2) {
  top: 0;
  right: 0;
  animation: move2 2s linear infinite;
}

.circle-258-gms:nth-child(3) {
  bottom: 0;
  right: 0;
  animation: move3 2s linear infinite;
}

.circle-258-gms:nth-child(4) {
  bottom: 0;
  left: 0;
  animation: move4 2s linear infinite;
}

.title-text-258-gms {
  font-size:clamp(22px,4vw,36px);
  color: var(--white);
  font-weight: 900;
  text-align: center;
  position: relative;
}
.title-text-258-gms-black{
  color: var(--black);
}
@keyframes move1 {
  0% {
      left: 0;
      top: 0;
  }
  25% {
      left: 100%;
      top: 0;
  }
  50% {
      left: 100%;
      top: 100%;
  }
  75% {
      left: 0;
      top: 100%;
  }
  100% {
      left: 0;
      top: 0;
  }
}

@keyframes move2 {
  0% {
      right: 0;
      top: 0;
  }
  25% {
      right: 0;
      top: 100%;
  }
  50% {
      right: 100%;
      top: 100%;
  }
  75% {
      right: 100%;
      top: 0;
  }
  100% {
      right: 0;
      top: 0;
  }
}

@keyframes move3 {
  0% {
      right: 0;
      bottom: 0;
  }
  25% {
      right: 100%;
      bottom: 0;
  }
  50% {
      right: 100%;
      bottom: 100%;
  }
  75% {
      right: 0;
      bottom: 100%;
  }
  100% {
      right: 0;
      bottom: 0;
  }
}

@keyframes move4 {
  0% {
      left: 0;
      bottom: 0;
  }
  25% {
      left: 0;
      bottom: 100%;
  }
  50% {
      left: 100%;
      bottom: 100%;
  }
  75% {
      left: 100%;
      bottom: 0;
  }
  100% {
      left: 0;
      bottom: 0;
  }
}





.container-header-258-gms{
  width: 100%;
  position: absolute;
  margin: 0 auto;

}

header{
 position: relative;
 z-index: 999;
width: 100%;
}
  .navbar {
    margin-top: 30px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 28px 51px;
    color: var(--black);
    flex-direction: row-reverse;
}
@media (max-width:575px) {
  .navbar {
    padding: 16px;
  }

}
@media (max-width:991px) {
  .navbar{
    justify-content: space-between;
  }
}

.logo-thumb-258-gms{
  display: flex;
  align-items: center;
  gap: 13px;
  color:var(--white);
  font-weight:900;
  font-size:clamp(18px,4vw,21px);
}
.logo-thumb-258-gms:hover{
  color: var(--cr-main);
}
.logo-img-258-gms{
  width: 41px;
}
.logo-img-258-gms img{
width: 100%;
height: 100%;
object-fit: cover;
}


.nav-list li {
    margin: 0 15px;
}

.nav-list a {
    position: relative;
    display: inline-block;
    color: var(--white);
    font-size:clamp(18px,4vw,22px);
    font-weight: 700;
    gap: 9px;
    text-decoration: none;
}

.nav-list a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--cr-main);
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.2s ease-in-out;
}
.nav-list a::before {
  visibility: visible;
  transform: scaleX(1);
}
.nav-list a:hover{
  color: var(--cr-main);
  transform: scale(1.2);
}
.menu-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
}



@media (max-width: 991px) {
    .menu-toggle {
        display: flex;
    }

    .nav-list {
      z-index: 12;
        display: flex;
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 110px;
        left: 0;
        background-color: var(--white);
        transform: translateX(-100%);
        opacity: 0;
        transition: transform 0.4s ease, opacity 0.4s ease;
        visibility: hidden;
    }

    .nav-list.active {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }

    .nav-list li {
        margin: 18px 0;
        text-align: center;
    }
}
.menu-toggle {
  cursor: pointer;
  display: none; 
}

.bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  transition: all 0.2s ease-in-out;
  background-color: var(--white);
}

.menu-toggle.open .bar:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 6px);
}

.menu-toggle.open .bar:nth-child(2) {
  opacity: 0;
}

.menu-toggle.open .bar:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -6px);
}

.nav-list {
  list-style-type: none;
  display: flex; 
  justify-content: space-around;
  transition: transform 0.4s ease, opacity 0.4s ease, visibility 0s linear 0.4s; 
}

.nav-list.active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition-delay: 0s; 
}

.nav-list.open {
  display: block;
}

@media (max-width: 991px) {
  .menu-toggle {
      display: block; 
  }

  .nav-list {
      display: none; 
      flex-direction: column;
      text-align: center;
      transform: translateX(-100%);
      opacity: 0;
      visibility: hidden;
  }

  .nav-list.active {
    background: var(--bg-main);
      display: flex; 
      align-items: center;
      transition: transform 2s ease, opacity 2s ease;
  }


}

.section-hero-258-gms{
  height: 50vh;
  padding-top: 8rem;
  padding-bottom: 2rem;
  overflow: hidden;
  position: relative;
}
.section-hero-258-gms::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--ov-main);

}
.img-bg-hero-258-gms{
height: 100%;

  position: relative;
  transition: transform 0.2s ease-out;
  will-change: transform;


}
@media (max-width:991px) {
  .img-bg-hero-258-gms{
    display: none;
  }
}
@media (min-width:992px) {
  .img-bg-hero-mob-258-gms{
    display: none;
  }
}
.img-bg-hero-mob-258-gms{
  height: 100%;

  position: relative;
}
.img-bg-hero-mob-258-gms img{
  object-fit: cover;
  object-position: 50% 50%;
  width: auto;
height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.img-bg-hero-258-gms img{
  object-fit: cover;
  object-position: 50% 50%;
  width: auto;
height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width:767px) {
  .img-bg-hero-258-gms img{
    text-align: center;
  }
}
@media (min-width:768px) {
  .img-bg-hero-258-gms img{
    padding: 46px;}
}
.container-hero-258-gms2 {
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 16px;
}
@media (min-width:992px) {
  .container-hero-258-gms2{
    padding: 46px;
  }
}

.title-258-gms {
  padding-top: 109px;
  font-size:30px;
  margin: 0;
  font-weight: 900;
  color: var(--cr-main);

z-index: 1;
}

.description-258-gms {
text-align: center;
  padding: 0 15px;
  font-size:clamp(18px,4vw,28px);
  line-height: 1.5;
  color: var(--white);
  z-index: 1;
}

.contact-info-258-gms {
  font-size: 1rem;

  display: flex;
  justify-content: space-between;
}
@media (max-width:575px) {
  .contact-info-258-gms{
    flex-direction: column-reverse;
  }
}
.contact-info-258-gms p {
  margin: 0;
}
.contact-link-hero-258-gms{
font-size: clamp(16px,4vw,28px);
  color: var(--cr-main); 
  position: relative;
  z-index: 1;
}
.contact-link-hero-258-gms:hover{
  color: var(--white);
}

.section-games1-258-gms{
  padding: var(--sec-padd);
  background-color: var(--bg-main);
}
.container-games1-258-gms {
  padding: 0px 24px;
}
.thumb-games1-258-gms {
  display: flex;
  gap: var(--gap-30-40);
  flex-wrap: wrap;
  justify-content: center;
}
.box-thumb-games1-258-gms {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-25-30);

}
@media (min-width:768px) and (max-width:991px) {
  .box-thumb-games1-258-gms {
    width: calc(50% - var(--gap-25-30));}
}
@media (min-width:992px)  {
  .box-thumb-games1-258-gms {
    width: calc(33.33% - var(--gap-25-30));}
}
@media (min-width:768px) and (max-width:991px) {
  .two-block-games1-258-gms{
    flex-direction: row;
    width: 100%;
    display: flex;
  }
  .box-two-games1-258-gms{
    flex: 1;

  }
}
@media (min-width:992px) {
  .block-games1-258-gms{
    margin-top: 150px;
  }
}

.box-img-games1-258-gms {
  height: 500px;
  clip-path:polygon(-35% 0, 11% 0, 99% 16%, 102% 88%, 116% 80%, -90% 100%, 0 47%, 0 56%)
}
.title-games1-258-gms{
  text-align: center;
  color: var(--white);
  font-size: clamp(18px,4vw,20px);
}
@media (max-width:991px) {
  .box-img-games1-258-gms{
    height: 378px;
  }
}
.box-img-games1-258-gms img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-r);
}
.box-games1-258-gms{
  transition: transform 0.2s ease;
}
.box-games1-258-gms:hover{
  transform: translateY(-10px);
}

.section-games2-258-gms{
  padding: var(--sec-padd);
background-image: url(galleryarchive/back/opacity_bg-0685187a75a1c6.png);
 background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center; 
}

.thumb-games2-258-gms{
  display: flex;
  gap: var(--gap-25-30);
  flex-wrap: wrap;
}
.card {
  width: 100%;
  height: 36rem;
  border-radius: 17px;
  overflow: hidden;
  position: relative;
  color: #f0f0f0;
  box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.2);
}
@media (min-width:768px) and (max-width:1023px) {
  .card {
    width: calc(50% - var(--gap-25-30));
  }
}
@media (min-width:1024px) {
  .card {
    width: calc(33.33% - var(--gap-25-30));
  }
}
.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--ov-main);
  transition: opacity 0.2s ease;
  opacity: 0;
  z-index: 1;
}

.card:hover::before {
  opacity: 1;
}


.card img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
  transition: opacity 0.2s ease-out;
}
.card h2 {
  top: 50%;
    left: 50%;
    transform: translateX(-50%);
  font-size:19px;
  text-align: center;
  width: 80%;
  background-color:rgba(0, 0, 0, 0.6);
  padding: 2px;
  border-radius: 17px;
  z-index: 1;
  position: absolute;
  margin: 0;
  transition: inset 0.2s 0.2s ease-out;
color: var(--cr-main);
 
}
.card .box-games2-258-gms {
  z-index: 1;
  position: absolute;
  opacity: 0;
  max-width: 80%;
  transition: opacity 0.2s ease-out;
}

.box-games2-258-gms {  
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
   justify-content: center;
   z-index: 1;
   
}
@media (min-width:768px) {
  .card:hover h2 {
    transition: all 0.2s ease-out;
  }
 .card:hover .box-games2-258-gms {
    opacity: 1;
    transition: opacity 0.4s 0.1s ease-in;
  }
  .card:hover img {
    transition: opacity 0.2s ease-in;
    opacity: 1;
  }}
  @media (max-width:767px) {
    .card h2 {
      top: 50%;
    left: 50%;
    transform: translateX(-50%);
      font-size: 19px;
      transition: all 0.2s ease-out;
    }
    .box-games2-258-gms {
      opacity: 1;
      transition: opacity 0.4s 0.1s ease-in;
    }
    .card img {
      transition: opacity 0.2s ease-in;
      opacity: 1;
    }
    .card .box-games2-258-gms{
      opacity: 1;
    }
  }


.material-symbols-outlined {
  vertical-align: middle;
}


.section-about-258-gms{
  padding: var(--sec-padd);
  background-color: var(--bg-main);
}
.thumb-about-258-gms{
  display: flex;
  gap: var(--gap-25-30);
  flex-direction: column;
 margin-bottom: 29px;
}
.thumb-box-about-258-gms {
display: flex;
gap: var(--gap-25-30);
}
@media (max-width:575px) {
  .thumb-box-about-258-gms {
    flex-direction: column;
  }
}


.small-box{
  flex: 1;
  transition: transform 0.2s ease;
}
.big-box{
  flex: 2 ;
  transition: transform 0.2s ease;
}
.small-box:hover{

  transform: scale(1.05) rotate(3deg);

}
.big-box:hover{
  transform: scale(1.01) rotate(-3deg);

}
.img-box-about-258-gms {
  height: 300px;
}
.img-box-1{clip-path: polygon(5% 0, 62% 0, 89% 15%, 100% 85%, 71% 86%, 12% 100%, 0 85%, 0 15%);
}
.img-box-2{  clip-path:polygon(5% 0, 95% 0, 100% 86%, 0% -6%, 95% 100%, 5% 100%, 0 85%, 0 15%)
}
.img-box-3{  clip-path:polygon(-35% 0, 11% 0, 99% 15%, 88% 85%, 116% 80%, 5% 100%, 0 49%, 0 38%)
}
.img-box-4{  clip-path: polygon(21% 0, 95% 0, 104% 88%, 100% 87%, 90% 83%, 5% 86%, 0 85%, 0 15%)
}
.img-box-about-258-gms img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.txt-about-258-gms{
  text-align: center;
  font-size: clamp(16px,4vw,20px);
  color: var(--white);
}
.box-about-btn-258-gms{
  display: flex;
  justify-content: center;
  margin: var(--margin25);
}

.section-step-258-gms {
  padding: var(--sec-padd);
background-image: url(galleryarchive/back/opacity_bg-1685187a75a21f.png);
 background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center; 
}

.thumb-step-258-gms {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.box-step-258-gms {
  clip-path: polygon(5% 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 5% 90%, 0 85%, 0 15%);
  width: 100%;
  background-color: var(--cr-main);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  padding: 47px;
  transition: transform 0.2s ease;

}
.box-step-258-gms:hover{
  transform: scale(1.05) rotate(3deg);
}

.box-step-258-gms p {
  color: var(--white);
  font-size: clamp(16px,4vw,18px);
}
.thumb-box-step-258-gms{
  width: 100%;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
@media (min-width:768px) {
  .thumb-box-step-258-gms {
   width:calc(50% - 10px);
  
  }
  .box-step-box-258-gms{
    width: 61px;
    height: 61px;

  }
}
.box-svg-step-258-gms{
  display: flex;
    justify-content: space-between;
    margin: 10px 0px;
}
.num-step-258-gms p {
  font-size: clamp(16px,4vw,21px);

}
.box-svg-step-258-gms svg{
  width: 50px;
  height: 50px;
  stroke:var(--bg-main)
}

.section-faq-258-gms{
  padding: var(--sec-padd);
  background-image: url(galleryarchive/back/opacity_bg-2685187a75a273.png);
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center; 
  position: relative;
  min-height: 860px;
}
.section-faq-258-gms::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--ov-main);

}
#faq {
  direction: initial;
	width: 100%;
	margin-top: 3rem;
}
#faq h2 {
	text-align: center;
	font-style: italic;
}
#faq ol {
  list-style: none;
  padding: 0;
}
#faq ol > li {
	width: 90%;
	margin: 0 auto;
	position: relative;
	min-height: 30px;
	margin-bottom: 10px;
}
#faq h3.question {
	width:85%;
font-size: clamp(18px,2vw,24px);
color: var(--white);
}
#faq .toggle:checked ~ h3.question,
#faq li:hover h3.question {
  color: var(--cr-main);

}
#faq .icon {
	height: 18px;
	position: absolute;
	width: 18px;
	right: 0;
	top: 11px;
	z-index: 2;
}
#faq .icon:before,
#faq .icon:after {
	background: #fdfdfd;
	content: '';
	height: 4px;
	right: 0;
	position: absolute;
	top: 0;
	width: 18px;
	transition: transform 500ms ease;
}
#faq .toggle:checked ~ .icon:before,
#faq .toggle:checked ~ .icon:after,
#faq li:hover .icon:before,
#faq li:hover .icon:after {
	background: var(--cr-main);
}
#faq .toggle:not(:checked) ~ .icon:before {
	transform: rotate(180deg);
}
#faq .toggle:not(:checked) ~ .icon:after {
	transform: rotate(90deg);
}
#faq .toggle {
	width: 100%;
	height: 40px;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	z-index: 3;
}
#faq .border {
	height: 40px;
	border-bottom: 2px solid #fdfdfd;
}
#faq li:hover .border,
#faq .toggle:checked ~ .border {
	border-bottom: 2px solid var(--cr-main);
}
#faq .answer {
  padding: 15px 0 0 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  position: relative;
  opacity: 0;
  transition: .4s ease;
}
#faq .toggle:checked ~ .answer {
  height: auto;
  opacity: 1;
	z-index: 2;
}
#faq .answer > p {
	margin: 0;
	text-align: justify;
  color: var(--white);
  margin-bottom: 20px;
}
.slider-container-258-gms {

  position: relative;
  overflow: hidden;
}

.slider-viewport-258-gms {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.slider-content-258-gms {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 1s ease;
}

.comment-258-gms {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.comment-258-gms.active {
  display: flex;
}

.avatar-258-gms {
  width: 109px;
  height: 109px;
  border-radius: 0%;
  object-fit: cover;
  margin-bottom: 10px;
}

.name-258-gms {
  font-size:clamp(20px,2vw,26px);
  margin-bottom: 5px;
  color: var(--cr-main);
}

.text-258-gms {

  color:var(--white);
  font-size: clamp(18px,2vw,20px);
}
.thumb-item-faq-com-258-gms{
  display: flex;
  gap: 10px;
  flex-direction:  row-reverse;
}
@media (max-width:767px) {
  .thumb-item-faq-com-258-gms{
    flex-direction:  column-reverse;
  }
}
.box-faq-258-gms{flex: 2;}
.box-c0m-258-gms{
  display: flex;
align-items: center;
  flex: 1;
}

.section-form-258-gms {
  padding: var(--sec-padd);
  background-color: var(--bg-main);
}


.form-258-gms {
  width: 75%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 10px;
}
@media (max-width:575px) {
  .form-258-gms {
    width: 100%;
  }
}
.form-258-gms label{
color: var(--white);
font-size: clamp(14px,2vw,18px);

}
.input-main--row-section{
  height: 45px;
  font-size: clamp(13px,2vw,16px);

  line-height: 30px;
  padding: 0 10px;
  border: 2px solid transparent;
  border-radius: 17px;
  outline: none;
  background-color: #f8fafc;
  color: #0d0c22;
  transition: .4s ease;
}
.input-main--row-section:focus, .input-main--row-section:hover {
  outline: none;
  border-color: var(--bg-main);
  background-color: #fff;
  box-shadow: 0 0 0 5px var(--cr-main);
}
.textarea-main--row-section{
  min-height: 90px;
  max-height:200px;
  font-size: clamp(13px,2vw,16px);
  min-width:100%;
  max-width:100%;
  line-height: 30px;
  padding: 0 10px;
  border: 2px solid transparent;
  border-radius: 17px;
  outline: none;
  background-color: #f8fafc;
  color: #0d0c22;
  transition: .4s ease;
}
.textarea-main--row-section:focus, .textarea-main--row-section:hover {
  outline: none;
  border-color: var(--bg-main);
  background-color: #fff;
  box-shadow: 0 0 0 5px var(--cr-main);
}

.box-privacy-cont-258-gms {
  display: flex;
  align-items: center;
  gap: 9px;
}

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

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

.section-footer-258-gms {
  background-color: #0e0403;
  padding: var(--sec-padd);
}


.txt-disclaimer-258-gms {
  color: var(--white);
  font-size: clamp(18px,2vw,20px);
  text-align: center;
}

.box-link-footer-258-gms {
  display: flex;
  justify-content: space-around;
  gap: 16px;
  flex-wrap: wrap;
}
.footer-links-258-gms {
  color: var(--white);
}
.footer-links-258-gms:hover {
  color: var(--cr-main);
  transform: scale(1.05);
}
.box-disclaimer-18-258-gms {
  margin:10px auto;
  height: 90px;
  display: flex;
  max-width: 420px;
  position: relative;
}


@keyframes move {
  from {
    left:0;
    
  }
  to {
      left:70%;
  }
}
.box-img-diclaimer-258-gms {
  animation: move 5s linear infinite alternate;
position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 61px;
}
.box-img-diclaimer-258-gms img{
  object-fit: contain;
}
.box-txt-discl-258-gms {
  margin: 0 auto;
  background-color: var(--cr-main);
  max-width: 960px;
  padding: var(--gap-30-40);
  clip-path: polygon(5% 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 5% 90%, 0 85%, 0 15%);

transition: transform 0.2s ease;

}
.box-txt-discl-258-gms:hover{
  transform: scale(1.05) rotate(3deg);
}
.box-copy-258-gms{
  display: flex;
  justify-content: center;
  align-items: center;
}
.copy-title-258-gms{
  margin: 15px 0;
  color: var(--white);
  text-align: center;
  font-size: clamp(18px,2vw,21px);
}
.heart-fot-svg-258-gms{
  display: inline-block;
  width: 17px;
  height: 17px;
}

.heart-fot-svg-258-gms svg{
 fill:var(--cr-main)
}

.section-form-258-gms {
  padding: var(--sec-padd);
  background-color: var(--bg-main);
}

.contact-boks-258-gms {
  display: flex;
  gap:var(--gap-30-40);
  flex-direction: column;
}
.box-adr-info-258-gms {
  display: flex;
  gap:var(--gap-30-40);
}
@media (max-width:575px) {
  .box-adr-info-258-gms {
    flex-direction: column-reverse;

  }
}
.info-item-258-gms {
  min-height: 120px;
  text-align: center;
  padding: 29px;
  clip-path: polygon(5% 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 5% 90%, 0 85%, 0 15%);
  width: 100%;
  background-color: var(--cr-main);
  color: var(--white);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.info-item-258-gms svg{
  fill: var(--bg-main);
}
.info-item-258-gms a{
  color: var(--white);
}
.info-item-258-gms a:hover{
  color: var(--bg-main);
}
.info-item-258-gms:hover {
  transform: scale(1.05) rotate(3deg);
}
@media (max-width:767px) {
  .info-item-258-gms span{
    flex:1;
  }
}
.contact-form-258-gms {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact-form-input-258-gms {
  height: 45px;
  font-size: clamp(13px,2vw,16px);

  line-height: 30px;
  padding: 0 10px;
  border: 2px solid transparent;
  border-radius: 17px;
  outline: none;
  background-color: #f8fafc;
  color: #0d0c22;
  transition: .4s ease;
}
.contact-form-input-258-gms:focus,.contact-form-input-258-gms:hover{
  outline: none;
  border-color: var(--bg-main);
  background-color: #fff;
  box-shadow: 0 0 0 5px var(--cr-main);
}

.box-allcont-258-gms{
  display: flex;
  flex-direction: column-reverse;
}

.section-main-page-258-gms{
  background-color: var(--bg-main);
  padding: 20px 0;
}
.df-dir-gm{
  display: flex;
  flex-direction:column-reverse ;
  gap: 24px;
}
.thumb-img-main-258-gms {
  clip-path: polygon(5% 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 5% 90%, 0 85%, 0 15%);
background-color: var(--cr-main);
  padding: 16px;

}
.main-page-258-gms {
  height: 420px;
  object-fit: contain;
}
@media (max-width:575px) {
  .main-page-258-gms {
    height: auto;
  }
}
.txt-main-page-258-gms {
  color:var(--white);
}

.privacy-section-258-gms {
  word-break: break-all;
  padding: var(--sec-padd);
  background-color: var(--bg-main);
}

.privacy-258-gms {
  color: var(--white);
}
.privacy-258-gms h1{
  font-size: clamp(24px,4vw,28px);
}
.privacy-258-gms ul{
  list-style: square;
  margin: 0 20px;
}
.privacy-258-gms li{
  list-style: square;

}

.button-258-gms-1 {
  color: var(--cr-main);
  padding: 10px 15px;
  border: 2px solid var(--cr-main);
  border-radius: 45px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: white;
  font-size: 1.2em;
  font-weight: 550;
}

.button-258-gms-1:hover {
  background: var(--cr-main);
  color: white;
}

.button-258-gms-2 {
  background:var(--ov-main);
  color:var(--white);
  font-family: inherit;
  padding: 0.6em 1.3em;
  font-weight:900;
  font-size: 18px;
  border: 2px solid var(--cr-main);
  border-radius: 0.4em;
  box-shadow: 0.1em 0.1em;
  cursor: pointer;
}

.button-258-gms-2:hover {
  transform: translate(-0.05em, -0.05em);
  box-shadow: 0.15em 0.15em;
}

.button-258-gms-2:active {
  transform: translate(0.05em, 0.05em);
  box-shadow: 0.05em 0.05em;
}

.button-258-gms-3 {
  padding: 1em 1.3em;
cursor: pointer;
  border: none;
  border-radius: 10em;
  background: var(--cr-main);
  font-size: clamp(17px,4vw,21px);
  color: #ffffff;
  font-weight: 700;
 }
 
 .button-258-gms-3:hover {
  animation: shake3856 0.2s linear infinite both;
 }
 
 @keyframes shake3856 {
  0% {
   -webkit-transform: translate(0);
   transform: translate(0);
  }
 
  20% {
   -webkit-transform: translate(-2px, 2px);
   transform: translate(-2px, 2px);
  }
 
  40% {
   -webkit-transform: translate(-2px, -2px);
   transform: translate(-2px, -2px);
  }
 
  60% {
   -webkit-transform: translate(2px, 2px);
   transform: translate(2px, 2px);
  }
 
  80% {
   -webkit-transform: translate(2px, -2px);
   transform: translate(2px, -2px);
  }
 
  100% {
   -webkit-transform: translate(0);
   transform: translate(0);
  }
 }
 .button-258-gms-4 {
  position: relative;
 padding: 9px 10px;
 text-align: center;
  border-radius: 41px;
  border: none;
  background-color: var(--cr-main);
  color: white;
  box-shadow: 0px 10px 10px rgb(210, 187, 253) inset,
  0px 5px 10px rgba(5, 5, 5, 0.212),
  0px -10px 10px var(--cr-main) inset;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-258-gms-4::before {
  width: 70%;
  height: 2px;
  position: absolute;
  background-color: rgba(250, 250, 250, 0.678);
  content: "";
  filter: blur(1px);
  top: 7px;
  border-radius: 50%;
}

.button-258-gms-4::after {
  width: 70%;
  height: 2px;
  position: absolute;
  background-color: rgba(250, 250, 250, 0.137);
  content: "";
  filter: blur(1px);
  bottom: 7px;
  border-radius: 50%;
}

.button-258-gms-4:hover {
  animation: jello-horizontal 0.9s both;
}

@keyframes jello-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}
 
.button-258-gms-5 {
  position: relative;
  font-size: clamp(17px,4vw,20px);
  text-transform: uppercase;
  text-decoration: none;
  padding: 1em 2.5em;
  display: inline-block;
  cursor: pointer;
  border-radius: 6em;
  transition: all 0.2s;
  border: none;
  font-family: inherit;
  font-weight: 700;
  color:var(--white);
  background-color: var(--cr-main);
  text-align: center;
}

.button-258-gms-5:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(46, 45, 45, 0.2);
}

.button-258-gms-5:active {
  transform: translateY(-1px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}

.button-258-gms-5::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.4s;
}

.button-258-gms-5::after {
  background-color: var(--cr-main);
}

.button-258-gms-5:hover::after {
  transform: scaleX(1.2) scaleY(1.3);
  opacity: 0;
}