.FoamTree {
  margin: auto;
  max-width: 75vw;
  width: 75vw;
  height: 50vh;
  font-family: "iranSans";
  display: flex;
  flex: 1;
}
.initial-loader-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
        width: 100%;
        background-color: #ffffff;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9999;
      }

      .loader-logo {
        max-width: 240px;
        height: auto;
        margin-bottom: 30px;
      }

      .spinner {
        border: 4px solid #f3f3f3;
        border-top: 4px solid rgb(9, 156, 85);
        border-radius: 50%;
        width: 40px;
        height: 40px;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
@media (max-width: 1590px) {
  .FoamTree {
    max-width: 65vw;
  }
}

@media (max-width: 1280px) {
  .FoamTree {
    max-width: 65vw;
  }
}

@media (max-width: 1024px) {
  .FoamTree {
    max-width: 75vw;
  }
}

.Tooltip {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  padding-inline-start: 14px;
  padding-inline-end: 44px;
  margin-inline-start: 42px;
  padding-block: 14px;
  /* z-index: 9999; */
  /* min-width: 300px; */
  /* width: fit-content; */
  /* width: 15%; */
  /* background-color: #fff; */
  opacity: 0.9;
  /* width: fit-content; */
  border: 1px solid gray;
}
/*start -> aparat video for credit*/
.h_iframe-aparat_embed_frame {
  position: relative;
}

.h_iframe-aparat_embed_frame .ratio {
  display: block;
  width: 100%;
  height: 100%;
}

.h_iframe-aparat_embed_frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*end -> aparat video for credit*/