/* Tabler Icons local */
@import url('./fonts/tabler/tabler-icons.min.css');

@font-face {
  font-family: "Space Grotesk";
  src:
    url('fonts/space-grotesk/SpaceGrotesk-VariableFont_wght.woff2') format('woff2'),
    url('fonts/space-grotesk/SpaceGrotesk-VariableFont_wght.woff') format('woff');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
/* Ubuntu Sans Variable */
@font-face {
  font-family: 'Ubuntu Sans';
  src: url('./fonts/ubuntu-sans/UbuntuSans-VariableFont_wdth,wght.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-display: swap;
}

/*--------------------Slider -----------------------*/
.animated-dashed-line {
  width: 2px;
  background-image: linear-gradient(
    to bottom,
    #4baa4a 0 8px,
    transparent 8px 16px
  );
  background-size: 2px 16px;
  animation: dashMoveVertical 0.8s linear infinite;
}

@keyframes dashMoveVertical {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 16px;
  }
}
/*------------------Start Headeer------------------*/
.fusion-logo img {
    width: auto;
    height: 60px !important;
}
  @media (max-width: 600px) { 
  .fusion-logo img {
    width: auto;
    height: 40px !important;
}
.admin-bar .fusion-header-has-flyout-menu .fusion-header {
        height: 74px !important;
    }

  }
body:not(.fusion-header-layout-v6).fusion-top-header .fusion-main-menu>ul>li:not(.fusion-menu-item-button)>a.fusion-bottombar-highlight:not(.fusion-main-menu-icon) {
    position: relative;
    font-family: "Space Grotesk", sans-serif !important;
	font-weight:900;
}

.fusion-top-header .fusion-header {
    background-color: var(--header_bg_color);
    border-bottom: 1px solid #0000001c;
}
h3, h4, .ng-mini-stats div, .fusion-modal h1, .fusion-tb-footer h1, .fusion-tb-page-title-bar h1, .fusion-widget-area h1, .post-content h1, .search-page-search-form h1, h1, .post h2, .post-content h2, h2, h2.entry-title {
	 font-family: "Space Grotesk", sans-serif !important;
}
/*------------------End Headeer------------------*/
.heading-wrapper {
      display: flex;
      align-items: center;
      gap: 28px;
      padding: 24px 32px;
    }

    .accent-line {
      width: 20%;
      height: 3px;
      background-color: #69af33; /* muted yellow-green from image */
      flex-shrink: 0;
      border-radius: 2px;
    }

.heading-text {
    font-size: 2.1rem !important;
    font-weight: 900 !important;
    color: #1a1a1a !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    flex: 1;
     font-family: "Space Grotesk", sans-serif !important;
	     font-size: clamp(2rem, 5vw, 2.5rem) !important;
}


    .squares {
      display: flex;
      align-items: flex-end;
      position: relative;
      width: 72px;
      height: 72px;
      flex-shrink: 0;
    }

    .sq-green {
      width: 46px;
      height: 46px;
      background-color: #69af33;
      position: absolute;
      bottom: 0;
      left: 0;
    }

    .sq-black {
      width: 46px;
      height: 46px;
      background-color: #1a1a1a;
      position: absolute;
      top: 0;
      right: 0;
    }

    @media (max-width: 600px) {
      .heading-wrapper {
        gap: 16px;
        padding: 20px 16px;
      }

      .heading-text {
        font-size: 1.6rem;
      }

      .accent-line {
        width: 36px;
      }

      .squares {
        width: 52px;
        height: 52px;
      }

      .sq-green,
      .sq-black {
        width: 34px;
        height: 34px;
      }
    }
	
.grayscale img {
  filter: grayscale(100%);
  transition: filter 0.4s ease;
}

.grayscale:hover img {
  filter: grayscale(0%);
}
/*-------------------- About Company --------------*/
p , .menu-text, #main .post h2 a{
	font-family: "Space Grotesk", sans-serif !important;
}
.fusion-mobile-current-nav-item>a {
    font-family: "Space Grotesk", sans-serif !important;
}
/*-------------------Read More Btn------------------------*/
 .spin-btn {
      position: relative;
      width: 140px;
      height: 140px;
      cursor: pointer;
    }

    .spin-btn svg.ring {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 82px;
      height: 82px;
      animation: spin 8s linear infinite;
    }

    .spin-btn .icon-box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 72px;
      height: 72px;
      background: rgb(105, 175, 51);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s ease, transform 0.3s ease;
    }

    .spin-btn:hover .icon-box {
      background: #b5d120;
      transform: translate(-50%, -50%) scale(1.08);
    }

    @keyframes spin {
      from { transform: translate(-50%, -50%) rotate(0deg); }
      to   { transform: translate(-50%, -50%) rotate(360deg); }
    }
	/*---------------------------------*/
/*--------Footer ---------------------------------------*/
.footer-brand {
  padding-top:50px;
}

.footer-brand .footer-standard-logo {
  max-width: 140px;
  height: auto;
  display: block;
  margin-bottom: 18px;
  filter: brightness(0) invert(1);
}
  @media (max-width: 600px){
	  .footer-brand .footer-standard-logo {
		      max-width: 100px;
	  }
  }
.footer-brand-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.footer-social-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 10px;
}

.footer-social-btn {
  width: 40px;
  height: 40px;
  border-radius: 0;
  border: 1px solid rgba(91, 196, 44, 0.28);
  background: rgba(255, 255, 255, 0.02);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64c832;
  text-decoration: none;
  transition: all 0.25s ease;
}

.footer-social-btn i {
  font-size: 26px;
  line-height: 1;
}

.footer-social-btn:hover {
  border-color: #64c832;
  background: rgba(100, 200, 50, 0.1);
  color: #7ee047;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(100, 200, 50, 0.14);
}
  .word-line {
    display: flex;
    align-items: center;
    gap: 10px; /* فاصله بین کلمه و خط */
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: white; /* رنگ متن سفید */
	  font-family: "Space Grotesk", sans-serif;
  }

  .line {
    flex-grow: 1;
    height: 2px;
    background-color: #ffffff3d; /* رنگ خط سفید */
  }  background-color: white; /* رنگ خط سفید */
  }
  
  
  .site-footer {
    display: flex;
    align-items: center;
    gap: 8px; /* فاصله بین عناصر */
    font-size: 14px;
    padding: 20px;
    justify-content: center; /* وسط چین افقی */
	color:#c6c6c6 !important;
		font-family: "Space Grotesk", sans-serif;
		border-top:1px solid #fff;
  }
 .site-footer span{ 
 		font-family: "Space Grotesk", sans-serif;
		font-size:13px;
 }
  .dot {
    display: inline-block; /* حتما inline-block باشه */
    width: 8px;
    height: 8px;
    background-color: #4CAF50; /* سبز */
    border-radius: 50%;
  }

  .highlight {
    color: white; /* برای بخش خاص می‌تونی سفید باشه */
    font-weight: bold;
  }
  
  .fusion-search-element .searchform.fusion-search-form-clean .fusion-search-form-content .fusion-search-field input, .fusion-search-form-clean #bbpress-forums .bbp-search-form #bbp_search, .fusion-search-form-clean .searchform:not(.fusion-search-form-classic) .fusion-search-form-content .fusion-search-field input {
    font-family: 'Space Grotesk';
}