@import url('https://fonts.googleapis.com/css2?family=Biryani:wght@200;300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@400;700&display=swap');

body{
    direction: ltr;
    font-family: 'Biryani', sans-serif !important;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;  
    box-sizing: border-box;
    overflow-x: hidden;
    cursor: url('cursor/cursor-apple.png'), auto;
}

:root{
--backgraund-perc: #FFD1B2;
--light: #f9dfce;
--orange: #EC7755;
--black: #1B1C1E;
--grey: #2C2D2F;

--b-color-1: #f9dfce;
--b-color-2: #d3f9ce;
--b-color-3: #f4cef9;

--b-drc-color-1: #FFD1B2;
--b-drc-color-2: #97cb71;
--b-drc-color-3: #e9b2ff;
}

a {
white-space: normal;
text-decoration: none;
word-break: break-all;
}
ul {
padding-left: 0;
padding-right: 0;
}
li {
margin: 0 20px;
}


.padding-container{
padding: 96px 8px;
}
.margin-container{
padding: 0;
margin: 0 auto;
}

.heder-section {
background-color: var(--b-drc-color-2);
}
.fruit-nav-heder{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.fruit-heder-title{
display: flex;
flex-direction: row;
align-items: center;
}
.fruit-heder-title h1{
color: var(--black);
}
.fruit-h-menu{
  display: flex;
    align-items: center;
    padding: 20px;
}
.fruit-heder-title img{
  height: 78px;
  width: 78px;
  object-fit: contain;
  margin: 10px;
}
.fruit-h-menu div a{
  margin: 0  20px;
  color: var(--grey);
}
.fruit-h-menu div a:hover{
  color: var(--orange);
}
.head-content{
  display: flex;
  flex-direction: row;
}
.head-btn{
  position: relative;
   text-align: center;
  margin: 12px 0;
  z-index: 1;
}
.head-title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.head-title h3{
  text-transform: uppercase;
  color: var(--black);
  position: relative;
}
.head-title span{
  display: inline-block;
width: 117px;
height: 2px;
background-color: var(--orange);
border-radius:4px;
margin: 12px 0;
visibility: visible;
}
.head-img{
  display: flex;
  justify-content: center;
  flex: 1;
}
.head-img img{
  width: 70%;
  position: relative;
  object-fit: contain;
  padding: 20px;
}
.head-section {
  background: linear-gradient(135deg, var(--b-color-2), var(--b-drc-color-2));
  position: relative;
  overflow: hidden;
}

.head-content::before {
  content: '';
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50px);
  width: 265px;
  height: 265px;
  background: radial-gradient(circle, var(--orange), var(--b-color-2));
  animation: float 6s ease-in-out infinite;
  border-radius: 50%;
}

@keyframes float {
  0% {
      transform: translateY(0) scale(1);
  }
  50% {
      transform: translateY(-30px) scale(1.2);
  }
  100% {
      transform: translateY(0) scale(1);
  }
}
.head-content::after {
  content: '';
  position: absolute;
  bottom: -20px;
  width: 102px; 
  height: 102px;
  background: radial-gradient(circle, var(--orange), var(--b-color-2));
  animation: float-reverse 8s ease-in-out infinite; 
  border-radius: 50%;
}

@keyframes float-reverse {
  0% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(30px) scale(1.1);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}


.image-container img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s ease-in-out;
}

