section.intro--gridSection {
    padding: 0 0 30px;
}

.intro--WraperOuter {
    padding: 48px 32px 0px;
}

.intro--IconWraper {
    margin-bottom: 32px;
}

.intro--ContentWrap h3 {
    font-size: 32px;
    font-weight: 400;
    line-height: normal;
    min-height: 100px;
}

.intro--ContentWrap p {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

/* Layour Two Column */
.intro--ImageWrap img {
    width: 100%;
    padding: 0px 30px;
}

.intro--ContentWrap ul li {
    list-style: none;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    display: flex;
    gap: 15px;
    align-items: center;
}

@media(max-width:767px){
    section.intro--gridSection {padding-bottom: 20px;}
    .intro--ContentWrap h3 {
        font-size: 24px;
        min-height: auto;
        margin-bottom: 12px;
    }

    .intro--WraperOuter {
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .intro--ContentWrap p {
        font-size: 16px;
    }

    .intro--ImageWrap img {
        padding: 0px;
    }

    .intro--ContentWrap ul li {
        font-size: 16px;
    }

    .intro--ContentWrap ul {
        padding: 0px;
    }

    .intro--ContentWrap {
        margin-top: 32px;
    }
}

@media(max-width:1023px) and (min-width:768px){
    .intro--WraperOuter {
        padding: 0px;
    }

    .intro--ContentWrap h3 {
        font-size: 18px;
        min-height: 50px;
    }

    .intro--ContentWrap p {
        font-size: 16px;
    }
    .intro--ContentWrap ul li {
        font-size: 16px;
    }

    .intro--ImageWrap img {
        padding: 0PX;
    }
}

@media(max-width:1140px) and (min-width:1024px){
    .intro--ContentWrap ul li {
        font-size: 18px;
    }

    .intro--ImageWrap img {
        padding: 0px;
    }
    
    .intro--WraperOuter {
        padding: 0px;
    }

    .intro--ContentWrap h3 {
        font-size: 24px;
        min-height: 75px;
    }
}