*,
::before,
::after {
  box-sizing: border-box;
}
p {
  --paragraphMarginBottom: 24px;

  margin-block: 0;
}
body,
:where(blockquote, figure):where([class]) {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
}
html {
  height: 100%;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}
body {
  min-height: 100%;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: rgba(13, 41, 77, 1);
}
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
mark {
  background-color: transparent;
  color: inherit;
}
.status-message {
  color: green;
  font-size: 2vw;
}
/* Normalized */
@font-face {
  font-family: "MontserratBold";
  src: url("/assets/fonts/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MontserratLight";
  src: url("/assets/fonts/Montserrat-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MontserratMedium";
  src: url("/assets/fonts/Montserrat-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MontserratRegular";
  src: url("/assets/fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MontserratSemiBold";
  src: url("/assets/fonts/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Header */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1b375c;
  width: 100vw;
  height: 5vw;
}
html[lang="ar"] .header_language,
html[lang="fa"] .header_language {
  order: 1;
}
html[lang="ar"] .header_logo,
html[lang="fa"] .header_logo {
  order: 3;
}
html[lang="ar"] .header_content,
html[lang="fa"] .header_content {
  order: 2;
}
.header_logo {
  order: 1;
}
.header_content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  direction: rtl;
  order: 2;
}
html[lang="ar"] .header_content,
html[lang="fa"] .header_content {
  direction: ltr;
}
.header_language {
  display: flex;
  align-items: center;
  order: 3;
}
.language-selector-desktop {
  position: relative;
  display: inline-block;
}

.language-button-desktop {
  background-color: transparent;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 0.5vw;
  font-size: 1.2vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.4vw;
  margin-left: 0;
  margin-right: 3vw;
}
html[lang="ar"] .language-button-desktop,
html[lang="fa"] .language-button-desktop {
  margin-left: 3vw;
  margin-right: 0;
}
.language-button-desktop .flag-icon {
  margin-bottom: 0.1vw;
  width: 1.2vw;
}

.language-button-desktop .arrow-down {
  margin-left: auto;
  width: 0.9vw;
}
.language-button-desktop .arrow-down img {
  transition: transform 0.3s ease;
}
.language-button-desktop.open .arrow-down img {
  transform: rotate(180deg);
}
.language-menu-desktop {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  background-color: #1b375c;
  border-radius: 0.2vw;
  padding: 0;
  list-style: none;
  margin-top: 1vw;
  z-index: 1000;
  position: absolute;
  top: 2.5vw;
  left: 0;
}
html[lang="ar"] .language-menu-desktop,
html[lang="fa"] .language-menu-desktop {
  left: 2.5vw;
}
.lang-link {
  display: flex;
}
html[lang="ar"] .lang-link img,
html[lang="fa"] .lang-link img {
  order: 2;
}
html[lang="ar"] .lang-link span,
html[lang="fa"] .lang-link span {
  order: 1;
}
.language-menu-desktop li {
  padding: 1vw 1.2vw;
}

.language-menu-desktop li a {
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  font-size: 1vw;
  font-family: "MontserratSemiBold", sans-serif;
  font-weight: 400;
}

@media (hover: hover) {
  .language-menu-desktop li:hover {
    background-color: #00336b;
  }
}
@media (hover: none) {
  .language-menu-desktop li:active {
    background-color: #00336b;
  }
}
.language-menu-desktop li .flag-icon {
  width: 1vw;
}
.language-menu-desktop.show {
  height: 24.5vw;
}
.header_buttons {
  display: flex;
}
.header_buttons a {
  border-radius: 0.5vw;
  padding: 0.5vw 1vw;
  font-size: 0.9vw;
  text-align: center;
  background-image: linear-gradient(to right, #6dc4ff, #14a4ff);
  color: white;
  border: 0.1vw solid #6dc4ff;
  font-family: "MontserratSemiBold", sans-serif;
  margin-right: 0.2vw;
  font-weight: 600;
  cursor: pointer;
  transition: 1s easy;
  text-decoration: none;
}
@media (hover: hover) {
  .header_buttons a:hover {
    scale: 1.05;
    box-shadow: 0 0 1vw rgba(20, 164, 255, 0.5);
  }
}
@media (hover: none) {
  .header_buttons a:active {
    scale: 1.05;
    box-shadow: 0 0 1vw rgba(20, 164, 255, 0.5);
  }
}
@media (hover: hover) {
  .header_buttons a:first-of-type:hover {
    box-shadow: 0 0 1vw rgba(109, 196, 255, 0.5);
  }
}
@media (hover: none) {
  .header_buttons a:first-of-type:active {
    box-shadow: 0 0 1vw rgba(109, 196, 255, 0.5);
  }
}
.header_buttons a:first-of-type {
  background-color: transparent;
  background-image: none;
  text-decoration: none;
  color: #14a0ff;
}
html[lang="ar"] a,
html[lang="ar"] p,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] input,
html[lang="ar"] span,
html[lang="fa"] a,
html[lang="fa"] p,
html[lang="fa"] h1,
html[lang="fa"] h2,
html[lang="fa"] h3,
html[lang="fa"] input,
html[lang="fa"] span {
  direction: rtl;
}
nav {
  display: flex;
  align-items: center;
  gap: 15vw;
}
.nav_a {
  display: flex;
  flex-direction: row; /* Обычный порядок слева направо */
  gap: 10px; /* Расстояние между элементами */
}

.nav_a.rtl {
  flex-direction: row-reverse; /* Порядок справа налево */
  text-align: right;
}

.nav_a a {
  font-size: 1.5vw;
  margin-right: 4vw;
  text-decoration: none;
  color: white;
  font-family: "MontserratLight", sans-serif;
  font-weight: 300;
}
html[lang="es"] .nav_a a,
html[lang="fr"] .nav_a a,
html[lang="so"] .nav_a a {
  font-size: 1.1vw;
}
@media (hover: hover) {
  .nav_a a:hover {
    text-shadow:
      0 0 10px rgba(255, 255, 255, 0.8),
      0 0 20px rgba(255, 255, 255, 0.6),
      0 0 30px rgba(255, 255, 255, 0.4);
  }
}
@media (hover: none) {
  .nav_a a:active {
    text-shadow:
      0 0 10px rgba(255, 255, 255, 0.8),
      0 0 20px rgba(255, 255, 255, 0.6),
      0 0 30px rgba(255, 255, 255, 0.4);
  }
}
.header_logo img {
  width: 12vw;
  margin-right: 0;
  margin-left: 4vw;
}
html[lang="ar"] .header_logo img,
html[lang="fa"] .header_logo img {
  margin-right: 4vw;
  margin-left: 0;
}

/* Полноэкранное меню */
.fullscreen-menu {
  display: none;
  position: fixed;
  top: 14vw;
  left: 0;
  width: 100vw;
  height: 45vw;
  background: #1e3a5ff2;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.fullscreen-menu.active {
  display: flex;
  opacity: 1;
  visibility: visible;
}

/* Гамбургер-меню */
.menu-toggle {
  position: fixed;
  top: 4vw;
  left: 87vw;
  width: 8vw;
  height: 8vw;
  display: none;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  z-index: 1001;
  cursor: pointer;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}
html[lang="ar"] .menu-toggle,
html[lang="fa"] .menu-toggle {
  left: 4vw;
}
/* Полоски гамбургера */
.menu-toggle span {
  display: block;
  width: 8vw;
  height: 1.1vw;
  background: white;
  border-radius: 5px;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

/* Крестик */
.menu-toggle.active {
  width: 5vw;
  height: 5vw;
  left: 89vw;
  top: 18vw;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}
html[lang="ar"] .menu-toggle.active,
html[lang="fa"] .menu-toggle.active {
  left: 6vw;
}
.menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(0.6vw, 1.5vw);
  width: 8vw;
}

.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(0.8vw, -1.7vw);
  width: 8vw;
}

/* Список меню */
.fullscreen-menu ul {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.fullscreen-menu ul li {
  margin: 0;
}

.fullscreen-menu ul li a {
  text-decoration: none;
  color: white;
  font-size: 5vw;
  transition: color 0.3s ease;
}

/* Кнопка "Наверх" */
.scroll-to-top {
  position: fixed;
  bottom: 2vw;
  right: 2vw;
  width: 3vw;
  height: 3vw;
  background: linear-gradient(to right, #17ffc6, #03448c);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease,
    visibility 0.3s ease;
  box-shadow:
    0 0 10px rgba(23, 255, 198, 0.5),
    0 0 20px rgba(3, 68, 140, 0.3);
  z-index: 1000;
}
html[lang="ar"] .scroll-to-top,
html[lang="fa"] .scroll-to-top {
  right: 0;
  left: 2vw;
}
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

@media (hover: hover) {
  .scroll-to-top:hover {
    transform: scale(1.1);
    box-shadow:
      0 0 15px rgba(23, 255, 198, 1),
      0 0 30px rgba(3, 68, 140, 0.5);
  }
}
@media (hover: none) {
  .scroll-to-top:active {
    transform: scale(1.1);
    box-shadow:
      0 0 15px rgba(23, 255, 198, 1),
      0 0 30px rgba(3, 68, 140, 0.5);
  }
}
.scroll-to-top::after {
  content: "⟰";
  font-size: 1vw;
  font-weight: bold;
}
.sticky {
  position: sticky;
  top: 0;
  left: 0;
  width: 100vw;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  background-color: #1b375c;
  z-index: 1000;
}

@media (max-width: 480px) {
  .scroll-to-top {
    width: 7.5vw;
    height: 7.5vw;
    bottom: 2vw;
  }
  .scroll-to-top::after {
    font-size: 3.5vw;
  }
  .header {
    height: 15vw;
  }
  .header_language {
    opacity: 0;
  }
  .header_content {
    display: none;
  }
  .menu-toggle {
    display: flex;
  }
  .header_logo img {
    width: 30vw;
  }
  .header_buttons a {
    font-size: 13px !important;
    border-radius: 2vw;
    padding: 1.5vw 2vw;
  }
  .header_buttons a:first-of-type {
    padding: 1.5vw;
  }
  .language-selector-mobile {
    position: fixed;
    top: 18vw;
    left: 2vw;
    display: inline-block;
    height: 0;
  }
  html[lang="ar"] .language-selector-mobile,
  html[lang="fa"] .language-selector-mobile {
    left: 77vw;
  }
  html[lang="ar"] .language-menu-mobile img,
  html[lang="fa"] .language-menu-mobile img {
    order: 2;
  }
  html[lang="ar"] .language-menu-mobile span,
  html[lang="fa"] .language-menu-mobile span {
    order: 1;
  }
  .language-button-mobile {
    background-color: transparent;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 0.5vw;
    font-size: 4vw;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1vw;
    margin-left: 3vw;
  }

  .language-button-mobile .flag-icon {
    margin-bottom: 0.1vw;
    width: 4vw;
  }

  .language-button-mobile .arrow-down {
    margin-left: auto;
    width: 3vw;
  }
  .language-button-mobile .arrow-down img {
    transition: transform 0.3s ease;
  }
  .language-button-mobile.open .arrow-down img {
    transform: rotate(180deg);
  }

  .language-menu-mobile {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
    background-color: inherit;
    border-radius: 0.2vw;
    padding: 0;
    list-style: none;
    margin-top: 1vw;
    z-index: 1000;
    position: absolute;
    top: 6vw;
    left: 2.2vw;
    overflow-y: auto;
  }

  .language-menu-mobile li {
    padding: 1vw 1.2vw;
  }

  .language-menu-mobile li a {
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 1.5vw;
    font-size: 4vw !important;
    font-family: "MontserratSemiBold", sans-serif;
    font-weight: 400;
  }

  @media (hover: hover) {
    .language-menu-mobile li:hover {
      background-color: #00336b;
    }
  }
  @media (hover: none) {
    .language-menu-mobile li:active {
      background-color: #00336b;
    }
  }
  .language-menu-mobile li .flag-icon {
    width: 4vw;
  }

  .language-menu-mobile.show {
    height: 22vw;
  }
}
/* Header */

/* First Section */
.firstSection {
  position: relative;
  width: 100vw;
  height: 50vw;
}
.firstSection::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/firstBackground.png");
  background-size: 100% 110%;
  background-repeat: no-repeat;
  background-position: left bottom;
  transform-origin: center;
  transform: scaleX(-1);
  z-index: -1;
}
.blue-text {
  color: #0085e0;
}
html[lang="ar"] .firstSection::before,
html[lang="fa"] .firstSection::before {
  transform: scaleX(1);
}
.colorBackground {
  position: absolute;
  top: 0;
  background-color: deepskyblue;
  opacity: 0.3;
  width: 100vw;
  height: 50vw;
  pointer-events: none;
}
.opacityBackground {
  background-image: url("/assets/images/firstOpacityBackground.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 100vw;
  height: 50vw;
  pointer-events: none;
}
.opacityBackground::before {
  content: "";
  position: absolute;
  top: 10vw;
  left: 4vw;
  width: 40vw;
  height: 40vw;
  filter: blur(15vw);
  background: radial-gradient(
    circle,
    rgba(40, 240, 228, 1),
    rgba(96, 241, 232, 1)
  );
  border-radius: 50%;
  z-index: -10;
  pointer-events: none;
}
html[lang="ar"] .opacityBackground::before,
html[lang="fa"] .opacityBackground::before {
  left: 50vw;
}
.firstSectionContent {
  margin-right: 10vw;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  margin-left: 8vw;
}
html[lang="ar"] .firstSectionContent,
html[lang="fa"] .firstSectionContent {
  left: 43vw;
  margin-left: 0;
}
.firstSectionContent h1 {
  font-family: "MontserratBold", sans-serif;
  font-weight: 700;
  margin-top: 8vw;
  font-size: 2vw;
}
html[lang="es"] .firstSectionContent h1 {
  font-size: 1.65vw;
}
html[lang="fr"] .firstSectionContent h1 {
  font-size: 1.6vw;
}
html[lang="pt"] .firstSectionContent h1 {
  font-size: 1.8vw;
}
html[lang="ar"] .firstSectionContent h1,
html[lang="fa"] .firstSectionContent h1 {
  margin-top: 4vw;
  font-size: 3.1vw;
}
.firstSectionContent p {
  font-family: "MontserratMedium", sans-serif;
  font-weight: 500;
  font-size: 2vw;
  width: 47vw;
  margin: 0;
  position: relative;
}
html[lang="ar"] .firstSectionContent p,
html[lang="fa"] .firstSectionContent p {
  font-size: 2.7vw;
  width: 45vw;
}
.firstSectionContent p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -2vw;
  transform: translateY(-50%);
  width: 0.2em;
  height: 0.2em;
  background-color: white;
  border-radius: 50%;
}
html[lang="ar"] .firstSectionContent p::before,
html[lang="fa"] .firstSectionContent p::before {
  right: -2vw;
}
.firstSectionContent p:nth-of-type(3)::before {
  top: 27%;
}
.firstSectionButtons {
  position: absolute;
  bottom: 10vw;
  right: 39vw;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
html[lang="ar"] .firstSectionButtons,
html[lang="fa"] .firstSectionButtons {
  right: 12vw;
}
.firstSectionButtons p {
  font-family: "MontserratBold", sans-serif;
  font-weight: 700;
  color: white;
  font-size: 2vw;
  position: relative;
  top: 4vw;
  right: -3vw;
  z-index: 5;
}
html[lang="ar"] .firstSectionButtons p,
html[lang="fa"] .firstSectionButtons p {
  right: 30vw;
}
.firstSectionButtons a {
  font-family: "MontserratBold", sans-serif;
  font-weight: 700;
  color: white;
  background: linear-gradient(to right, #4caf50, #7aff80, #41b2ff);
  border: none;
  font-size: 2vw;
  padding: 1vw 4vw;
  border-radius: 1vw;
  position: relative;
  top: -4vw;
  left: -30vw;
  cursor: pointer;
  text-decoration: none;
  z-index: 0;
  transition: transform 0.6s ease;
  display: inline-block;
}
html[lang="fr"] .firstSectionButtons a {
  left: -20vw;
  padding: 1vw 2vw;
  font-size: 1.7vw;
}
html[lang="pt"] .firstSectionButtons a {
  left: -20vw;
  padding: 1vw 2vw;
  font-size: 1.7vw;
}
html[lang="es"] .firstSectionButtons a {
  left: -20vw;
  padding: 1vw 2vw;
  font-size: 1.7vw;
}
html[lang="so"] .firstSectionButtons a {
  left: -26vw;
  top: -3.5vw;
  padding: 1vw 3vw;
  font-size: 1.5vw;
}
html[lang="ar"] .firstSectionButtons a,
html[lang="fa"] .firstSectionButtons a {
  left: 0;
  top: -2vw;
}
@media (hover: hover) {
  .firstSectionButtons a:hover {
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .firstSectionButtons a:active {
    transform: scale(1.1);
  }
}
.firstSectionButtons span {
  content: "";
  position: absolute;
  top: -3.4vw;
  left: -29.1vw;
  width: 20vw;
  height: 5vw;
  background: linear-gradient(to right, #4caf50, #2a93ce);
  z-index: -1;
  border-radius: 1vw;
  transition: transform 0.6s ease;
  transform: scale(1);
  pointer-events: none;
}
html[lang="fr"] .firstSectionButtons span {
  left: -19.5vw;
  top: -3.4vw;
  width: 28.7vw;
  height: 4.5vw;
}
html[lang="pt"] .firstSectionButtons span {
  left: -19.5vw;
  top: -3.4vw;
  width: 23vw;
  height: 4.5vw;
}
html[lang="es"] .firstSectionButtons span {
  left: -19.5vw;
  top: -3.4vw;
  width: 25vw;
  height: 4.5vw;
}
html[lang="ar"] .firstSectionButtons span,
html[lang="fa"] .firstSectionButtons span {
  top: -1.5vw;
  left: 0.7vw;
  width: 19.3vw;
  height: 5vw;
}
html[lang="fa"] .firstSectionButtons span {
  width: 27.3vw;
}
html[lang="bn"] .firstSectionButtons span {
  left: -29.2vw;
  top: -3.4vw;
  width: 16.5vw;
  height: 5vw;
}
html[lang="so"] .firstSectionButtons span {
  left: -25.2vw;
  top: -3vw;
  width: 22vw;
  height: 4.2vw;
}
.firstSectionButtons img {
  position: absolute;
  bottom: -1vw;
  left: -26vw;
  z-index: -10;
  width: 14vw;
  transition: transform 0.6s ease;
  pointer-events: none;
}
.firstSectionButtons img:first-of-type {
  bottom: 0;
  left: -25vw;
  width: 12vw;
  pointer-events: none;
}
html[lang="fr"] .firstSectionButtons img {
  width: 16vw;
  left: -14vw;
  bottom: -2vw;
}
html[lang="fr"] .firstSectionButtons img:first-of-type {
  width: 14vw;
  left: -13vw;
  bottom: -1vw;
}
html[lang="pt"] .firstSectionButtons img {
  width: 15vw;
  left: -16vw;
  bottom: -1.5vw;
}
html[lang="pt"] .firstSectionButtons img:first-of-type {
  width: 13vw;
  left: -15vw;
  bottom: -0.5vw;
}
html[lang="es"] .firstSectionButtons img {
  width: 15vw;
  left: -15vw;
  bottom: -1.5vw;
}
html[lang="es"] .firstSectionButtons img:first-of-type {
  width: 13vw;
  left: -14vw;
  bottom: -0.5vw;
}
html[lang="ar"] .firstSectionButtons img,
html[lang="fa"] .firstSectionButtons img {
  bottom: -2.7vw;
  left: 3vw;
}
html[lang="ar"] .firstSectionButtons img:first-of-type,
html[lang="fa"] .firstSectionButtons img:first-of-type {
  bottom: -1.7vw;
  left: 4vw;
}
html[lang="bn"] .firstSectionButtons img {
  bottom: -1vw;
  left: -28vw;
  width: 14vw;
}
html[lang="bn"] .firstSectionButtons img:first-of-type {
  bottom: 0;
  left: -27vw;
  width: 12vw;
}
html[lang="so"] .firstSectionButtons img {
  bottom: -25px;
  left: -21vw;
}
html[lang="so"] .firstSectionButtons img:first-of-type {
  bottom: -8px;
  left: -20vw;
}
@media (hover: hover) {
  .firstSectionButtons a:hover ~ img {
    animation: pulsate 2s infinite ease-in-out;
  }
}
@media (hover: none) {
  .firstSectionButtons a:active ~ img {
    animation: pulsate 2s infinite ease-in-out;
  }
}
@media (hover: hover) {
  .firstSectionButtons a:hover ~ span {
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .firstSectionButtons a:active ~ span {
    transform: scale(1.1);
  }
}
.firstSectionContent img {
  position: absolute;
  top: 0;
  height: 50vw;
  opacity: 0.3;
  pointer-events: none;
  left: -8vw;
  transform: scaleX(-1);
}
html[lang="ar"] .firstSectionContent img,
html[lang="fa"] .firstSectionContent img {
  left: 5vw;
  transform: scaleX(1);
}
@keyframes pulsate {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
@media (max-width: 480px) {
  .firstSection {
    height: 152vw;
  }
  .firstSection::before {
    background-image: url("/assets/images/firstBackground.png");
    background-size: 270% auto;
    background-repeat: no-repeat;
    background-position: -50vw -5vw;
    transform-origin: center;
    z-index: -1;
    transform: scaleX(-1);
  }
  .blue-text {
    color: #14a0ff;
  }
  html[lang="ar"] .firstSection::before,
  html[lang="fa"] .firstSection::before {
    transform: scaleX(1);
  }
  .colorBackground {
    height: 152vw;
  }
  .opacityBackground {
    height: 152vw;
  }
  .opacityBackground::before {
    top: 60vw;
    right: 15vw;
    width: 60vw;
    height: 60vw;
  }
  html[lang="ar"] .opacityBackground::before,
  html[lang="fa"] .opacityBackground::before {
    left: 40vw;
  }
  .firstSectionContent {
    margin-right: 5vw;
    top: 1vw;
  }
  html[lang="ar"] .firstSectionContent,
  html[lang="fa"] .firstSectionContent {
    left: 0;
  }
  .firstSectionContent h1 {
    font-size: 5vw;
    margin-bottom: 13vw;
  }
  html[lang="fr"] .firstSectionContent h1 {
    font-size: 5vw;
  }
  html[lang="pt"] .firstSectionContent h1 {
    font-size: 5vw;
  }
  html[lang="es"] .firstSectionContent h1 {
    font-size: 5vw;
  }
  html[lang="ar"] .firstSectionContent h1,
  html[lang="fa"] .firstSectionContent h1 {
    font-size: 8.5vw;
    margin-bottom: 2vw;
  }
  .firstSectionContent h2 {
    width: 90vw;
    font-size: 5.5vw;
  }
  html[lang="ar"] .firstSectionContent h2,
  html[lang="fa"] .firstSectionContent h2 {
    font-size: 6.5vw;
    width: 90vw;
  }
  html[lang="ar"] .firstSectionContent h2::before,
  html[lang="fa"] .firstSectionContent h2::before {
    right: -4vw;
  }
  .firstSectionContent p {
    font-size: 5vw !important;
    width: auto !important;
  }
  html[lang="ar"] .firstSectionContent p,
  html[lang="fa"] .firstSectionContent p {
    margin-left: auto;
    margin-right: 20px;
  }
  .firstSectionContent h2::before {
    width: 0.3em;
    height: 0.3em;
    left: -4vw;
  }
  .firstSectionContent img {
    height: 120vw;
    right: -5vw;
    top: 20vw;
  }
  .firstSectionButtons {
    bottom: 30vw;
    right: 30vw;
    animation: pulsate 2s infinite ease-in-out;
  }
  html[lang="ar"] .firstSectionButtons,
  html[lang="fa"] .firstSectionButtons {
    right: 30vw;
  }
  .firstSectionButtons a {
    font-size: 5vw;
    padding: 2vw 6vw;
    border-radius: 2vw;
  }
  html[lang="fr"] .firstSectionButtons a {
    font-size: 4vw;
    left: 9vw;
  }
  html[lang="pt"] .firstSectionButtons a {
    font-size: 4vw;
    left: 3vw;
  }
  html[lang="es"] .firstSectionButtons a {
    font-size: 4vw;
    left: 3vw;
  }
  html[lang="en"] .firstSectionButtons a {
    top: 0;
    left: 0;
  }
  html[lang="bn"] .firstSectionButtons a {
    top: 0;
    left: -18px;
  }
  html[lang="so"] .firstSectionButtons a {
    top: 0;
    left: 17px;
    font-size: 4vw;
  }
  .firstSectionButtons span {
    border-radius: 2vw;
    top: 0.4vw;
    left: 1vw;
    height: 12vw;
    width: 43vw;
  }
  html[lang="fr"] .firstSectionButtons span {
    top: -2.9vw;
    left: 10vw;
    width: 62vw;
    height: 8vw;
  }
  html[lang="pt"] .firstSectionButtons span {
    top: -2.9vw;
    left: 4vw;
    width: 48.5vw;
    height: 8vw;
  }
  html[lang="es"] .firstSectionButtons span {
    top: -2.9vw;
    left: 4vw;
    width: 53.7vw;
    height: 8vw;
  }
  html[lang="bn"] .firstSectionButtons span {
    top: 1.1vw;
    left: -2vw;
    width: 32.7vw;
    height: 12vw;
  }
  html[lang="so"] .firstSectionButtons span {
    top: 1.1vw;
    left: 5vw;
    width: 49.5vw;
    height: 8vw;
  }
  .firstSectionButtons img {
    width: 29vw;
    bottom: -8.5vw;
    left: 7vw;
  }
  .firstSectionButtons img:first-of-type {
    width: 25vw;
    bottom: -6.5vw;
    left: 9vw;
  }
  html[lang="fr"] .firstSectionButtons img {
    width: 34vw;
    left: 21vw;
    bottom: -9.5vw;
  }
  html[lang="fr"] .firstSectionButtons img:first-of-type {
    width: 30vw;
    left: 23vw;
    bottom: -7.5vw;
  }
  html[lang="pt"] .firstSectionButtons img {
    width: 30vw;
    left: 12vw;
    bottom: -7.5vw;
  }
  html[lang="pt"] .firstSectionButtons img:first-of-type {
    width: 26vw;
    left: 14vw;
    bottom: -5.5vw;
  }
  html[lang="es"] .firstSectionButtons img {
    width: 30vw;
    left: 15vw;
    bottom: -7.5vw;
  }
  html[lang="es"] .firstSectionButtons img:first-of-type {
    width: 26vw;
    left: 17vw;
    bottom: -5.5vw;
  }
  html[lang="ar"] .firstSectionButtons img,
  html[lang="fa"] .firstSectionButtons img {
    bottom: -6.9vw;
    left: 6vw;
  }
  html[lang="ar"] .firstSectionButtons img:first-of-type,
  html[lang="fa"] .firstSectionButtons img:first-of-type {
    bottom: -5vw;
    left: 8vw;
  }
  html[lang="bn"] .firstSectionButtons img {
    bottom: -31px;
    left: 1vw;
    width: 26vw;
  }
  html[lang="bn"] .firstSectionButtons img:first-of-type {
    bottom: -24px;
    left: 3vw;
    width: 22vw;
  }
  html[lang="so"] .firstSectionButtons img {
    bottom: -48px;
    left: 14vw;
    width: 28vw;
  }
  html[lang="so"] .firstSectionButtons img:first-of-type {
    bottom: -40px;
    left: 16vw;
    width: 24vw;
  }
  html[lang="ar"] .firstSectionButtons span,
  html[lang="fa"] .firstSectionButtons span {
    top: -1.2vw;
    left: 0.7vw;
    width: 41vw;
    height: 12vw;
  }
  html[lang="fa"] .firstSectionButtons span {
    width: 61vw;
  }
}
/* First Section */

/* Second Section */
.stats-section {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: rgba(13, 41, 77, 1);
  padding: 2vw 2vw;
  color: white;
  font-family: "Arial", sans-serif;
  height: 15vw;
  position: relative;
  z-index: 10;
}
.stats-section::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 5vw;
  filter: blur(4vw);
  background: rgba(0, 142, 238, 1);
  border-radius: 50%;
  z-index: 1;
}
.stat-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 15%;
  position: relative;
  z-index: 10;
  transition: 0.6s ease;
}

@media (hover: hover) {
  .stat-item:hover {
    scale: 1.2;
  }
}
@media (hover: none) {
  .stat-item:active {
    scale: 1.2;
  }
}
.stat-item p {
  font-size: 4vw;
  margin: 0;
  font-family: "MontserratBold", sans-serif;
  font-weight: 700;
}

.stat-item span {
  font-size: 1.5vw;
  margin: 0;
  font-family: "MontserratLight", sans-serif;
  font-weight: 300;
}
html[lang="pt"] .stat-item span,
html[lang="fr"] .stat-item span,
html[lang="so"] .stat-item span {
  font-size: 1.2vw;
  white-space: nowrap;
}
html[lang="ar"] .stat-item span,
html[lang="fa"] .stat-item span {
  font-size: 1.7vw;
}
.icon img {
  width: 4vw;
  height: auto;
  margin-bottom: 1vw;
  margin-top: 1.5vw;
}
html[lang="ar"] .icon img,
html[lang="fa"] .icon img {
  margin-bottom: 1vw;
  margin-top: 1vw;
}
.separator {
  height: 4vw;
  width: 0.1vw;
  background-color: rgba(104, 255, 255, 0.7);
  margin: 0 1vw;
}
@media (max-width: 480px) {
  .stats-section {
    height: 85px;
  }
  .stat-item {
    height: 42.4px;
    width: initial;
  }
  [lang="bn"] .stat-item {
    width: initial;
  }
  .stat-item p {
    font-size: 24.5px;
    line-height: initial;
  }
  html[lang="ar"] .stat-item span,
  html[lang="fa"] .stat-item span,
  html[lang="pt"] .stat-item span,
  html[lang="fr"] .stat-item span,
  html[lang="so"] .stat-item span,
  .stat-item span {
    font-size: 10.5px;
  }
  html[lang="so"] .stat-item span {
    font-size: 8.5px;
    white-space: initial;
  }

  html[lang="so"] .stat-item p {
    font-size: 22.5px;
    line-height: initial;
  }
  html[lang="ar"] .stat-item span {
    font-size: 10.5px;
  }

  .stat-item h2 {
    font-size: 5vw;
  }
  html[lang="ar"] .stat-item h2,
  html[lang="fa"] .stat-item h2 {
    font-size: 5vw;
  }
  .stat-item h3 {
    font-size: 1.5vw !important;
  }
  html[lang="ar"] .stat-item h3,
  html[lang="fa"] .stat-item h3 {
    font-size: 3vw !important;
  }
  .icon img {
    width: 24.72px;
    margin-bottom: initial;
    margin-top: initial;
  }
  html[lang="ar"] .icon img,
  html[lang="fa"] .icon img {
    margin-bottom: initial;
    margin-top: initial;
  }
  .stat-item .icon {
    height: 30px;
    display: flex;
    align-items: center;
    width: 33px;
    justify-content: center;
  }
  .separator {
    height: 21px;
    width: 1.34px;
  }
  .header_buttons {
    gap: 8px;
  }
  .header_buttons a {
    min-width: 111px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
  }
  .fullscreen-menu {
    height: 62vw;
    align-items: initial;
  }
  [lang="bn"] .fullscreen-menu {
    height: 68vw;
  }
  .fullscreen-menu ul {
    margin-top: 13px;
  }
  .fullscreen-menu ul li a {
    font-size: 30px;
  }
  .fullscreen-menu ul:first-child li {
    margin-bottom: 6px;
    line-height: initial;
  }
  .fullscreen-menu ul:first-child li:nth-child(4) {
    margin-bottom: 17px;
  }
  .fullscreen-menu ul:first-child li:nth-child(5) {
    margin-bottom: 0px;
  }
}
/* Second Section */

/* Third Section */
.thirdSection {
  background: rgba(13, 41, 77, 1);
  color: white;
  padding: 1vw 5vw;
  font-family: "Arial", sans-serif;
  width: 100vw;
  height: 47.5vw;
}

.section-title-third {
  font-size: 3.5vw;
  margin-bottom: 2vw;
  font-family: "MontserratSemiBold", sans-serif;
  font-weight: 600;
  margin-top: 0;
  position: relative;
  z-index: 10;
  text-align: left;
  margin-left: 4vw;
}
html[lang="ar"] .section-title-third,
html[lang="fa"] .section-title-third {
  text-align: right;
  margin-left: 0;
  margin-right: 4vw;
}
.features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2vw;
  position: relative;
  z-index: 1;
}
.features::before {
  content: "";
  position: absolute;
  top: -12vw;
  left: -5vw;
  width: 45vw;
  height: 40vw;
  filter: blur(25vw);
  background: rgba(122, 255, 128, 0.72);
  border-radius: 50%;
  z-index: -10;
}
.feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}
.feature::before {
  content: "";
  position: absolute;
  top: -0.5vw;
  width: 10vw;
  height: 8vw;
  filter: blur(2.5vw);
  background: rgba(109, 196, 255, 1);
  border-radius: 50%;
  z-index: -1;
}
.feature:nth-child(3) {
  top: -1.7vw;
}
.feature:nth-child(3)::before {
  top: 1vw;
}
@media (hover: hover) {
  .feature:hover {
    transform: scale(1.05);
  }
}
@media (hover: none) {
  .feature:active {
    transform: scale(1.05);
  }
}
.feature img {
  width: 7vw;
  height: auto;
}
.feature h3 {
  margin-bottom: 1vw;
  color: #ffffff;
  font-family: "MontserratBold", sans-serif;
  font-weight: 700;
  font-size: 1.3vw;
  white-space: nowrap;
  text-align: center !important;
}
html[lang="ar"] .feature h3,
html[lang="fa"] .feature h3 {
  font-size: 1.5vw;
  text-align: left !important;
}
.feature p {
  font-size: 1.1vw;
  line-height: 1.5;
  letter-spacing: 0.1vw;
  font-family: "MontserratRegular", sans-serif;
  font-weight: 400;
  color: #6dc4ff;
  text-align: center !important;
}
.feature:nth-child(1) p,
.feature:nth-child(4) p {
  width: 15vw;
}
.feature:nth-child(1) {
  top: -0.5vw;
}
html[lang="ar"] .feature:nth-child(1) p,
html[lang="ar"] .feature:nth-child(4) p,
html[lang="fa"] .feature:nth-child(1) p,
html[lang="fa"] .feature:nth-child(4) p {
  text-align: left !important;
}
html[lang="ar"] .feature:nth-child(1) p,
html[lang="fa"] .feature:nth-child(1) p {
  width: 12vw;
}
.feature:nth-child(1) p {
  width: 15vw;
}
.feature:nth-child(2) p {
  width: 15.5vw;
}
html[lang="ar"] .feature:nth-child(2) p,
html[lang="fa"] .feature:nth-child(2) p {
  text-align: center !important;
}
.feature:nth-child(5) p {
  width: 13vw;
}
html[lang="ar"] .feature:nth-child(5) p,
html[lang="fa"] .feature:nth-child(5) p {
  text-align: center !important;
}
.feature:nth-child(3) p,
.feature:nth-child(6) p {
  width: 17.3vw;
  padding: 0;
}
.feature:nth-child(6) {
  top: 0.5vw;
}
html[lang="ar"] .feature:nth-child(3) p,
html[lang="ar"] .feature:nth-child(6) p,
html[lang="fa"] .feature:nth-child(3) p,
html[lang="fa"] .feature:nth-child(6) p {
  text-align: right !important;
  width: 18.5vw;
  padding-right: 4.2vw;
}
.feature:nth-child(1) img {
  width: 9vw;
  margin-top: -1vw;
}
.feature:nth-child(5) img {
  width: 9vw;
}
.feature:nth-child(3) img {
  width: 8vw;
  bottom: 1.4vw;
}
html[lang="ar"] .feature:nth-child(3),
html[lang="fa"] .feature:nth-child(3) {
  bottom: 1.5vw;
}
html[lang="ar"] .feature:nth-child(1),
html[lang="fa"] .feature:nth-child(1) {
  right: 1vw;
}
.feature:nth-child(1) h3,
.feature:nth-child(4) h3 {
  width: 15vw;
}
html[lang="ar"].feature:nth-child(1) h3,
html[lang="ar"].feature:nth-child(4) h3,
html[lang="fa"].feature:nth-child(1) h3,
html[lang="fa"].feature:nth-child(4) h3 {
  text-align: left;
}
.feature:nth-child(1) h3 {
  margin-top: 1vw;
}
.feature:nth-child(1) h3 {
  width: 12vw;
}

@media (max-width: 480px) {
  .thirdSection {
    height: 152vw;
  }
  .section-title-third {
    font-size: 8vw;
  }
  html[lang="pt"] .section-title-third,
  html[lang="fr"] .section-title-third,
  html[lang="bn"] .section-title-third {
    font-size: 6vw;
  }

  .features {
    grid-template-columns: repeat(2, 1fr);
  }
  .feature::before {
    width: 20vw;
    height: 18vw;
    filter: blur(7vw);
  }
  .features::before {
    top: 10vw;
    width: 75vw;
    height: 60vw;
    filter: blur(35vw);
  }
  .feature p {
    font-size: 2.8vw;
    width: 30vw !important;
    text-align: center !important;
  }
  html[lang="ar"] .feature p,
  html[lang="fa"] .feature p {
    font-size: 3vw;
    text-align: center !important;
  }
  .feature img {
    width: 15vw;
  }
  .feature:nth-child(1) img {
    width: 19vw;
  }
  .feature:nth-child(3) img {
    width: 16vw;
  }
  .feature:nth-child(5) img {
    width: 18vw;
  }
  .feature h3 {
    font-size: 3vw;
    white-space: nowrap;
    width: 40vw !important;
    text-align: center !important;
  }
  html[lang="ar"] .feature h3,
  html[lang="fa"] .feature h3 {
    font-size: 4vw;
    text-align: center !important;
  }
  html[lang="ar"] .feature:nth-child(1) p,
  html[lang="ar"] .feature:nth-child(2) p,
  html[lang="ar"] .feature:nth-child(3) p,
  html[lang="ar"] .feature:nth-child(4) p,
  html[lang="ar"] .feature:nth-child(5) p,
  html[lang="ar"] .feature:nth-child(6) p,
  html[lang="fa"] .feature:nth-child(1) p,
  html[lang="fa"] .feature:nth-child(2) p,
  html[lang="fa"] .feature:nth-child(3) p,
  html[lang="fa"] .feature:nth-child(4) p,
  html[lang="fa"] .feature:nth-child(5) p,
  html[lang="fa"] .feature:nth-child(6) p {
    text-align: center !important;
  }
  html[lang="ar"] .feature:nth-child(6) p,
  html[lang="ar"] .feature:nth-child(3) p,
  html[lang="fa"] .feature:nth-child(6) p,
  html[lang="fa"] .feature:nth-child(3) p {
    padding: 0;
  }
}
/* Third Section */

/* Fourth Section */
.fourthSection {
  text-align: center;
  padding: 3vw 5vw;
  font-family: Arial, sans-serif;
  background: #ffffff;
  color: #002f5f;
  width: 100vw;
  height: 48vw;
  position: relative;
}

.section-title-fourth {
  font-size: 3vw;
  margin-bottom: 1vw;
  color: #003366;
  font-family: "MontserratSemiBold", sans-serif;
  font-weight: 600;
  margin-top: 0;
  text-align: left;
  margin-left: 4vw;
}
html[lang="ar"] .section-title-fourth,
html[lang="fa"] .section-title-fourth {
  text-align: right;
  margin-right: 7vw;
  margin-left: 0;
}
.section-description {
  font-size: 1.3vw;
  color: #0078c2;
  font-family: "MontserratRegular", sans-serif;
  font-weight: 400;
  width: 63vw;
  margin-left: 4vw;
  text-align: left;
}
html[lang="en"] .section-description {
  font-size: 1.6vw;
}
html[lang="bn"] .section-description {
  font-size: 1.6vw;
}
html[lang="ar"] .section-description,
html[lang="fa"] .section-description {
  margin-left: 20vw;
  text-align: right;
}
.fourth-background-image-desktop {
  display: block;
  position: absolute;
  top: 0;
  width: 37.1vw;
  z-index: 1;
  right: 1vw;
  transform: scaleX(-1);
}
.fourth-background-image-mobile {
  display: none;
}
html[lang="ar"] .fourth-background-image-desktop,
html[lang="fa"] .fourth-background-image-desktop {
  left: 0;
  transform: scaleX(1);
}
.plans {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  gap: 2vw;
  position: relative;
  z-index: 10;
}

.plan {
  text-align: center;
  padding: 2vw;
  border-radius: 1.5vw;
  transition: transform 0.3s ease;
  width: 30vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.plan::before {
  content: "";
  position: absolute;
  top: 1vw;
  width: 15vw;
  height: 12vw;
  filter: blur(2.5vw);
  background: rgba(109, 196, 255, 1);
  border-radius: 50%;
  z-index: -1;
}
.plan:nth-child(1)::before {
  top: 3vw;
}
@media (hover: hover) {
  .plan:hover {
    transform: translateY(-10px);
  }
}
@media (hover: none) {
  .plan:active {
    transform: translateY(-10px);
  }
}
.plan img {
  width: 13vw;
  height: auto;
}
.plan:nth-child(1) img {
  width: 14vw;
}
.plan:nth-child(2) img {
  width: 15vw;
}

.plan h3 {
  font-size: 1.8vw;
  color: #003366;
  margin-bottom: 0;
  font-weight: 700;
  font-family: "MontserratBold", sans-serif;
  display: flex;
}
.plan:nth-child(1) h3 {
  text-align: left;
  margin-top: 1.5vw;
  padding-right: 0;
}
.plan:nth-child(3) h3 {
  padding-left: 0;
}
html[lang="ar"] .plan:nth-child(1) h3,
html[lang="fa"] .plan:nth-child(1) h3 {
  padding-right: 1.5vw;
}
html[lang="ar"] .plan:nth-child(3) h3,
html[lang="fa"] .plan:nth-child(3) h3 {
  padding-left: 6.5vw;
}
.plan h3 span {
  font-size: 1.4vw;
  color: #003366;
  font-weight: 700;
  white-space: nowrap;
  font-family: "MontserratBold", sans-serif;
}

.plan p {
  font-size: 1.07vw;
  line-height: 1.5;
  color: #007acc;
  font-family: "MontserratLight", sans-serif;
  font-weight: 400;
  width: 20vw;
  height: 10vw;
}
html[lang="ar"] .plan p,
html[lang="fa"] .plan p {
  font-size: 1.3vw;
}
.plan:nth-child(1) p {
  text-align: center;
  width: 14.7vw;
}
.plan:nth-child(2) p {
  text-align: center;
  width: 19vw;
}
.plan:nth-child(3) p {
  text-align: center;
  font-size: 1.2vw;
  width: 20vw;
}
html[lang="en"] .plan:nth-child(3) p {
  width: 15vw;
}
html[lang="ar"] .plan:nth-child(1) p,
html[lang="fa"] .plan:nth-child(1) p {
  text-align: left;
}
html[lang="ar"] .plan:nth-child(3) p,
html[lang="fa"] .plan:nth-child(3) p {
  text-align: right;
  font-size: 1.3vw;
}
.title-part1 {
  order: 2;
}
.title-part2 {
  order: 1;
}
html[lang="ar"] .title-part1,
html[lang="fa"] .title-part1 {
  order: 1;
}
html[lang="ar"] .title-part2,
html[lang="fa"] .title-part2 {
  order: 2;
}
@media (max-width: 480px) {
  .fourthSection {
    height: 160vw;
    padding: 2vw 0;
  }
  .section-title-fourth {
    font-size: 6vw;
  }
  .section-description {
    font-size: 2.5vw;
    width: 80vw;
    direction: ltr;
  }
  html[lang="fr"] .section-description {
    font-size: 2.3vw;
  }
  html[lang="ar"] .section-description,
  html[lang="fa"] .section-description {
    margin-left: 13vw;
    font-size: 3vw;
    direction: rtl;
  }
  .plans {
    flex-direction: column-reverse;
  }
  html[lang="so"] .plans {
    gap: 1vw;
  }
  .plans .plan:nth-child(1) {
    margin-right: auto;
    margin-left: 2vw;
    width: 50vw;
    align-items: flex-start;
  }
  html[lang="ar"] .plans .plan:nth-child(1),
  html[lang="fa"] .plans .plan:nth-child(1) {
    margin-right: 0;
    margin-left: auto;
    padding-right: 7vw;
    align-items: flex-end;
  }
  .plans .plan:nth-child(2) {
    width: 50vw;
    align-items: flex-end;
    margin-left: auto;
    margin-right: 1vw;
  }
  html[lang="ar"] .plans .plan:nth-child(2),
  html[lang="fa"] .plans .plan:nth-child(2) {
    align-items: flex-start;
    margin-right: auto;
    margin-left: 0;
    padding-left: 5vw;
  }
  .plans .plan:nth-child(3) {
    width: 50vw;
    margin-left: 2vw;
    margin-right: auto;
    align-items: flex-start;
  }
  html[lang="ar"] .plans .plan:nth-child(3),
  html[lang="fa"] .plans .plan:nth-child(3) {
    align-items: flex-end;
    margin-right: 0;
    margin-left: auto;
    padding-right: 7vw;
  }
  .plan::before {
    width: 25vw;
    height: 22vw;
    filter: blur(5vw);
  }
  .plan img {
    width: 23vw;
  }
  .plan:nth-child(2) img {
    width: 30vw;
  }
  .plan:nth-child(1) img {
    width: 25vw;
  }
  .plan h3 {
    margin-right: 10vw;
  }
  html[lang="es"] .plan h3 {
    margin-right: 30vw;
  }
  html[lang="pt"] .plan h3 {
    margin-right: 23vw;
  }
  html[lang="fr"] .plan h3 {
    margin-right: 19vw;
  }
  html[lang="bn"] .plan h3 {
    margin-right: 16vw;
  }
  html[lang="so"] .plan h3 {
    margin-right: 30vw;
  }
  .plan:nth-child(3) h3 {
    margin-left: -1.5vw;
  }
  html[lang="ar"] .plan h3,
  html[lang="fa"] .plan h3 {
    margin: 0;
  }
  html[lang="ar"] .plan:nth-child(3) h3,
  html[lang="fa"] .plan:nth-child(3) h3 {
    margin-left: 0;
  }
  html[lang="so"] .plan:nth-child(3) h3 {
    margin-left: 0;
  }
  .plan h3 span {
    font-size: 3vw;
    width: 9.5vw;
    white-space: nowrap;
  }
  .plan:nth-child(1) h3 span {
    width: 11vw;
  }
  html[lang="ar"] .plan:nth-child(1) h3 span,
  html[lang="fa"] .plan:nth-child(1) h3 span {
    width: 14.5vw;
  }
  .plan:nth-child(2) h3 span {
    width: 16.5vw !important;
  }
  html[lang="ar"] .plan h3 span,
  html[lang="fa"] .plan h3 span {
    width: 17.5vw;
  }

  .plans .plan:nth-child(1) p {
    text-align: left;
    font-size: 2.8vw;
    width: 88vw;
  }
  .plans .plan:nth-child(2) p {
    text-align: right;
    font-size: 2.8vw;
    width: 88vw;
  }
  .plans .plan:nth-child(3) p {
    width: 80vw !important;
    font-size: 2.8vw !important;
    text-align: left;
  }
  html[lang="ar"] .plan:nth-child(3) p,
  html[lang="fa"] .plan:nth-child(3) p {
    text-align: right;
    font-size: 3.4vw;
  }
  html[lang="ar"] .plan:nth-child(2) p,
  html[lang="fa"] .plan:nth-child(2) p {
    text-align: left;
    font-size: 3.4vw;
  }
  html[lang="ar"] .plan:nth-child(1) p,
  html[lang="fa"] .plan:nth-child(1) p {
    text-align: right;
    font-size: 3.4vw;
  }
  html[lang="so"] .plan:nth-child(3) p {
    font-size: 2.5vw !important;
  }
  html[lang="so"] .plan:nth-child(2) p {
    font-size: 2.5vw !important;
  }
  html[lang="so"] .plan:nth-child(1) p {
    font-size: 2.5vw !important;
  }
  .fourth-background-image-desktop {
    display: none;
  }
  .fourth-background-image-mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 160vw;
    pointer-events: none;
  }
}
/* Fourth Section */

/* Fifth Section */

.fifthSection {
  padding: 2vw 2vw;
  text-align: center;
  height: 47.5vw;
  background: linear-gradient(
    to right,
    rgba(16, 103, 217, 0.5),
    rgba(30, 58, 95, 0.5)
  );
}

.benefits-title {
  font-size: 3vw;
  margin-bottom: 2vw;
  font-family: "MontserratSemiBold", sans-serif;
  font-weight: 600;
  color: #ffffff;
  text-align: left;
  margin-top: 1vw;
  margin-left: 5vw;
}
html[lang="ar"] .benefits-title,
html[lang="fa"] .benefits-title {
  text-align: right;
  margin-right: 7vw;
  margin-top: 2vw;
  margin-left: 0;
}
.benefits-grid {
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
  gap: 2vw;
  position: relative;
  z-index: 10;
}
.benefits-grid::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -30vw;
  width: 60vw;
  height: 40vw;
  filter: blur(30vw);
  background: rgba(122, 255, 128, 1);
  z-index: -10;
  pointer-events: none;
}
.benefit-card {
  text-align: center;
  width: 20vw;
  padding: 2vw;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
html[lang="fr"] .benefit-card:nth-child(2) {
  top: -0.4vw;
}
html[lang="fr"] .benefit-card:nth-child(1) {
  top: -0.8vw;
}
html[lang="fr"] .benefit-card:nth-child(4) {
  top: -0.4vw;
}
html[lang="pt"] .benefit-card:nth-child(2) {
  top: -0.4vw;
}
html[lang="pt"] .benefit-card:nth-child(1) {
  top: -1.7vw;
}
html[lang="pt"] .benefit-card:nth-child(3) {
  top: -0.8vw;
}
html[lang="es"] .benefit-card:nth-child(2) {
  top: -0.4vw;
}
html[lang="es"] .benefit-card:nth-child(1) {
  top: -1.7vw;
}
.benefit-card::before {
  content: "";
  position: absolute;
  top: 3vw;
  width: 10vw;
  height: 10vw;
  filter: blur(4vw);
  background: rgba(109, 196, 255, 1);
  border-radius: 50%;
  z-index: -1;
}
.benefit-card:nth-child(2)::before {
  height: 13vw;
}
@media (hover: hover) {
  .benefit-card:hover {
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .benefit-card:active {
    transform: scale(1.1);
  }
}
.benefit-card img {
  width: 14vw;
}
.benefit-card:nth-child(1) img,
.benefit-card:nth-child(3) img {
  width: 30vw;
  margin-bottom: 2.5vw;
}
.benefit-card:nth-child(1) img {
  margin-bottom: 1.5vw;
}
.benefit-card:nth-child(2) img {
  width: 13vw;
  margin-bottom: -1.5vw;
}
.benefit-card:nth-child(4) img {
  width: 10vw;
  margin-bottom: 1.5vw;
}

.benefit-card:nth-child(4) {
  margin-top: 1.5vw;
}
html[lang="ar"] .benefit-card:nth-child(4),
html[lang="fa"] .benefit-card:nth-child(4) {
  margin-top: 0;
}
.benefit-card h3 {
  font-size: 1.5vw;
  margin-bottom: 1vw;
  color: #ffffff;
  font-weight: 700;
  font-family: "MontserratBold", sans-serif;
}
.benefit-card:nth-child(1) h3,
.benefit-card:nth-child(2) h3 {
  width: 15vw;
}
html[lang="fr"] .benefit-card:nth-child(1) h3 {
  width: 20vw;
  font-size: 1.3vw;
}
html[lang="ar"] .benefit-card:nth-child(1) h3,
html[lang="ar"] .benefit-card:nth-child(2) h3,
html[lang="fa"] .benefit-card:nth-child(1) h3,
html[lang="fa"] .benefit-card:nth-child(2) h3 {
  width: 10vw;
}

.benefit-card p {
  font-size: 1.1vw;
  line-height: 1.5;
  color: #6dc4ff;
  font-family: "MontserratLight", sans-serif;
  font-weight: 400;
  width: 13vw;
  text-align: center;
}
html[lang="fr"] .benefit-card p {
  font-size: 1vw;
}
html[lang="ar"] .benefit-card p,
html[lang="fa"] .benefit-card p {
  font-size: 1.2vw;
}
.benefit-card:nth-child(1) p {
  width: 14vw;
  text-align: center;
}
.benefit-card:nth-child(3) p {
  width: 13vw;
}
.benefit-card:nth-child(4) p {
  letter-spacing: 0.1vw;
  text-align: center;
  width: 15vw;
  margin-right: 0;
}
html[lang="ar"] .benefit-card:nth-child(1) p,
html[lang="fa"] .benefit-card:nth-child(1) p {
  text-align: left;
  width: 12vw;
}
html[lang="ar"] .benefit-card:nth-child(3) p,
html[lang="fa"] .benefit-card:nth-child(3) p {
  width: 11vw;
}
html[lang="ar"] .benefit-card:nth-child(4) p,
html[lang="fa"] .benefit-card:nth-child(4) p {
  text-align: right;
  width: 11vw;
  margin-right: 3vw;
}
@media (max-width: 480px) {
  .fifthSection {
    height: 152vw;
  }
  .benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 0.5fr);
    justify-content: center;
    align-items: center;
    justify-items: center;
  }
  .benefits-title {
    font-size: 6vw;
    margin-top: 0;
  }
  .benefits-grid::before {
    bottom: 50vw;
    width: 70vw;
    height: 50vw;
  }
  .benefit-card {
    width: 45vw;
  }
  html[lang="es"] .benefit-card:nth-child(2),
  html[lang="pt"] .benefit-card:nth-child(2),
  html[lang="fr"] .benefit-card:nth-child(2) {
    top: -2vw;
  }
  html[lang="es"] .benefit-card:nth-child(3),
  html[lang="es"] .benefit-card:nth-child(4),
  html[lang="pt"] .benefit-card:nth-child(3),
  html[lang="pt"] .benefit-card:nth-child(4),
  html[lang="fr"] .benefit-card:nth-child(3),
  html[lang="fr"] .benefit-card:nth-child(4) {
    top: -10vw;
  }
  html[lang="fr"] .benefit-card p {
    font-size: 2.5vw;
  }
  .benefit-card::before {
    width: 30vw;
    height: 30vw;
    filter: blur(7vw);
  }
  .benefit-card:nth-child(2)::before {
    height: 35vw;
    top: -0.5vw;
  }
  .benefit-card:nth-child(1) img,
  .benefit-card:nth-child(3) img {
    width: 60vw;
  }
  .benefit-card:nth-child(2) img {
    width: 28vw;
    margin-top: 3vw;
    margin-bottom: 0.5vw;
  }
  .benefit-card:nth-child(4) img {
    width: 23vw;
    margin-top: 7vw;
    margin-bottom: 1vw;
  }
  html[lang="ar"] .benefit-card:nth-child(2) img,
  html[lang="fa"] .benefit-card:nth-child(2) img {
    margin-top: -1vw;
    margin-bottom: 0;
  }
  html[lang="ar"] .benefit-card:nth-child(4) img,
  html[lang="fa"] .benefit-card:nth-child(4) img {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
  .benefit-card h3 {
    font-size: 3.7vw;
  }
  html[lang="ar"] .benefit-card h3,
  html[lang="fa"] .benefit-card h3 {
    font-size: 4vw;
  }
  html[lang="fr"] .benefit-card:nth-child(1) h3 {
    font-size: 3vw;
  }
  .benefit-card:nth-child(1) h3,
  .benefit-card:nth-child(2) h3 {
    width: 40vw !important;
  }
  .benefit-card p {
    text-align: center !important;
    width: 40vw !important;
    font-size: 2.5vw;
  }
  html[lang="ar"] .benefit-card p,
  html[lang="fa"] .benefit-card p {
    font-size: 3vw;
  }
}
/* Fifth Section */

/* Sixth Section */
.sixthSection {
  display: flex;
  justify-content: center;
  height: 47.5vw;
  position: relative;
  background: linear-gradient(
    to right,
    rgba(16, 103, 217, 0.5),
    rgba(30, 58, 95, 0.5)
  );
}
.sixthSection::before {
  content: "";
  position: absolute;
  bottom: 2vw;
  width: 22vw;
  height: 2vw;
  filter: blur(5vw);
  background: rgba(122, 255, 128, 1);
  z-index: 1;
  pointer-events: none;
}
.sixthSection h2 {
  margin: 0;
  font-family: "MontserratSemiBold", sans-serif;
  font-weight: 600;
  color: white;
  position: relative;
  z-index: 10;
  font-size: 2.5vw;
  bottom: 0.5vw;
  height: 10vw;
}
html[lang="fr"] .sixthSection h2,
html[lang="so"] .sixthSection h2 {
  font-size: 2vw;
}
.sixthSection a {
  font-family: "MontserratBold", sans-serif;
  font-weight: 700;
  color: white;
  background-image: linear-gradient(to right, #4caf50, #7aff80, #41b2ff);
  border: none;
  font-size: 1.8vw;
  padding: 1vw 5.5vw;
  border-radius: 1vw;
  position: absolute;
  transition: 0.6s ease;
  cursor: pointer;
  direction: rtl;
  left: 37vw;
  bottom: 1.5vw;
  text-decoration: none;
}
html[lang="fr"] .sixthSection a {
  padding: 1vw 3vw;
  font-size: 1.4vw;
  left: 35vw;
}
html[lang="pt"] .sixthSection a {
  padding: 1vw 3vw;
  font-size: 1.6vw;
  left: 37vw;
}
html[lang="es"] .sixthSection a {
  padding: 1vw 3vw;
  font-size: 1.6vw;
  left: 35vw;
}
html[lang="ar"] .sixthSection a,
html[lang="fa"] .sixthSection a {
  left: 38vw;
}
html[lang="bn"] .sixthSection a {
  padding: 1vw 5vw;
  bottom: 0.5vw;
  font-size: 2vw;
  left: 40vw;
}
html[lang="so"] .sixthSection a {
  padding: 1vw 3vw;
  bottom: 0.5vw;
  font-size: 1.5vw;
  left: 39vw;
}
.sixthSection span {
  content: "";
  position: absolute;
  bottom: 1vw;
  left: 37.4vw;
  width: 22.7vw;
  height: 4.8vw;
  background-image: linear-gradient(to right, #4caf50, #2a93ce);
  z-index: -1;
  border-radius: 1vw;
  transition: 0.6s ease;
}
html[lang="pt"] .sixthSection span {
  width: 23.8vw;
  height: 4.5vw;
  left: 37.5vw;
}
html[lang="fr"] .sixthSection span {
  width: 26.2vw;
  height: 4.1vw;
  left: 35.5vw;
}
html[lang="es"] .sixthSection span {
  width: 25.9vw;
  height: 4.5vw;
  left: 35.5vw;
}
html[lang="ar"] .sixthSection span,
html[lang="fa"] .sixthSection span {
  left: 38.5vw;
  width: 21.2vw;
}
html[lang="fa"] .sixthSection span {
  width: 28.2vw;
}
html[lang="bn"] .sixthSection span {
  width: 18vw;
  height: 5vw;
  bottom: 0;
  left: 41vw;
}
html[lang="so"] .sixthSection span {
  width: 22.3vw;
  height: 4vw;
  bottom: 0;
  left: 39.5vw;
}
@media (hover: hover) {
  .sixthSection a:hover {
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .sixthSection a:active {
    transform: scale(1.1);
  }
}
@media (hover: hover) {
  .sixthSection a:hover ~ span {
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .sixthSection a:active ~ span {
    transform: scale(1.1);
  }
}
.sixthSection img {
  position: absolute;
}
.sixthPerson {
  z-index: 10;
  top: 5vw;
  width: 41vw;
  pointer-events: none;
}
.sixthCarts {
  pointer-events: none;
  left: 17vw;
  top: 3vw;
  width: 26vw;
  z-index: 1;
}
.sixthArrow {
  pointer-events: none;
  top: 17vw;
  right: 19vw;
  width: 25vw;
  z-index: 10;
}
.sixthArrow2 {
  display: none;
}
.sixthBack {
  pointer-events: none;
  top: 28vw;
  right: 27vw;
  width: 17vw;
  z-index: 1;
}
.sixthVector {
  pointer-events: none;
  z-index: 10;
  right: 14vw;
  top: 10vw;
  width: 40vw;
}
.sixthBackground {
  pointer-events: none;
  z-index: 1;
  top: -10vw;
  width: 100vw;
}
.sixthDots {
  pointer-events: none;
  z-index: 1;
  top: 5vw;
  left: 30vw;
  width: 20vw;
}
.sixthLine {
  pointer-events: none;
  right: 15vw;
  top: 1vw;
  z-index: 1;
  width: 40vw;
  rotate: -20deg;
}
.sixthLineDot {
  pointer-events: none;
  right: 45vw;
  top: 7.95vw;
  z-index: 10;
  rotate: -130deg;
  width: 0.8vw;
}
@media (max-width: 480px) {
  .sixthSection {
    height: 152vw;
  }
  .sixthSection h2 {
    font-size: 4.5vw;
    text-align: center;
    width: 90vw;
    margin-top: 4vw;
  }

  html[lang="fr"] .sixthSection h2 {
    font-size: 4vw;
  }
  html[lang="ar"] .sixthSection h2,
  html[lang="fa"] .sixthSection h2,
  html[lang="en"] .sixthSection h2 {
    font-size: 5.5vw;
  }
  html[lang="bn"] .sixthSection h2 {
    margin-top: 20px;
  }
  html[lang="so"] .sixthSection h2 {
    margin-top: 70px;
    font-size: 4vw;
  }
  .sixthSection::before {
    width: 40vw;
    height: 10vw;
    bottom: 8vw;
    filter: blur(10vw);
    left: 25vw;
  }
  .sixthPerson {
    top: 40vw;
    left: 0;
    width: 100vw;
  }
  .sixthDots {
    left: 20vw;
    top: 41vw;
    width: 30vw;
  }
  .sixthCarts {
    top: 26vw;
    left: 7vw;
    width: 55vw;
  }
  .sixthLine {
    top: 50vw;
    left: 42vw;
    width: 55vw;
    rotate: 5deg;
    overflow: hidden;
  }
  .sixthArrow {
    display: none;
  }
  .sixthArrow2 {
    display: block;
    top: 100vw;
    left: 54vw;
    width: 40vw;
    rotate: 20deg;
    filter: drop-shadow(10px -10px 0 black);
  }
  html[lang="fa"] .sixthArrow2 {
    z-index: 2;
  }
  .sixthLineDot {
    top: 55.4vw;
    left: 63vw;
  }
  .sixthBack {
    top: 64vw;
    left: 58vw;
    width: 35vw;
  }
  .sixthVector {
    top: 88vw;
    left: 56vw;
    width: 43vw;
    z-index: 1;
  }
  .sixthBackground {
    top: 20vw;
  }
  .sixthSection a {
    border-radius: 2vw;
    bottom: 8vw;
    padding: 2.5vw 6vw;
    left: 25vw;
    font-size: 5vw;
  }
  html[lang="fr"] .sixthSection a {
    padding: 2vw 4vw;
    font-size: 4vw;
    bottom: 4vw;
    left: 17vw;
  }
  html[lang="pt"] .sixthSection a {
    padding: 2vw 4vw;
    font-size: 4vw;
    bottom: 6vw;
    left: 20vw;
  }
  html[lang="es"] .sixthSection a {
    padding: 2vw 4vw;
    font-size: 4vw;
    bottom: 6vw;
    left: 20vw;
  }
  html[lang="ar"] .sixthSection a,
  html[lang="fa"] .sixthSection a {
    left: 23vw;
    font-size: 6vw;
  }
  html[lang="fa"] .sixthSection a {
    left: 16vw;
  }
  html[lang="bn"] .sixthSection a {
    padding: 2vw 8vw;
    font-size: 5vw;
    bottom: 6vw;
    left: 31vw;
  }
  html[lang="so"] .sixthSection a {
    padding: 2vw 4vw;
    font-size: 4vw;
    bottom: 5vw;
    left: 26vw;
  }
  .sixthSection span {
    border-radius: 2vw;
    width: 44.5vw;
    left: 26vw;
    height: 11vw;
    bottom: 7vw;
  }
  html[lang="fr"] .sixthSection span {
    width: 65.5vw;
    height: 9.5vw;
    left: 18.5vw;
    bottom: 3vw;
  }
  html[lang="pt"] .sixthSection span {
    width: 52.5vw;
    height: 9.5vw;
    left: 21.5vw;
    bottom: 4.5vw;
  }
  html[lang="es"] .sixthSection span {
    width: 58vw;
    height: 9.5vw;
    left: 21.5vw;
    bottom: 4.5vw;
  }
  html[lang="ar"] .sixthSection span,
  html[lang="fa"] .sixthSection span {
    width: 47vw;
    left: 23.5vw;
    height: 13vw;
  }
  html[lang="fa"] .sixthSection span {
    width: 66vw;
    left: 21.5vw;
  }
  html[lang="bn"] .sixthSection span {
    width: 37vw;
    height: 10.5vw;
    left: 33vw;
    bottom: 5vw;
  }
  html[lang="so"] .sixthSection span {
    width: 51.5vw;
    height: 10.5vw;
    left: 27vw;
    bottom: 4vw;
  }
}
/* Sixth Section */

/* Seventh Section */
.seventhSection {
  padding-top: 5vw;
  background: linear-gradient(
    to right,
    rgba(16, 103, 217, 0.5),
    rgba(30, 58, 95, 0.5)
  );
}
.seventhSection h2 {
  font-family: "MontserratSemiBold", sans-serif;
  font-weight: 600;
  color: white;
  font-size: 4vw;
  margin: 0;
  margin-left: 6vw;
  margin-bottom: 1.5vw;
  position: relative;
  z-index: 10;
}
html[lang="ar"] .seventhSection h2,
html[lang="fa"] .seventhSection h2 {
  margin-left: 0;
  margin-right: 8vw;
}
.seventhPartners {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100vw;
  background: rgba(13, 41, 77, 1);
  padding: 2vw;
  position: relative;
}
.seventhPartners::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 7vw;
  filter: blur(4vw);
  background: rgba(0, 142, 238, 1);
  border-radius: 50%;
  z-index: 1;
}
.seventhPartners img {
  width: 14vw;
  height: 14vw;
  position: relative;
  z-index: 10;
}
.seventhPartners img:first-of-type {
  width: 8vw;
  height: 15vw;
}
.seventhPartners img:nth-child(n + 4) {
  height: 17vw;
}
@media (max-width: 480px) {
  .seventhSection h2 {
    font-size: 7vw;
  }
  .seventhPartners {
    height: 30vw;
  }
  .seventhPartners::before {
    height: 15vw;
  }
  .seventhPartners img {
    width: 16vw;
    height: 16vw;
  }
  .seventhPartners img:nth-child(n + 4) {
    height: 19vw;
  }
  .seventhPartners img:first-of-type {
    width: 10vw;
    height: 17vw;
  }
}
/* Seventh Section */

/* Eighth Section */
.eighthSection {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2vw;
  background: linear-gradient(
    to right,
    rgba(16, 103, 217, 0.5),
    rgba(30, 58, 95, 0.5)
  );
}

.contact-info {
  width: 45vw;
  position: relative;
  margin-left: 5vw;
}

.contact-info h2 {
  font-weight: 700;
  font-family: "MontserratBold", sans-serif;
  font-size: 2.5vw;
  margin: 0;
  margin-bottom: 1vw;
  color: white;
  text-align: left;
}

.contact-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
.contact-divs {
  display: flex;
  align-items: center;
}
.contact-divs img {
  width: 3vw;
  height: 3vw;
  display: block;
  margin-right: 1vw;
}
.contact-links a {
  font-size: 1.2vw;
  line-height: 2;
  color: white;
  text-decoration: none;
  display: inline-block;
  margin: 1vw 0;
  font-weight: 700;
  font-family: "MontserratBold", sans-serif;
  background: #14a0ff;
  border-radius: 0.5vw;
  padding: 0 1vw;
  direction: rtl;
}

@media (hover: hover) {
  .contact-links a:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .contact-links a:active {
    text-decoration: underline;
  }
}
.globe-image {
  position: relative;
  margin-top: 3vw;
  width: 30vw;
  height: auto;
}
.globe-image::before {
  content: "";
  position: absolute;
  bottom: 1vw;
  left: -1vw;
  width: 30vw;
  height: 30vw;
  filter: blur(2vw);
  background: #14a0ff;
  border-radius: 50%;
  z-index: -1;
}
.globe-image img {
  width: 100%;
  height: auto;
  display: block;
}

.contact-form {
  width: 40vw;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-form form {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.contact-form h2 {
  font-size: 2.5vw;
  margin: 0;
  font-family: "MontserratSemiBold", sans-serif;
  font-weight: 600;
  color: white;
  text-align: center;
  width: 20vw;
}
html[lang="pt"] .contact-form h2 {
  font-size: 2.4vw;
}
html[lang="so"] .contact-form h2 {
  font-size: 2vw;
}
.form-group {
  width: 30vw;
  margin-bottom: 1vw;
  position: relative;
}

.form-group label {
  display: block;
  text-align: left;
  font-size: 1.2vw;
  margin-right: 1vw;
  margin-bottom: 0;
  color: white;
}
html[lang="ar"] .form-group label,
html[lang="fa"] .form-group label {
  text-align: right;
}
.form-group input {
  width: 100%;
  padding: 1vw;
  font-size: 1vw;
  border: 0.2vw solid #fff;
  border-radius: 0.5vw;
  background: transparent;
  color: white;
  direction: ltr;
  font-family: "MontserratLight", sans-serif;
  font-weight: 400;
}
html[lang="ar"] .form-group input,
html[lang="fa"] .form-group input {
  direction: rtl;
}
html[lang="ar"] .form-group:nth-child(4) input,
html[lang="fa"] .form-group:nth-child(4) input {
  direction: ltr;
  text-align: right;
}
.form-group input::placeholder {
  color: #cccccc;
}

.flag-input {
  display: flex;
  align-items: center;
  position: relative;
}
.flag-input img {
  position: absolute;
  width: 2vw;
  height: auto;
  left: 27vw;
}
html[lang="ar"] .flag-input img,
html[lang="fa"] .flag-input img {
  left: 1vw;
}
.submit-button-container {
  position: relative;
}
.submit-button {
  font-family: "MontserratBold", sans-serif;
  font-weight: 700;
  color: white;
  background-image: linear-gradient(to right, #4caf50, #7aff80, #41b2ff);
  border: none;
  font-size: 1.8vw;
  padding: 1vw 2.5vw;
  border-radius: 1vw;
  transition: 0.6s ease;
  cursor: pointer;
  direction: rtl;
  margin-top: 1vw;
  position: relative;
  max-width: 30vw;
  word-break: break-word;
}
html[lang="ar"] .submit-button,
html[lang="fa"] .submit-button {
  padding: 1vw 5.5vw;
}
@media (hover: hover) {
  .submit-button:hover {
    transform: scale(1.05);
  }
}
@media (hover: none) {
  .submit-button:active {
    transform: scale(1.05);
  }
}
.contact-form span {
  content: "";
  position: absolute;
  background-image: linear-gradient(to right, #4caf50, #2a93ce);
  z-index: -1;
  border-radius: 1vw;
  transition: transform 0.6s ease;
  bottom: -0.5vw;
  left: 0.4vw;
  width: 100%;
  height: calc(100% - 1vw);
}
.submit-button:hover ~ span {
  transform: scale(1.05);
}
.submit-button.success {
  background-image: linear-gradient(to right, #409143, #7aff80 50%, #409143);
  pointer-events: none;
}
.submit-button.success ~ span {
  background-image: linear-gradient(to right, #116f15, #5ce662 50%, #116f15);
}
.submit-button.error {
  background-image: linear-gradient(to right, #c62828, #ff5252 50%, #c62828);
  pointer-events: none;
}
.submit-button.error ~ span {
  background-image: linear-gradient(to right, #8b0000, #e53935 50%, #8b0000);
}
@media (max-width: 480px) {
  .eighthSection {
    height: 152vw;
    justify-content: center;
    position: relative;
  }

  .contact-form {
    width: 80vw;
    position: absolute;
    top: 30vw;
  }
  .contact-form span {
    bottom: -1.5vw;
    left: 1.4vw;
    width: 100%;
    border-radius: 2vw;
    height: calc(100% - 5vw);
  }

  .globe-image {
    width: 80vw;
    position: absolute;
    top: 44vw;
    left: -20vw;
    opacity: 0.5;
  }
  .globe-image::before {
    width: 80vw;
    height: 80vw;
    filter: blur(15vw);
    opacity: 0.8;
  }
  .globe-image img {
    width: 80vw;
  }
  .form-group {
    width: 70vw;
  }
  .form-group label {
    font-size: 4.2vw;
  }
  .form-group input {
    font-size: 3.7vw;
    border-radius: 1.5vw;
    padding: 2vw;
  }
  .flag-input img {
    width: 6vw;
    left: 60vw;
  }
  .contact-form h2 {
    font-size: 7vw;
    width: 80vw;
    margin-left: 3vw;
  }
  html[lang="fr"] .contact-form h2 {
    font-size: 5.3vw;
    white-space: nowrap;
    margin-bottom: 4vw;
  }
  html[lang="pt"] .contact-form h2 {
    font-size: 5vw;
    white-space: nowrap;
    margin-bottom: 4vw;
  }
  html[lang="es"] .contact-form h2 {
    font-size: 6vw;
    white-space: nowrap;
    margin-bottom: 3vw;
  }
  html[lang="ar"] .contact-form h2,
  html[lang="fa"] .contact-form h2 {
    width: 70vw;
    margin-bottom: 2vw;
    margin-left: 0;
  }
  html[lang="so"] .contact-form h2 {
    font-size: 4vw;
    white-space: nowrap;
    margin-bottom: 3vw;
  }
  .contact-info h2 {
    margin-top: 4vw;
    font-size: 7vw;
    width: 80vw;
    margin-left: -17vw;
  }
  html[lang="fr"] .contact-info h2 {
    font-size: 6vw;
  }
  html[lang="pt"] .contact-info h2 {
    font-size: 6vw;
  }
  html[lang="es"] .contact-info h2 {
    font-size: 6vw;
  }
  html[lang="ar"] .contact-info h2,
  html[lang="fa"] .contact-info h2 {
    width: 70vw;
    margin-left: -5vw;
  }
  html[lang="bn"] .contact-info h2 {
    margin-left: -10vw;
  }
  html[lang="so"] .contact-info h2 {
    font-size: 6vw;
  }
  .contact-links {
    flex-direction: row;
    margin-top: 3vw;
  }
  .contact-divs img {
    width: 9vw;
    height: 9vw;
  }
  html[lang="ar"] .flag-input img,
  html[lang="fa"] .flag-input img {
    left: 2vw;
  }
  .contact-links a {
    font-size: 3vw;
    padding: 0 2vw;
    border-radius: 1.5vw;
    margin-right: 12vw;
    text-decoration: underline 2px;
    direction: rtl;
  }
  .submit-button {
    margin-top: 5vw;
    border-radius: 2vw;
    font-size: 5.5vw;
    padding: 2vw 3vw;
    max-width: 70vw;
  }
  html[lang="ar"] .submit-button,
  html[lang="fa"] .submit-button {
    font-size: 6vw;
    padding: 2vw 15vw;
  }
}
/* Eighth Section */

/* Ninth Section */
.ninthSection {
  background: linear-gradient(
    to right,
    rgba(16, 103, 217, 0.5),
    rgba(30, 58, 95, 0.5)
  );
  color: white;
  position: relative;
  height: 48vw;
}
[lang="fa"] .ninthSection {
  height: 50vw;
}
.ninthSection img {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100vw;
  height: 52vw;
  pointer-events: none;
}
.accordion-container {
  max-width: 67vw;
  margin: 0 auto;
  padding: 2vw;
}

.accordion-title {
  text-align: left;
  font-size: 3vw;
  margin-top: 0;
  margin-right: -3vw;
  margin-bottom: 2vw;
  font-family: "MontserratSemiBold", sans-serif;
  font-weight: 600;
}
html[lang="ar"] .accordion-title,
html[lang="fa"] .accordion-title {
  text-align: right;
}
.accordion-item {
  background: transparent;
  margin-bottom: 1.5vw;
  border-bottom: 0.2vw solid #28f0e4;
  position: relative;
  transition: all 0.3s ease;
}

.accordion-header {
  cursor: pointer;
  height: 3.3vw;
  position: relative;
  display: flex;
  align-items: center;
  padding: 1vw 0;
  font-family: "MontserratMedium", sans-serif;
  font-weight: 500;
  font-size: 1.4vw;
  justify-content: flex-start;
  text-align: left;
}
html[lang="en"] .accordion-header {
  font-size: 1.8vw;
}
html[lang="so"] .accordion-header {
  font-size: 1.2vw;
}
html[lang="ar"] .accordion-header,
html[lang="fa"] .accordion-header {
  font-size: 2vw;
  justify-content: flex-end;
  text-align: right;
}
.accordion-header::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -2.5vw;
  width: 1.5vw;
  height: 1.5vw;
  background: url("/assets/images/ninthArrow.png") no-repeat center;
  background-size: contain;
  transition: transform 0.3s ease;
}
html[lang="ar"] .accordion-header::after,
html[lang="fa"] .accordion-header::after {
  left: 65vw;
}
.accordion-item.active .accordion-header::after {
  transform: rotate(180deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-size: 1.2vw;
  color: #6dc4ff;
  line-height: 1.5;
  font-family: "MontserratLight", sans-serif;
  font-weight: 400;
}

.accordion-content p {
  margin: 0;
  padding: 1vw 0;
}

.accordion-item.active {
  border-bottom: 0.2vw solid #14a4ff;
  padding-bottom: 0px;
}

[lang="fa"] .accordion-container div:nth-child(8) {
  padding-bottom: 20px;
}

.accordion-header {
  border-bottom: none;
  position: relative;
}
@media (max-width: 480px) {
  .ninthSection {
    height: 152vw;
  }
  [lang="fa"] .ninthSection {
    height: 156vw;
  }
  .accordion-container {
    max-width: 80vw;
  }
  .accordion-title {
    font-size: 7vw;
    margin-bottom: 5vw;
  }
  html[lang="so"] .accordion-title {
    font-size: 4vw;
  }
  html[lang="bn"] .accordion-title {
    font-size: 5vw;
  }
  .accordion-header {
    font-size: 3.5vw;
    height: 15vw;
    text-align: left;
  }
  html[lang="en"] .accordion-header {
    font-size: 4vw;
  }
  html[lang="so"] .accordion-header {
    font-size: 3vw;
  }
  html[lang="ar"] .accordion-header,
  html[lang="fa"] .accordion-header {
    font-size: 4vw;
    text-align: right;
  }
  html[lang="ar"] .accordion-header::after,
  html[lang="fa"] .accordion-header::after {
    left: 78vw;
  }
  .accordion-header::after {
    width: 5vw;
    height: 5vw;
    left: -6.5vw;
  }
  html[lang="ar"] .accordion-content,
  html[lang="fa"] .accordion-content {
    font-size: 3vw;
  }
  .accordion-content {
    font-size: 2.7vw;
  }
  .ninthSection img {
    height: 152vw;
  }
  [lang="fa"] .ninthSection img {
    height: 156vw;
  }
}
/* Ninth Section */

/* Footer Section */
.footer {
  background: #1b375c;
  color: white;
  font-family: "MontserratBold", sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2vw 7vw;
  direction: rtl;
}

.footer-left,
.footer-right {
  display: flex;
  align-items: center;
  gap: 2vw;
  direction: ltr;
}
html[lang="ar"] .footer-right,
html[lang="fa"] .footer-right {
  direction: rtl;
}
.footer-left {
  padding: 0.5vw 0;
  font-size: 1.2vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.1vw;
}
.footer-left a {
  text-decoration: none;
  color: white;
}
html[lang="ar"] .footer-left,
html[lang="fa"] .footer-left {
  align-items: flex-start;
}
.footer-left img {
  width: 3vw;
}
.footer-right {
  font-size: 1vw;
  width: 15vw;
  text-transform: none;
  text-align: right;
  white-space: nowrap;
}
html[lang="en"] .footer-right {
  font-size: 1.2vw;
  white-space: wrap;
}
html[lang="bn"] .footer-right {
  font-size: 1.2vw;
  white-space: wrap;
}
html[lang="so"] .footer-right {
  font-size: 1.2vw;
  white-space: wrap;
}
html[lang="ar"] .footer-right,
html[lang="fa"] .footer-right {
  width: 17vw;
  text-transform: uppercase;
  white-space: wrap;
}
@media (max-width: 480px) {
  .footer {
    padding: 2vw 12vw;
  }
  .footer-right {
    font-size: 2vw;
    width: 30vw;
    text-align: right;
    margin-bottom: 2vw;
  }
  html[lang="en"] .footer-right {
    font-size: 2vw;
    width: 25vw;
  }
  html[lang="bn"] .footer-right {
    font-size: 2vw;
    width: 25vw;
  }
  html[lang="ar"] .footer-right,
  html[lang="fa"] .footer-right {
    width: 32vw;
    margin-bottom: 1vw;
  }
  html[lang="so"] .footer-right {
    font-size: 2vw;
    width: 25vw;
  }
  .footer-left img {
    width: 5vw;
  }
  .footer-left {
    font-size: 2vw;
  }
}

/* Footer Section */

/* 404 */
.container_404 {
  display: flex;
  align-items: center;
  position: relative;
  height: clamp(50px, 142vw, 690px);
  width: 100vw;
  background: linear-gradient(to right, #1e3a5f, rgba(16, 103, 217, 0.5));
  direction: rtl;
}
html[lang="ar"] .container_404,
html[lang="fa"] .container_404 {
  direction: ltr;
  background: linear-gradient(to right, rgba(16, 103, 217, 0.5), #1e3a5f);
}
.images_container {
  display: flex;
  align-items: center;
  width: 50%;
}
.images_container img {
  position: absolute;
  width: 30vw;
  left: 70vw;
}
html[lang="ar"] .images_container img,
html[lang="fa"] .images_container img {
  left: 4vw;
}
.MobileLines {
  display: none;
}
.images_container .DesktopLines {
  width: 40vw;
  left: 60vw;
  z-index: -1;
  transform: scaleX(-1);
}
html[lang="ar"] .images_container .DesktopLines,
html[lang="fa"] .images_container .DesktopLines {
  left: 0;
  transform: scaleX(1);
}
.text_container {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: "MontserratBold", sans-serif;
  text-align: center;
}
.text_container::before {
  content: "";
  width: 20vw;
  height: 20vw;
  background-color: rgba(109, 196, 255, 0.8);
  position: absolute;
  border-radius: 50%;
  filter: blur(8vw);
}
.text_container h1 {
  font-size: 2vw;
  margin-bottom: 0.3vw;
  z-index: 10;
}
html[lang="ar"] .text_container h1,
html[lang="fa"] .text_container h1 {
  font-size: 3vw;
}
.text_container h2 {
  font-size: 1vw;
  margin: 0;
  z-index: 10;
  direction: ltr;
}
html[lang="ar"] .text_container h2,
html[lang="fa"] .text_container h2 {
  font-size: 1.5vw;
  direction: rtl;
}
.text_container h2:nth-child(4) {
  margin-top: 1vw;
}
.text_container a {
  text-decoration: none;
  color: rgba(92, 199, 255, 1);
  font-size: 1.5vw;
  z-index: 10;
}
@media (max-width: 480px) {
  .container_404 {
    flex-direction: column;
    height: clamp(50px, 184vw, 690px);
    justify-content: space-around;
  }
  .text_container {
    width: 80vw;
  }
  .text_container::before {
    width: 50vw;
    height: 50vw;
    filter: blur(20vw);
  }
  .text_container a {
    font-size: 3vw;
  }
  .text_container h1 {
    font-size: 6vw;
  }
  .text_container h2 {
    font-size: 2.5vw;
    margin-top: 1vw;
  }
  .images_container {
    order: 1;
  }
  .DesktopLines {
    display: none;
  }
  .MobileLines {
    display: block;
    width: 80vw !important;
    top: 65vw !important;
    left: 14vw !important;
  }
  .images_container img:last-child {
    width: 50vw;
    left: 30vw !important;
    top: 75vw;
  }
}
/* 404 */

.alert {
  padding: 10px;
  margin: 10px 0;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
}

.alert-success {
  background-color: #d4edda;
  color: #17c748;
  border: 1px solid #c3e6cb;
}

.alert-error {
  background-color: #f8d7da;
  color: #be121e;
  border: 1px solid #f5c6cb;
}

/* Loader */
.loader {
  position: absolute;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: linear-gradient(#1067d9, #1e3a5f);
  opacity: 1;
  transition: opacity 400ms ease;
}

.loader--hidden {
  opacity: 0;
  pointer-events: none;
}

.loader__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(70px, calc(31.65px + 9.54vw), 215.6px);
}

.loader__spinner img {
  width: 100%;
  height: auto;
  animation: spin 2s linear infinite;
}

.loader__logo {
  position: absolute;
  top: 30px;
  right: clamp(36px, calc(2.77px + 8.28vw), 162px);
  width: clamp(155px, calc(83.4px + 17.82vw), 425.5px);
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

html[lang="ar"] #phone,
html[lang="fa"] #phone {
  direction: ltr;
  text-align: end;
}

@media (max-width: 395px) {
  .fullscreen-menu.active {
    height: 70vw;
  }
  .fullscreen-menu ul li a {
    font-size: 25px;
  }
  html[lang="ar"] .stat-item span,
  html[lang="fa"] .stat-item span,
  html[lang="pt"] .stat-item span,
  html[lang="fr"] .stat-item span,
  html[lang="so"] .stat-item span,
  .stat-item span {
    font-size: 9px;
  }
}

@media (max-width: 350px) {
  .fullscreen-menu.active {
    height: 80vw;
  }
}

.form-validation-error {
  color: #be121e;
  font-size: 18px;
  margin-inline: 4px;
}

@media (max-width: 720px) {
  font-size: 14px;
}

.input-field-error {
  border-color: #be121e !important;
}