.hww-content {
	display: flex;
    flex-direction: column;
    width: 100%;
    padding: 5px;
}
.line {
	display: flex;
	padding: 20px;
    flex-direction: row;
}
.line div {
	padding-right: 20px;
}
.chart {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 475px;
    width: 90%;
    max-width: 1020px;
    margin: 0 auto;
    border-left: 2px solid #555;
    border-bottom: 2px solid #555;
    position: relative;
}

.bar {
    width: 280px;
    margin: 0 20px;
    background-color: #3b82f6;
/*     border-radius: 6px 6px 0 0; */
    transition: background-color 0.3s;
    }

.bar:hover {
    background-color: #2563eb;
}
.chart_title {
	text-align: center;
	font-size: 32px;
}
.bar-label {
    font-size: 14px;
    width: 330px;
    text-align: center;
}
.y-axis {
    position: absolute;
    left: -50px;
    top: 0;
    text-align: right;
    font-size: 12px;
    color: #aaa;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.y-axis span {
    transform: translateY(5px);
}
.x-labels {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.chart_text {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 30px;
	width: 90%;
	max-width: 1020px;
	margin: 0 auto;
}
/*body {
      background-color: #111;
      color: #fff;
      font-family: Arial, sans-serif;
      text-align: center;
      margin: 0;
      padding: 40px;
	 
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      margin: 0;
}*/

.work-section {
    background: linear-gradient(135deg, #0c0c0c 60%, #111 100%);
    padding: 60px;
    border-radius: 20px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    width: 900px;
    position: relative;
}
.work-section::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 20px;
    height: 20px;
    background: radial-gradient(circle, rgba(0, 102, 255, 0.8) 0%, transparent 70%);
    filter: blur(8px);
    border-radius: 50%;
}
h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.arrow svg {
	width: 78px;
    height: 124px;
    position: relative;
    top: 40px;
}
.arrow {
	font-size: 48px;
	font-weight: 500;
	margin-bottom: 0px;
}
    /*h2::before {
    position: relative;
    transform: rotate(180deg);
    content: '';
    display: inline-block;
    width: 20px;
    height: 21px;
    margin-right: 5px;
	background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMScgdmlld0JveD0nMCAwIDIwIDIxJyBmaWxsPSdub25lJz48ZyBjbGlwLXBhdGg9J3VybCgjY2xpcDBfODAxNV8zMTMzMyknPjxwYXRoIGZpbGwtcnVsZT0nZXZlbm9kZCcgY2xpcC1ydWxlPSdldmVub2RkJyBkPSdNNC4xOTkyNiAxMC41NDg2TDIuOTU3MjQgMTAuNTQ4NkwxMC4wOTYyIDMuNDA5N0wxNy4yMzUxIDEwLjU0ODZMMTUuOTkzMSAxMC41NDg2TDEwLjUzNzMgNS4wOTI4OEwxMC41MzM4IDE3LjMyMDZMOS42NTg0OCAxNy4zMjA2TDkuNjU1IDUuMDkyODhMNC4xOTkyNiAxMC41NDg2WicgZmlsbD0nd2hpdGUnLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwMF84MDE1XzMxMzMzJz48cmVjdCB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIGZpbGw9J3doaXRlJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwLjE5NTMxMiAxMC41OTk2KSByb3RhdGUoLTQ1KScvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);    
    }*/

.bubble-glow.web3 {
  position: absolute;
  width: 300px;
  height: 300px;
  background: radial-gradient(
    circle,
    rgba(19, 52, 170, 0.95) 0%,
    rgba(64, 101, 234, 0.4) 40%,
    rgba(26, 26, 26, 0) 70%
  );
  filter: blur(60px);
  border-radius: 50%;
  opacity: 0;
}

.get-touch.web3 {
	margin-bottom: 100px;
}
.sub-block {
	display: inline-flex;
	width: 1200px;
    height: 391px;
}
.get-touch-box.img {
	height: 120px;
	width: 50%;
	background-image: url(/wordpress/wp-content/uploads/2025/12/Frame-48095469.webp);
}
.get-touch-box.web3 {
	width: 50%;
    padding-top: 10%;
}	
.get-touch-box.web3 p {
	font-size: 18px;
	font-weight: 400;
	text-transform: none;
	width: 500px;
    padding-bottom: 30px;
}

/*.get-touch-box.web3::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    width: 20px;
    height: 20px;
    background: linear-gradient(to top, #ffffff1a 0 100%, transparent 0) bottom left / 1px 20px no-repeat;
    transform: rotate(180deg);
}
.get-touch-box.web3::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
    background: linear-gradient(to bottom, white 0 100%, transparent 0) center / 1px 9px no-repeat, linear-gradient(to right, white 0 100%, transparent 0) center / 9px 1px no-repeat, linear-gradient(to bottom right, white 0 100%, transparent 0) center / 1px 9px no-repeat, linear-gradient(to top right, white 0 100%, transparent 0) center / 1px 9px no-repeat;
}*/

@keyframes glow {
    from { text-shadow: 0 0 5px #4f8cff; }
    to { text-shadow: 0 0 15px #4f8cff; }
}
.steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
	margin-left: 30px;
	border-left: 1px solid rgba(255, 255, 255, 0.10);
    margin-left: 30px;
	padding-left: 60px;
}
.step {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 15px;
}
.step-number {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.3);
    width: 40px;
}
.step-title {
    flex: 1;
    font-weight: 600;
    color: #fff;
}
.step-desc {
    max-width: 400px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}
.cta-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 28px;
    border-radius: 30px;
    background-color: #fff;
    color: #000;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
	width: 260px;
	height: 44px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}
