@charset "UTF-8";
* {
  scroll-behavior: smooth;
}

select {
  background-color: rgb(0, 0, 0) !important;
}

.iti--inline-dropdown .iti__dropdown-content {
  background-color: rgb(0, 0, 0) !important;
}

.iti__country-list {
  background-color: rgb(0, 0, 0) !important;
}

.iti__dropdown-content {
  background-color: rgb(0, 0, 0) !important;
}

.iti__country {
  background-color: rgb(0, 0, 0) !important;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-left: 101px !important;
  padding-right: 15px !important;
}

.iti {
  min-width: 100%;
}

body {
  background-color: black;
  color: white;
  font-family: "Inter", sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.iti__selected-dial-code {
  font-size: 14px;
}

.container {
  width: 1367px;
  margin: 0 auto;
}

@media (max-width: 850px) {
  .container {
    width: 100%;
    padding: 0 40px;
  }
}
@media (max-width: 440px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }
}
h2 {
  font-size: 36px;
  margin-bottom: 40px;
  color: #00ffcc;
}
@media (max-width: 850px) {
  h2 {
    text-align: center;
  }
}

.text-center {
  text-align: center;
}

header {
  background: rgba(18, 18, 18, 0.95);
  backdrop-filter: blur(10px);
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 2px 10px rgba(0, 255, 204, 0.3);
  z-index: 1000;
  padding: 15px;
}
header :target::before {
  content: "";
  display: block;
  height: 80px;
  margin-top: -80px;
}
header .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.logo {
  max-width: 70px;
  color: #00ffcc;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  transition: transform 0.3s ease-in-out;
}
.logo:hover {
  transform: scale(1.1);
}

@media (max-width: 850px) {
  nav {
    display: none;
  }
}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px;
}
nav ul li a {
  color: white;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 5px;
  background: rgba(0, 255, 204, 0.2);
  transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
}
nav ul li a:hover {
  background: rgba(0, 255, 204, 0.5);
  transform: translateY(-2px);
}

.hero {
  background: url("../images/amjith-s-VwMfDcU88sg-unsplash.jpg") no-repeat center center/cover;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  position: relative;
  z-index: 1;
  min-height: calc(100vh - 93.8px);
}
@media (max-width: 850px) {
  .hero {
    padding-top: 40px;
  }
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.hero .hero-text {
  width: 50%;
}
@media (max-width: 850px) {
  .hero .hero-text {
    width: 100%;
  }
}
.hero .hero-inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 850px) {
  .hero .hero-inner {
    flex-direction: column;
  }
}

