:root {
    /* Fonts */
    --font-primary: "Poppins", sans-serif;
    --font-secondary: "Montserrat", sans-serif;
    --fontsize-title: 2.225rem;
    --fontsize-mini-title: 1.4225rem;
    --fontsize-a-tag: 0.855rem;
    /* Colors */
    --color-primary: #316879;
    --color-text: #4f4f4f;
    --color-green: #A0AF78;
    --color-brown: #CEB886;
    --color-blue: #769CA9;
    --color-purple: #70546F;
    --color-white: #fff;
    --color-lightblue: #f0f8fa;
    --color-light-white: #c3c3c3;
    --color-anchor-tag: #858585;
    /* BG Color */
    --backgroundcolor-lightblue: #f0f8fa;
    /* Screen Sizes */
    --screen-lg: 1000px;
    --screen-reading: 1000px;
}

.font-montserrat {
    font-family: var(--font-secondary);
}

body {
    font-size: 1rem;
    line-height: 1.5;
    font-family: var(--font-primary);
}

/* Custom */
.py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-75 {
    padding-top: 75px;
}

.py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.navbar-nav>li>a {
    color: var(--color-light-white);
}

.nav-link {
    color: var(--color-light-white);

    &:hover {
        color: var(--color-primary);
    }
}

a {
    color: #000;
    text-decoration: none;

    &:hover {
        text-decoration: underline;
        color: var(--color-primary);
    }
}

/*  */
.section-title {
    color: var(--color-primary);
    font-size: var(--fontsize-title);
}

.section-description {
    margin: 0 auto;
    max-width: 1000px;
    font-size: 1.1125rem;
    font-weight: 300;
    line-height: 1.65;
}

/* Banner */
.homepage-banner {
    height: calc(100vh - 100px);
}

.homepage-banner-content {
    max-width: 700px;
    margin: 0 auto;
    height: 100%;
    /* font-size: var(--fontsize-title); */
    font-size: 2.625rem;
    color: var(--color-white);
    justify-self: center;
    letter-spacing: 1.55px;
    display: grid;
    place-items: center;
    text-align: center;
}

.homepage-banner-content p {
    margin-bottom: 0;
}

/* Footer */
.footer {
    background-color: var(--backgroundcolor-lightblue);
    font-family: var(--font-secondary);
}

.footer-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    justify-content: space-between;
}

.footer-right {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px 10px;
}

.footer-icon {
    height: 35px;
    width: 38px;
    background: dodgerblue;
    display: grid;
    justify-content: center;
    align-content: center;
    background: var(--color-white);
    border-radius: 4px;

    &:hover {
        background-color: var(--color-light-white);
    }
}

.footer-icon img {
    display: block;
    object-fit: cover;
    max-width: 100%;
    max-height: 16px;
}

.footer-title {
    font-weight: 600;
}

/* @media(min-width: 1600px) {
    .container {
        max-width: 1580px;
    }
} */

.heading__opacity {
    animation: slowOpacityComing 850ms ease-in;
}

@keyframes slowOpacityComing {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@media(min-width: 768px) {
    .footer-wrapper {
        grid-template-columns: max-content auto;
    }

    .footer-right {
        grid-template-columns: 1fr auto;
    }
}

@media(min-width: 1024px) {
    .footer-right {
        gap: 20px 100px;
    }
}