body, html {
  overflow: auto !important;
}

.floating-text {
  border: none;
  outline: none;
  background: transparent;
  box-shadow: none;
  padding: 0; /* Optional, if padding is causing visual box */
}

body, html {
    background-color: rgba(19,0,0,1.0);
	font-family: 'Sofia Sans Extra Condensed', sans-serif;
    color: #fff;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 0;
    scrollbar-width: none;
}

@font-face {
  font-family: 'Sofia Sans Extra Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/sofiasansextracondensed/v2/raxqHjafvdAIOju4GcIfJH0i7zi50X3zRtuLNiMS0fSrFkF8lxek.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

.social-icons {
    display: flex;
    justify-content: center;
    gap: 1.8rem;
    padding: 0.3rem;
    background: rgba(19,0,0,1.0);
}

.social-icon {
    width: 60px;
    height: 60px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.social-icon:hover {
    transform: scale(1.2);
}

.social-icon path {
    transition: fill 0.3s ease;
}

.facebook:hover path {
    fill: #0866ff;
}

.twitter:hover path {
    fill: #919191;
}

.instagram:hover path {
    fill: #d62976;
}

.whatsapp:hover path {
    fill: #25D366;
}
.mail:hover path {
    fill: #ff9933;
}
.sponsors{
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: 0.5rem;
    margin-left: auto;
    margin-right: auto;