@import url(../../root.css);
/*===== ABOUT =====*/

.about__section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about__content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.about__img img {
    width: 100%;
    height: auto;
}
.about__section .text__data{
	width: 100%;
	word-break: break-all;
}
.about__section .text__data span {
    font-size: 1.25rem;
    font-weight: 400;
}

.about__section .text__data .fullname {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--genex-green-color);
}

.about__section .text__data h1 {
    display: flex;
    align-items: center;
   /*  width: max-content; */
    font-size: 5rem;
    font-weight: 900;
}

.about__section .text__data h1 img {
    margin-left: 20px;
}

.about__section .text__data h2 {
    font-size: 1.25rem;
    font-weight: 400;
}

.about__section .text__data h3 {
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--black-color);
}

.about__section .text__data h3 span {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--black-color);
}

.about__section .data {
    display: flex;
    justify-content: space-between;
}

.about__section .data .mini__table {
    width: 50%;
    display: flex;
    justify-content: center;
}

.about__section .data .mini__table .table {
    width: 70%;
    background-color: var(--mini-table-color);
    color: var(--white-color);
    font-size: 1.563rem;
    vertical-align: center;
}

.about__section .data .subdata {
    align-self: self-end;
    font-size: 1.25rem;
	text-align:right;
}


@media screen and (max-width: 425px) {
    .about__section .text__data h1 {
        font-size: 4rem;
    }
    .about__section .data .subdata {
        font-size: 1rem;
    }
}
@media screen and (max-width: 375px) {
    .about__section .text__data h1 {
        font-size: 2rem;
    }
    .about__section .text__data h3 span {
        font-size: 1rem;
    }
    .about__section .data {
        flex-direction: column;
    }
    .about__section .data .mini__table {
        width: 100% !important;
    }
}