/* category software */

img {
  width: 100%;
  height: 100%;
}

.accordion__content-wrap-image {
  margin-right: 25px;
}

#category-software {
  padding: 30px 0 100px;
}

.category-software-body {
  margin-top: 30px;
}

.category-software-item {
  display: flex;
  justify-content: space-between;
  padding: 30px 0 70px;
  border-bottom: 0.5px solid rgba(11, 11, 11, 0.3);
}

.category-software-item:nth-child(2n) {
  flex-direction: row-reverse;
}

.category-software-item:nth-child(2n) .category-software-item-left {
  margin-left: 23px;
  margin-right: 0;
}

.category-software-item:nth-child(2n) .category-software-item-line {
  margin-top: 11px;
}

.category-software-item:nth-child(2n) .category-software-item-right-bottom {
  flex-direction: column;
}

.category-software-item-left {
  max-width: 690px;
  width: 100%;
  margin-right: 23px;
}

.category-software-item-right-desc {
  -webkit-line-clamp: 5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 5px;
  max-height: 80px;
}

.category-software-item-right-desc p {
  max-height: 135px;
  font-size: 18px;
  line-height: 150%;
  /* or 27px */
  font-weight: 400;
  letter-spacing: 0.05em;
}

.category-software-item-right-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.category-software-item-btn {
  font-weight: bold;
  display: flex;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.05em;
  align-items: center;
  color: #000;
}

.category-software-item-btn-str {
  width: 29px;
  height: 10px;
  margin-left: 10px;
}

.category-software-item-line {
  width: 284px;
  height: 20px;

  background: rgba(0, 158, 224, 0.4);
}

/* /category software */

.template-top-wrap {
  display: flex;
  align-items: center;
}

.software-button-buy {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 136px;
  height: 46px;
  background: #f7b633;
  font-weight: bold;
  font-size: 16px;
  line-height: 150%;
  /* identical to box height, or 24px */
  transition: all 0.5s ease 0s;
  letter-spacing: 0.1em;
}

.software-button-buy:hover {
  background: #009ee0;
  color: #fff;
  cursor: pointer;
}

.template-top-wrap p {
  font-size: 20px;
  line-height: 160%;
  /* identical to box height, or 32px */

  letter-spacing: 0.05em;
  margin-left: 18px;
}

.template-center-wrap {
  display: flex;
  justify-content: space-between;
  padding: 21px 0 80px;
  margin-top: 70px;
  border-top: 0.5px solid rgba(11, 11, 11, 0.3);
  /*border-bottom: 0.5px solid rgba(11, 11, 11, 0.3);*/
}

.template-center-image {
  max-width: 445px;
  width: 100%;
  height: 100%;
  margin-right: 60px;
}

.template-center-image img {
  width: 100%;
  height: 100%;
}

.template-center-description {
  font-size: 16px;
  line-height: 160%;
  /* or 26px */
  max-width: 922px;
  width: 100%;
  letter-spacing: 0.05em;
  padding-right: 100px;
}

.acordion-single-software .accordion__title {
  padding: 30px 10px;
}

.acordion-single-software .accordion__title-text {
  font-size: 25px;
  line-height: 160%;
  /* identical to box height, or 40px */

  letter-spacing: 0.05em;
}

.acordion-single-software
  .accordion__arrow
  .accordion__arrow-item:first-child:before {
  height: 2px;
  background-color: #000;
}

.acordion-single-software
  .accordion__arrow
  .accordion__arrow-item:last-child:before {
  height: 2px;
  background-color: #000;
}

.acordion-single-software
  .accordion__title:hover
  .accordion__arrow-item:before {
  background-color: #fff;
}

.acordion-single-software .accordion__title:hover {
  background: #404040;
  color: #fff;
}

.acordion-single-software .accordion__title.accordion-active {
  background: #fff;
  color: #000;
}

.acordion-single-software
  .accordion__title.accordion-active
  .accordion__arrow
  .accordion__arrow-item:first-child:before {
  background: #fff;
}

.acordion-single-software
  .accordion__title.accordion-active
  .accordion__arrow
  .accordion__arrow-item:first-child:before {
  background: #fff;
}

.acordion-single-software .accordion__content p,
.acordion-single-software .accordion__content {
  font-size: 14px;
  line-height: 130%;
  /* or 32px */

  letter-spacing: 0.05em;
  margin-bottom: 15px;
  color: #000000;
}

.accordion__content-wrap-text {
  max-width: 875px;
  width: 100%;
}

/* template1 */

#template1 {
  padding: 30px 0 288px;
}

.template1-body {
  margin-top: 47px;
}

.accordion__content-wrap {
  display: flex;
  justify-content: space-between;
}

