#content5 {
    background-color: #263C86;
    color: white;
    margin-top: -1px;
}

#content5 h1 {
    font-size: 3rem;
    color: #F89C24;
}

#content5 highlight {
    color: white;
    font-weight: bold;
}

#content5 h5 {
    font-style: italic;
    font-size: 2rem;
}

#content5 .label {
    background-color: #F89C24;
    color: #263C86;
    font-size: 28px;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    padding: 5px 0px;
    font-weight: bold;
    margin: 5px;
}

#content5 .section-1 highlight {
    color: #F89C24;
}

#content5 .custom-border {
    width: 100%;
    height: 50px;
    margin-left: 45px;
    border-left: 2px dashed #40D1FF;
    border-bottom: 2px dashed #40D1FF;
    border-bottom-left-radius: 10px;
}

#content5 .dashed {
    padding: 25px;
    border: 2px dashed #40D1FF;
    border-radius: 10px;
}

#content5 .circle {
    border-radius: 50px;
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    border: 5px solid #F89C24;
    text-align: center;
    position: relative;
}

#content5 .circle img {
    width: 50px;
    margin-top: 17px;
}

#content5 .circle .label {
    width: 35px;
    height: 35px;
    font-weight: bold;
    color: #263C86;
    background-color: #F89C24;
    position: absolute;
    top: -8px;
    right: -20px;
    font-size: 1.2rem;
    border-radius: 50px;
}

#content5 .desc {
    margin-left: 25px;
}

#content5 .desc .sub-header {
    font-weight: bold;
}

#content5 hl {
    color: #F89C24;
    width: 50%;
}

/* FOR LAPTOP SMALL SIZE */
@media screen and (max-width: 1320px) and (min-width: 1024px) {}

/* FOR TABLET DEVICE */

@media screen and (max-width: 1023px) and (min-width: 600px) {
    #content5 h1{
        width: 100%;
    }
}

/* FOR MOBILE DEVICE */

@media screen and (max-width: 600px) {}