body 
{
    margin: 0;
}

header 
{
    color: white;
}

.headerStyle 
{
    background-color: #232836;
}

.navStyle
{
    display: flex;
}

.topmost 
{
    display: flex;
    height: 8em;
    justify-content: center;
    align-items: center;
    gap: 8px;

}

.topmostItem
{
    width: 40%;
    height: 6em;
    
}

.centerTopItems
{
    display: flex;
    justify-content: right;      
    gap: 1em;
}

.headerLogo
{
    width: 6em;
    height: 6em;
    background-color: rgb(216, 215, 215);
    border-radius: 1em;
    padding: 0.1em;
}

.headerLink 
{
    background-color: #0e66b8;
    font-size: 1.2em;
    color: white;
    font-weight: bold;
    border-style: none;
    border-radius: 0.4em;
}

.headerLink:hover 
{
    background-color: #5699d8;
}

.headerBody
{
    display: flex;
    height: 16em;
    justify-content: center;
    align-items: center;
    gap: 8px;
}



.headerItem
{
    width: 40%;
    height: 14em;
   
}

.headerButton 
{
    background-color: #0e66b8;
    font-size: 1.2em;
    color: white;
    font-weight: bold;
    border-style: none;
    border-radius: 0.4em;
}

.headerButton:hover 
{
    background-color: #358de0;
}

.headerImage
{
    height: 90%;
    
}

.centerImage 
{
    display: flex;    
    justify-content: right;
    align-items: center;
}







.highlightHeading 
{
    display: flex;
    justify-content: center;  
    margin-bottom: 0;  
}


.highlights 
{
    display: flex;
    height: 16em;
    justify-content: center;
    align-items: center;
    gap: 2em;
    margin-top: 0;

    
}

.highlightedItem 
{
    width: 12em;
    height: 12em;  
    margin-top: 0; 
       
}

.highlightedImage 
{
    margin-top: 0;
    width: 100%;
    height: 57%;
    border-radius: 1em;
}






.feedbackOverall
{
    
    /* ebc6ccea */
    background-color: #dbd9d9ec;   
    display: flex; 
    justify-content: center;
    align-items: center;
}

.feedbackSection 
{
    display: flex;    
    flex-direction: column;   
    width: 50%;  
    margin: 2em 0; 
        
}


.feedbackText
{
    
    font-size: 2em;     

}

.feedbackAuthor 
{
    text-align: right;
    font-weight: bold;

}





.callToActionSection 
{
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.callToActionBox 
{
    display: flex;
    background-color: rgb(45, 123, 241);
    padding: 1em;
    margin: 2em 0;
    border-radius: 1em;
    width: 80%;

}

.leftAction 
{
    width: 70%;
    color: white;

}

.rightAction 
{
    width: 30%;
}

.rightActionAlignment
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.actionLink 
{
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    background-color: blue;
    padding: 0.5em;
    border-radius: 0.5em;
    border: 1px solid white;
    text-decoration: none;
}

.actionLink:hover 
{
    background-color: #0e66b8;
}




.pageFooter 
{
    display: flex;
    background-color: #232836;
    height: 4em;
    justify-content: center;
    align-items: center;
}

.footerText 
{
    font-size: 1.3em;
    color: white;
}