/* Addtional styles */

.blur-bg {
    background: url("../images/blur-bg.jpg") no-repeat center;
    background-size: cover;
}

.time-card {
    background: linear-gradient(150deg, #464646 0%, #1c1c1c 100%);
    padding: 25px;
    padding-right: 60px;
    border-radius: 20px;
    color: rgb(158, 158, 158);
    position: relative;
    text-align: center;
}

.time-card.dot::after {
    content: ":";
    position: absolute;
    font-size: 120px;
    right: -35px;
    top: 15%;
}

.time-card h1 {
    margin-bottom: 0;
    font-size: 120px;
}

.time-card strong {
    font-size: 40px;
}

.top-right {
    position: absolute;
    top: 0;
    right: -25px;
}

.card-bg {
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card-image1 {
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); scale: 1.1;
}
.card-image2 {
    width: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); scale: 1.1;
}

.nm-5 {
    margin-left: -5rem;
}

.text-spaced {
    letter-spacing: 0.5rem;
}

.bottom-left {
    position: absolute;
    bottom: 0;
}

.rotated {
    transform: rotate(-4deg);
}

.bg-hero {
    background: url("../images/hero-bg.jpg") no-repeat center;
    background-size: cover;
    height: 80vh;
    position: relative;
}

.bg-hero .overlay {
    background: url("../images/hero-image.png") no-repeat top;
    background-size: cover;
    height: 100%;
    box-shadow: inset 0px 0px 83px 89px rgba(0, 0, 0, 0.75);
}


/* fonts */

@font-face {
    font-family: 'Font';
    src: url('../fonts/Poppins-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Font';
    src: url('../fonts/Poppins-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

/* root styles */

html {
    font-size: 16px;
}

body {
    margin: 0;
    font-family: 'Font', sans-serif;
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: black;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
}

.normal {
    font-size: 1rem !important;
}

.small {
    font-size: 0.875rem !important;
}

.smaller {
    font-size: 0.75rem !important;
}

.large {
    font-size: 1.25rem !important;
}

.larger {
    font-size: 1.5rem !important;
}

@media (max-width: 768px) {
    /*mobile classes*/
}