.accordion__content-wrap-image {
  max-width: 315px;
  width: 100%;
}

/* /template1 */

/* template2 */

#template2 {
  padding: 30px 0 90px;
}

.template2-body {
  margin-top: 56px;
}

#template2 .template-center-description {
  padding-right: 50px;
}

#template2 .template-center-description p {
  margin-top: 15px;
}

.template2-function-wrap {
  display: flex;
  justify-content: space-between;
  padding: 30px 0 90px;
  border-top: 0.5px solid rgba(11, 11, 11, 0.3);
  border-bottom: 0.5px solid rgba(11, 11, 11, 0.3);
}

.template2-function-image {
  max-width: 433px;
  width: 100%;
  margin-right: 40px;
}

.template2-function-image-text {
  font-size: 20px;
  line-height: 120%;
  /* identical to box height, or 24px */
  margin-top: 15px;
  letter-spacing: 0.05em;
}

.template2-function-text ul li {
  font-size: 18px;
  line-height: 120%;
  /* or 22px */
  position: relative;
  letter-spacing: 0.05em;
  padding-left: 15px;
  margin: 8px 0;
}

.template2-function-text ul li:before {
  content: "";
  width: 2px;
  height: 2px;
  display: block;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 0;
}

.template2-title {
  font-weight: bold;
  font-size: 26px;
  line-height: 160%;
  /* identical to box height, or 42px */
  margin-bottom: 110px;
  letter-spacing: 0.05em;
}

.template2-last-block-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.template2-last-block-left {
  max-width: 400px;
  width: 100%;
  margin-right: 70px;
}

.template2-last-block-right {
  max-width: 925px;
  width: 100%;
}

.template2-last-block-right p {
  font-size: 18px;
  line-height: 160%;
  /* or 29px */
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}

/* /template2 */

/* template3 */

#template3 {
  padding: 30px 0 77px;
}

.template3-body {
  margin-top: 40px;
}

.template3-new-function {
  display: flex;
  justify-content: space-between;
  padding: 30px 0 90px;
  border-top: 0.5px solid rgba(11, 11, 11, 0.3);
}

.template3-new-function-left {
  max-width: 350px;
  width: 100%;
  margin-right: 60px;
}

.template3-text p {
  margin-bottom: 15px;
}

.template3-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  /* or 26px */
  max-width: 929px;
  padding-right: 100px;
  letter-spacing: 0.05em;
}

.template3-image {
  width: 100%;
}

.template3-image img {
  width: 100%;
}

