:root {
  --primary: #ff7a00;
  --primary_hover: #ff8f2b;
  --ink: #150a00;
  --bg: #060607;
  --bg2: #0d0e10;
  --bg3: #181b1e;
  --white: #f3f5f7;
  --text: #8b9299;
  --text2: #bfc5cc;
  --line: rgba(191, 197, 204, 0.08);
  --light: #f2f3f4;
  --title: #222222;
  --body: #333333;
}

html {
  scroll-behavior: smooth;
  font-size: clamp(7.5px, 0.520834vw, 10px);
}

.content {
  max-width: 144rem;
  margin: 0px auto;
  position: relative;
}

.content .content {
  padding: 0px;
}

.img.img_cv {
  overflow: hidden;
}

.img.img_cv img {
  object-fit: cover;
}

.img.img_ct img {
  object-fit: contain;
}

.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}

.tcon h1,
.tcon h2 {
  color: var(--white);
  font-weight: 600;
  font-size: 4.8rem;
  line-height: 5.8rem;
}

.tcon .tag + h1,
.tcon .tag + h2 {
  margin-top: 1.6rem;
}

.tcon h1 em,
.tcon h2 em {
  color: var(--primary);
}

.tcon p {
  color: rgba(255, 255, 255, 0.75);
  font-family: 'Manrope', sans-serif;
  font-size: 1.8rem;
  line-height: 3rem;
}

.tcon h1 + p,
.tcon h2 + p {
  margin-top: 3.4rem;
}

.tcon.center {
  text-align: center;
}

.tcon.dark h1,
.tcon.dark h2 {
  color: var(--title);
}

.tcon.dark p {
  color: rgba(51, 51, 51, 0.75);
}

@media screen and (min-width: 769px) and (max-width: 1540px) {
  .content {
      padding: 0px 4rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content {
      max-width: 960px;
    }

  .tcon h1,
    .tcon h2 {
      font-size: 4.4rem;
      line-height: 1.2;
    }
}

@media screen and (max-width: 768px) {
  .content {
      padding: 0px 20px;
    }

  .tcon .tag + h1,
    .tcon .tag + h2 {
      margin-top: 10px;
    }

  .tcon h1,
    .tcon h2 {
      font-size: 28px;
      line-height: 1.25;
    }

  .tcon p {
      font-size: 15px;
      line-height: 1.7;
    }

  .tcon h1 + p,
    .tcon h2 + p {
      margin-top: 14px;
    }
}

.pd_params {
  position: relative;
  z-index: 1;
  padding: 14.83rem 0px 15.45rem;
  background-color: #fff;
}

.pd_params .tcon .tag {
  display: flex;
  width: max-content;
  color: rgba(34, 34, 34, 0.5);
}

.pd_params .tcon .tag + h2 {
  margin-top: 1.24rem;
}

.pd_params .tabs {
  position: relative;
  display: flex;
  gap: 2.72rem;
  margin-top: 2.82rem;
}

.pd_params .tabs::after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(10, 11, 13, 0.1);
}

.pd_params .tabs li {
  position: relative;
  z-index: 1;
  padding: 0px 0px 1.81rem 0.54rem;
  cursor: pointer;
  white-space: nowrap;
  color: rgba(34, 34, 34, 0.62);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.5rem;
  transition: color 0.3s;
}

.pd_params .tabs li::after {
  content: '';
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 0.3rem;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: var(--primary);
  transition: transform 0.3s;
}

.pd_params .tabs li:hover,
.pd_params .tabs li.active {
  color: var(--title);
}

.pd_params .tabs li.active::after {
  transform: scaleX(1);
}

.pd_params .panels {
  margin-top: 5.25rem;
}

.pd_params .table {
  display: none;
  grid-template-columns: repeat(2, minmax(0px, 68.01rem));
  justify-content: space-between;
  margin-left: 0.13rem;
}

.pd_params .table.active {
  display: grid;
  animation: pd_params_in 0.5s;
}

.pd_params .table li {
  display: flex;
  align-items: flex-start;
  padding: 1.88rem 1rem 1.78rem 0px;
  border-bottom: 1px solid rgba(10, 11, 13, 0.1);
  color: #0a0b0d;
}

