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

:root{
  --bg-1: #1E5631;
  --bg-2: #4CAF50; 
  --bg-3: #81C784; 
  --bg-4: #2E7D32; 
  --bg-5: #A5D6A7; 

--bg-main:var(--bg-1);
--card-grad-1: linear-gradient(144deg, #69f746 20%, #4CAF50 55%, #007e04 90%), #e2d245; 
--card-grad-2: linear-gradient(144deg, #26fc30 18%, #2E7D32 52%, #96f845 88%), #e6d543; 
--card-grad-3: linear-gradient(144deg, #53fa59 15%, #06D6A0 50%, #38B6FF 85%), #4ee5eb; 
--card-grad-4: linear-gradient(144deg, #4CAF50 15%, #FFB74D 50%, #388E3C 85%), #15ff57; 
--card-grad-5: linear-gradient(144deg, #6FBF73 16%, #FFDD57 51%, #FFA726 84%), #29f1b5; 


--card-grad-main:var(--card-grad-1);

--card-1: #4CAF50; 
--card-2: #00a008; 
--card-3: #48A999; 
--card-4: #FFD54A; 
--card-5: #ff7738; 


--title-main-col:var(--title-col-1);
--card-main:var(--card-1);

--over-1:rgba(30, 86, 49,0.6);
--over-2:rgba(30, 86, 49,0.6);
--over-3:rgba(30, 86, 49,0.6);
--over-4: rgba(30, 86, 49,0.6);
--over-5:rgba(30, 86, 49,0.6);

--ov-main:var(--over-1);

--rand-1:transparent;
--rand-2:var(--ov-main);

--rand-main:var(--rand-1);


--pg-card-15-18:16px;
--pg-card-18-22:22px;
--pg-card-12-14:12px;
--margin25:20px 0px;
--sec-padd:44px 0px;
--border-r:26px;
  --white:white;
  --black:black;
  --gap-25-30: 26px;
  --gap-30-40:37px;


}

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

::-webkit-scrollbar {
  width: 13px; 
}

::-webkit-scrollbar-thumb {
  background:var(--card-grad-main);
  border-radius: 14px; 
}

::-webkit-scrollbar-track {
  background: #f0f0f0; /
}



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

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

button{
  border: none;
  cursor: pointer;
}
ol, ul {
  list-style: none;
}

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

body{
  background-color: var(--bg-main);
  background-image: url(img/bg.png);
  background-size: 100%;
  background-position: top left;
  overflow-x: hidden;
  line-height: 1.3;
  direction: ltr;
  font-family: 'Khand', sans-serif !important;
  font-size: 18px;
  margin: 0;
  padding: 0px;
}
ul,li{
  padding: 0px;
  margin: 0px;
  list-style: none;
}
p,li{
  padding: 5px 0px;
}
p{
  font-weight: 400;
}
a{text-decoration: none;
  transition: all 0.2s ease;
}

img{
  width: 100%;
  display: block;
}
.box-title-tbv02{
  display: flex;
  justify-content: center;
}
.title-tbv02{
  display: inline-block;
  font-size:clamp(22px,4vw,36px);
text-align: center;
  position: relative;
  font-weight: 700;
  padding: var(--pg-card-12-14) 5px;
  background:var(--card-grad-main);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container-tbv02{
  position: relative;
  width: 100%; 
  max-width: 1200px; 
  margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
  box-sizing: border-box;
}

#games1{
  display: block;
}

.navbar {
  height: 90px;
  border-radius: var(--border-r);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 15px;
  background-color: #333;
  color:var(--white);
  flex-direction: row;

}

.logo {
  
  width: 76px ;
  height: 76px;
}
.logo img {
  width: 76px ;
  height: 76px;
  object-fit: contain;
}
.nav-list {
  list-style: none;
  display: flex;
}

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

.nav-list a {
  text-decoration: none;
  color:var(--white);
  font-size: 18px;
  padding: var(--pg-card-18-22);
}
.nav-list a:hover{
  transform: translateY(3px);
  color: var(--card-main);
}
.menu-toggle {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.bar {
  height: 3px;
  width: 28px;
  background-color: var(--white);
  margin: 4px 0;
  transition: all 0.2s ease;
}



  .nav-list {
    border-radius: var(--border-r);
    background: var(--card-grad-main);
    gap: var(--pg-card-12-14);
      display: flex;
      flex-wrap: wrap;
    
      width: 100%;
      position: absolute;
      top: 100px;
      left: 0;
      justify-content: center;
      transform: translateY(-100%);
      opacity: 0;
      transition: transform 0.4s ease, opacity 0.4s ease;
      visibility: hidden;
  }

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

  .nav-list li {
    display: flex;
    min-width: 110px;
    min-height: 80px;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-r);
    background-color: rgba(0, 0, 0, 0.5);
 
      margin: 24px 0;
      text-align: center;
  }
@media (min-width:1199px) {
  .nav-list li {
    width: calc(25% - 14px);
  }
}
  .thumb-hero-tbv02{
    display: flex;
padding: var(--pg-card-18-22);
gap: var(--gap-25-30);
flex-direction: row;

  }
  @media (max-width:767px) {
    .thumb-hero-tbv02{
      flex-direction: column;
    }
  }
.box-hero-tbv02{
  flex: 1;
}
#hero-box-1{
  display: block;
}
.video-container {
  position: relative;
  width: 100%;

  overflow: hidden;
}

.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  object-position: center;
  border-radius: var(--border-r);
}

.img-hero-tbv02{
  width: 100%;
  max-height: 636px;
  height: 100%;
}
.img-hero-tbv02 img{
  border-radius: var(--border-r);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#text-container{
  text-align: center;
  font-family: "Saira Semi Condensed", "sans-serif";
  font-weight: 700;
  font-size: clamp(50px, 6.25vw, 140px);
  letter-spacing: -0.125vw;
}
  .colored {
    background:var(--card-grad-main);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box-online-hero-tbv02{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-25-30);}

.online-hero-tbv02{
  width: calc(33% - 30px);
  border-radius: var(--border-r);
  padding: var(--pg-card-18-22);
  background: var(--card-grad-main);
}

@media (max-width:575px) {
  .online-hero-tbv02{
    width: 100%;
  }
}
@media (min-width:576px) and (max-width:1199px) {
  .online-hero-tbv02{
    width: calc(50% - 30px);
  }
}
.txt-online-hero-num-tbv02{
  text-align: center;
  color: var(--white);
  font-size: clamp(19px,4vw,36px);
  font-weight: 700;
}
.txt-online-hero-txt-tbv02{
  text-align: center;
  color: var(--white);
  font-size: clamp(16px,4vw,26px);
}

.section-about-tbv02{
  padding: var(--sec-padd) var(--pg-card-18-22);
}
.box-about-tbv02{
  position: relative;
  background-image:url("imagevault/bg/bg-all-0689c84ead4a36.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
min-height: fit-content;
padding: var(--gap-30-40) 0px;
  border-radius: var(--border-r);
}
.box-about-tbv02::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--ov-main);
  z-index: 1; 
  border-radius: var(--border-r);

}
.box-item-abotu-tbv02{
  position: relative;
  z-index: 1  ;
  padding: 0px var(--pg-card-18-22);
}
.txt-about-tbv02{
  color: var(--white);
  text-align: center;
}
.box-btn-about-tbv02{
  display: flex;
  justify-content: center;
  margin:var(--margin25);
}

.section-games1-tbv02{
  padding: var(--sec-padd);
 
}
.allthumb-games1-tbv02{
  display: flex;
  flex-direction: column-reverse;
   
    gap: var(--gap-25-30);
}
@media (min-width:575px) {
  .allthumb-games1-tbv02{
    padding: var(--pg-card-18-22);
  }
}
.thumb-games1-tbv02{
    padding: var(--pg-card-18-22);
    gap: var(--gap-25-30);
    flex-direction:  row;
}
@media (min-width:575px) {
  .thumb-games1-tbv02{
    padding: var(--pg-card-18-22);}
}
@media (min-width:1199px) {
  .thumb-games1-tbv02{
    display: flex;}
}
.box-item-games1-tbv02{
  flex: 2 ;
  display: flex;
  padding: var(--gap-30-40);
  background:var(--card-grad-main);
  border-radius: var(--border-r);

}

@media (max-width:767px) {
  .box-item-games1-tbv02{
    flex-direction: column-reverse;
    gap: var(--gap-25-30);
  }
}
@media (max-width:1199px) {
  .zero-thumb-games1-tbv02{
    display: none;
  }
}
@media (min-width:1200px) {
  .zero-thumb-games1-tbv02{
    flex: 1;
  }
}

.box-games1-tbv02{
  flex: 1 ;
  display: flex;
  gap: var(--gap-25-30);
}
@media (max-width:767px) {
  .box-games1-tbv02{
    justify-content: center;
  }
}
.txt-box-games1-tbv02{
  display: flex;
  flex-direction: column;
    justify-content: space-between;
}
@media (max-width:767px) {
  .txt-box-games1-tbv02{
    justify-content: space-between;
    align-items: center;
    justify-content: center;
  }
}

.box-img-games1-tbv02{
  flex: 2;
}
@media (min-width:768px) {
  
  .box-title-games1-tbv02{
    padding: var(--gap-25-30);
  }
}
.link-title-games1-tbv02{
  color: var(--white);
  text-align: center;
  margin: var(--margin25);
  transition: all 0.2s ease;
  padding: var(--pg-card-12-14);
  border-radius: var(--border-r);
}
.link-title-games1-tbv02:hover{
  color: var(--white);
  background-color: var(--card-main);
 
}
.item-img-games1-tbv02{
height:526px;
}
.item-img-games1-tbv02 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-r);
  transition: all 0.5s ease;
}
.item-img-games1-tbv02 img:hover{
  border-radius: 30%;
}
.box-rating-games1-tbv02{
  max-width: 100px;
  display: flex;
padding: 0px 5px;
color: var(--white);
text-align: center;
justify-content: center;
align-items: center;
}
.link-games1-tbv02{
  max-width: fit-content;
  color: var( --white);
}
.link-games1-tbv02:hover .box-svg-btn-games1-tbv02{
  transform: rotate(-180deg);
  
}
.box-btn-games1-tbv02{
  transition: all 0.2s ease;
  width: max-content;
  gap: var(--pg-card-12-14);
  align-items: center;
  display: flex;
  padding: var(--pg-card-12-14);
border:1px solid var(--card-main);
border-radius: var(--border-r);
}
.link-games1-tbv02:hover .box-btn-games1-tbv02{
  background-color: var(--card-main);
}
.box-svg-btn-games1-tbv02{
  transition: all 0.2s ease;
background-color: var(--white);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.box-svg-btn-games1-tbv02 svg{
width: 20px;
height: 20px;
}

.section-games2-tbv02{
  padding: var(--sec-padd);
}
.thumb-box-games2-tbv02 {
  display: flex;
  gap: var(--gap-25-30);
  flex-wrap: wrap;
}
.box-games2-tbv02 {

  width:100% ;

}
@media (min-width:992px) {
  .box-games2-tbv02 {
    width: calc(50% - 30px) ;
  }
}
.box-img-games2-tbv02 {
  border-radius: var(--border-r);
  height: 385px;
  overflow: hidden;
}
.box-games2-tbv02:hover .box-img-games2-tbv02 img {
  transform: scale(1.2);
}
.box-img-games2-tbv02 img {
  transition: transform 0.7s ease;
  border-radius: var(--border-r);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-txt-games2-tbv02 {
  position: relative;
  border-top-right-radius:var(--border-r);
  background-color: var(--bg-main);
  width: 85%;
  margin-top: -70px;
}
.title-games2-tbv02{
  padding: var(--margin25);
  color: var(--white);
}

.section-testi-tbv02{
  padding: var(--sec-padd);

}
.testimonial-slider {
  display: flex;
  justify-content: center;
  align-items: center;
padding: 44px 0px;
}

@media (min-width:767px) {
  .testimonial-slider {
    width: 100%;}
}
.slider-track-container {
  overflow: hidden;
}

.slider-track {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  gap: var(--pg-card-18-22);
}


@media (max-width:575px) {
  .slide {
    box-sizing: border-box;
    padding: 5px;
  }
}
@media (max-width:767px) {
  .slide{
    width: 100%;
  }
}
@media (min-width:767px) and (max-width:1199px) {
  .slide {
    width: calc(50% - 30px);
   }
}
@media (min-width:1200px)  {
  .slide {
    width: calc(33% - 30px);
  }
}
blockquote {
  font-size: 18px;
padding: 24px;
  border-radius: 14px;
  width: 100%;
}
.svg-box-texti-tbv02 svg{
  color: var(--card-main);
  width: 76px ;
  height: 76px;
}
.box-txt-testi-tbv02{
  padding-top:var(--pg-card-18-22) ;
  padding-left:var(--pg-card-18-22) ;
  padding-right:var(--pg-card-18-22) ;
  padding-bottom:  var(--gap-25-30);
  background: #29293d;
  border-radius: var(--border-r);
}
.txt-testi-tbv02{
color: var(--white);
}
.person-info {
  display: flex;
  align-items: center;
  margin-top: 24px;
  background: #29293d;
  padding:var(--pg-card-18-22); 
  display: flex;
  align-items: center;
  gap: clamp(6px, 0.521vw, 16px);
  border-radius:var(--border-r);

}

.person-info img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin-right: 14px;
}
.name-texti-tbv02{
  color: var(--white);
}
.stars {
  color: var(--card-main);
}


.section-step-tbv02 {
  padding: var(--sec-padd);
}

.thumb-step-tbv02 {
  display: flex;
  flex-direction: column;
}
.box-thumb-step-tbv02{
  display: flex;
  flex-direction: row;
}
.box-step-tbv02 {
  flex: 1;
  border-radius: 4886px clamp(18px, 1.25vw, 48px) clamp(18px, 1.25vw, 48px) 4886px;
  border: 1px solid var(--card-main)  ;
  border-right: 0;
  padding: clamp(12px, 1.25vw, 40px);
  padding-right: 0;
  margin-top: -2px;
}
@media (max-width:767px) {
  .box-step-tbv02{
    display: none;
  }
  .box-step-r-tbv02 {
    display: none;
  }
}
.box-step-r-tbv02 {
  margin-top: -2px;
  flex: 1;
  border-radius: clamp(18px, 1.25vw, 48px) 4886px 4886px clamp(18px, 1.25vw, 48px);
  border: 1px solid var(--card-main);
  border-left: 0;
  padding: clamp(12px, 1.25vw, 40px);
}
.box-img-tbv02 {
 height: 385px;
}
.box-img-tbv02 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4886px clamp(18px, 1.25vw, 48px) clamp(18px, 1.25vw, 48px) 4886px;
}

