/* Clearing */
body, div, ul, li, input, img{
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}
*{
    box-sizing: border-box;
}

/* StretchedLink */
.stretchedLink:after{
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Position */
.p-relative{
    position: relative;
}
.p-absolute{
    position: absolute;
}

/* Display */
.d-flexRow{
    display: flex;
    flex-direction: row;
}
.d-flexCol{
    display: flex;
    flex-direction: column;
}
.d-none{
    display: none;
}

/* Margin */
.mb-1rem{
    margin-bottom: 1rem;
}
.mt-1rem{
    margin-top: 1rem;
}
.ml-1rem{
    margin-left: 1rem;
}

/*  Width */
.w-100{
    width: 100%;
}
.w-90{
    width: 90%;
}
.w-60px{
    width: 60px;
}
.w-100px{
    width: 100px;
}
.w-200px{
    width: 200px;
}
.w-300px{
    width: 300px;
}
.w-400px{
    width: 400px;
}
.w-600px{
    width: 600px;
}
.w-800px{
    width: 800px;
}
.w-1000px{
    width: 1000px;
}

/* Gap */
.gap-1rem{
    gap: 1rem;
}

/* Border */
.bb-1px{
    border-bottom: 1px solid white;
}

/* Align */
.alignLeft{
    text-align: left;
}
.alignCenter{
    text-align: Center;
}
.alignRight{
    text-align: right;
}
.justifyContentCenter{
    justify-content: center;
}
.alignItemsCenter{
    align-items: center;
}

/*Grid columns start and width*/
.itemStart-1{
    grid-column-start: 1;
}
.itemStart-2{
    grid-column-start: 2;
}
.itemStart-3{
    grid-column-start: 3;
}
.itemStart-4{
    grid-column-start: 4;
}
.itemStart-5{
    grid-column-start: 5;
}
.itemStart-6{
    grid-column-start: 6;
}
.itemStart-7{
    grid-column-start: 7;
}
.itemStart-8{
    grid-column-start: 8;
}
.itemStart-9{
    grid-column-start: 9;
}
.itemStart-10{
    grid-column-start: 10;
}
.itemWidth-1{
    grid-column-end: span 1;
}
.itemWidth-2{
    grid-column-end: span 2;
}
.itemWidth-3{
    grid-column-end: span 3 !important;
}
.itemWidth-4{
    grid-column-end: span 4;
}
.itemWidth-5{
    grid-column-end: span 5;
}
.itemWidth-6{
    grid-column-end: span 6;
}
.itemWidth-7{
    grid-column-end: span 7;
}
.itemWidth-8{
    grid-column-end: span 8;
}
.itemWidth-9{
    grid-column-end: span 9;
}
.itemWidth-10{
    grid-column-end: span 10;
}

/* StickyTop*/
.stickyTop{
    position: sticky;
    top: 0;
}

@media(min-width: 1200px){
    .eav-bg-lg{
        background-position-x: -145px;
    }
}
@media(min-width: 1366px){
    .eav-bg-lg{
        background-position-x: 0px;
    }
}