.marginTop--5 {
    margin-top: -5px;
}

.marginTop--10 {
    margin-top: -10px;
}

/* Fonts | sizes and faces */
.text-20 {
    font-size: 20px;
}

.text-16 {
    font-size: 16px;
}

.text-14 {
    font-size: 14px;
}

.blogFont {
    font-size: 18px;
    color: #222222d5;
}

.bg-simpleBlue {
    background-color: #c2ddf76e;
}

.bg-darkBlue {
    background-color: #1B2B4B;
}

.text-darkBlue {
    color: #1B2B4B;
}

.btn-darkBlue {
    background-color: #1B2B4B;
}

.btn-darkBlue:hover {
    background-color: rgba(27, 43, 75, 0.9)
}



/* background colors */
.bg-cloud {
    background-color: #e1ebfb;
    color: #0162ff;
    font-weight: 500;
    font-size: 12px;
    padding: 6px 8px;
}



/* Borders */
.rightBorder {
    border-right: 1px solid rgba(180, 177, 177, 0.3);
}

.topBorder {
    border-top: 1px solid rgba(180, 177, 177, 0.3);
}






/* unorder list in services */

.tikPoint li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    color: #6860FF;
    background-color: #E8E7FF;
    border-radius: 50px;
    padding: 3px;
    font-size: 10px;
    margin: 0 10px 0 0;
}


.tikPoint li {
    line-height: 2;
}


.blogPoints {
    list-style: circle;
    font-size: 18px;
    color: #222222d5;
}

.jobPoints {
    list-style: disc;
    font-size: 18px;
    color: #222222d5;
}



.left-border {
    border-image: linear-gradient(#d1d1d1, #ffffff) 30;
    border-width: 0 0 0 2px;
    border-style: solid;
    border-radius: 50px;

}

.left-border-dark {
    border-width: 0 0 0 2px;
    border-style: solid;
    border-color: #0275d8;

}

.w-lg-30 {
    width: 50%;
}






/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    .rightBorder {
        border-right: 0px;
    }

    .topBorder {
        border-top: 0px;
    }

    .left-border {
        border-width: 0px;

    }

    .left-border-dark {
        border-width: 0 0 0 1px;
    }

    .blogFont {
        font-size: 16px;
    }

    /* Fonts | sizes and faces */
    .text-20 {
        font-size: 16px;
    }


}





@media screen and (min-width: 1152px) {

    .w-lg-30 {
        width: 30%;
    }
}