.box-img-right-tbv02 {
 height: 385px;
}
.box-img-right-tbv02 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(18px, 1.25vw, 48px) 4886px 4886px clamp(18px, 1.25vw, 48px);
}

.box-step-right-tbv02,.box-step-left-tbv02 {
  flex: 1;
  padding: var(--gap-25-30)  0px;
}
.txt-step-tbv02{
  color: var(--white);
  padding: var(--gap-25-30);
}
.box-num-step-tbv02{
  padding: 0px var(--gap-25-30);
}
.box-num-step-tbv02 p{
  background-color: var(--card-main);
  font-size: 26px;
  font-weight: 700;
  color: var(--white);
  width: fit-content;
  padding: 24px;
}

.section-gallery-tbv02{
  padding: var(--sec-padd);
}
.gallery-tbv02 {
  display: flex;
  gap: 14px; 
}

.gallery-item-tbv02 {
  flex: 1;
  border-radius:var(--border-r);
  overflow: hidden;
  transition: flex 0.2s ease;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  height:326px;
}

@media (min-width:768px) {

  .gallery-item-tbv02:hover {
    flex: 3; 
  }
  
}
.gallery-item-tbv02 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease;
}



@media (max-width: 767px) {
  .gallery-tbv02 {
    flex-direction: column;
  }

  .gallery-item-tbv02 {
    flex: none;
    width: 100%;
    height: 203px; 
  }
}

