@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
[dir="rtl"] {
  font-family: Noto Nastaliq Urdu, serif;
  font-size: 1rem;
  line-height: 1.7;
  overflow: hidden;
}
@media (max-width: 1200px) {
  [dir="rtl"] {
    font-size: 0.95rem;
    line-height: 1.8;
  }
}
@media (max-width: 992px) {
  [dir="rtl"] {
    font-size: 0.9rem;
    line-height: 1.7;
  }
}
@media (max-width: 768px) {
  [dir="rtl"] {
    font-size: 0.85rem;
    line-height: 1.6;
  }
}
@media (max-width: 576px) {
  [dir="rtl"] {
    font-size: 0.8rem;
    line-height: 1.5;
  }
}
.header-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, #000, #00000026);
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  transition: background 0.3s ease;
}
.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  height: 100%;
  border: 0;
}
.cube {
  position: relative;
  width: 60px;
  height: 60px;
  transform-style: preserve-3d;
  animation: rotate 10s infinite linear;
}
.face {
  position: absolute;
  backface-visibility: hidden;
  box-sizing: border-box;
}
.face img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 2px;
  box-sizing: border-box;
}
.front {
  transform: translateZ(30px);
}
.back {
  transform: rotateY(180deg) translateZ(30px);
}
.left {
  transform: rotateY(-90deg) translateZ(30px);
}
.right {
  transform: rotateY(90deg) translateZ(30px);
}
@keyframes rotate {
  0% {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(360deg);
  }
}
.nav-buttons {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.nav-button {
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  transition: background 0.3s;
}
.nav-button:hover {
  background: #239cff33;
}
.dropdown-menu {
  display: none;
  position: absolute;
  left: 50%;
  top: 0;
  background-color: #000c;
  list-style: none;
  padding: 10px 0;
  border-radius: 5px;
  box-shadow: 0 2px 8px #0009;
  z-index: 1002;
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
  transform: translateY(-10px);
}
.dropbtn {
  color: #fff;
  padding: 10px 15px;
  background: #000;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  margin-top: 6.5%;
  font-size: 86%;
}
.dropdown-content {
  display: none;
  position: absolute;
  background: #2229;
  min-width: 160px;
  box-shadow: 0 8px 16px #0009;
  z-index: 1;
  right: 0;
  text-align: left;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content a {
  color: #fff0;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border-radius: 5px;
}
.dropdown-content a:hover {
  background: #34343580;
  border-radius: 5px;
}
.contact-button {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}
.contact-button:hover {
  background-color: #29467e;
}
.menu-toggle {
  background: none;
  color: #fff;
  border: none;
  font-size: 25px;
  cursor: pointer;
  transition: color 0.3s ease, background-color 0.3s ease;
  position: relative;
  padding: 5px 10px;
}
.menu-toggle:hover {
  color: #3065c5;
  background-color: #ffffff1a;
  border-radius: 5px;
}
.side-menu {
  position: fixed;
  top: 0;
  width: 200px;
  height: 100%;
  background: linear-gradient(to left, #000c, #0000001a);
  border: none;
  color: #fff;
  padding: 20px;
  display: none;
  z-index: 1001;
  transition: all 0.3s ease;
}
.header-container[dir="rtl"] .side-menu {
  left: auto;
  right: 0;
  background: linear-gradient(to left, #000c, #0000001a);
}
.close-btn {
  background: none;
  color: #fff;
  border: none;
  font-size: 24px;
  cursor: pointer;
  margin-bottom: 20px;
}
.menu-label {
  color: #fff;
  font-size: 18px;
  cursor: default;
}
.menu-items {
  list-style: none;
  padding: 0;
  margin-top: 70px;
}
.nav-link {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 10px;
}
.dropdown-menu {
  display: none;
  padding-left: 20px;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
@media (max-width: 768px) {
  .face {

    backface-visibility: hidden;
    display: flex;
    align-items: center;
    margin-top: 8px;
    box-sizing: border-box;
  }
  .menu-label {
    display: none;
  }
}
Ensure .header-right stacks elements vertically .header-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
option:hover {
  background-color: #fff;
}
.header-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.nav-buttons {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
}
label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 50px;
  height: 25px;
  border-radius: 25px;
  background-color: #ccc;
  position: relative;
  outline: none;
  transition: background-color 0.3s;
}
input[type="checkbox"]:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.3s;
}
input[type="checkbox"]:checked {
  background-color: #007bff;
}
input[type="checkbox"]:checked:before {
  transform: translate(25px);
}
#toggleText {
  margin-left: 10px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.language-label {
  font-size: 14px;
  color: #fff;
  margin-left: 10px;
  transition: color 0.3s;
}
.language-label:hover {
  color: #007bff;
}
@media (max-width: 768px) {
  .header-right {
    gap: 15px;
  }
  .nav-buttons {
    gap: 10px;
    flex-direction: column;
    align-items: center;
  }
  #toggleText,
  .language-label {
    font-size: 12px;
    text-align: center;
  }
  input[type="checkbox"] {
    width: 40px;
    height: 20px;
  }
  input[type="checkbox"]:before {
    width: 16px;
    height: 16px;
    top: 2px;
    left: 2px;
  }
  input[type="checkbox"]:checked:before {
    transform: translate(20px);
  }
}
@media (max-width: 480px) {
  .header-right {
    gap: 10px;
  }
  .nav-buttons {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  #toggleText,
  .language-label {
    font-size: 11px;
    text-align: center;
  }
  input[type="checkbox"] {
    width: 35px;
    height: 18px;
  }
  input[type="checkbox"]:before {
    width: 14px;
    height: 14px;
    top: 2px;
    left: 2px;
  }
  input[type="checkbox"]:checked:before {
    transform: translate(17px);
  }
}
html,
body {
  margin: 0;
  padding: 0;
  background-color: #363636;
  color: #fff;
  overflow-x: hidden;
  min-height: 100vh;
}
main {
  position: relative;
  z-index: 1;
  text-align: center;
}
.video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 0;
}
.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-section {
  position: relative;
  z-index: 1;
  padding: 20px;
  text-align: center;
  background-color: #ffffff1a;
}
.background-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  height: 40%;
  background-color: transparent;
  border-radius: 10px;
  z-index: 1;
}
.menu-items {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
.nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  padding: 5px 20px;
  transition: background-color 0.3s ease;
  border-radius: 5px;
  text-align: left;
}
.nav-link:hover {
  background-color: #ffffff1a;
}
@media (max-width: 768px) {
  .cube {
    width: 80px;
    height: 80px;
  }
  .video-container {
    width: 100%;
    left: 50%;
    transform: translate(-50%);
  }
}
.dropdown {
  position: relative;
}
.dropdown-menu {
  display: none;
  position: absolute;
  left: 50%;
  top: 0;
  background-color: #0006;
  list-style: none;
  padding: 10px 0;
  border-radius: 5px;
  box-shadow: 0 2px 8px #00000080;
  z-index: 1002;
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
  transform: translateY(-10px);
}
.dropdown:hover .dropdown-menu {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.dropdown-menu li {
  padding: 10px 20px;
  transition: background-color 0.3s ease;
}
.dropdown-menu li:hover {
  background-color: #722c2c1a;
}
.dropdown-menu li a {
  color: #fff;
  text-decoration: none;
  display: block;
  font-size: 17px;
  white-space: nowrap;
  transition: color 0.3s ease;
}
.dropdown-menu li a:hover {
  color: #238aff;
}
.new-section {
  position: relative;
  z-index: 1;
  padding: 20px;
  text-align: center;
  background-color: #000;
}
.new-section h2 {
  margin-bottom: 15px;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.branch-info {
  margin: 20px 0;
  font-size: 14px;
  text-align: center;
  padding: 0 20px;
}
.branch-info {
  margin: 20px 0;
  font-size: 14px;
  text-align: center;
  padding: 0 30px;
}
.branch {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 0 15px;
  margin: 0 auto;
}
.branch_item {
  margin: 0 15px;
  flex: 0 0 auto;

  color: #fffc;
  background-color: #0000;
  padding: 15px;
  border-radius: 5px;
}

.branch_itemsss{
display: none;

}
@media (max-width: 768px) {
  .branch {
    justify-content: flex-start;
    padding: 0 20px;
    overflow-x: scroll;
    margin-left: -10px;
    scrollbar-width: thin;
  }
  .branch_item {
    min-width: 140px;
    max-width: 240px;
    margin: 0 10px;
  }
}
@media (max-width: 480px) {
  .branch {
    justify-content: flex-start;
    padding: 0 15px;
    overflow-x: scroll;
    margin-left: -10px;
    scrollbar-width: thin;
  }
  .branch_item {
    min-width: 100px;
    max-width: 230px;
    margin: 0 22px;
  }
}
.button-section {
  position: fixed;
  bottom: 5px;
  z-index: 1000;
  margin-bottom: 100px;
}
.main-button {
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
  top: 105px;
  left: 5px;
}
.secondary-button {
  display: block;
  background-color: #28a745;
  color: #fff;
  border: none;
  margin-left: 6px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
  text-align: center;
  padding: 0;
  text-decoration: none;
  line-height: 50px;
  transition: background-color 0.3s;
  position: relative;
  top: 80px;
  left: 5px;
}
@media (max-width: 768px) {
  .desktop-video {
    display: none;
  }
  .mobile-video {
    display: block;
  }
  .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (min-width: 769px) {
  .mobile-video {
    display: none;
  }
  .desktop-video {
    display: block;
  }
  .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
General Styles html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background-color: #080808;
  color: #fff;
  box-sizing: border-box;
  width: 100%;
}
.about-section {
  overflow-wrap: break-word;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #000;
  margin-top: 60px;
  text-align: justify;
  padding-bottom: 0;
}
.messages {
  overflow-wrap: break-word;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #000;
  text-align: justify;
  padding-top: 0;
}
.About-main {
  width: 100%;
  margin: 0 auto;
  background-color: #000;
}
main h1,
main h2,
main h7 {
  font-family: poppins, serif;
}
main h1 {
  font-size: 3rem;
  color: #5dbcce;
  margin-bottom: 20px;
}
main h2 {
  font-size: 2.2rem;
  color: #5dbcce;
  margin: 20px 0 15px;
  text-align: center;
}
main h7 {
  font-size: 2.2rem;
  color: #5dbcce;
  margin: 20px 0 15px;
  text-decoration: underline;
}
main ul {
  list-style-type: disc;
  margin: 10px 0;
  padding-left: 20px;
}
main p {
  margin: 10px 0;
  font-weight: 400;
}
.mission,
.values,
.expertise,
.commitment,
.contact-info,
.meet-team {
  flex: 1;
  min-width: 300px;
}
.mission h2,
.values h2,
.expertise h2,
.commitment h2,
.contact-info h2,
.meet-team h2 {
  font-size: 1.8rem;
  z-index: 100;
}
.message-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
}
.message-item {
  background-color: #000c;
  border-radius: 8px;
  transition: transform 0.3s ease, background-color 0.3s ease;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}
.message-item h3 {
  font-size: 1.8rem;
  color: #5dbcce;
  text-align: center;
}
.message-item p {
  font-size: 1.1rem;
  line-height: 1.6;
  text-align: left;
  text-align: justify;
}
.button-section {
  position: fixed;
  bottom: 5px;
  left: 25px;
  z-index: 1000;
  margin-bottom: 100px;
}
.main-button {
  background-color: #5dbcce;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
}
footer {
  color: #fff;
  text-align: center;
  position: relative;
}
.footerContainer {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}
.footerContainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00000080;
  z-index: 1;
}
.footerBanner {
  width: 100%;
  height: 20vh;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -20px;
  object-fit: cover;
  filter: brightness(2.5);
  z-index: 0;
}
.footerContainer h2 {
  font-size: 2.5rem;
  color: #5dbcce;
  margin: 20px 0;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 2;
}
.branchesWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.branchItem {
  background-color: #273d4999;
  border-radius: 8px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.branchItem h3 {
  margin: 0;
  font-size: 1.5rem;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.branchItem p {
  margin: 10px 0;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.mapLink {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}
.mapLink:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  footer {
    padding: 10px;
  }
  .footerBanner {
    height: 100%;
  }
  .footerContainer {
    padding: 10px;
  }
  .branchesWrapper {
    flex-direction: column;
  }
  .branchItem {
    max-width: 100%;
  }
}
body {
  margin: 0;
  padding: 80px 0 0;
  background-color: #000;
  color: #fff;
}
h1,
h2,
h3,
p {
  margin: 0.5em 0;
}
p {
  font-size: 18px;
}
.hero-section {
  position: relative;
  color: #fff;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}
.hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.hero-overlay {
  position: relative;
  z-index: 1;
}
.hero-title {
  font-size: 2.5em;
  margin: 0;
}
.technologies {
  padding: 20px;
  background: #000;
  text-align: center;
}
.tech-grid {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 10px;
}
.tech-box {
  background: #000;
  border: 1px solid #1cddff;
  padding: 20px;
  width: calc(50% - 20px);
  box-sizing: border-box;
  transition: transform 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tech-box:hover {
  transform: scale(1.05);
}
@media (max-width: 1024px) {
  .tech-box {
    width: calc(50% - 20px);
  }
}
@media (max-width: 768px) {
  .tech-box {
    width: calc(100% - 20px);
  }
  .tech-box h3 {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .tech-box h3 {
    font-size: 16px;
  }
}
.flip-card-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-around;
}
.flip-card {
  background-color: transparent;
  width: calc(50% - 20px);
  height: 400px;
  perspective: 10000px;
  margin-bottom: 20px;
  cursor: pointer;
  box-sizing: border-box;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.9s ease-in-out;
  transform-style: preserve-3d;
  transform-origin: center;
}
.flip-card-front,
.flip-card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
}
.flip-card-front {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}
.card-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  background-color: #0009;
  padding: 10px;
  border-radius: 5px;
  width: 90%;
}
.card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.flip-card-back {
  background-color: #2ebbce;
  color: #fff;
  transform: rotateY(180deg);
}
.flip-card-back h3 {
  margin-bottom: 10px;
  font-size: 20px;
}
.flip-card-back p {
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
}
.flip-card.flipped .flip-card-inner {
  transform: rotateY(180deg);
}
@media (max-width: 768px) {
  .flip-card {
    width: calc(100% - 10px);
  }
}
.dynamic-info {
  padding: 20px;
  background: #000;
  text-align: center;
}
.footer-section1 {
  width: 100%;
  background: #111;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  border-top: 2px solid #67c3df;
}
.footer-section1 a {
  color: #49d5f8;
  text-decoration: none;
}
.footer-section1 a:hover {
  color: #ccc;
}
@media (max-width: 768px) {
  .service-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }
  .service {
    width: 100%;
    margin: 10px 0;
  }
  .service-image img {
    height: 200px;
    object-fit: cover;
  }
  .service h3,
  .service p {
    margin-top: 15px;
  }
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}
[data-aos="fade-up-right"] {
  transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
  transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-right"] {
  transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-down-left"] {
  transform: translate3d(100px, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
  transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
  transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translateZ(0);
}
[data-aos="slide-up"] {
  transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
  transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos="flip-left"] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: poppins, sans-serif;
}
body {
  background-color: #000;
}
#AnimeH {
  font-size: 3rem;
}
.section-heading {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  color: #5dbcce;
  margin: 80px 80px 0;
}
.chessboard-section {
  width: 100%;
  height: 550px;
  display: flex;
  gap: 2px;
  justify-content: center;
  overflow: hidden;
  margin-top: 0;
}
.overlay {
  position: absolute;
  top: 80;
  left: 0;
  width: 100%;
  height: 90%;
  background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 1),
      transparent,
      transparent
    ),
    linear-gradient(to top, rgba(0, 0, 0, 1), transparent, transparent);
}
.falling-image-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.falling-images {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  animation: conveyor 10s linear infinite;
}
.falling-images img {
  width: 100%;
  object-fit: cover;
}
.falling-images img:nth-child(odd) {
  height: 180px;
  margin: 50px 0;
}
.falling-images img:nth-child(2n) {
  height: 180px;
}
.falling-image-wrapper:nth-child(n) .falling-images {
  animation: conveyor var(--animation-duration) linear infinite;
}
.falling-image-wrapper:nth-child(1) {
  --animation-duration: 20s;
}
.falling-image-wrapper:nth-child(2) {
  --animation-duration: 30s;
}
.falling-image-wrapper:nth-child(3) {
  --animation-duration: 20s;
}
.falling-image-wrapper:nth-child(4) {
  --animation-duration: 30s;
}
.falling-image-wrapper:nth-child(5) {
  --animation-duration: 20s;
}
.falling-image-wrapper:nth-child(6) {
  --animation-duration: 30s;
}
@keyframes conveyor {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .falling-images {
    height: 720px;
    overflow: hidden;
  }
  .falling-images img:nth-child(odd) {
    height: 280px;
  }
  .falling-images img:nth-child(2n) {
    height: 280px;
  }
  .falling-image-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
  }
}
.gallery-container {
  max-width: 100%;
  margin: 60px auto auto;
  padding: 10px;
  overflow: visible;
}
.gallery-heading {
  font-size: 3rem;
  text-align: center;
  color: #5dbcce;
  margin: 60px 0 20px;
  font-weight: 700;
  letter-spacing: 1px;
}
.category {
  margin-bottom: 20px;
  transition: opacity 0.8s ease;
  position: relative;
}
h2 {
  color: #5dbcce;
  text-align: center;
  margin: 0 0 20px;
  font-size: 3rem;
}
.image-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  position: relative;
  padding: 10px;
}
.image-row img {
  width: calc(20% - 40px);
  height: 320px;
  border-radius: 15px;
  object-fit: cover;
  overflow: hidden;
  box-shadow: 0 4px 6px #00000026;
  transition: transform 0.4s ease, filter 0.4s ease, box-shadow 0.4s ease;
  position: relative;
  transition: all 0.3s ease;
}
.image-row img:hover {
  z-index: 10;
  transform: scale(1.4) translateY(20px);
  width: max-content;
  box-shadow: 0 15px 25px #0006;
  object-fit: cover;
  overflow: hidden;
}
.image-row:hover img:not(:hover) {
  filter: blur(6px);
  opacity: 0.5;
  transform: scale(0.95);
}
.image-row:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000004d;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .image-row img {
    width: calc(25% - 15px);
  }
  .image-row img:hover {
    transform: scale(1.2) translateY(-10px);
  }
}
@media (max-width: 768px) {
  .image-row img {
    width: calc(33.33% - 15px);
    height: 250px;
  }
  .image-row img:hover {
    transform: scale(1.1) translateY(-5px);
  }
}
@media (max-width: 480px) {
  .image-row img {
    width: calc(50% - 15px);
    height: 200px;
  }
  .image-row img:hover {
    transform: scale(1.05);
  }
}
.image-row img:nth-child(10n) {
  margin-right: 0;
}
.more-images {
  display: none;
}
.more-images .image-row {
  margin-top: 10px;
}
.more-images img {
  width: calc(10% - 5px);
  height: auto;
  margin-right: 5px;
  border-radius: 15px;
}
.more-images img:nth-child(10n) {
  margin-right: 0;
}
.fade-in {
  animation: fadeIn 0.6s ease forwards;
}
.fade-out {
  animation: fadeOut 0.6s ease forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.back-button,
.view-more {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 5px 10px;
  cursor: pointer;
  background-color: #5dbcce;
  color: #fff;
  border: none;
  border-radius: 4px;
}
.back-button {
  display: none;
}
.animations-section {
  padding: 40px 10px;
  background-color: #000;
  margin-top: 50px;
  width: 100%;
}
.animation-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.animation-block {
  flex: 1;
  width: 100%;
  background-color: #000;
  padding: 0;
  border-radius: 10px;
  box-shadow: 0 4px 10px #0006;
}
.animation-block h2 {
  color: #5dbcce;
  text-align: center;
  margin-bottom: 20px;
  font-size: 2.5rem;
}
.animation-content {
  display: flex;
}
.animation-left,
.animation-right {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.animation-content video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  min-height: 200px;
}
@media (max-width: 768px) {
  .animation-wrapper,
  .animation-content {
    flex-direction: column;
  }
}
.art-design-section {
  text-align: center;
}
.art-design-section h2 {
  font-size: 3rem;
  margin-bottom: 20px;
  color: #5dbcce;
}
.points-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  background-color: #000;
}
.point {
  background-color: #142552;
  border-radius: 8px;
  padding: 20px;
  margin: 10px;
  box-shadow: 0 4px 8px #48ff001a;
  flex: 1 1 200px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease,
    transform 0.3s ease;
}
.point:hover {
  background-color: #1e3a78;
  box-shadow: 0 8px 16px #00c3ff4d;
  transform: translateY(-5px);
}
.point h3,
.point p {
  color: #fff;
}
.point h3 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 700;
}
.point p {
  font-size: 20px;
}
@media (max-width: 768px) {
  .points-container {
    flex-direction: column;
    align-items: center;
  }
  .point {
    width: 90%;
  }
}
* {
  font-family: poppins, sans-serif;
}
html,
body {
  margin: 0;
  padding: 0;
  background: #000;
  color: #fff;
  overflow-x: hidden;
  width: 100%;
}
main {
  margin-top: 80px;
  max-width: 100%;
}
section {
  background: transparent;
  border-radius: 10px;
  padding: 20px;
  margin: 80px 0 20px;
  max-width: 100%;
}
p {
  text-align: left;
  font-size: 16px;
  overflow: hidden;
}
h2 {
  color: #2ebbce;
  font-size: 200%;
  text-align: center;
}
h3 {
  color: #2ebbce;
  text-align: center;
}
.service-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 100%;
  justify-content: center;
}
.service-box {
  flex: 1 1 calc(33% - 20px);
  position: relative;
  overflow: visible;
  border-radius: 8px;
  box-shadow: 0 2px 5px #0000001a;
  will-change: transform;
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  max-width: 100%;
}
.service-image {
  width: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
  flex-shrink: 0;
}
.box-content {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
  flex-grow: 1;
  padding: 15px;
}
.hover-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 10px;
  border-radius: 8px;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: justify;
}
.service-box:hover .hover-text {
  opacity: 1;
}
.service-box:hover {
  transform: scale(1.05);
}
.hover-text h4,
.hover-text p {
  margin: 0;
  color: #fff;
}
.hover-text p {
  padding: 0 10px;
}
@media (max-width: 768px) {
  .service-box {
    flex: 1 1 calc(50% - 20px);
  }
}
@media (max-width: 480px) {
  .service-box {
    flex: 1 1 100%;
  }
}
.close-btn {
  background: none;
  border: none;
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  margin-bottom: 20px;
}
.menu-items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.nav-link {
  color: #fff;
  text-decoration: none;
  padding: 10px;
  border-radius: 5px;
  transition: background 0.3s;
}
.nav-link:hover {
  background: #ffffff1a;
}
.button-section {
  position: fixed;
  bottom: 5px;
  left: 7px;
  z-index: 1000;
  margin-bottom: 100px;
}
.button-container {
  text-align: right;
}
.main-button {
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
}
.secondary-button {
  display: block;
  background-color: #427bff;
  color: #fff;
  border: none;
  margin-left: 6px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
  text-align: center;
  padding: 0;
  text-decoration: none;
  line-height: 50px;
  transition: background-color 0.3s;
  position: relative;
}
.icon {
  width: 70%;
  height: auto;
  vertical-align: middle;
}
.secondary-button:hover,
.main-button:hover {
  background-color: #0056b3;
}
.hidden-buttons {
  display: none;
  margin-bottom: 5px;
}
footer {
  text-align: center;
  padding: 20px;
  background: #000000e6;
  position: relative;
  bottom: 0;
  width: 100%;
}
@media (max-width: 600px) {
  .main-button,
  .secondary-button {
    width: 50px;
    height: 50px;
  }
  .icon {
    width: 50%;
  }
}
._hero_1hkbi_1 {
  position: relative;
  height: 100vh;
  background: url(/assets/images-CDkDwhpn.webp) no-repeat center center/cover;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  animation: _scrollBackground_1hkbi_1 30s linear infinite;
}
@keyframes _scrollBackground_1hkbi_1 {
  0% {
    background-position: center top;
  }
  50% {
    background-position: center bottom;
  }
  to {
    background-position: center top;
  }
}
._container_1hkbi_49,
._customContainer_1hkbi_51,
._platformContainer_1hkbi_53 {
  box-sizing: border-box;
  overflow: hidden;
}
._overlay_1hkbi_63 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent),
    linear-gradient(to bottom, rgba(0, 0, 0, 1), transparent);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
