@charset "utf-8";
/* CSS Document */
  /* Scroll-to-top button */
    #scrollTop {
      position: fixed;
      bottom: 55px;
      right: 30px;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: white;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s, visibility 0.3s;
		z-index: 1000
    }

    #scrollTop svg {
      transform: rotate(-90deg); /* Start progress from top */
    }

    .arrow {
      position: absolute;
      font-size: 20px;
      color: var(--primary-color);
      z-index: 2;
    }
@media (max-width: 1000px) {
	#scrollTop {
     
      bottom: 90px;
     
    }
}