@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

/* ===================================================  Banner Begins ===================================================*/

.pf-abt-banner-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 200px;
}
.pf-abt-bnr-title {
    font-size: 32px;
    font-weight: 600;
    color: #333333;
    line-height: 42px;
    font-family: "Fraunces", serif;
    display: flex;
    flex-direction: column;
}
.pf-abt-bnr-title span {
    font-size: 102px;
    line-height: 112px;
}
.pf-abt-bnr-img img {
    max-width: 100%;
    width: 382px;
    height: auto;
}

/* ===================================================  Banner Ends ===================================================*/

/* ===================================================  Fun Facts Begins ===================================================*/

.pf-abt-fun-facts {
    max-width: 924px;
    width: 100%;
    margin-bottom: 140px;
}
.pf-abt-fun-fact-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #656565;
    margin-bottom: 40px;
    margin-left: 94px;
}
.pf-abt-fun-fact-img img{
    max-width: 100%;
    width: 78px;
    height: auto;
}
.pf-abt-fun-fact-item {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 48px;
}
.pf-abt-fun-fact-desc {
    max-width: 771px;
    width: 100%;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    color: #393939;
}

/* ===================================================  Fun Facts Ends ===================================================*/

/* ===================================================  If Not Designing Begins ===================================================*/

.pf-abt-if-not {
    max-width: 924px;
    width: 100%;
    margin-bottom: 140px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}
.pf-abt-if-not-title {
    max-width: 486px;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
}
.pf-abt-if-not-title span {
    font-size: 32px;
    line-height: 42px;
}
.pf-abt-if-not-img img {
    width: 190px;
    max-width: 100%;
    height: auto;
}
/* ===================================================  If Not Designing Ends ===================================================*/

/* ===================================================  Achievements Begins ===================================================*/


.pf-abt-ach-img img {
    width: 365px;
    height: auto;
    max-width: 100%;
}
.pf-abt-achivement-item {
    margin-bottom: 76px;
}
.pf-abt-ach-sub-img img {
    width: 160px;
    height: auto;
    max-width: 100%;
}
.pf-abt-ach-img, .pf-abt-ach-sub-img {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.pf-abt-ach-sub-img {
    flex-direction: column;
}
.pf-abt-achivements-title {
    font-size: 18px;
    font-weight: 300;
    color: #393939;
    line-height: 28px;
    margin-bottom: 40px;
}
.pf-abt-ach-colon {
    /* font-weight: 600;
    color: #9E9E9E;
    font-size: 84px;
    line-height: 34px;
    font-family: "Fraunces", serif; */
    margin-bottom: 34px;
}
.pf-abt-ach-colon img {
    width: 34px;
    height: auto;
}
.pf-abt-achivement-desc {
    font-weight: 600;
    font-size: 42px;
    line-height: 52px;
    color: #333333;
    margin-bottom: 24px;
    font-family: "Fraunces", serif;
}
.pf-abt-achivement-item:last-child .pf-abt-ach-img img {
    width: 305px;
    height: auto;
}
@media only screen and (max-width: 998px) { 
    .pf-abt-ach-img, .pf-abt-ach-sub-img {
        flex-wrap: wrap;
    }
}