:root {
--accent: #cf971c !important;
--primary: #752190 !important;
--secondary: #67797e !important;
--primary-font: Unna, sans-serif;
--secondary-font: Roboto, sans-serif;
}

.cs_site_branding {
  display: inline-block;
  width: 70px !important;
}
/*.cs_hero.cs_style_2 {
  min-height: 75vh;
  padding: 123px;
}*/

.cs_hero.cs_style_2 {
  min-height: 30vh; /* Default: mobile */
  padding-bottom: 10%;
}

@media (min-width: 600px) {
  /* Tablet */
  .cs_hero.cs_style_2 {
    min-height: 35vh;
  }
}

@media (min-width: 1024px) {
  /* Desktop */
  .cs_hero.cs_style_2 {
    min-height: 80vh;
  }
}

#hero-1745044805539 {
padding-top:5%;
  z-index:9 !important;
}

.cs_hero_social_wrap {
  align-items: center;
  border-left: 1px solid hsla(0,0%,100%,.3);
  display: flex;
  gap: 130px;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 100%;
  transform: rotate(180deg) translateY(100%);
  width: 100px;
  writing-mode: vertical-lr;
  z-index: 3;
  display:none;
}
.cs_swiper_parallax_bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 103px;
  left: 0;
  width: 100%;
  height: 100vh; /* default height for desktop */
  z-index: 1;
}

.cs_btn.cs_style_1 {
  align-items: center;
  border: none;
  border-radius: 0.5em;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  line-height: 1.625em;
  outline: none;
  padding: 14px 30px;
  transition: all .4s ease;
}

.Xcs_swiper_number_pagination_wtap{
z-index:1000;

}

.cs_post.cs_style_2 {
  border: 0px solid var(--ternary);
  border-radius: 10px;
  padding: 13px;
  background-color: #fff;
}

.cs_fs_30 {
  font-size: 25px;
  line-height: 1.167em;
}


.rounded-box {
      border-radius: 5px;
      background-color: #f8f9fa;
      padding: 10px;
      margin-bottom: 15px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    

.cs_site_header.cs_style_1.cs_color_1 .cs_top_header {
  color: #dfdfdf;
  background: #8e9191 !important;
}



    .stats-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 30px;
      justify-items: center;
      align-items: center;
    }

    .stat-circle {
      background: white;
      border-radius: 50%;
      border: solid #CF971C;
      width: 130px;
      height: 130px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      text-align: center;
      padding: 10px;
    }

    .stat-circle h2 {
      margin: 0;
      font-size: 28px;
      font-weight: bold;
    }

    .stat-circle p {
      margin: 5px 0 0;
      font-size: 16px;
    }