.pd_params .table span {
  flex: 0 0 28.94rem;
  padding: 0px 2rem 0px 2.18rem;
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 2.3rem;
}

.pd_params .table p {
  flex: 1;
  min-width: 0px;
  margin-top: -0.17rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
}

.pd_params .sub_title {
  margin-top: 10.01rem;
  color: var(--title);
  font-weight: 600;
  font-size: 3.6rem;
  line-height: 5.1rem;
}

.pd_params .industries {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 3rem;
  margin-top: 3.16rem;
}

.pd_params .industries a {
  display: block;
  height: 18.23rem;
  padding-top: 3.5rem;
  border: 1px solid #c1c1c1;
  border-radius: 1.2rem;
  text-align: center;
  background-color: #fff;
  transition: 0.3s;
}

.pd_params .industries i {
  display: block;
  width: 6.54rem;
  height: 6.54rem;
  margin: 0px auto;
  transition: transform 0.4s;
}

.pd_params .industries img {
  display: block;
  width: 100%;
  height: 100%;
}

.pd_params .industries h4 {
  margin-top: 1.5rem;
  color: #0a0b0d;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.8rem;
  transition: color 0.3s;
}

.pd_params .industries a:hover {
  border-color: var(--primary);
  box-shadow: 0px 1.6rem 3.6rem rgba(255, 122, 0, 0.12);
  transform: translateY(-0.4rem);
}

.pd_params .industries a:hover i {
  transform: rotate(-8deg) scale(1.06);
}

.pd_params .industries a:hover h4 {
  color: var(--primary);
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .pd_params {
      padding: 11rem 0px 12rem;
    }

  .pd_params .tabs {
      gap: 3.6rem;
    }

  .pd_params .tabs li {
      font-size: 2rem;
    }

  .pd_params .table {
      grid-template-columns: repeat(2, minmax(0px, 1fr));
      column-gap: 5rem;
    }

  .pd_params .table span {
      flex-basis: 45%;
      font-size: 1.9rem;
      line-height: 2.6rem;
    }

  .pd_params .table p {
      margin-top: 0px;
      font-size: 1.9rem;
      line-height: 2.6rem;
    }

  .pd_params .sub_title {
      margin-top: 8rem;
    }

  .pd_params .industries {
      gap: 2rem;
    }

  .pd_params .industries a {
      height: 19rem;
    }

  .pd_params .industries h4 {
      font-size: 2.1rem;
    }
}

@media screen and (max-width: 768px) {
  .pd_params {
      padding: 64px 0px 70px;
    }

  .pd_params .tabs {
      gap: 22px;
      margin: 20px -20px 0px;
      padding: 0px 20px;
      overflow-x: auto;
      scrollbar-width: none;
    }

  .pd_params .tabs::-webkit-scrollbar {
      display: none;
    }

  .pd_params .tabs::after {
      left: 20px;
      width: calc(100% - 40px);
    }

  .pd_params .tabs li {
      padding: 0px 0px 12px;
      font-size: 15px;
      line-height: 22px;
    }

  .pd_params .tabs li::after {
      height: 3px;
    }

  .pd_params .panels {
      margin-top: 12px;
    }

  .pd_params .table.active {
      display: block;
      margin-left: 0px;
    }

  .pd_params .table li {
      padding: 14px 0px;
    }

  .pd_params .table span {
      flex-basis: 46%;
      padding: 0px 12px 0px 0px;
      font-size: 14px;
      line-height: 20px;
    }

  .pd_params .table span br {
      display: none;
    }

  .pd_params .table p {
      margin-top: 0px;
      font-size: 14px;
      line-height: 20px;
    }

  .pd_params .sub_title {
      margin-top: 48px;
      font-size: 24px;
      line-height: 32px;
    }

  .pd_params .industries {
      grid-template-columns: repeat(2, minmax(0px, 1fr));
      gap: 12px;
      margin-top: 20px;
    }

  .pd_params .industries a {
      height: auto;
      padding: 22px 10px 20px;
      border-radius: 12px;
    }

  .pd_params .industries i {
      width: 52px;
      height: 52px;
    }

  .pd_params .industries h4 {
      margin-top: 12px;
      font-size: 15px;
      line-height: 20px;
    }
}