:root {
    --brand-primary: #91c2a4;
    --brand-primary-lt: #e9eeeb;
    --brand-secondary: #2a065e;
    --ltgray: #f9fafa;
    --mdgray: #a9aeae;
}


.bg-brand-primary {
    background-color: var(--brand-primary) !important;
}

.bg-brand-primary-lt {
    background-color: var(--brand-primary-lt) !important;
}

.color-brand-primary {
    color: var(--brand-primary) !important;
}

.bg-brand-secondary {
    background-color: var(--brand-secondary) !important;
}

.color-brand-secondary {
    color: var(--brand-secondary) !important;
}

.text-ltgray {
    color: var(--ltgray) !important;
}

.text-mdgray {
    color: var(--mdgray) !important;
}


/*
@media (max-width: 600px)
{
    #home {
        min-height: 100vh !important;
        height: auto !important;
    }
	
	.word-rotator-title {
		display:block;
		font-size:1.6rem;
		margin-bottom:-10px;
	}
	
	.word-rotator-words {
		font-size:1.5rem;
	}
}
*/

.featured-box {
    background-color: rgba(255, 255, 255, 0.95) !important;
    padding-top: 25px;
    padding-bottom: 25px;
}



@keyframes customLineAnimation {
    0% {
        width: 0px;
        opacity: 1;
    }

    100% {
        width: 50px;
        opacity: 1;
    }
}

@media (min-width: 2000px) {
    .shape-divider svg {
        width: 100%;
    }
}

.custom-svg-fill-color-secondary {
    fill: #18065e;
}

.custom-svg-fill-color-tertiary {
    fill: #91c2a4;
}

.custom-svg-fill-color-tertiary-lt {
    fill: #e9eeeb;
}

.counters.counters-sm strong {
    font-size: 55px;
    line-height: 35px;
    margin-bottom: 10px;
}

.overlay::before {
    background: #161f50;
    transition: ease opacity 300ms 100ms;
}

#header .header-nav.header-nav-links nav>ul li:hover>a {
    color: #68b786;
}

#header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active {
    color: #68b786;
}

.img-logo {
    width: 330px;
}

.banner-container {
    width: 100%;
    padding: 0;
    position: relative;
}

.banner-container img {
    width: 100%;
    height: auto;
}

.banner-container-content {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    text-align: right;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
    max-width: 60%;
    z-index: 99;
}

.banner-container-content span {
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
    line-height: 2.1rem;
}

@media (max-width: 768px) {
    .img-logo {
        width: 280px;
    }
}

@media (max-width: 899px) {
    .banner-container-content span {
        font-size: 1.2rem;
        letter-spacing: 0.05rem;
        line-height: 1.9rem;
    }
}