.site-footer{
    width:100%;height:250px;

    color:rgb(255,255,255,1);

    background:rgb(40,40,40,1);
}

.site-footer-wrapper {
    padding:1rem;
    display:flex; justify-content: space-between;
}

.footer-col1,
.footer-col2,
.footer-col3{
    width:30%;
}

.footer-logo {
    width:100%;
    display:flex;align-items: center;justify-content: center;
}

.footer-logo img {
    width:75%;max-width:12vw;
    height:auto;
    display:block;
}

.footer-col-header {
    width:100%;
    
}

.footer-col-header-row {
    display:flex; align-items: center; 
}

.footer-col-header-icon {
    width:2rem;height:2rem;
    display:flex; align-items: center; justify-content: center;
}

.footer-col-header-text {
    font-size:1.2rem;
    line-height: 1.2rem;
}

.footer-header-subText {
    font-size:1rem;
    line-height: 1.2rem;
    font-weight:300;
    color:rgb(255,255,255,0.85);
}

.footer-col-content {
    width:100%;
}

.contact-row {
    margin-left:0.5rem;
    width:100%;
    display:flex; align-items: center; 
}

.contact-row .cr-icon{
    width:2rem;height:2rem;
    display:flex; align-items: center; justify-content: center;
}

.contact-row .cr-text {

}

.contact-row a {
    color:rgb(255,255,255,1);
    text-decoration:none;
}

.contact-icons-row {
    width:100%;
    display:flex; align-items: center; 
}

.cr-simple-icon {
    position: relative;
    margin: 1rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.cr-simple-icon::after {
    content: "";
    position: absolute;
    bottom: -1rem; 
    left: 50%;
    transform: translateX(-50%);
    width: 2rem;
    height: 0.3rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2); 
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.5); 
    z-index: 0;
    pointer-events: none;
}


.cr-simple-icon-single {
    position: relative;
    margin: 1rem;
    width: 1.4rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.cr-simple-icon-single::after {
    content: "";
    position: absolute;
    bottom: -1rem; 
    left: 50%;
    transform: translateX(-50%);
    width: 2rem;
    height: 0.3rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2); 
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.5); 
    z-index: 0;
    pointer-events: none;
}