._content_1hkbi_91 {
  text-align: center;
  color: #fff;
  max-width: 800px;
  padding: 20px;
}
._titleW_1hkbi_105 {
  font-size: 3.3rem;
  font-weight: 700;
  background: linear-gradient(100deg, #9a0000, #d66363, #7787bf, #1e1eb1);
  padding-top: 50px;
  margin-bottom: 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _gradient-animation_1hkbi_1 1s infinite;
}
._subtitle_1hkbi_161 {
  font-size: 1.5rem;
  margin-bottom: 30px;
  text-align: center;
}
@keyframes _gradient-animation_1hkbi_1 {
  0% {
    background-position: 0%;
  }
  to {
    background-position: 100%;
  }
}
._description_1hkbi_263 {
  font-size: 1.2rem;
  margin-bottom: 30px;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}
._imageWrapper_1hkbi_219 {
  position: relative;
  overflow: hidden;
}
._image_1hkbi_219 {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
}
._container_1hkbi_49:hover ._image_1hkbi_219 {
  transform: scale(1.1);
}
._overlays_1hkbi_333 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000e8;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
._container_1hkbi_49:hover ._overlays_1hkbi_333 {
  opacity: 1;
}
._hoverText_1hkbi_369 {
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-family: poppins, serif;
  padding: 5px;
  overflow: hidden;
  object-fit: cover;
}
._hoverText_1hkbi_369 p,
span {
  text-align: center;
}
._hoverText_1hkbi_369 span {
  font-weight: 700;
}
._section_1hkbi_175 {
  padding: 1px 20px;
  background-color: #000;
  color: #fff;
}
._container_1hkbi_49 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}
._content_1hkbi_91 {
  flex: 1;
  max-width: 600px;
}
._title_1hkbi_105 {
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 20px;
  color: #6dd9fd;
}
._description_1hkbi_263 {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #fff;
}
._imageWrapper_1hkbi_219 {
  flex: 1;
}
._image_1hkbi_219 {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
@media (max-width: 768px) {
  ._container_1hkbi_49 {
    flex-direction: column;
    text-align: center;
  }
  ._imageWrapper_1hkbi_219 {
    margin-bottom: 30px;
  }
}
._platformSection_1hkbi_519 {
  padding: 1px 20px;
  background-color: #000;
  color: #fff;
}
._platformContainer_1hkbi_53 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
._platformTitle_1hkbi_543 {
  font-size: 2.5rem;
  font-weight: 900;
  margin-bottom: 40px;
  color: #6dd9fd;
  letter-spacing: 2px;
}
._platformGrid_1hkbi_559 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 30px;
}
._platformCard_1hkbi_571 {
  background-color: #222;
  padding: 40px;
  border-radius: 10px;
  transition: transform 0.3s ease, background-color 0.3s ease,
    box-shadow 0.3s ease;
  box-shadow: 0 8px 15px #0000004d;
}
._platformCard_1hkbi_571:hover {
  transform: translateY(-10px);
  background-color: #333;
  box-shadow: 0 15px 25px #6dd9fd;
}
._platformIcon_1hkbi_601 {
  font-size: 1.7rem;
  font-weight: 900;
  color: #6dd9fd;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
._platformText_1hkbi_619 {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #fff;
  opacity: 0.8;
  text-align: center;
}
@media (max-width: 768px) {
  ._platformTitle_1hkbi_543 {
    font-size: 2rem;
  }
  ._platformCard_1hkbi_571 {
    padding: 30px;
  }
  ._platformText_1hkbi_619 {
    font-size: 1rem;
  }
}
._customContentSection_1hkbi_665 {
  background-color: #000;
  padding: 1px 20px;
  color: #fff;
}
._customContainer_1hkbi_51 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
._customTitle_1hkbi_689 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #6dd9fd;
  margin-bottom: 40px;
  letter-spacing: 2px;
}
._customTestimonialList_1hkbi_705 {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px;
}
._customTestimonial_1hkbi_705 {
  background-color: #222;
  padding: 30px;
  border-radius: 10px;
  transition: transform 0.3s ease, background-color 0.3s ease,
    box-shadow 0.3s ease;
  box-shadow: 0 8px 15px #0000004d;
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 300px;
}
._customTestimonial_1hkbi_705:hover {
  transform: translateY(-10px);
  background-color: #333;
  box-shadow: 0 15px 25px #6dd9fd;
}
._customTestimonialText_1hkbi_761 {
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.6;
  text-align: center;
}
._customClientName_1hkbi_775 {
  font-size: 1rem;
  color: #6dd9fd;
  font-weight: 700;
  margin-top: 15px;
  text-align: center;
}
@media (max-width: 1024px) {
  ._customTestimonial_1hkbi_705 {
    flex: 1 1 45%;
  }
}
@media (max-width: 768px) {
  ._customTitle_1hkbi_689 {
    font-size: 2rem;
  }
  ._customTestimonial_1hkbi_705 {
    flex: 1 1 100%;
    padding: 20px;
  }
  ._customTestimonialText_1hkbi_761 {
    font-size: 1rem;
  }
  ._customTestimonialList_1hkbi_705 {
    flex-direction: column;
    gap: 20px;
  }
}
@media (min-width: 1025px) {
  ._customTestimonial_1hkbi_705 {
    flex: 1 1 30%;
  }
}
@media (min-width: 1200px) {
  ._customTestimonial_1hkbi_705 {
    flex: 1 1 20%;
  }
}
._footer_1hkbi_871 {
  background-color: #ffffff1f;
  color: #000;
  padding: 20px;
  text-align: center;
  position: relative;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
._footerText_1hkbi_893 {
  font-size: 1.2rem;
  color: #6dd9fd;
  transition: color 0.3s ease;
  text-align: center;
}
._footerText_1hkbi_893:hover {
  color: #fff;
}
@media (max-width: 768px) {
  ._footerText_1hkbi_893 {
    font-size: 1rem;
  }
}
._formSection_1hkbi_927 {
  position: relative;
  background: url(/assets/footer-Cbgvh7qG.webp) no-repeat center center/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formOverlay_1hkbi_947 {
  background: #0009;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
._formContainer_1hkbi_965 {
  background: #0000;
  padding: 40px;
  border-radius: 15px;
  max-width: 600px;
  width: 100%;
  text-align: center;
  box-shadow: 0 4px 15px #0006;
  animation: _fadeIn_1hkbi_1 1.2s ease-out;
}
._formTitle_1hkbi_987 {
  color: #6dd9fd;
  font-size: 2.5rem;
  font-weight: 900;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
._formDescription_1hkbi_1005 {
  color: #ddd;
  font-size: 1rem;
  margin-bottom: 30px;
  line-height: 1.5;
  text-align: center;
}
._form_1hkbi_927 {
  display: flex;
  flex-direction: column;
}
._formRow_1hkbi_1031 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 20px;
}
._formInput_1hkbi_1045,
._formInputFull_1hkbi_1047,
._formTextarea_1hkbi_1049 {
  width: 100%;
  padding: 12px;
  font-size: 1rem;
  color: #fff;
  background: #00000086;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  outline: none;
  transition: border-color 0.3s ease;
  margin-bottom: 20px;
}
._formInput_1hkbi_1045:focus,
._formInputFull_1hkbi_1047:focus,
._formTextarea_1hkbi_1049:focus {
  border-color: #000;
}
._formButton_1hkbi_1087 {
  background: #6dd9fd;
  color: #000;
  padding: 12px 20px;
  font-size: 1rem;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s ease;
}
._formButton_1hkbi_1087:hover {
  background: #55b9dc;
}
@keyframes _fadeIn_1hkbi_1 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 768px) {
  ._formRow_1hkbi_1031 {
    flex-direction: row;
  }
}