.cta-button {
  background: linear-gradient(45deg, #00ffcc, #009977);
  color: black;
  padding: 12px 18px;
  font-weight: 700;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  margin-top: 15px;
}
@media (max-width: 850px) {
  .cta-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
}
.cta-button:hover {
  background: linear-gradient(45deg, #009977, #00ffcc);
  transform: scale(1.05);
}

.form-container {
  width: 40%;
  background: rgba(0, 0, 0, 0.7);
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 255, 204, 0.5);
  text-align: center;
}
@media (max-width: 850px) {
  .form-container {
    width: 100%;
  }
}
.form-container input {
  width: 100%;
  padding: 14px;
  margin: 12px 0;
  border: 2px solid rgba(0, 255, 204, 0.6);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  font-size: 16px;
  transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.form-container input::placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
.form-container input:focus {
  border-color: #00ffcc;
  background: rgba(255, 255, 255, 0.2);
  outline: none;
  box-shadow: 0 0 8px rgba(0, 255, 204, 0.5);
}
.form-container label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.form-container label input {
  width: 15px;
}
.form-container button {
  width: 100%;
  padding: 14px;
  background: linear-gradient(45deg, #00ffcc, #009977);
  color: black;
  font-weight: 700;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border: none;
  font-size: 16px;
  margin-top: 15px;
  box-shadow: 0 3px 15px rgba(0, 255, 204, 0.4);
}
.form-container button:hover {
  background: linear-gradient(45deg, #009977, #00ffcc);
  transform: scale(1.05);
}
.form-container .iti {
  width: 100%;
  position: relative;
}
.form-container .iti__selected-country {
  margin: 0 !important;
}
.form-container .iti__country-list {
  background: #161616 !important;
  background-color: #161616 !important;
}
.form-container .iti__dropdown-content {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 9999 !important;
  background: #161616 !important;
}
.form-container .iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
  font-size: 16px;
  background-color: transparent;
}
.form-container .iti__country-list select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 10px;
  font-size: 16px;
}
.form-container .iti * {
  box-sizing: border-box;
}
.form-container .iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.form-container .iti * {
  box-sizing: border-box;
}
.form-container .iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.form-container .iti__search-input {
  display: none;
}

.about {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}
.about .tabs {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
}
.about .tabs button {
  background: rgba(0, 255, 204, 0.2);
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
}
@media (max-width: 850px) {
  .about .tabs button {
    min-height: 100px;
  }
}
.about .tabs button:hover {
  background: rgba(0, 255, 204, 0.5);
  transform: translateY(-2px);
}
.about .tabs button.active {
  background: rgba(0, 255, 204, 0.5);
}
.about .tab-content .tab-item {
  display: flex;
  justify-content: space-evenly;
  animation: fadeIn 0.5s ease-in-out;
}
@media (max-width: 850px) {
  .about .tab-content .tab-item {
    flex-direction: column;
  }
}
.about .tab-content .tab-item .tab-img {
  max-width: 50%;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .about .tab-content .tab-item .tab-img {
    max-width: 100%;
  }
}
.about .tab-content .tab-item .tab-img img {
  max-width: 400px;
}
@media (max-width: 850px) {
  .about .tab-content .tab-item .tab-img img {
    max-width: 100%;
  }
}
.about .tab-content .tab-item .tab-img:hover {
  transform: scale(1.05);
}
.about .tab-content .tab-item .tab-text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50%;
  color: white;
}
@media (max-width: 850px) {
  .about .tab-content .tab-item .tab-text {
    width: 100%;
  }
}
.about .tab-content .tab-item .tab-text h3 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #00ffcc;
}
@media (max-width: 850px) {
  .about .tab-content .tab-item .tab-text h3 {
    margin-top: 40px;
  }
}
.about .tab-content .tab-item .tab-text p {
  font-size: 16px;
  margin-bottom: 20px;
}

.calc {
  padding: 60px 0;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  text-align: center;
  margin-bottom: 150px;
}
.calc h3 {
  font-size: 36px;
  margin-bottom: 40px;
  color: #00ffcc;
}
.calc h3:nth-child(2) {
  font-size: 24px;
}
.calc p {
  margin-bottom: 70px;
  color: #00ffcc;
  font-size: 18px;
}
.calc .rangeslider {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 850px) {
  .calc .rangeslider {
    width: 90%;
  }
}

