html {
    font-size: 16px;
}
.font-family-lato{
    font-family: Lato, sans-serif;
}

/*~~~ Color Scheme ~~~*/
.white{
    color: var(--white) !important;
}
.black{
    color: var(--black) !important;
}
.yellow{
    color: var(--yellow) !important;
}
.bg-dark-fade{
    background-color: rgba(0, 0, 0, 0.6);
}
.bg-yellow{
    background: var(--yellow);
}
.bg-black{
    background: var(--black);
}
.bg-white{
    background: #ffffff;
}

/*~~~ Alignments ~~~*/
.text-justify {
    text-align: justify;
}

/*~~~ Backgrounds ~~~*/
.bg-img-1{
    background-image: url("../../images/homePage/Built To A Higher Benchmark.png");
}
.bg-size-contain{
    background-size: contain;
}
.bg-size-cover{
    background-size: cover;
}
.bg-size-auto{
    background-size: auto;
}
.bg-size-inherit{
    background-size: inherit;
}
.bg-size-initial{
    background-size: initial;
}
.bg-size-revert{
    background-size: revert;
}
.bg-size-revert-layer{
    background-size: revert-layer;
}
.bg-position-center{
    background-position: center;
}
.bg-position-bottom{
    background-position: bottom;
}
.bg-position-top{
    background-position: top;
}
.bg-position-left{
    background-position: left;
}
.bg-position-right{
    background-position: right;
}
.bg-attachment-fixed{
    background-attachment: fixed;
}
.bg-attachment-scroll{
    background-attachment: scroll;
}
.bg-attachment-unset{
    background-attachment: unset;
}
.bg-clip-border-area{
    background-clip: border-area;
}
.bg-clip-border-box{
    background-clip: border-box;
}
.bg-clip-content-box{
    background-clip: content-box;
}
.bg-clip-padding-box {
    background-clip: padding-box;
}
.bg-no-repeat{
    background-repeat: no-repeat;
}
.background-overlay{
    background-color: var(--black);
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    inset: 0;
    position: absolute;
}

/*~~~ z-index ~~~*/
.z-index--1{
    z-index: -1;
}
.z-index-0{
    z-index: 0;
}
.z-index-1{
    z-index: 1;
}
.z-index-2{
    z-index: 2;
}
.z-index-3{
    z-index: 3;
}
.z-index-4{
    z-index: 4;
}
.z-index-5{
    z-index: 5;
}
.z-index-10{
    z-index: 10;
}

/*~~~ Opacity ~~~*/
.opacity-0-1{
    opacity: 0.1;
}
.opacity-0-2{
    opacity: 0.2;
}
.opacity-0-3{
    opacity: 0.3;
}
.opacity-0-4{
    opacity: 0.4;
}
.opacity-0-5{
    opacity: 0.5;
}
.opacity-0-6{
    opacity: 0.6;
}
.opacity-0-7{
    opacity: 0.7;
}
.opacity-0-8{
    opacity: 0.8;
}
.opacity-0-9{
    opacity: 0.9;
}

/*~~~ Bottom ~~~*/
.bottom-0{
    bottom: 0rem;
}
.bottom-0-5{
    bottom: 0.5rem;
}
.bottom-1{
    bottom: 1rem;
}
.bottom-1-5{
    bottom: 1.5rem;
}
.bottom-2{
    bottom: 2rem;
}

/*~~~ Fade ~~~*/
.background-dark-fade-below-to-top{
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%);
}

/*~~~ line-clamp ~~~*/
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*~~s~ link ~~~*/
.link-clr{
    color: var(--black);
    font-weight: bold;
    text-decoration: none;
}
.link-clr:hover{
    color: var(--yellow);
}
/*~~e~ link ~~~*/