.template3-title {
  font-weight: bold;
  font-size: 25px;
  line-height: 160%;
  /* identical to box height, or 40px */
  margin-bottom: 30px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.template3-version {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  border-top: 0.5px solid rgba(11, 11, 11, 0.3);
  padding-bottom: 90px;
}

.template3-version-left {
  max-width: 350px;
  width: 100%;
  margin-right: 50px;
}

.requirements {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  border-top: 0.5px solid rgba(11, 11, 11, 0.3);
  padding-bottom: 90px;
}

.requirements-left {
  max-width: 350px;
  width: 100%;
  margin-right: 50px;
}

.requirements-right .template3-text {
  padding-right: 80px;
}

/* /template3 */

/* template4 */

.template4-body {
  margin-top: 30px;
}

.template4-content {
  border-top: 0.5px solid rgba(11, 11, 11, 0.3);
  padding-top: 30px;
}

.template4-content-top-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.template4-content-top-item {
  width: 32%;
  margin-bottom: 70px;
}

.template4-content-top-item-image {
  max-width: 275px;
}

.template-title {
  font-weight: bold;
  font-size: 25px;
  line-height: 160%;
  /* identical to box height, or 40px */

  letter-spacing: 0.05em;
}

.template4-content-bottom-wrap {
  display: flex;
  justify-content: space-between;
}

.template4-content-bottom-right {
  max-width: 940px;
  width: 100%;
  margin-left: 50px;
}

.template4-content-top-item-title {
  font-weight: bold;
  font-size: 25px;
  line-height: 160%;
  /* or 40px */
  margin-top: 15px;
  letter-spacing: 0.05em;
}

.template4-content-top-item-text {
  font-size: 16px;
  line-height: 160%;
  /* or 26px */
  margin-top: 5px;
  letter-spacing: 0.05em;
}

/* /template4 */

/* ============= 1529px ====================================================== */
@media screen and (max-width: 1529px) {
  .category-software-body {
    margin-top: 10px;
  }

  .category-software-item-left {
    max-width: 550px;
  }

  .category-software-item-right-desc p {
    font-size: 14px;
    line-height: 150%;
    /* or 21px */

    letter-spacing: 0.05em;
  }

  .category-software-item-left img {
    width: 100%;
  }

  .category-software-item-right {
    max-width: 500px;
  }

  /* template4 */

  .template4-content-top-item-title {
    font-size: 20px;
    line-height: 160%;
  }

  .template4-content-top-item-text {
    font-size: 14px;
    line-height: 160%;
    margin-top: 20px;
  }

  .template4-content-bottom-right {
    max-width: 720px;
  }

  .template4-content-bottom-right img {
    width: 100%;
  }

  /* /template4 */
}

/* ============= /1529px ====================================================== */

/* ============= 1024px ====================================================== */
@media screen and (max-width: 1024px) {
  .category-software-item {
    flex-direction: column;
  }

  .category-software-item-left {
    max-width: 533px;
    margin-right: 0;
  }

  .category-software-item-right-desc {
    margin-top: 20px;
  }

  .category-software-item-right {
    max-width: 100%;
  }

  .category-software-item:nth-child(2n) {
    flex-direction: column;
  }

  .category-software-item:nth-child(2n) .category-software-item-left {
    margin-left: 0;
  }

  .category-software-item:nth-child(2n) .category-software-item-right-bottom {
    flex-direction: row;
  }

  /* template4 */

  .template-center-wrap {
    flex-direction: column;
  }

  .template-center-description {
    margin-top: 22px;
    font-size: 14px;
  }

  .template4-content-top-item-title {
    font-size: 17px;
  }

  .template4-content-top-item-text {
    margin-top: 10px;
  }

  .template4-content-bottom-wrap {
    flex-direction: column;
  }

  .template4-content-bottom-right {
    max-width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }

  .template4-content-top-item-image {
    height: 220px;
  }

  .template4-content-top-item-image img {
    height: 100%;
    width: 100%;
  }

  .template4-content-top-item {
    margin-bottom: 40px;
  }

  /* /template4 */

  /* template3 */

  .template3-text {
    padding-right: 0;
  }

  .template3-title {
    font-size: 20px;
  }

  .template3-text {
    font-size: 14px;
  }

  /* /template3 */

  /* template1 */

  .acordion-single-software .accordion__title {
    padding: 20px 10px;
  }

  .acordion-single-software .accordion__title-text {
    font-size: 18px;
  }

  .template-center-wrap {
    padding-bottom: 40px;
  }

  #template1 {
    padding-bottom: 80px;
  }

  /* /template1 */

  /* template2 */

  .template2-function-wrap {
    flex-direction: column;
  }

  .template2-title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .template2-function-text {
    margin-top: 20px;
  }

  .template2-function-text ul li {
    font-size: 14px;
  }

  .template2-function-image-text {
    font-size: 16px;
  }

  .template2-function-wrap {
    padding-bottom: 40px;
  }

  .template2-last-block-wrap {
    flex-direction: column;
  }

  .template2-last-block-right p {
    font-size: 14px;
  }

  #template2 {
    padding-bottom: 40px;
  }

  /* /template2 */
}

/* ============= /1024px ====================================================== */

/* ============= 768px ====================================================== */
@media screen and (max-width: 768px) {
  .category-software-item-left {
    max-width: 100%;
  }

  .category-software-item-line {
    display: none;
  }

  .category-software-item-left img {
    height: 100%;
    object-fit: cover;
  }

  .category-software-item {
    padding: 20px 0 60px;
  }

  .template-center-wrap {
    padding-bottom: 50px;
  }

  /* template4 */

  .template4-content-top-item {
    width: 47%;
  }

  .template-center-description {
    padding-right: 0;
  }

  .template-title {
    font-size: 20px;
  }

  .template-top-wrap p {
    font-size: 16px;
  }

  /* /template4 */

  /* template3 */

  .template3-version {
    flex-direction: column;
  }

  .template3-text {
    margin-top: 15px;
  }

  .template3-version-left {
    margin-right: 0;
  }

  .template3-title {
    margin-bottom: 15px;
  }

  .template3-new-function {
    padding: 15px 0 50px;
  }

  .template3-version {
    padding: 15px 0 50px;
  }

  .requirements {
    padding-bottom: 0;
  }

  .template3-title {
    font-size: 17px;
  }

  .template3-new-function {
    flex-direction: column;
  }

  .requirements-right .template3-text {
    padding-right: 0;
  }

  .requirements {
    flex-direction: column;
  }

  /* /template3 */

  /* template1 */

  .acordion-single-software .accordion__title-text {
    font-size: 14px;
  }

  .accordion__content-wrap {
    flex-direction: column;
  }

  /* /template1 */
}

/* ============= 520px ====================================================== */
@media screen and (max-width: 520px) {
  .template4-content-top-item {
    width: 100%;
  }

  /* template3 */

  /* /template3 */
}