.why,
.about,
.calc,
.stats,
.testimonials,
.faq {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  text-align: center;
  position: relative;
  overflow: visible; /* Changed from hidden to visible */
}
.why::before, .why::after,
.about::before,
.about::after,
.calc::before,
.calc::after,
.stats::before,
.stats::after,
.testimonials::before,
.testimonials::after,
.faq::before,
.faq::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background: rgba(0, 255, 204, 0.2);
  border-radius: 50%;
  filter: blur(100px);
  animation: move 10s infinite alternate;
}
.why::before,
.about::before,
.calc::before,
.stats::before,
.testimonials::before,
.faq::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.why::after,
.about::after,
.calc::after,
.stats::after,
.testimonials::after,
.faq::after {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 850px) {
  .why::after,
  .about::after,
  .calc::after,
  .stats::after,
  .testimonials::after,
  .faq::after {
    display: none;
  }
}
@keyframes move {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(50px, 50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.why .floating-shapes,
.about .floating-shapes,
.calc .floating-shapes,
.stats .floating-shapes,
.testimonials .floating-shapes,
.faq .floating-shapes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.why .floating-shapes .shape,
.about .floating-shapes .shape,
.calc .floating-shapes .shape,
.stats .floating-shapes .shape,
.testimonials .floating-shapes .shape,
.faq .floating-shapes .shape {
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(0, 255, 204, 0.2);
  border-radius: 50%;
  animation: move 10s infinite alternate;
  filter: blur(50px);
}
.why .floating-shapes .shape:nth-child(1),
.about .floating-shapes .shape:nth-child(1),
.calc .floating-shapes .shape:nth-child(1),
.stats .floating-shapes .shape:nth-child(1),
.testimonials .floating-shapes .shape:nth-child(1),
.faq .floating-shapes .shape:nth-child(1) {
  top: 50%;
  left: 20%;
  animation-duration: 12s;
}
.why .floating-shapes .shape:nth-child(2),
.about .floating-shapes .shape:nth-child(2),
.calc .floating-shapes .shape:nth-child(2),
.stats .floating-shapes .shape:nth-child(2),
.testimonials .floating-shapes .shape:nth-child(2),
.faq .floating-shapes .shape:nth-child(2) {
  top: 50%;
  left: 70%;
  animation-duration: 15s;
}
.why .floating-shapes .shape:nth-child(3),
.about .floating-shapes .shape:nth-child(3),
.calc .floating-shapes .shape:nth-child(3),
.stats .floating-shapes .shape:nth-child(3),
.testimonials .floating-shapes .shape:nth-child(3),
.faq .floating-shapes .shape:nth-child(3) {
  top: 50%;
  left: 30%;
  animation-duration: 18s;
}
.why .floating-shapes .shape:nth-child(4),
.about .floating-shapes .shape:nth-child(4),
.calc .floating-shapes .shape:nth-child(4),
.stats .floating-shapes .shape:nth-child(4),
.testimonials .floating-shapes .shape:nth-child(4),
.faq .floating-shapes .shape:nth-child(4) {
  top: 50%;
  left: 80%;
  animation-duration: 20s;
}
.why .floating-shapes .shape:nth-child(5),
.about .floating-shapes .shape:nth-child(5),
.calc .floating-shapes .shape:nth-child(5),
.stats .floating-shapes .shape:nth-child(5),
.testimonials .floating-shapes .shape:nth-child(5),
.faq .floating-shapes .shape:nth-child(5) {
  top: 50%;
  left: 40%;
  animation-duration: 22s;
}
.why .floating-shapes .shape:nth-child(6),
.about .floating-shapes .shape:nth-child(6),
.calc .floating-shapes .shape:nth-child(6),
.stats .floating-shapes .shape:nth-child(6),
.testimonials .floating-shapes .shape:nth-child(6),
.faq .floating-shapes .shape:nth-child(6) {
  top: 50%;
  left: 10%;
  animation-duration: 25s;
}
.why .floating-shapes .shape:nth-child(7),
.about .floating-shapes .shape:nth-child(7),
.calc .floating-shapes .shape:nth-child(7),
.stats .floating-shapes .shape:nth-child(7),
.testimonials .floating-shapes .shape:nth-child(7),
.faq .floating-shapes .shape:nth-child(7) {
  top: 50%;
  right: 20%;
  animation-duration: 12s;
}
.why .floating-shapes .shape:nth-child(8),
.about .floating-shapes .shape:nth-child(8),
.calc .floating-shapes .shape:nth-child(8),
.stats .floating-shapes .shape:nth-child(8),
.testimonials .floating-shapes .shape:nth-child(8),
.faq .floating-shapes .shape:nth-child(8) {
  top: 50%;
  right: 70%;
  animation-duration: 15s;
}
.why .floating-shapes .shape:nth-child(9),
.about .floating-shapes .shape:nth-child(9),
.calc .floating-shapes .shape:nth-child(9),
.stats .floating-shapes .shape:nth-child(9),
.testimonials .floating-shapes .shape:nth-child(9),
.faq .floating-shapes .shape:nth-child(9) {
  top: 50%;
  right: 30%;
  animation-duration: 18s;
}
.why .floating-shapes .shape:nth-child(10),
.about .floating-shapes .shape:nth-child(10),
.calc .floating-shapes .shape:nth-child(10),
.stats .floating-shapes .shape:nth-child(10),
.testimonials .floating-shapes .shape:nth-child(10),
.faq .floating-shapes .shape:nth-child(10) {
  top: 50%;
  right: 80%;
  animation-duration: 20s;
}
.why .floating-shapes .shape:nth-child(11),
.about .floating-shapes .shape:nth-child(11),
.calc .floating-shapes .shape:nth-child(11),
.stats .floating-shapes .shape:nth-child(11),
.testimonials .floating-shapes .shape:nth-child(11),
.faq .floating-shapes .shape:nth-child(11) {
  top: 50%;
  right: 40%;
  animation-duration: 22s;
}
.why .floating-shapes .shape:nth-child(12),
.about .floating-shapes .shape:nth-child(12),
.calc .floating-shapes .shape:nth-child(12),
.stats .floating-shapes .shape:nth-child(12),
.testimonials .floating-shapes .shape:nth-child(12),
.faq .floating-shapes .shape:nth-child(12) {
  top: 50%;
  right: 10%;
  animation-duration: 25s;
}
.why h2,
.about h2,
.calc h2,
.stats h2,
.testimonials h2,
.faq h2 {
  font-size: 36px;
  margin-bottom: 40px;
  color: #00ffcc;
}
.why .features,
.why .advantages,
.about .features,
.about .advantages,
.calc .features,
.calc .advantages,
.stats .features,
.stats .advantages,
.testimonials .features,
.testimonials .advantages,
.faq .features,
.faq .advantages {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 20px;
  margin-bottom: 40px;
}
.why .feature,
.why .advantage,
.about .feature,
.about .advantage,
.calc .feature,
.calc .advantage,
.stats .feature,
.stats .advantage,
.testimonials .feature,
.testimonials .advantage,
.faq .feature,
.faq .advantage {
  background: rgba(0, 255, 204, 0.1);
  padding: 20px;
  border-radius: 8px;
  max-width: 350px;
  box-shadow: 0 3px 10px rgba(0, 255, 204, 0.3);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .why .feature,
  .why .advantage,
  .about .feature,
  .about .advantage,
  .calc .feature,
  .calc .advantage,
  .stats .feature,
  .stats .advantage,
  .testimonials .feature,
  .testimonials .advantage,
  .faq .feature,
  .faq .advantage {
    max-width: 100%;
  }
}
.why .feature h3,
.why .advantage h3,
.about .feature h3,
.about .advantage h3,
.calc .feature h3,
.calc .advantage h3,
.stats .feature h3,
.stats .advantage h3,
.testimonials .feature h3,
.testimonials .advantage h3,
.faq .feature h3,
.faq .advantage h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.why .feature p,
.why .advantage p,
.about .feature p,
.about .advantage p,
.calc .feature p,
.calc .advantage p,
.stats .feature p,
.stats .advantage p,
.testimonials .feature p,
.testimonials .advantage p,
.faq .feature p,
.faq .advantage p {
  font-size: 16px;
}
.why .feature:hover,
.why .advantage:hover,
.about .feature:hover,
.about .advantage:hover,
.calc .feature:hover,
.calc .advantage:hover,
.stats .feature:hover,
.stats .advantage:hover,
.testimonials .feature:hover,
.testimonials .advantage:hover,
.faq .feature:hover,
.faq .advantage:hover {
  transform: translateY(-5px);
}
.why .feature img,
.why .advantage img,
.about .feature img,
.about .advantage img,
.calc .feature img,
.calc .advantage img,
.stats .feature img,
.stats .advantage img,
.testimonials .feature img,
.testimonials .advantage img,
.faq .feature img,
.faq .advantage img {
  margin: 0 auto;
  width: 250px;
  padding-bottom: 15px;
}

/* === СТАТИСТИКА === */
.stats {
  padding: 60px 0px;
  color: white;
  text-align: center;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 120px;
}

.stats .container {
  display: flex;
  flex-direction: column;
  background: rgba(0, 255, 204, 0.1);
  flex: 1 1 calc(33.333% - 20px);
  box-sizing: border-box;
  padding: 20px 20px 60px;
  border-radius: 8px;
  margin: 15px auto;
  box-shadow: 0 3px 10px rgba(0, 255, 204, 0.3);
}

.stats-title {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: normal;
}

.stats-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 850px) {
  .stats-content {
    flex-direction: column;
  }
}

.stats-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 30px;
}
@media (max-width: 850px) {
  .stats-list {
    flex-direction: column;
  }
}