.box-form-tbv02{
  margin: 0 auto;
  max-width:960px ;
}
.form-action-tbv02{
  background: #29293d;
  padding: clamp(12px, 1.25vw, 40px);
  border: 1px solid var(--card-main);
  display: flex;
  flex-direction: column;
  border-radius: var(--border-r);
}
.form-action-tbv02 label {
  color: var(--white);
  margin: 5px 0px;
}
.input-input--wrapper-control{
  margin: 14px 0px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  outline: none;
  border: 1px solid var(--card-main);
  padding: var(--pg-card-12-14);
  border-radius: var(--border-r);

}
.input-input--wrapper-control:focus{
  border-color: var(--card-main); 
  box-shadow: 0 4px 8px var(--card-main), 
              0 1px 3px rgba(0, 0, 0, 0.1); 
}
.textarea-input--wrapper-control{
  resize: none;
  margin: 14px 0px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  outline: none;
  border: 1px solid var(--card-main);
  padding: var(--pg-card-12-14);
  border-radius: var(--border-r);

}
.textarea-input--wrapper-control:focus{
  border-color: var(--card-main); 
  box-shadow: 0 4px 8px var(--card-main), 
              0 1px 3px rgba(0, 0, 0, 0.1); 
}

.thumb-disclaimer-tbv02 {
  background: var(--card-grad-main);
    padding: clamp(12px, 1.25vw, 40px);
    border: 1px solid var(--card-main);
    border-radius: var(--border-r);
    animation: scaleBox 1s infinite alternate;
}
@keyframes scaleBox {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.box-pos-discl-tbv02{
  display: flex;
  flex-direction: column-reverse;
}
.thumb-txt-discl-tbv02 {
  text-align: center;
  color: var(--black);
}
.box-img-discl-tbv02{
  display: flex;
  justify-content: center;
  margin: var(--margin25);
}
.thumb-img-discl-tbv02 {
  width: 65px;
  height: 65px;
}
.thumb-img-discl-tbv02 img{
  object-fit: contain;
}

.thumb-polityki-tbv02 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pg-card-15-18);
 margin: var(--margin25);
  justify-content: center;
}
.thumb-polityki-tbv02 li{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
  width: 100%;
  background-color:#29293d ;
  padding:var(--pg-card-12-14);
  border-radius: var(--border-r);
  transition: all 0.2s ease;
}
@media (min-width:576px)  and (max-width:991px) {
  .thumb-polityki-tbv02 li{
    width: calc(50% - 18px);}
}
@media (min-width:992px)  {
  .thumb-polityki-tbv02 li{
    width: calc(33% - 18px);}
}
.link-menu-footer-tbv02 {
 
  color: var(--white);

}
.thumb-polityki-tbv02 li:hover{
  background-color: var(--card-main);
}
.box-copy-tbv02{
  display: flex;
  justify-content: center;
}
.copy-title-tbv02{
  color: #29293d;;
}

