.site-footer{margin-top: 0;}

.about__wr {display: flex;position: relative;}
.about__wr .text-content{width: 43.5%;}
.about__wr .text-content > div{position: absolute;top: 60px;left: 50%;transform: translateX(-50%);}
.about__wr .text-content > div > h3{font-family: var(--font-point);font-weight: 500;font-size: 40px;line-height: 1.4;margin-bottom: 40px;}
.about__wr .text-content > div > div{display: flex;flex-direction: column;gap: 24px;max-width: 520px;}
.about__wr .text-content > div > div > p{font-size: 20px;line-height: 1.4;}
.about__wr .text-content > div > div > p:last-child{font-family: var(--font-point);}
.about__wr .image-content{width: 56.5%;}
.about__wr .image-content img{display: block;width: 100%;}

@media all and (max-width:1440px) {
    .about__wr .text-content > div > h3{font-size: 30px;}
    .about__wr .text-content > div > div{gap: 18px;max-width: 40%;}
    .about__wr .text-content > div > div > p{font-size: 16px;}
}

@media all and (max-width:1023px) {
    .about__wr{flex-direction: column-reverse;}
    .about__wr .text-content{padding: 75px 0 100px;}
    .about__wr .text-content > div{position: static;transform: none;top: 0;left: 0;width: 100%;padding: 0 16px;}
    .about__wr .text-content > div > div{max-width: 100%;}
    .about__wr .text-content,
    .about__wr .image-content{width: 100%;}
}

@media all and (max-width:767px) {
    .about__wr .text-content{padding: 50px 0 75px;}
    .about__wr .text-content > div > h3{font-size: 24px;margin-bottom: 25px;}
    .about__wr .text-content > div > div{gap: 14px;}
    .about__wr .text-content > div > div > p{font-size: 14px;}
}