.about_page {
    text-align:center;
}
.about_page h1 {
    font-size: 48px;
    line-height: 1.2;
    margin: 0;
    font-weight: 800;
    color: #1F2937;
    @media screen and (max-width: 1200px) {
        font-size: 36px;
    }
    @media screen and (max-width: 992px) {
        font-size: 28px;
    }
    @media screen and (max-width: 768px) {
        font-size: 24px;
    }
    @media screen and (max-width: 575px) {
        font-size: 20px;
    }
}
.about_page p {
    color:#666;
    line-height:1.35;
    @media screen and (max-width:768px) {font-size:14px;}
    @media screen and (max-width:575px) {font-size:12px;}
}
.hero_section h2 {
    text-align:center;
    font-size: 40px;
    font-weight: 800;
    margin:0 0 30px 0;
    color: #1F2937;
    @media screen and (max-width:1200px) {font-size:32px;}
    @media screen and (max-width:768px) {font-size:22px;}
    @media screen and (max-width:575px) {font-size:18px;}
}
.p_section {
    padding:80px 0;
    @media screen and (max-width:1200px) {
        padding:60px 0;
    }
    @media screen and (max-width:1025px) {
        padding:40px 0;
    }
    @media screen and (max-width:768px) {
        padding:20px 0;
    }
}
.color_section {
    background: #F9FAFB;
}
.grid_about_columns {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:30px;
    @media screen and (max-width:575px) {
        grid-template-columns: 1fr;
        gap:15px;
    }
}
.item_grid_about_columns p {
    color:#666;
    line-height:1.35;
    @media screen and (max-width:768px) {font-size:14px;}
    @media screen and (max-width:575px) {font-size:12px;}
}