.pos-cont-tbv02{
  display: flex;
  flex-direction: column-reverse;
}
.input-cont-tbv02{
  margin: 14px 0px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  outline: none;
  border: 1px solid var(--card-main);
  padding: var(--pg-card-12-14);
  border-radius: var(--border-r);
}
.input-cont-tbv02:focus{
  border-color: var(--card-main); 
  box-shadow: 0 4px 8px var(--card-main), 
              0 1px 3px rgba(0, 0, 0, 0.1); 
}
.btn-box-form-tbv02{
  display: flex;
  justify-content: center;
  margin: var(--margin25);
}
.box-privacy-cont-tbv02{
  gap: 5px;
  display: flex;
  align-items: center;
}
.check-color-tbv02{
  color: var(--white);
  font-size: clamp(14px,4vw,16px);
}
.privacy-link-tbv02{
  color: var(--white);
}
.privacy-link-tbv02:hover{
  color: var(--card-main);
}
.box-contact-info-tbv02{
  display: flex;
  flex-wrap: wrap;
  gap: var(--pg-card-18-22);
  justify-content: center;
  margin: var(--margin25);
}
.block-contact-tbv02{
  display: flex;
  align-items: center;
    justify-content: center;
  width: calc(33% - 30px);
  border-radius: var(--border-r);
  padding: var(--pg-card-18-22);
  background: var(--card-grad-main);
}
@media (max-width:767px) {
  .block-contact-tbv02{
    width: 100%;

  }
}
.link-contacts-tbv02{
  text-align: center;
  color: var(--black);
}
.link-contacts-tbv02:hover{
  color: var(--card-main);
}
.txt-adres-tbv02{
  color: var(--black);

  text-align: center;
}