.image-container img:hover {
  transform: scale(1.1) rotate(10deg);
}
.fruit-games-section{
  background-color: var(--b-color-2);
}
.fruit-games-container h2{
  text-align: center;
  color: white;
  font-size: 36px;
    margin-bottom: 20px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.fruit-game-items{
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  justify-content: center;

}
.fruit-game-i{
  width: 300px;
}
.fruit-game-i:hover{
  transform: translateY(-2px); 
  transition: background-color 0.3s, transform 0.3s;
}

.fruit-img img{
  border-top:3px solid var(--orange);
    width: 100%;
    height: 318px;
    object-fit: cover;
    border-bottom-left-radius: 43px;
    border-bottom-right-radius: 43px;
}
.fruit-game-title{
  color: var(--orange);
  font-weight:  700;
  font-size: 20px;
    text-align: center;
}
.fruit-game-text {
  display: -webkit-box;
  display: box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  overflow: hidden;
  margin-bottom:  15px;
  color: var(--grey); 
}
.fruit-game-btn{
  text-align: center;
}

.fruit-step-section{
  background-image: url('artisticstorage/background/opacity_bg-06878d3a478300.png');
    background-size: cover;
    background-position: center;
    background-color: var(--b-drc-color-2);
    position: relative;
}

.fruit-step-container{
  max-width: 1280px;
    margin: auto;
    text-align: center;
    color: white;
}

.fruit-step-container h2{
  font-size: 36px;
    margin-bottom:  26px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.step-cards{
  display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap:  12px;
}
.step-card{
  position: relative; 
  background-color: rgba(255, 255, 255, 0.594); 
  border-radius:  12px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden; 
}

.step-card:hover{
  transform: translateY(-2px); 
  transition: background-color 0.3s, transform 0.3s;
}

.step-card::before {
  content: attr(data-step);
  position: absolute; 
  top: -10%; 
  font-size: 100px;
  color: rgba(0, 0, 0, 0.1); 
  z-index: 1;
}
.step-card:nth-child(1)::before {
  left: 20%;
}

.step-card:nth-child(2)::before {
  left: 30%;
}

.step-card:nth-child(3)::before {
  left: 40%;
}

.step-card:nth-child(4)::before {
  left: 50%;
}


.step-card p {
  position: relative; 
  z-index: 2;
  font-size: 16px;
  text-align: center;
  color: var(--orange);
}

.fruit-table-section {
  background-color: var(--b-color-2);
}
.fruit-table-container {
  max-width: 1000px; 
  margin: 0 auto;
  text-align: center;
}

.fruit-table-title h2 {
  text-align: center;
  color: white;
  font-size: 36px;
  margin-bottom:20px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

}

.fruit-table-title p {
  font-size: 18px;
  color: #666;
  margin-bottom: 20px;
}

.lider-table {
  width: 100%;
  border-collapse: collapse; 
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.lider-table th,
.lider-table td {
  padding: 13px;
  text-align: center;
  border-bottom: 2px dashed #ddd;
}

.lider-table th {
  background-color: var(--orange);
  color: white;
  font-weight: bold;
}

.lider-table td {
  font-size: 18px;
  color: #333;
}

.lider-ava {
  width: 51px;
  height: 51px;
  border-radius:50%;
  object-fit: cover;
  border: 2px dashed var(--orange);
}

.lider-table tbody tr:hover {
  background-color: #f1f1f1;
  transform: translateY(-2px); 
  transition: background-color 0.3s, transform 0.3s;
}


.lider-table tbody tr:last-child td {
  border-bottom: none;
}

.fruit-form-section{
background-color: var(--b-color-2);
}

.fruit-form-wpar {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fruit-form-img{
  display: flex;
  justify-content: center;
  flex: 1;
  margin: 20px;
  text-align: center;
  position: relative;
  overflow: hidden;
 }
    
 .fruit-form-img::before {
  content: '';
  position: absolute;
  top: 80px;
  right: 30px;
  width:  273px;
  height:  273px;
  background: radial-gradient(circle, var(--orange), var(--b-color-2));
  animation: float 6s ease-in-out infinite;
  border-radius: 50%;
  }
    
    @keyframes float {
      0% {
          transform: translateY(0) scale(1);
      }
      50% {
          transform: translateY(-30px) scale(1.2);
      }
      100% {
          transform: translateY(0) scale(1);
      }
    }

.fruit-form-img img{
  width: 70%;
  position: relative;
  padding: 36px;
}
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  flex: 1;
}

.form_area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: var(--b-drc-color-2);
  height: auto;
  width: 70%;
  padding:28px 14px;
  border: 2px solid var(--grey);
  border-radius: 20px;
  box-shadow: 3px 4px 0px 1px var(--orange);
  position: relative;
}

.title {
  text-align: center;
  color: white;
  font-size: 36px;
  margin: 20px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.form_group{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.input-user__row_item {
  outline: none;
  border:  2px dashed #264143;
  box-shadow: 3px 4px 0px 1px #E99F4C;
  width: 90%;
  padding:  13px 12px;
  margin: 12px 0;
  border-radius: 4px;
  font-size: 16px;
}

.input-user__row_item:focus,
.textarea-user__row_item:focus {
  transform: translateY(4px);
  box-shadow: 1px 2px 0px 0px #E99F4C;
}

.textarea-user__row_item{
  outline: none;
  border: 2px dashed #264143;
  box-shadow: 3px 4px 0px 1px #E99F4C;
  width: 90%;
  padding:13px 12px;
  margin: 12px 0;
  border-radius: 4px;
  font-size: 16px;
}
.sub_title {
  font-weight:  400;
  margin: 10px 0;
}
.form_group-i{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 12px;
}
.form_style {
  outline: none;
  border: 2px dashed #264143;
  box-shadow: 3px 4px 0px 1px #E99F4C;
  width: 100%;
  padding:  13px 12px;
  border-radius:4px;
  font-size:  16px;
}

.form_style:focus, .btn:focus {
  transform: translateY(4px);
  box-shadow: 1px 2px 0px 0px #E99F4C;
}
.checkbox-container{
  display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.check {
  cursor: pointer;
  position: relative;
  margin: 12px;
  width:  20px;
  height:  20px;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}

.check:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 43px;
  height: 43px;
  border-radius:50%;
  background: rgba(34, 50, 84, 0.03);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.check svg {
  position: relative;
  z-index: 1;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #45474a;
  stroke-width: 1.5;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease;
}

.check svg path {
  stroke-dasharray: 60;
  stroke-dashoffset: 0;
}

.check svg polyline {
  stroke-dasharray: 22;
  stroke-dashoffset: 66;
}

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

.check:hover svg {
  stroke: var(--accent-color, #162b0b);
}

#cbx2:checked + .check svg {
  stroke: var(--accent-color, #162b0b);
}

#cbx2:checked + .check svg path {
  stroke-dashoffset: 60;
  transition: all 0.3s linear;
}

#cbx2:checked + .check svg polyline {
  stroke-dashoffset: 42;
  transition: all 0.2s linear;
  transition-delay: 0.15s;
}
.fruit-about-section {
  background-color: var(--b-color-2); 
}

.fruit-about-title {
  text-align: center;
  color: white;
  font-size: 36px;
  margin-bottom: 20px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.fruit-about-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 28px;
}

.fruit-about-text {
  font-size: 18px;
  line-height: 1.5;
  color: var(--black);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fruit-about-text ul li,
.fruit-about-text ol li {
  margin-bottom: 5px;
}
.fruit-about-text ul,
.fruit-about-text ol {
  margin-bottom: 13px;
  padding-left:  20px;
  list-style: inside;
}
.fruit-about-text a,.fruit-about-text table{
color: inherit;
}
.fruit-about-text p{

text-indent: 2ch;
}
.fruit-about-img{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.fruit-about-img img {
  width: 70%;
  object-fit: cover;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-top: 3px solid var(--orange);
  height: 265px;
  border-bottom-left-radius: 43px;
  border-bottom-right-radius: 43px;
  transition: transform 0.3s ease;
}

.fruit-about-img img:hover {
  transform: scale(1.05);
}

.fruit-benefit-section {
  background-color: var(--b-drc-color-2);
  text-align: center;
}

.fruit-benefit-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 28px;
  justify-content: center;
}

.fruit-benefit-i {
  width: 300px;
  background-color: var(--grey);
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px  10px rgba(0, 0, 0, 0.1);
  border-top: 3px solid var(--orange);
  height: auto;
  border-bottom-left-radius: 43px;
  border-bottom-right-radius: 43px;
}

.fruit-benefit-i:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.fruit-benefit-i img {
  width: 66px;
  height: auto;
  object-fit: contain;
  margin-bottom: 16px;
}

.fruit-benefit-i p {
  font-size: 16px;
  color: white;
  margin-top: 12px;
}
.fruit-priv-section{
  background-color: var(--b-color-2);
}
.fruit-priv-container h2{
text-align: center;
color: white;
font-size: 36px;
margin: 20px;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.fruit-priv-container p{
  color: var(--black);
}
.policy-block{
word-break: break-word;
}
.policy-block ul li,
.policy-block ol li {
  margin-bottom: 5px;
}
.policy-block ul,
.policy-block ol {
  margin-bottom: 13px;
  padding-left:  20px;
  list-style: inside;
}
.policy-block a,.policy-block table{
color: inherit;
}
.policy-block p{
margin-bottom:  10px;
text-indent: 2ch;
}
.fruit-contact-page-section{
  background-image: url('artisticstorage/background/opacity_bg-16878d3a478323.png');
  background-size: cover;
  background-position: center; 
  background-color: var(--b-color-2);

}
.fruit-disclaimer-container{
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.3);
  border: 4px solid var(--orange);
  background-color: var(--orange);
  padding: 28px;
  border-radius: 28px;
  text-align: center;
}
.mg-2{
  margin: 20px;
}
.sectionRewJK{
  display: flex;
  flex-direction:  column;
}
.page-flexRow{
  display: flex;
  gap: 36px;
  flex-direction:  column;
}
.fruit-disclaimer-wrap{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-direction: row-reverse;
  align-items: center;
}

.fruit-form-page-section,
.fruit--disclaimer-section,
.fruit-footer-section {
  background-color: var(--b-color-2);
}
.fruit--disclaimer-section{
  padding: 43px;
}
.fruit-footer-section{
  padding: 96px 8px 0;
}
.footer-list-page{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap; 
  margin: 0;
  line-height: 3;
  list-style: none;
}
.footer-item {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-right: 12px;
}
.footer-item svg {
  flex-shrink: 0;
}
.footer-item a, .footer-item p {
  color: var(--grey); 
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
}
.adres-contact{
  padding: 0 12px;
}
.footer-list-page a:hover {
  text-decoration: underline; 
}
.fruit-footer-menu{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.footer-list{
  display: flex;
    line-height: 3;
    flex-direction: column;
    align-items: center;
}
.footer-list a{
  color: var(--grey);
}
.footer-list a:hover{
  color: var(--orange);
}
.fruit-current-section{
  padding-bottom: 37px;
    background-color: var(--b-color-2);
}
.current-year{
  text-align: center;
  color: grey;
}
.games-page-section {
  background-color: var(--b-color-2);
}
.fruit-game-page-info{
  display: flex;
  margin-bottom: 17px;
    flex-direction: row;
    align-items: center;
  
}
.game-page-img{
  display: flex;
  justify-content: center;
  flex: 1;
}
.game-page-img img{
  width: 100%;
  height: auto;
  border-top: 3px solid var(--orange);
border-bottom-left-radius: 43px;
    border-bottom-right-radius: 43px;
}
.fruit-game-page-text{
  flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.player-num{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.player-num p{
  margin: 0 12px;
}
.player-all {
  font-size: 24px;
}

.new-random-num {
  font-size: 18px; 
  font-weight: 700; 
}
.fruit-menu-mobile {
  display: none; 
  position: fixed;
  top: -100%;
  right: 0;
  width: 100%;
  height: 400px;
  background-color: #fff;
  border-top: 3px solid var(--orange);
  border-bottom-left-radius: 43px;
  border-bottom-right-radius: 43px;
  z-index: 1000;
  transition: top 1.3s ease;
}

.fruit-menu-mobile.active {
 top: 0; 
}

.fruit-open-icon {
  display: none; 
  cursor: pointer;
}

.fruit-close-icon {
  display: block;
  cursor: pointer;
}
.avatarsLK{
  width: 51px;
}

.checkStyle{
  color: var(--grey); 
  font-size:  13px;
}
.check--privacy{
  color: var(--grey); 
  font-size: 13px; 
  padding: 0 10px;
}
.mg-3{
  margin: 37px 0;
}
.fruit-disclaimer-text {
  font-size: 18px;
}
.fruit-disclaimer-img {
  display: flex;
  align-items: center;
  justify-content: center;
  img{
    width: auto;
    object-fit: contain;
    height: 113px;
  }
}
.topBtn{
  color: inherit; 
  width: 265px;
  margin: 12px 0;
  text-align: center;
}

@media screen and (max-width: 480px){
.fruit-about-img img{
  width: 100%;
}
}
@media screen and (min-width: 480px) {
  .margin-container{
    max-width: 480px;
  }
}
@media screen and (min-width: 768px) {
  .margin-container{
    max-width: 768px;
  }
}
@media screen and (min-width: 1200px) {
  .margin-container{
    max-width: 1200px;
  }
}


@media (max-width: 1200px) {
  .fruit-nav-heder{
    flex-direction: column;
  }
.fruit-form-wpar{
  flex-direction: column;
}
.fruit-form-img img{
  width: 100%;
}
.fruit-form-img::before{
  width: 102px;
  height: 102px;
}
.fruit-footer-menu{
  flex-direction: column;
}
}
@media (max-width: 1000px) {
  .fruit-nav-heder{
    flex-direction: row !important;
  }
  .fruit-h-menu {
      display: none; 
  }

  .fruit-open-icon {
      display: block; 
  }

  .fruit-menu-mobile {
      display: block;
  }

  .fruit-menu-mob-items {
      list-style-type: none;
      padding: 0;
      margin: 0;
      text-align: center;
  }

  .fruit-menu-mob-items li {
      padding:15px 0;
  }

  .fruit-menu-mob-items li a {
      text-decoration: none;
      font-size: 18px;
      color: #000;
  }
}
@media (max-width: 768px) {
  .head-content{
    flex-direction: column;
  }
  .form_area{
    width: 90%;
  }
  .fruit-game-i{
    width: 100%;
  } 
  .title {
    font-size: 24px;
  }
  .fruit-disclaimer-wrap{
    flex-direction: column;
  }
  .fruit-heder-title{
    flex-direction: column;
  }
  .footer-item a, .footer-item p{
    font-size: 18px;
  }
  .fruit-game-page-info{
    flex-direction: column;
  }
  .game-page-img img{
    width: 60%;
  }
}


@media (max-width: 500px) {
  .player-img img{
    width: 265px;
  }
  .fruit--disclaimer-section {
    padding:  12px;
  }
  .fruit-heder-title{
    margin: 0  12px;
  }
  .head-title {
    margin: 0  12px;
  }
}


@media (max-width: 425px) {
tr{
  display: flex;
  flex-direction: column;
}
.game-page-img img{
  width: 100%;
}
}
@media (max-width: 375px){
  .form_group{
    align-items: center;
  }
  .input-user__row_item,
  .textarea-user__row_item {
    width: 80%;
  }
  .fruit-form-img img{
    padding: 15px;
  }
}



.button-1 {
  padding: 12px 15px;
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 18px;
  font-weight:400;
  color: var(--grey);
  text-shadow: none;
  background: transparent;
  cursor: pointer; 
  box-shadow: transparent;
  border:2px solid var(--orange);
  transition: 0.5s ease;
  user-select: none;
}

.button-1:hover,
.button-1:focus {
  color: #ffffff;
  background: #EC7755;
  padding: 10px 12px;
  border: 2px solid #EC7755;
  text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff;
  box-shadow: 0 0 5px #EC7755, 0 0 20px #EC7755, 0 0 50px #EC7755,
    0 0 100px #EC7755;
}


 
.button-2 {
   font-size: 18px;
   padding: 12px 22px;
   border-radius: 10px;
   background-image: linear-gradient( #f9dfce, #EC7755);
   border:2px solid rgb(50, 50, 50);
   border-bottom:3 solid rgb(50, 50, 50);
   box-shadow: 0px 1px 6px 0px #EC7755;
   transform: translate(0, -3px);
   cursor: pointer;
   transition: 0.2s;
   transition-timing-function: linear;
 }
 .button-2:focus,
 .button-2:active {
   transform: translate(0, 0);
   border-bottom: 2px solid rgb(50, 50, 50);
 }
 

.button-3 {
  display: inline-block;
  padding: 12px 15px;
  font-size: 16px;
  font-weight:  700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #ff5252;
  border: 2px solid #000;
  border-radius:12px;
  box-shadow: 5px 5px 0px #000;
  transition: all 0.3s ease;
  cursor: pointer;
}

.button-3:hover {
  background-color: #fff;
  color: #ff5252;
  border: 2px solid #ff5252;
  box-shadow: 5px 5px 0px #ff5252;
}

.button-3:active {
  background-color: #fcf414;
  box-shadow: none;
  transform: translateY(4px);
}


.button-4 {
  font: inherit;
  background-color: #f0f0f0;
  border: 0;
  color: #242424;
  border-radius:3px;
  font-size: 18px;
  padding:  13px 18px;
  font-weight:  400;
  text-shadow: 0 0.0625em 0 #fff;
  box-shadow: inset 0 0.0625em 0 0 #f4f4f4, 0 0.0625em 0 0 #efefef,
    0 0.125em 0 0 #ececec, 0 0.25em 0 0 #e0e0e0, 0 0.3125em 0 0 #dedede,
    0 0.375em 0 0 #dcdcdc, 0 0.425em 0 0 #cacaca, 0 0.425em 0.5em 0 #cecece;
  transition: 0.15s ease;
  cursor: pointer;
}
.button-4:active {
  translate: 0 0.225em;
  box-shadow: inset 0 0.03em 0 0 #f4f4f4, 0 0.03em 0 0 #efefef,
    0 0.0625em 0 0 #ececec, 0 0.125em 0 0 #e0e0e0, 0 0.125em 0 0 #dedede,
    0 0.2em 0 0 #dcdcdc, 0 0.225em 0 0 #cacaca, 0 0.225em 0.375em 0 #cecece;
}

.button-5 {
  background-color: #EC7755;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  padding: 12px 28px;
  font-size: 18px;
  font-weight:  700;
  letter-spacing: 1px;
  border: none;
 }
 
 .button-5:hover {
  background-image: linear-gradient(90deg, #53cbef 0%, #dcc66c 50%, #ffa3b6 75%, #53cbef 100%);
  animation: slidernbw 5s linear infinite;
  color: #000;
 }
 
 @keyframes slidernbw {
  to {
   background-position: 20vw;
  }
 }

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

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