@import url(./font.css);
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  font-family: "Mont";
}

.container {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1440px) {
  .container {
    margin: 0 20px !important;
  }
}

.navbar {
  background: rgba(27, 27, 27, 0.9411764706);
  padding: 20px 0;
}
.navbar__parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 770px) {
  .navbar__parent {
    flex-direction: column;
    gap: 20px;
  }
}
.navbar__parent > ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
.navbar__parent > ul > li > a {
  color: white;
}
.navbar__child {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 448px) {
  .navbar__child {
    flex-direction: column;
  }
}
.navbar__child > h3 {
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
}
.navbar__child > p {
  font-size: 16px;
  font-weight: 500;
  color: #DA4533;
}

.register {
  background: #1B1B1B;
  padding-top: 50px;
}
.register__parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1204px) {
  .register__parent {
    flex-direction: column;
  }
}
.register__parent-text {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.register__parent-text > h2 {
  font-size: 16px;
  font-weight: 500;
  color: #8A8A8A;
}
@media (max-width: 516px) {
  .register__parent-text > h2 {
    text-align: center;
  }
}
.register__parent-text > h1 {
  font-size: 55px;
  color: white;
  font-weight: 500;
  font-family: "STIX";
}
@media (max-width: 516px) {
  .register__parent-text > h1 {
    text-align: center;
    font-size: 30px;
  }
}
.register__parent-text > p {
  font-weight: 400;
  font-size: 18px;
  color: #8A8A8A;
}
@media (max-width: 516px) {
  .register__parent-text > p {
    text-align: center;
  }
}
.register__parent-btn {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 570px) {
  .register__parent-btn {
    flex-direction: column;
  }
}
.register__parent-btn .work {
  width: 300px;
  height: 90px;
  background: #DA4533;
  font-size: 16px;
  font-weight: 500;
  color: white;
  border: 2px solid #DA4533;
  border-radius: 200%;
  line-height: 25px;
  cursor: pointer;
}
.register__parent-btn .work:hover {
  width: 300px;
  height: 90px;
  background: #1B1B1B;
  font-size: 16px;
  font-weight: 500;
  color: #DA4533;
  border: 2px solid #DA4533;
  border-radius: 200%;
  line-height: 25px;
}
.register__parent-btn > button {
  width: 135px;
  height: 40px;
  background: #DA4533;
  border: 2px solid #DA4533;
  border-radius: 100%;
  color: white;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.register__parent-btn > button:hover {
  width: 135px;
  height: 40px;
  background: #1B1B1B;
  border: 2px solid #DA4533;
  border-radius: 100%;
  color: #DA4533;
}
@media (max-width: 1440px) {
  .register__parent-img > img {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .register__parent-img > img {
    display: none;
  }
}

.brands {
  background: #1B1B1B;
  padding-top: 100px;
}
.brands__parent {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1440px) {
  .brands__parent {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.brands__parent-child {
  width: 392px;
  height: 120px;
  background: rgba(255, 255, 255, 0.0509803922);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.brands__parent-child:hover {
  width: 392px;
  height: 120px;
  background: rgba(255, 255, 255, 0.0509803922);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  transform: scale(1.03);
}

.patent {
  background: #1B1B1B;
  padding-top: 140px;
}
.patent .text {
  font-size: 38px;
  font-weight: 400;
  font-family: "STIX";
  color: white;
}
.patent__parent {
  margin-top: 60px;
  display: flex;
  align-items: center;
  gap: 150px;
}
@media (max-width: 1276px) {
  .patent__parent {
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.patent__parent-child {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.patent__parent-child > p {
  color: #8A8A8A;
  font-size: 16px;
  font-weight: 400;
}
.patent-child {
  display: flex;
  align-items: center;
  gap: 10px;
}
.patent-child > h2 {
  font-weight: 500;
  font-size: 18px;
  color: white;
}

.reputation {
  background: #1B1B1B;
  padding-top: 150px;
  padding-bottom: 100px;
}
.reputation .reputation-text {
  color: white;
  font-size: 38px;
  font-weight: 400;
  font-family: "STIX";
  padding-bottom: 50px;
}
.reputation__parent {
  display: flex;
  gap: 100px;
}
@media (max-width: 1320px) {
  .reputation__parent {
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.reputation__parent-child {
  width: 400px;
  height: 180px;
  border: 1px solid;
  border-image-source: linear-gradient(118.25deg, #DA4533 0%, rgba(218, 69, 51, 0) 33.76%);
  background: rgba(255, 255, 255, 0.0509803922);
  padding: 20px 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.reputation__parent-child > h3 {
  font-size: 18px;
  font-weight: 500;
  color: white;
}
.reputation__parent-child > p {
  font-size: 16px;
  color: #8A8A8A;
  font-weight: 400;
  line-height: 25px;
}
@media (max-width: 350px) {
  .reputation__parent-child > p {
    font-size: 14px;
  }
}

.need {
  background: #DA4533;
  padding-top: 100px;
  display: flex;
  padding-bottom: 100px;
}
.need__title > h1 {
  font-size: 40px;
  font-weight: 400;
  font-family: "STIX";
  color: white;
}
.need__title > p {
  font-size: 20px;
  font-weight: 500;
  color: white;
  line-height: 25px;
  padding-top: 15px;
  padding-bottom: 50px;
}
.need__block {
  background: #1B1B1B;
  padding: 40px 40px;
  border-radius: 10px;
  width: 1040px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 1094px) {
  .need__block {
    width: 600px !important;
  }
}
@media (max-width: 878px) {
  .need__block {
    padding: 20px 20px !important;
    width: 600px !important;
  }
}
@media (max-width: 624px) {
  .need__block {
    width: 400px !important;
    gap: 0 !important;
    padding: auto;
  }
}
@media (max-width: 624px) {
  .need__block {
    width: 300px !important;
    gap: 0 !important;
    padding: auto;
  }
}
.need__block-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 908px) {
  .need__block-title {
    flex-direction: column;
  }
}
.need__block-title > h2 {
  font-size: 24px;
  font-weight: 500;
  color: white;
}
.need__block-title > p {
  font-family: "STIX";
  font-size: 36px;
  font-weight: 500;
  color: #DA4533;
}
.need__block-title > p > span {
  font-family: "STIX";
  font-size: 36px;
  color: white;
  font-weight: 500;
}
.need__parent {
  display: flex;
  gap: 15px;
}
@media (max-width: 1098px) {
  .need__parent {
    width: 100% !important;
    flex-direction: column;
    justify-content: center !important;
  }
}
.need__parent-child {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.need__parent-child-1 {
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 470px;
  height: 60px;
  background: rgba(255, 255, 255, 0.0509803922);
}
@media (max-width: 638px) {
  .need__parent-child-1 {
    width: 100% !important;
  }
}
.need__parent-child-1 > p {
  font-size: 16px;
  color: white;
  font-weight: 500;
  line-height: 160%;
}
.need__parent-child-2 {
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 470px;
  height: 60px;
  background: #DA4533;
}
@media (max-width: 638px) {
  .need__parent-child-2 {
    width: 100% !important;
  }
}
.need__parent-child-2 > p {
  font-size: 16px;
  color: white;
  font-weight: 500;
  line-height: 160%;
}
.need__parent-child-3 {
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 470px;
  height: 90px;
  background: rgba(255, 255, 255, 0.0509803922);
}
@media (max-width: 638px) {
  .need__parent-child-3 {
    width: 100% !important;
  }
}
.need__parent-child-3 > p {
  font-size: 16px;
  color: white;
  font-weight: 500;
  line-height: 160%;
}
.need__btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 908px) {
  .need__btns {
    flex-direction: column;
  }
}
.need__btns > button {
  width: 150px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #DA4533;
  background: #DA4533;
  color: white;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s linear;
  cursor: pointer;
}
.need__btns > button:hover {
  background: #1B1B1B;
  color: #DA4533;
  border: 2px solid #DA4533;
}
.need__end {
  padding-top: 50px;
}
.need__end > h2 {
  font-size: 24px;
  font-weight: 500;
  color: white;
  padding-bottom: 25px;
}
.need__end-parent {
  display: flex;
  gap: 30px;
}
@media (max-width: 842px) {
  .need__end-parent {
    flex-direction: column;
    justify-content: center;
  }
}
.need__end-parent-child {
  width: 390px;
  height: 130px;
  display: flex;
  align-items: center;
  gap: 15px;
  background: #1B1B1B;
  border-radius: 10px;
  padding: 0 10px;
}
@media (max-width: 418px) {
  .need__end-parent-child {
    width: 100%;
  }
}
.need__end-parent-child > p {
  font-size: 18px;
  font-weight: 500;
  color: white;
}

.process {
  background: #1B1B1B;
  padding-top: 100px;
}
.process__title > h1 {
  font-size: 38px;
  font-weight: 400;
  font-family: "STIX";
  color: white;
}
.process__title-text {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 842px) {
  .process__title-text {
    flex-direction: column;
    justify-content: center;
    gap: 30px;
  }
}
.process__title-text > p {
  font-size: 16px;
  font-weight: 500;
  color: #8A8A8A;
}
.process__icon {
  display: flex;
  gap: 20px;
}
.process__icon > i {
  color: #DA4533;
  width: 40px;
  height: 40px;
  border: 1px solid #DA4533;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.process__parent {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .process__parent {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
}
.process__parent-child > p {
  font-size: 16px;
  font-weight: 500;
  color: #DA4533;
}
.process__parent-child2 > p {
  font-size: 16px;
  font-weight: 500;
  color: #8A8A8A;
}
.process__parent-child1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.process__parent-child1 > h1 {
  font-size: 45px;
  font-weight: 800;
  font-family: "gilroy";
  background: linear-gradient(90deg, #DA4533 0%, rgba(218, 69, 51, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.process__parent-child1 > i {
  width: 90px;
  color: #DA4533;
}
.process__parent-child3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.process__parent-child3 > h1 {
  font-size: 45px;
  font-weight: 800;
  font-family: "gilroy";
  color: #8A8A8A;
}
.process__parent-child3 > i {
  width: 90px;
  color: #8A8A8A;
}
.process__end {
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1054px) {
  .process__end {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }
}
.process__end-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.process__end-text > h2 {
  font-size: 18px;
  font-weight: 500;
  color: white;
}
.process__end-text > p {
  font-size: 16px;
  color: #8A8A8A;
  font-weight: 400;
  line-height: 160%;
}
@media (max-width: 1054px) {
  .process__end-img > img {
    display: none;
  }
}

.all {
  padding-top: 30px;
  background: #1B1B1B;
}
.all__parent {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 728px) {
  .all__parent {
    flex-direction: column;
    gap: 40px;
  }
}
.all__parent-child > h1 {
  font-size: 40px;
  font-weight: 400;
  font-family: "STIX";
  color: white;
}
.all-child {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.all-child > i {
  width: 30px;
  height: 30px;
  border: 1px solid #DA4533;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #DA4533;
  border-radius: 50%;
}
.all-child > p {
  font-size: 16px;
  font-weight: 400;
  color: #8A8A8A;
  padding-right: 5px;
  padding-left: 5px;
}
.all-child > span {
  color: #DA4533;
  font-size: 16px;
  font-weight: 400;
}
.all__search {
  position: relative;
}
.all__search > i {
  position: absolute;
  left: 860px;
  font-size: 24px;
  color: white;
  bottom: 20px;
  font-weight: 400;
}
@media (max-width: 948px) {
  .all__search > i {
    left: 240px;
  }
}
.all__search > input {
  width: 900px;
  height: 60px;
  color: #8A8A8A;
  background: rgba(255, 255, 255, 0.0509803922);
  border: none;
  border-radius: 10px;
  padding-left: 15px;
  font-size: 16px;
}
@media (max-width: 948px) {
  .all__search > input {
    width: 100%;
  }
}
.all__items {
  padding-top: 25px;
  padding-bottom: 35px;
  display: flex;
  align-items: center;
}
@media (max-width: 1040px) {
  .all__items {
    flex-direction: column;
    gap: 30px;
  }
}
.all__items > h1 {
  font-size: 18px;
  text-transform: uppercase;
  color: #8A8A8A;
  font-weight: 500;
  padding-right: 15px;
}
.all__items > ul {
  color: #8A8A8A;
  border-radius: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  background: rgba(255, 255, 255, 0.0509803922);
}
@media (max-width: 1056px) {
  .all__items > ul {
    flex-direction: column;
    gap: 20px;
  }
}
.all__items > ul > li > a {
  color: #8A8A8A;
  font-size: 16px;
  font-weight: 400;
  padding: 15px 15px;
  transition: all 0.3s linear;
  border-radius: 10px;
  cursor: pointer;
}
.all__items > ul > li > a:hover {
  color: white;
  padding: 15px 15px;
  background: rgba(255, 255, 255, 0.1490196078);
  border-radius: 10px;
}

.design {
  padding-top: 100px;
  background: #1B1B1B;
  padding-bottom: 100px;
}
.design__parent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 1180px) {
  .design__parent {
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    gap: 100px;
  }
}
.design .img {
  padding-top: 30px;
}
@media (max-width: 580px) {
  .design .img {
    padding-top: 0;
    padding-bottom: 60px;
  }
}
.design .title {
  font-size: 38px;
  font-weight: 400;
  font-family: "STIX";
  color: white;
}
.design__title {
  padding-top: 20px;
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 870px) {
  .design__title {
    flex-direction: column;
  }
}
.design__title > p {
  font-size: 16px;
  color: #8A8A8A;
  line-height: 160%;
}
.design__title > button {
  font-size: 16px;
  font-weight: 500;
  width: 135px;
  height: 40px;
  border-radius: 90%;
  border: 2px solid #DA4533;
  color: #DA4533;
  background: transparent;
  transition: all 0.3s linear;
  cursor: pointer;
}
.design__title > button:hover {
  background: #DA4533;
  border: 2px solid #DA4533;
  color: white;
}
.design__icon {
  padding-top: 30px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.design__icon > i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #DA4533;
  border: 2px solid #DA4533;
  border-radius: 50%;
  transition: all 0.3s linear;
  cursor: pointer;
}
.design__icon > i:hover {
  background: #DA4533;
  color: white;
}
.design__child {
  display: flex;
  width: 600px;
  height: 300px;
  border-radius: 10px;
}
@media (max-width: 1260px) {
  .design__child {
    width: 100% !important;
  }
}
@media (max-width: 580px) {
  .design__child {
    flex-direction: column;
    align-items: center;
    width: 320px;
    justify-content: center;
    height: 320px;
    margin-bottom: 30px;
  }
}
.design__child-child {
  display: flex;
  width: 600px;
  height: 300px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .design__child-child {
    display: none;
  }
}
.design__child1 {
  background: rgba(255, 255, 255, 0.1490196078);
  width: 300px;
  height: 300px;
  padding: 0 50px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 60px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
@media (max-width: 354px) {
  .design__child1 > img {
    margin-bottom: 40px;
  }
}
@media (max-width: 580px) {
  .design__child1 {
    width: 320px;
    height: 300px;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 10px;
  }
}
.design__child2 {
  background: rgba(255, 255, 255, 0.0509803922);
  padding: 0 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 580px) {
  .design__child2 {
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
  }
}
.design__child2 > h3 {
  font-size: 16px;
  font-weight: 500;
  color: #F9F9F9;
  line-height: 160%;
}
.design__child2 > p {
  font-size: 14px;
  font-weight: 400;
  color: #8A8A8A;
  line-height: 165%;
}
.design__text {
  display: flex;
  gap: 10px;
  padding-right: 87px;
}
.design__text > p {
  background: rgba(255, 255, 255, 0.0509803922);
  width: 100px;
  color: white;
  border-bottom-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 8px;
}

.solutions {
  background: #DA4533;
  padding-top: 80px;
  padding-bottom: 100px;
}
.solutions__parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1098px) {
  .solutions__parent {
    flex-direction: column;
  }
}
@media (max-width: 1098px) {
  .solutions__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.solutions__text > h1 {
  font-size: 40px;
  font-weight: 400;
  color: white;
  font-family: "STIX";
  line-height: 135%;
}
@media (max-width: 1098px) {
  .solutions__text > h1 {
    text-align: center;
  }
}
.solutions__text > p {
  font-size: 16px;
  color: white;
  font-weight: 500;
  line-height: 160%;
  margin: 20px 0;
}
@media (max-width: 1098px) {
  .solutions__text > p {
    text-align: center;
  }
}
.solutions__text > button {
  width: 300px;
  height: 90px;
  background: #1B1B1B;
  color: white;
  font-size: 16px;
  font-weight: 500;
  border-radius: 90%;
  border: 2px solid #1B1B1B;
  transition: all 0.3s ease;
  cursor: pointer;
}
.solutions__text > button:hover {
  background: transparent;
  color: white;
  border: 2px solid white;
}
@media (max-width: 1098px) {
  .solutions__img > img {
    display: none;
  }
}

.footer {
  padding-top: 100px;
  background: #1B1B1B;
}
.footer__start {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1103px) {
  .footer__start {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
}
.footer__start-child {
  display: flex;
  flex-direction: column;
}
.footer__start-child > h4 {
  font-size: 16px;
  color: white;
  font-weight: 400;
  line-height: 165%;
}
.footer__start-child > p {
  color: #8A8A8A;
  font-size: 16px;
  font-weight: 400;
}
.footer__start-child > p > span {
  color: white;
  font-size: 16px;
}
.footer__start-img {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 542px) {
  .footer__start-img {
    flex-direction: column;
  }
}
.footer__start-img > p {
  font-size: 16px;
  font-weight: 400;
  color: #8A8A8A;
}
.footer__hr {
  margin-top: 50px;
  border: 1px solid;
  background: #8A8A8A;
}
.footer__center {
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 796px) {
  .footer__center {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
}
.footer__center > ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer__center > ul > span {
  font-size: 20px;
  font-weight: 500;
  color: #5C5C5C;
}
.footer__center > ul > li > a {
  color: white;
  font-size: 18px;
  font-weight: 500;
}
.footer__end {
  padding-top: 50px;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 546px) {
  .footer__end {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
}
.footer__end > p {
  font-size: 16px;
  color: #8A8A8A;
  font-weight: 400;
}
.footer__end > h3 {
  font-size: 16px;
  color: white;
  font-weight: 400;
}

.commodity {
  background: #1B1B1B;
  padding-bottom: 100px;
}
.commodity__parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1292px) {
  .commodity__parent {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
}
@media (max-width: 652px) {
  .commodity__parent {
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
  }
}
.commodity__text {
  display: flex;
  align-items: center;
  gap: 15px;
}
.commodity__text > p {
  background: rgba(255, 255, 255, 0.0509803922);
  color: white;
  width: 115px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.commodity__child {
  border-radius: 10px;
  width: 300px;
  height: 400px;
  background: rgba(255, 255, 255, 0.0509803922);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
.commodity__child > h1 {
  font-size: 18px;
  font-weight: 500;
  color: #8A8A8A;
}

.sign {
  background: #1B1B1B;
}
.sign-title {
  padding-top: 50px;
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.sign-title > i {
  width: 30px;
  height: 30px;
  border: 1px solid #DA4533;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #DA4533;
  border-radius: 50%;
}
.sign-title > p {
  font-size: 16px;
  font-weight: 400;
  color: #8A8A8A;
  padding-right: 5px;
  padding-left: 5px;
}
.sign-title > span {
  color: #DA4533;
  font-size: 16px;
  font-weight: 400;
}
.sign__parent {
  display: flex;
  background: rgba(255, 255, 255, 0.0509803922);
  gap: 100px;
  padding: 40px 40px;
  border-radius: 10px;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .sign__parent {
    flex-direction: column;
    justify-content: center !important;
  }
}
.sign__text {
  display: flex;
  gap: 30px;
}
.sign__text > h3 {
  font-size: 14px;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
}
.sign__child {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 30px;
}
.sign__child > h1 {
  font-size: 40px;
  font-weight: 400;
  color: white;
  font-family: "STIX";
}
.sign__child > p {
  font-size: 16px;
  font-weight: 400;
  color: #8A8A8A;
}
.sign__child > button {
  width: 300px;
  height: 90px;
  border-radius: 90%;
  background: #DA4533;
  color: white;
  border: 2px solid #DA4533;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s linear;
  cursor: pointer;
}
.sign__child > button:hover {
  background: transparent;
  color: white;
  border: 2px solid white;
}
@media (max-width: 390px) {
  .sign__child > button {
    width: 100% !important;
  }
}
@media (max-width: 750px) {
  .sign__img > img {
    display: none;
  }
}

@media (max-width: 1754px) {
  .related {
    padding: 0 20px;
  }
}
.related {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #1B1B1B;
}
.related__title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
}
@media (max-width: 684px) {
  .related__title {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }
}
.related__title > h1 {
  font-size: 36px;
  font-weight: 400;
  font-family: "STIX";
  color: white;
}
.related__title > button {
  width: 135px;
  height: 40px;
  color: #DA4533;
  border: 2px solid #DA4533;
  background: transparent;
  border-radius: 80%;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s linear;
  cursor: pointer;
}
.related__title > button:hover {
  background: #DA4533;
  color: white;
  border: 2px solid #DA4533;
}
.related__parent {
  display: flex;
  gap: 50px;
  justify-content: end;
}
@media (max-width: 1677px) {
  .related__parent {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.related__child {
  border-radius: 10px;
  width: 300px;
  height: 400px;
  background: rgba(255, 255, 255, 0.0509803922);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
.related__child > h1 {
  font-size: 18px;
  font-weight: 500;
  color: #8A8A8A;
}
.related__text {
  display: flex;
  align-items: center;
  gap: 15px;
}
.related__text > p {
  background: rgba(255, 255, 255, 0.0509803922);
  color: white;
  width: 115px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.related__icon {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.related__icon > i {
  color: #DA4533;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #DA4533;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  cursor: pointer;
}
.related__icon > i:hover {
  background: #DA4533;
  color: white;
}

.perennial {
  background: #1B1B1B;
  padding-top: 100px;
}
@media (max-width: 480px) {
  .perennial__img {
    display: none;
  }
}
.perennial__parent {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media (max-width: 1384px) {
  .perennial__parent {
    display: flex !important;
    justify-content: center !important;
    flex-direction: column-reverse;
  }
}
.perennial__text {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.perennial__text > h1 {
  font-size: 38px;
  font-weight: 400;
  color: white;
  font-family: "STIX";
}
.perennial__text > p {
  padding-top: 15px;
  padding-bottom: 50px;
  font-size: 16px;
  font-weight: 500;
  color: #8A8A8A;
  line-height: 160%;
}
.perennial__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 500px) {
  .perennial__block {
    grid-template-columns: repeat(1, 1fr);
  }
}
.perennial__block-child {
  width: 400px;
  height: 140px;
  border: 1px solid;
  border-image-source: linear-gradient(118.25deg, #DA4533 0%, rgba(218, 69, 51, 0) 33.76%);
  background: rgba(255, 255, 255, 0.0509803922);
  padding: 20px 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 882px) {
  .perennial__block-child {
    width: 100%;
    height: 100%;
  }
}
.perennial__block-child > h1 {
  font-family: "STIX";
  font-size: 36px;
  font-weight: 500;
  color: white;
}
.perennial__block-child > p {
  font-size: 16px;
  color: #8A8A8A;
  font-weight: 400;
  line-height: 25px;
}

.practice {
  background: #1B1B1B;
  padding-top: 100px;
  padding-bottom: 100px;
}
.practice__parent {
  display: flex;
  justify-content: center;
  gap: 400px;
}
@media (max-width: 1262px) {
  .practice__parent {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1262px) {
  .practice__img {
    display: none;
  }
}
.practice__text {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.practice__text > h1 {
  font-size: 38px;
  color: white;
  font-family: "STIX";
  font-weight: 400;
}
@media (max-width: 340px) {
  .practice__text > h1 {
    font-size: 34px;
  }
}
.practice__text > p {
  font-size: 16px;
  font-weight: 500;
  color: #8A8A8A;
  line-height: 160%;
}
.practice__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 584px) {
  .practice__block {
    grid-template-columns: repeat(1, 1fr);
  }
}
.practice__block-child {
  background: rgba(255, 255, 255, 0.0509803922);
  border-radius: 10px;
  width: 400px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 872px) {
  .practice__block-child {
    width: 100%;
  }
}

.business {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 1440px) {
  .business {
    margin: 0 20px;
  }
}
.business .title {
  font-size: 38px;
  font-weight: 400;
  font-family: "STIX";
}
.business__title {
  padding-top: 20px;
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 908px) {
  .business__title {
    flex-direction: column;
    justify-content: center !important;
    gap: 10px;
  }
}
.business__title > p {
  font-size: 16px;
  font-weight: 500;
  color: #8A8A8A;
  line-height: 160%;
}
.business__title > button {
  width: 135px;
  height: 40px;
  border-radius: 90%;
  font-weight: 500;
  font-size: 16px;
  color: #DA4533;
  border: 2px solid #DA4533;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s linear;
}
.business__title > button:hover {
  background: #DA4533;
  border: 2px solid #DA4533;
  color: white;
}
@media (max-width: 907px) {
  .business__title > button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.business__parent {
  display: flex;
  gap: 50px;
  justify-content: end;
}
@media (max-width: 1440px) {
  .business__parent {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.business__child {
  border-radius: 10px;
  width: 300px;
  height: 400px;
  background: #1B1B1B;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
.business__child > h1 {
  font-size: 18px;
  font-weight: 500;
  color: #8A8A8A;
}
.business__text {
  padding-top: 10px;
  display: flex;
  align-items: end;
  justify-content: end;
}
.business__text > p {
  background: rgba(255, 255, 255, 0.0509803922);
  color: white;
  width: 115px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.business__icon {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.business__icon > i {
  color: #DA4533;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #DA4533;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  cursor: pointer;
}
.business__icon > i:hover {
  background: #DA4533;
  color: white;
}

.team {
  padding-top: 100px;
}
.team__title > h1 {
  font-size: 38px;
  font-weight: 400;
  font-family: "STIX";
}
.team__title > p {
  font-size: 16px;
  font-weight: 500;
  color: #8A8A8A;
  line-height: 160%;
}
.team__parent {
  padding-top: 50px;
  display: flex;
  gap: 30px;
}
@media (max-width: 1804px) {
  .team__parent {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.team__parent-child > h3 {
  font-size: 18px;
  font-weight: 500;
  color: #1B1B1B;
  line-height: 160%;
  padding: 10px 0;
}
.team__parent-child > p {
  font-size: 14px;
  color: #5C5C5C;
  font-weight: 400;
}
.team__parent-child > img {
  border-radius: 10px;
}
.team__icon {
  padding-top: 35px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.team__icon > i {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DA4533;
  color: #DA4533;
  background: transparent;
  transition: all 0.3s linear;
  cursor: pointer;
}
.team__icon > i:hover {
  border: 2px solid #DA4533;
  background: #DA4533;
  color: white;
}

.forums {
  padding-top: 70px;
  padding-bottom: 100px;
}
.forums__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 392px) {
  .forums__title {
    flex-direction: column;
    gap: 30px;
  }
}
.forums__title > h2 {
  font-size: 24px;
  font-weight: 500;
}
.forums__title-child {
  display: flex;
  gap: 40px;
}
.forums__title-child > p {
  font-size: 16px;
  color: #5C5C5C;
  font-weight: 500;
}
.forums__title-child > span {
  font-size: 16px;
  color: #DA4533;
  font-weight: 500;
}
.forums__parent {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1070px) {
  .forums__parent {
    flex-direction: column;
    gap: 30px;
  }
}
.forums__parent-child {
  display: flex;
  align-items: center;
  gap: 20px;
}
.forums__parent-child2 {
  display: flex;
  flex-direction: column;
}
.forums__parent-child2 > h2 {
  font-size: 18px;
  font-weight: 500;
  color: #1B1B1B;
}
.forums__parent-child2 > hr {
  margin: 10px 0;
}
.forums__parent-child2 > p {
  font-size: 16px;
  font-weight: 400;
  color: #5C5C5C;
  line-height: 25px;
}
.forums__parent-child3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.forums__parent-child3 > h2 {
  font-size: 18px;
  font-weight: 500;
  color: #1B1B1B;
}
.forums__parent-child3 > p {
  font-size: 16px;
  font-weight: 400;
  color: #1B1B1B;
}
.forums-child > h3 {
  font-size: 18px;
  color: #1B1B1B;
  font-weight: 500;
  padding-bottom: 6px;
}
.forums-child > p {
  font-size: 16px;
  color: #5C5C5C;
}
.forums .forums__hr {
  margin: 20px 0;
}
.forums__parent1 {
  padding-top: 70px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.questions {
  background: #1B1B1B;
  padding-top: 140px;
  padding-bottom: 100px;
}
.questions .work {
  font-size: 38px;
  font-weight: 400;
  font-family: "STIX";
  color: white;
}
.questions__block {
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1490196078);
  justify-content: space-between;
  padding: 20px 20px;
  border-radius: 10px;
}
.questions__block > h2 {
  font-size: 18px;
  color: white;
  font-weight: 500;
}
.questions__block > i {
  color: #DA4533;
  font-size: 20px;
}
.questions .text {
  font-size: 16px;
  font-weight: 400;
  color: #8A8A8A;
  line-height: 160%;
}
@media (max-width: 916px) {
  .questions .text {
    font-size: 14px;
  }
}
.questions .text1 {
  font-size: 16px;
  font-weight: 400;
  color: #8A8A8A;
  line-height: 160%;
  padding-top: 30px;
}
@media (max-width: 916px) {
  .questions .text1 {
    font-size: 14px;
  }
}
.questions__block1 {
  margin-top: 30px;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.0509803922);
  justify-content: space-between;
  padding: 20px 20px;
  border-radius: 10px;
}
.questions__block1 > h2 {
  font-size: 18px;
  color: white;
  font-weight: 500;
}
.questions__block1 > i {
  color: #DA4533;
  font-size: 20px;
}/*# sourceMappingURL=style.css.map */