.bg-page-tbv02{
  background-color: var(--bg-main);
  padding: var(--pg-card-18-22);
}
.games-thumb-page-tbv02{
  display: flex;
  gap:var(--gap-25-30);
  background-color: var(--bg-main);
  padding: var(--sec-padd);
  flex-direction: column-reverse;

}
.thumb-img-main-tbv02 {
  align-items: center;
  display: flex;
gap: var(--gap-25-30);
border-radius: var(--border-r);
  padding: var(--pg-card-18-22);
  justify-content: center;

}
@media (max-width:767px) {
  .thumb-img-main-tbv02{
    flex-direction: column-reverse;
  }
}
@media (max-width:575px) {
  .thumb-img-main-tbv02{
    flex-direction: column;
  }
}

.main-page-tbv02 {
  padding: var(--pg-card-18-22);
  object-fit: contain;
  height: 385px;
}

@media (max-width:576px) {
  .main-page-tbv02 {
    height: auto;
  }
}
.txt-main-page-tbv02 {
  color:var(--white);
  border-radius: var(--border-r);
  padding: var(--pg-card-18-22);
  background: var(--card-grad-main);
  position: relative;
}
.game-main-tbv02{
  display: flex;
  padding: var(--pg-card-12-14);
  justify-content: center;
  height: 100vh;
}
.game-main-tbv02 iframe{
  border-radius: var(--border-r);
}