.stats-list li {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.stat-number {
  font-size: 48px;
  font-weight: bold;
  color: white;
}

.stat-text {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 10px;
}

.divider {
  width: 1px;
  background: rgba(255, 255, 255, 0.5);
  height: 60px;
  position: relative;
}
@media (max-width: 850px) {
  .divider {
    display: none;
  }
}

.divider::before,
.divider::after {
  content: "✦"; /* Юникод символ звезды */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 20px;
}

.divider::before {
  top: -10px;
}

.divider::after {
  bottom: -10px;
}

/* === ОТЗЫВЫ === */
.testimonials {
  text-align: center;
}
.testimonials .testimonial-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 20px;
}
.testimonials .testimonial-block {
  background: rgba(0, 255, 204, 0.1);
  flex: 1 1 calc(33.333% - 20px);
  box-sizing: border-box;
  padding: 20px;
  border-radius: 8px;
  margin: 15px auto;
  max-width: 500px;
  box-shadow: 0 3px 10px rgba(0, 255, 204, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .testimonials .testimonial-block {
    max-width: 100%;
  }
}
.testimonials .testimonial-block:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 255, 204, 0.5);
}
.testimonials .testimonial-block img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-bottom: 10px;
}
.testimonials .testimonial-block h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #00ffcc;
}
.testimonials .testimonial-block p {
  font-size: 16px;
  font-weight: 600;
  color: white;
}
.testimonials .cta-button {
  background: linear-gradient(45deg, #00ffcc, #009977);
  color: black;
  padding: 12px 18px;
  font-weight: 700;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  margin-top: 30px;
}
.testimonials .cta-button:hover {
  background: linear-gradient(45deg, #009977, #00ffcc);
  transform: scale(1.05);
}
@media (max-width: 850px) {
  .testimonials .testimonial-grid {
    flex-direction: column;
  }
}

/* === FAQ === */
.faq {
  padding: 60px 0;
  background: rgba(0, 0, 0, 0.8);
  color: white;
}
.faq h2 {
  font-size: 36px;
  margin-bottom: 40px;
  color: #00ffcc;
  text-align: center;
}
.faq h3 {
  font-size: 24px;
  margin-bottom: 40px;
  color: #00ffcc;
  text-align: center;
}
.faq p {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: left;
}
.faq .faq-item {
  margin-bottom: 30px;
  padding: 20px;
  background: rgba(0, 255, 204, 0.1);
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 255, 204, 0.3);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.faq .faq-item h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.faq .faq-item p {
  font-size: 16px;
}
.faq .faq-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 255, 204, 0.5);
}

