.TopTitleAboutLifeSkill h4 {
    font-family: KodchasanB;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    background: var(--2, linear-gradient(180deg, #a5702f 0%, #edcf70 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 19px;
    width: 358px;
}

.WidgetAboutLifeSkill .grid.wide {
    max-width: 1118px;
}

.TopTitleAboutLifeSkill span {
    display: block;
    color: #797979;
    font-family: QuicksandM;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    width: 415px;
    text-align: justify;
}

.WdetailAboutLifeSkill {
    display: flex;
    margin-top: 20px;
}

.WDecorImgAboutLifeSkill {
    margin-left: 20px;
}

.WLeftAboutLifeSkill {
    flex: 1 1 0;
}

.WDecorImgRAboutLifeSkill img {
    display: block;
    width: 100%;
    height: 410px;
}

.WDecorImgRAboutLifeSkill1 img {
    display: block;
    width: 100%;
    height: 410px;
}

.WDecorImgAboutLifeSkill {
    display: none;
}

.WAboutLifeSkill {
    display: flex;
}

.WRightAboutLifeSkill {
    display: flex;
    width: 65%;
    margin-left: 25px;
}

.WidgetAboutLifeSkill {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    background: #fffbe8;
}

.TopTitleAboutLifeSkill {
    position: relative;
    margin-top: 15px;
}

.WDecorImgRAboutLifeSkill1 {
    position: relative;
    margin-left: 15px;
}

.WDecorImgRAboutLifeSkill {
    position: relative;
}

@media (min-width: 1024px) and (max-width: 1239px) {
    .TopTitleAboutLifeSkill h4 {
        font-size: 26px;
        width: 392px;
    }
}
/* Mobile & tablet */
@media (max-width: 1023px) {
    .TopTitleAboutLifeSkill h4 {
        font-family: KodchasanB;
        font-size: 24px;
    }

    .TopTitleAboutLifeSkill:before {
        left: -7px;
        top: -99px;
    }

    .WDecorImgRAboutLifeSkill1 img {
        width: 100%;
        height: 185px;
    }

    .WRightAboutLifeSkill {
        position: relative;
        z-index: 1;
        margin: 0;
        width: 100%;
    }

    .WDecorImgRAboutLifeSkill img {
        width: 100%;
        height: 185px;
    }
}

/* Mobile */
@media (max-width: 739px) {
    .WDecorImgRAboutLifeSkill1:before {
        display: none;
    }

    .TopTitleAboutLifeSkill h4 {
        font-size: 20px;
        width: 100%;
    }

    .TopTitleAboutLifeSkill span {
        width: 100%;
        font-size: 15px;
    }

    .WAboutLifeSkill {
        display: block;
    }

    .WRightAboutLifeSkill {
        padding-top: 15px;
    }

    .WDetailLinkAbout {
        width: 130px;
        height: 45px;
        margin-top: 0;
    }

    .WDecorImgAboutLifeSkill img {
        width: 72%;
        position: relative;
        top: -8px;
    }

    .WDecorImgAboutLifeSkill {
        text-align: center;
    }

    .WDetailLinkAbout a {
        font-size: 14px;
    }

    .WDecorImgRAboutLifeSkill1 {
    }
}