/*.cta-btn:hover {
    background-color: #4f8cff;
    color: #fff;
    box-shadow: 0 0 20px rgba(79, 140, 255, 0.7);
}*/
.launch .icon-base path {
	fill: #fff;
	stroke: #fff
}
.launch {
	padding: 100px 50px;
    font-size: 56px;
    line-height: 84px;
    width: 72%;
}
.launch .icon-base { 
	width: 60px;
    height: 60px;
    top: 50px;
    position: relative;
    left: 200px;
}
.case-studies {
    padding: 60px 100px;
    background-color: #0b0b0b;
}
.case-studies h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 30px;
}
.case-banner {
    position: relative;
    height: 200px;
    background: url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 60px;
}
.case-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}
.case-banner h3 {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: 28px;
    font-weight: 500;
    z-index: 2;
}
.case-card {
    position: relative;
    background: linear-gradient(to bottom right, #121212, #1a1a1a);
    border-radius: 12px;
    overflow: hidden;
    padding: 40px;
}
.case-card h3 {
    font-size: 28px;
    margin-bottom: 20px;
    max-width: 700px;
}

.tags {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}
.tag {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
}
.case-images {
/*       display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 30px; */
      margin-top: 20px;
}
.case-images img {
      border-radius: 10px;
      max-width: 100%;
      height: auto;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

    .arrow-link {
      position: absolute;
      top: 20px;
      right: 20px;
      color: white;
      font-size: 40px;
      text-decoration: none;
      transition: transform 0.3s ease;
    }

    .arrow-link:hover {
      transform: translate(5px, -5px);
    }

	.axis_text {
		width: 200px;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.64);
		margin-left: 105px;
		margin-bottom: 10px;
	}
	.under_text {
		display: flex;
		margin-top: 15px;
		width: 80%;
		margin-left: 10%;
	}
	.under_text span {
		font-weight: bold;
	}
	.under_text div:last-child { margin-left: 12%; }

.title-web3-section {
	width: 100%;
	height: 722px;
	text-align: center;
	vertical-align: middle;
	background-image: url(https://web3.it-dimension.com/wordpress/wp-content/uploads/2025/12/Back-glo.webp);
	background-position: center;
}
.title-web3-section h1 {
	font-size: 76px;
	
}
.title-web3-section h6 {
	font-size: 24px;
}
.title-web3-section div {
    position: relative;
    top: 30%;
}	
.title-web3-section button { margin-top: 50px; }

    @media (max-width: 768px) {
      .case-studies {
        padding: 30px;
      }

      .case-images {
        flex-direction: column;
      }

      .case-card h3 {
        font-size: 22px;
      }
    }


/**tech stack**/
 /*.tech-stack {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, 1fr);
      gap: 1px;
      background-color: rgba(255, 255, 255, 0.1);
      width: 90%;
      max-width: 1200px;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .tech-cell {
      background-color: #0c0c0c;
      padding: 50px 40px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: background 0.4s ease;
    }

    .tech-cell:hover {
      background-color: #111;
    }

    h2 {
      font-size: 40px;
      font-weight: 700;
      margin-bottom: 30px;
    }

    h3 {
      font-size: 20px;
      font-weight: 600;
      margin-top: 30px;
    }

    .tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .tag {
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: #fff;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 13px;
      transition: all 0.3s ease;
    }

    .tag:hover {
      background-color: #4f8cff;
      border-color: #4f8cff;
    }

    /* Светящийся блок */
   /* .cta-cell {
      background: radial-gradient(circle at center, rgba(79, 140, 255, 0.2), #0c0c0c 70%);
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transition: all 0.5s ease;
    }

    .cta-cell:hover {
      background: radial-gradient(circle at center, rgba(79, 140, 255, 0.35), #0c0c0c 70%);
      box-shadow: 0 0 30px rgba(79, 140, 255, 0.2);
    }

    .cta-cell h3 {
      font-size: 22px;
      line-height: 1.4;
      margin-bottom: 25px;
      max-width: 250px;
    }

    .cta-btn {
      background-color: #fff;
      color: #000;
      padding: 10px 24px;
      border-radius: 30px;
      font-weight: 600;
      text-decoration: none;
      transition: all 0.3s ease;
      box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
    }

    .cta-btn:hover {
      background-color: #4f8cff;
      color: #fff;
      box-shadow: 0 0 25px rgba(79, 140, 255, 0.4);
    }

    /* Адаптивность /
    @media (max-width: 900px) {
      .tech-stack {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 600px) {
      .tech-stack {
        grid-template-columns: 1fr;
      }
      h2 {
        font-size: 30px;
      }
    }*/