/* === FOOTER === */
footer {
  background: rgba(18, 18, 18, 0.95);
  color: white;
  padding: 40px 0;
  text-align: center;
}
footer .footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
footer .footer-content .footer-links {
  display: flex;
  gap: 15px;
}
@media (max-width: 850px) {
  footer .footer-content .footer-links {
    display: none;
  }
}
footer .footer-content .footer-links a {
  color: #00ffcc;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease-in-out;
}
footer .footer-content .footer-links a:hover {
  color: #009977;
}
footer .footer-content .footer-cta h3 {
  font-size: 24px;
  margin-top: 15px;
  color: #00ffcc;
}
@media (max-width: 850px) {
  footer .footer-content .footer-cta h3 {
    font-size: 18px;
  }
}
footer .footer-content .footer-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
footer .footer-content .footer-bottom p {
  font-size: 14px;
  margin: 0;
}
footer .footer-content .footer-bottom button {
  background: none;
  border: none;
  color: #00ffcc;
  cursor: pointer;
  font-size: 14px;
  transition: color 0.3s ease-in-out;
}
footer .footer-content .footer-bottom button:hover {
  color: #009977;
}
footer .footer-content .footer-bottom .footer-legal {
  display: flex;
  gap: 15px;
}
footer .footer-content .footer-bottom .footer-legal a {
  color: #00ffcc;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease-in-out;
}
footer .footer-content .footer-bottom .footer-legal a:hover {
  color: #009977;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*# sourceMappingURL=all.css.map */