@font-face {
  font-family: "centary";
  src: url(../fonts/GOTHIC.TTF);
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::selection {
}
:root {
  --title: #335fb9;
  --read: #c81d25;
  --background: #1875b714;
}
ul,
li {
}
a {
}
body,
html {
}

body {
  background:
    /* ۱. هاله نوری گرم استارتاپی و صنعتی (بالا سمت چپ) */
    radial-gradient(
      circle at 15% 20%,
      rgba(232, 11, 11, 0.371) 0%,
      /* نارنجی پر انرژی */ rgba(234, 179, 8, 0.08) 35%,
      /* طلایی ملایم */ transparent 65%
    ),
    /* ۲. هاله نوری عمیق مهندسی و آب (پایین سمت راست) */
    radial-gradient(
        circle at 85% 80%,
        rgba(20, 184, 165, 0.537) 0%,
        /* سبزآبی مدرن (Teal) */ rgba(59, 130, 246, 0.1) 40%,
        /* آبی ملایم سیستماتیک */ transparent 70%
      ),
    /* ۳. لایه شفاف سراسری جهت افزایش خوانایی متن‌ها */
    linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.45) 0%,
        rgba(253, 253, 253, 0.25) 100%
      ),
    /* ۴. تصویر پس‌زمینه بهینه‌سازی شده شما */
    url("../images/background/HenagamEPC3.png") center center / cover no-repeat;

  /* ایجاد افکت پارالکس ملایم هنگام اسکرول */
  background-attachment: fixed;
}
button,
textarea,
input {
}
h1,
h2,
h3,
h4,
h5,
h6 {
}

.images {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8%;
  /* background-color: var(--background); */
  padding: 3%;
  border-radius: 16px;
}

.images > img {
  width: 45%;
  border-radius: 16px;
}
/* solar water */
.solarwater > img {
  width: 35%;
  position: absolute;
  left: 60%;
  top: -4%;
}
.gal {
  display: flex;
  justify-content: center;
  align-items: center;
  /* flex-direction: row; */
  width: 100%;
  gap: 3%;
  /* background-color: red; */
}
.gal > img {
  width: 30%;
}
/* fruit */
.fruit h2 {
  color: #0e40a2;
  text-align: start;
  margin-block: 5%;
}

.parts {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
}

.part1 {
  width: 50%;
}

.part1 :last-child {
  font-weight: bold;
}

.part2 {
  /* background-color: #1875b720; */
  background-color: var(--background);
  border-radius: 16px;
  padding: 5%;
  text-align: start;
  width: 50%;
}

.fruit > img {
  width: 100%;
  margin-top: 5%;
  border-radius: 26px;
}

.fruit > p {
  margin-block: 5%;
  background-color: var(--background);
  padding: 5%;
  border-radius: 16px;
}