h1 {
    font-size: 48px;
    font-weight: normal;
}

.highlight {
    position: relative;
    display: inline-block;
}

.highlight::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.3em; /* Adjust the height of the yellow highlight */
    background-color: #FFCC00FF !important;
    z-index: -1; /* Make sure it appears behind the text */
    border-radius: .675rem !important
}


.highlightHover:hover {
    position: relative;
    display: inline-block;
}

.highlightHover:hover::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.3em; /* Adjust the height of the yellow highlight */
    background-color: #FFCC00FF !important;
    z-index: -1; /* Make sure it appears behind the text */
    border-radius: .675rem !important
}

.highlightHoverAfter:hover {
    position: relative;
    display: inline-block;
}

.highlightHoverAfter:hover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.3em; /* Adjust the height of the yellow highlight */
    background-color: #FFCC00FF !important;
    z-index: 1; /* Make sure it appears behind the text */
    border-radius: .675rem !important
}

.hoverBold:hover {
    font-weight: bold;
}

.rounded-6 {
    border-radius: .675rem !important
}

.ulShadow {
    /*transform: translateY(-5px);*/
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

.fontCormorant {
    font-family: 'Cormorant', serif !important;
}


.cursor-pointer {
    cursor: pointer !important
}



.shadow-lgOnHover:hover {
    box-shadow: 0 .625rem .875rem rgba(58,53,65,.12) !important
}