.about-page {
 padding: 40px 0;
}

.about-section {
 padding: 20px 0px 60px;
}


.about-inner {
 display: flex;
 flex-wrap: nowrap;
 gap: 26px;
 position: relative;
}

.about-inner-left {
 display: flex;
 flex-direction: column;
 gap: 20px;
 flex: 1 1 1015px;
 max-width: 1015px;
 z-index: 10;
 position: relative;
}

.about-inner-left .h2 {
 max-width: 843px;
}

.about-text {
 color: #57575E;
 font-size: 15px;
 font-weight: 400;
 line-height: 22px;
}

.about-text-wrapper {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

.about-inner-right {
 flex: 1 1 498px;
 max-width: 498px;
 position: absolute;
 right: -56px;
 bottom: 3px;
 z-index: 3;
}

.about-inner-right img {
 min-width: 455px;
 width: 100%;
 object-fit: contain;
 height: auto;
 position: relative;
 z-index: 3;
}

.about-inner-right::after {
 content: "";
 width: 557px;
 height: 474px;
 display: block;
 position: absolute;
 top: -26px;
 left: -67px;
 background: url('../img/about/about-image-after.png') center no-repeat;
 background-size: contain;
 z-index: 2;
}



.about-advantage {
 padding: 40px 0px;
 background: #fff;
}

.about-advantage-items {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 40px;
}

.about-advantage-item {
 display: flex;
 gap: 10px;
 align-items: flex-start;
}

.advantage-item-icon img {
 min-width: 40px;
 width: 40px;
 height: auto;
 object-fit: contain;
}


.advantage-item-title {
 color: #232126;
 font-size: 17px;
 font-weight: 700;
 line-height: 21px;
 margin-bottom: 5px;
}

.advantage-item-descr {
 color: rgba(43, 52, 60, 0.7);
 font-size: 14px;
 font-weight: 400;
 line-height: 19px;
}



.about-posts {
 padding: 60px 0px 20px;
}



.about-archive-tabs-inner {
 margin-top: 12px;
}




.about-post-items {
 margin-top: 32px;
}

.about-more-post {
 margin-top: 30px;
 margin-inline: auto;
}


.about-left-img {
 display: none;
}

@media (max-width: 1456px) {
 .about-inner-right {
  display: none;
 }

 .about-left-img {
  display: flex;
  min-width: 444px;
  width: 444px;
  height: 414px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
 }

 .about-inner-left {
  flex: 1 1 100%;
  max-width: 100%;

 }
}

@media (max-width: 1200px) {
 .about-advantage-items {
  grid-template-columns: repeat(2, 1fr);
 }
}

@media (max-width: 1024px) {
 .about-page {
  padding: 20px 0 0;
 }

 .about-section {
  padding: 12px 0px 30px;
 }

 .about-inner-left {
  gap: 12px;
 }

 .about-advantage {
  padding: 20px 0px;
 }

 .about-advantage-items {
  grid-template-columns: repeat(2, 1fr);
  margin-left: 5px;
  gap: 22px 62px;
 }

 .advantage-item-icon img {
  min-width: 30px;
  width: 30px;
 }

 .advantage-item-title {
  font-size: 14px;
  line-height: 16px;
 }

 .advantage-item-descr {
  font-size: 12px;
  line-height: 14px;
 }

 .about-posts {
  padding: 30px 0px;
 }

 .about-posts .container {
  padding: 0 15px 0 24px;
 }

 .about-archive-tabs-inner {
  margin-top: 8px;
 }

 .about-post-items {
  margin-top: 20px;
 }

 .about-more-post {
  margin-top: 20px;
  margin-inline: auto;
 }


}



@media (max-width: 768px) {
 .about-left-img {
  min-width: 100%;
  width: 100%;
  height: auto;
 }

 .about-section {
  padding: 20px 0px 30px 0px;
 }

 .about-inner-left .h2 {
  margin-bottom: 10px;
 }

 .about-inner-left {
  gap: 10px;
 }

 .about-text {
  font-size: 14px;
  line-height: 18px;
 }

 .about-advantage {
  padding: 20px 0px;
 }

 .about-advantage-items {
  grid-template-columns: repeat(1, 1fr);
  margin-left: 0;
  gap: 14px;
 }

 .about-posts {
  padding: 30px 0;
 }

 .about-posts .container {
  padding: 0 15px 0 14px;
 }

}