* {
    margin: 0;
    padding: 0;
}

:root {
    --first: #ED1C24;
    --second: #00AEEF;
    --third: #F6821E;
    --forth: #FFF200;
    --fifth: #00A651;
}

.bg-black {
    background: #000000;
}

.bg-first {
    background: var(--first);
}

.bg-second {
    background: var(--second);
}

.bg-third {
    background: var(--third);
}

.bg-forth {
    background: var(--forth);
}

.bg-fifth {
    background: var(--fifth);
}

.text-first {
    color: var(--first);
}

.text-second {
    color: var(--second);
}

.text-third {
    color: var(--third);
}

.text-forth {
    color: var(--forth);
}

.text-fifth {
    color: var(--fifth);
}

.btn-first {
    background: var(--first);
}

.btn-second {
    background: var(--second);
}

.btn-third {
    background: var(--third);
}

.btn-forth {
    background: var(--forth);
}

.btn-fifth {
    background: var(--fifth);
}

.border-first {
    border: 1px solid var(--first);
}

.border-second {
    border: 1px solid var(--second);
}

.border-third {
    border: 1px solid var(--third);
}

.border-forth {
    border: 1px solid var(--forth);
}

.border-fifth {
    border: 1px solid var(--fifth);
}

.v-center {
    display: flex;
    align-items: center;
}

.relative {
    position: relative;
    height: 300px;
}

.banner-services {
    position: absolute;
    top: 100px;
    padding: 50px;
    box-shadow: 0px 0px 25px #909090;
    background: #ffffff;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - 200px);
    border-radius: 10px;
}
