.bluep {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #3c6592;
    text-align: center
}
.imgtext1 p {
    margin: 30% 0.3em
}

.imgtextlist {
    float: left;
    margin: 0.2em;
    max-width:12em;
}
.imgtextlist2 {
    float: left;
    margin: 0.2em;
    max-width: 17em;
}
.imgtextlist3 {
    float: left;
    margin: 0.2em;
    max-width: 23em;
}
.imgtext1 {
    max-width: 12em;
    /* height: 10em; */
    min-width: 5em;
    /* color: #2e6095; */
    /* background-color: #2e6095; */
    background: linear-gradient(#0d4179,#5383b3);
    max-height: 15em;
    height: 15em;
    min-height: 5em;
    color: white;
    text-align: center;
    float: left;
    margin: 0.2em;
}
.imgtext2 {
    max-width: 12em;
    /* height: 10em; */
    min-width: 5em;
    /* color: #2e6095; */
    /* background-color: #2e6095; */
    background: linear-gradient(#697ec4,#93ace4);
    max-height: 7.3em;
    height: 7.3em;
    min-height: 5em;
    color: white;
    text-align: center;
    margin-top: -0.5em;
}

.imgtext2 span {
    margin: 0.8em 0.3em
}

.imgtext3 {
    max-width: 12em;
    /* height: 10em; */
    min-width: 5em;
    /* color: #2e6095; */
    /* background-color: #2e6095; */
    background: linear-gradient(#3ab473,#57d090);
    max-height: 7.3em;
    height: 7.3em;
    min-height: 5em;
    color: white;
    text-align: center;
    margin: 0.4em 0 0 0;
}

.imgtext3 span {
    margin: 0.8em 0.3em
}
.imgtext4 {
    max-width: 17em;
    /* height: 10em; */
    float: left;
    min-width: 5em;
    /* color: #2e6095; */
    /* background-color: #2e6095; */
    background: linear-gradient(#0d4179,#5383b3);
    max-height: 7.3em;
    height: 7.3em;
    min-height: 5em;
    color: white;
    text-align: center;
}

.imgtext4 span {
    margin: 0.8em 0.3em
}

.imgtext5 {
    max-width: 8.3em;
    /* height: 10em; */
    min-width: 5em;
    /* color: #2e6095; */
    /* background-color: #2e6095; */
    background: linear-gradient(#4c94d3,#6ca5e0);
    max-height: 7.3em;
    height: 7.3em;
    min-height: 5em;
    color: white;
    text-align: center;
    margin: 0.4em 0 0 0em;
    float: left;
}

.imgtext5 span {
    margin: 0.8em 0.3em
}

.imgtext6 {
    max-width: 8.3em;
    /* height: 10em; */
    min-width: 5em;
    /* color: #2e6095; */
    /* background-color: #2e6095; */
    background: linear-gradient(#3ab473,#57d090);
    max-height: 7.3em;
    height: 7.3em;
    min-height: 5em;
    color: white;
    text-align: center;
    margin: 0.4em 0 0 0.3em;
    float: left;
}

.imgtext6 span {
    margin: 0.8em 0.3em
}

.imgtext7 {
    max-width: 8.3em;
    /* height: 10em; */
    float: left;
    min-width: 5em;
    /* color: #2e6095; */
    /* background-color: #2e6095; */
    background: linear-gradient(#3ab473,#57d090);
    max-height: 7.3em;
    height: 7.3em;
    min-height: 5em;
    color: white;
    text-align: center;
    float:left;
}

.imgtext7 span {
    margin: 0.8em 0.3em
}

.imgtext8 {
    max-width: 14.4em;
    /* height: 10em; */
    min-width: 5em;
    /* color: #2e6095; */
    /* background-color: #2e6095; */
    background: linear-gradient(#4c94d3,#6ca5e0);
    max-height: 7.3em;
    height: 7.3em;
    min-height: 5em;
    color: white;
    text-align: center;
    margin: 0 0 0 0.3em;
    float: left
}

.imgtext8 span {
    margin: 0.8em 0.3em
}

.imgtext9 {
    max-width: 12.4em;
    /* height: 10em; */
    min-width: 5em;
    /* color: #2e6095; */
    /* background-color: #2e6095; */
    background: linear-gradient(#697ec4,#93ace4);
    max-height: 7.3em;
    height: 7.3em;
    min-height: 5em;
    color: white;
    text-align: center;
    margin: 0.4em 0 0 0em;
    float: left
}

.imgtext9 span {
    margin: 0.8em 0.3em
}

.imgtext10 {
    max-width: 10.2em;
    /* height: 10em; */
    min-width: 5em;
    /* color: #2e6095; */
    /* background-color: #2e6095; */
    background: linear-gradient(#3ab473,#57d090);
    max-height: 7.3em;
    height: 7.3em;
    min-height: 5em;
    color: white;
    text-align: center;
    margin: 0.4em 0 0 0.3em;
    float: left
}

.imgtext10 span {
    margin: 0.8em 0.3em
}
.boxdiv {
    height: 15em;
    padding: 0 3%;
}
.textdiv5 {
    /* margin-top: 2em; */
    position: relative;
    top: 20%;
    /* left: 1em; */
    /* right: 1em; */
    margin: 0.5em;
}
.textdiv6 {
    /* margin-top: 2em; */
    position: relative;
    top: 10%;
    /* left: 1em; */
    /* right: 1em; */
    margin: 0.5em;
}
.textdiv7 {
    /* margin-top: 2em; */
    position: relative;
    top: 15%;
    /* left: 1em; */
    /* right: 1em; */
    margin: 0.5em;
}
@media(max-width:900px) {
    .imgtextlist {
        width: 99%;
        max-width: 99% !important;
    }

    .imgtextlist3 {
        width: 99%;
        max-width: 99% !important;

    }

    .imgtextlist2 {
        width: 99%;
        max-width: 99% !important;

    }

    .imgtext1 {
        max-width: 40%;
        float: left;
        background: linear-gradient(#0d4179,#5383b3);
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }
    .imgtext2 {
        background: linear-gradient(#697ec4,#93ace4);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }

    .imgtext3 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
        margin: 0.2em 0 0 0.3em;
    }

    .imgtext4 {
        background: linear-gradient(#0d4179,#5383b3);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }


    .imgtext5 {
        background: linear-gradient(#4c94d3,#6ca5e0);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
        margin: 0.2em 0 0 0.3em;
    }

    .imgtext6 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em 0 0 0;
    }


    .imgtext7 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }


    .imgtext8 {
        background: linear-gradient(#4c94d3,#6ca5e0);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em 0 0 0.3em;
    }



    .imgtext9 {
        background: linear-gradient(#697ec4,#93ace4);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em 0 0 0em;
    }


    .imgtext10 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }

    .boxdiv {
        height: 55em;
        padding: 0 3%;
    }

}
@media(max-width:800px) {
    .imgtextlist {
        width: 90%;
        max-width: 90% !important;
    }

    .imgtextlist3 {
        width: 90%;
        max-width: 90% !important;
    }

    .imgtextlist2 {
        width: 90%;
        max-width: 90% !important;
    }

    .imgtext1 {
        max-width: 40%;
        float: left;
        background: linear-gradient(#0d4179,#5383b3);
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }

    .imgtext2 {
        background: linear-gradient(#697ec4,#93ace4);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }

    .imgtext3 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
        margin: 0.2em 0 0 0.3em;
    }

    .imgtext4 {
        background: linear-gradient(#0d4179,#5383b3);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }


    .imgtext5 {
        background: linear-gradient(#4c94d3,#6ca5e0);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
        margin: 0.2em 0 0 0.3em;
    }

    .imgtext6 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em 0 0 0;
    }


    .imgtext7 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }


    .imgtext8 {
        background: linear-gradient(#4c94d3,#6ca5e0);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em 0 0 0.3em;
    }



    .imgtext9 {
        background: linear-gradient(#697ec4,#93ace4);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em 0 0 0em;
    }


    .imgtext10 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }

    .boxdiv {
        height: 55em;
        padding: 0 3%;
    }
}
@media(max-width:700px) {
    .imgtextlist {
        width: 90%;
        max-width: 90% !important;
    }

    .imgtextlist3 {
        width: 90%;
        max-width: 90% !important;
    }

    .imgtextlist2 {
        width: 90%;
        max-width: 90% !important;
    }

    .imgtext1 {
        max-width: 40%;
        float: left;
        background: linear-gradient(#0d4179,#5383b3);
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }

    .imgtext2 {
        background: linear-gradient(#697ec4,#93ace4);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }

    .imgtext3 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
        margin: 0.2em 0 0 0.3em;
    }

    .imgtext4 {
        background: linear-gradient(#0d4179,#5383b3);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }


    .imgtext5 {
        background: linear-gradient(#4c94d3,#6ca5e0);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
        margin: 0.2em 0 0 0.3em;
    }

    .imgtext6 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em 0 0 0;
    }


    .imgtext7 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }


    .imgtext8 {
        background: linear-gradient(#4c94d3,#6ca5e0);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em 0 0 0.3em;
    }



    .imgtext9 {
        background: linear-gradient(#697ec4,#93ace4);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em 0 0 0em;
    }


    .imgtext10 {
        background: linear-gradient(#3ab473,#57d090);
        max-width: 40%;
        float: left;
        height: 15em;
        color: white;
        text-align: center;
        margin-top: 0.2em;
    }

    .boxdiv {
        height: 55em;
        padding: 0 3%;
    }
}
@media(max-width:600px) {
    
    .imgtext1 p {
        margin: 30% 0.5em;
    }
    .imgtext2 p {
        margin: 30% 0.5em;
    }
    .imgtext3 p {
        margin: 30% 0.5em;
    }
    .imgtext4 p {
        margin: 20% 0.5em;
    }
    .imgtext5 p {
        margin: 30% 0.5em;
    }
    .imgtext6 p {
        margin: 30% 0.5em;
    }
    .imgtext7 p {
        margin: 30% 0.5em;
    }
    .imgtext8 p {
        margin: 20% 0.5em;
    }
    .imgtext9 p {
        margin: 30% 0.5em;
    }
    .imgtext10 p {
        margin: 30% 0.5em;
    }
    .imgtext1 {
        max-width: 48.5%;
        float: left;
        background: linear-gradient(#0d4179,#5383b3);
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em;
        max-height: 20em;
        width: 48.5%;
    }
    .imgtext2 {
        max-width: 48.5%;
        float: left;
        background: linear-gradient(#697ec4,#93ace4);
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em;
        max-height: 20em;
        width: 48.5%;
    }
    .imgtext3 {
        max-width: 48.5%;
        float: left;
        background: linear-gradient(#3ab473,#57d090);
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em;
        max-height: 20em;
        width: 48.5%;
    }
    .imgtext4 {
        max-width: 48.5%;
        float: left;
        background: linear-gradient(#0d4179,#5383b3);
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em;
        max-height: 20em;
        width: 48.5%;
    }
    .imgtext5 {
        max-width: 48.5%;
        float: left;
        background: linear-gradient(#4c94d3,#6ca5e0);
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em;
        max-height: 20em;
        width: 48.5%;
    }
    .imgtext6 {
        max-width: 48.5%;
        float: left;
        background: linear-gradient(#3ab473,#57d090);
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em;
        max-height: 20em;
        width: 48.5%;
    }
    .imgtext7 {
        max-width: 48.5%;
        float: left;
        background: linear-gradient(#3ab473,#57d090);
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em;
        max-height: 20em;
        width: 48.5%;
    }
    .imgtext8 {
        max-width: 48.5%;
        float: left;
        background: linear-gradient(#4c94d3,#6ca5e0);
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em;
        max-height: 20em;
        width: 48.5%;
    }
    .imgtext9 {
        max-width: 48.5%;
        float: left;
        background: linear-gradient(#697ec4,#93ace4);
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em;
        max-height: 20em;
        width: 48.5%;
    }
    .imgtext10 {
        max-width: 48.5%;
        float: left;
        background: linear-gradient(#3ab473,#57d090);
        height: 15em;
        color: white;
        text-align: center;
        margin: 0.2em;
        max-height: 20em;
        width: 48.5%;
    }
    .boxdiv {
        height: 78em;
        padding: 0 3%;
    }
    .textdiv5 {
        /* margin-top: 2em; */
        position: relative;
        top: 0%;
        /* left: 1em; */
        /* right: 1em; */
        margin: 0.3em;
    }

    .textdiv6 {
        /* margin-top: 2em; */
        position: relative;
        top: 5%;
        /* left: 1em; */
        /* right: 1em; */
        margin: 0.5em;
    }

    .textdiv7 {
        /* margin-top: 2em; */
        position: relative;
        top: 5%;
        /* left: 1em; */
        /* right: 1em; */
        margin: 0.5em;
    }
}