.privacy-section-tbv02{
  word-break: break-all;
  background-color: var(--bg-main);
 }
 .privacy-tbv02{
  color: var(--white);
}

.btn-1 {
  transition: all 0.2s ease-in-out;
  font-family: "Dosis", sans-serif;
}

.btn-1  {
padding: var(--pg-card-12-14);
  border-radius: 44px;
  background: var(--card-grad-main);
  box-shadow: 0 20px 30px -6px var(--ov-main);
  outline: none;
  cursor: pointer;
  border: none;
  font-size: 22px;
  color: white;
}

.btn-1:hover {
  transform: translateY(3px);
  box-shadow: none;
}

.btn-1:active {
  opacity: 0.5;
}
.btn-2 {
  padding: 14px 15px;
  border: none;
  outline: none;
  background-color: var(--card-main);
  color: #eee;
  border-radius: 7px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.25s ease-out;
}

.btn-2:hover {
  transform: translateY(-3px);
}
.btn-3 {
  padding: 15px 26px;
  border: 1px solid #2c2c2c;
  background-color: #1a1a1a;
  color: #ffffff;
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 26px;
  transition: all 0.4s ease;
  outline: none;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.btn-3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle,
    var(--ov-main) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  transform: scale(0);
  transition: transform 0.4s ease;
}

.btn-3:hover::after {
  transform: scale(4);
}

.btn-3:hover {
  border-color: var(--white);
  background: #292929;
}
.btn-4 {
  font-family: inherit;
  display: inline-block;
padding: 13px;
  line-height: 2.5em;
  margin: 15px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid var(--card-main);
  transition: color 0.4s;
  z-index: 1;
  font-size: 18px;
  border-radius: 6px;
  font-weight: 400;
  color: var(--card-main);
}

.btn-4:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: var(--card-main);
  height: 150px;
  width: 200px;
  border-radius: 50%;
}

.btn-4:hover {
  color: #fff;
}

.btn-4:before {
  top: 100%;
  left: 100%;
  transition: all 0.7s;
}

.btn-4:hover:before {
  top: -30px;
  left: -30px;
}

.btn-4:active:before {
  background: var(--card-main);
  transition: background 0s;
}
.btn-5 {
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  padding: 0.7em 2em;
  border: 3px solid var(--card-main);
  border-radius: 2px;
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
  color: var(--card-main);
  text-decoration: none;
  transition: 0.2s ease all;
  z-index: 1;
}

.btn-5:before {
  transition: 0.4s all ease;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  opacity: 0;
  content: '';
  background-color:var(--card-main);
  z-index: -1;
}

.btn-5:hover, .btn-5:focus {
  color: white;
}

.btn-5:hover:before, .btn-5:focus:before {
  transition: 0.4s all ease;
  left: 0;
  right: 0;
  opacity: 1;
}

.btn-5:active {
  transform: scale(0.9);
}

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

.footer-logos a img {
  max-height: 50px;
  width: auto;
  display: block;
}

@media screen and (max-width: 575px){
  .footer-logos {
    flex-direction: column;
  }
  .footer-logos a img {
  max-width: 280px;
  }
}