:root{
	--border: 210 30% 88%;
	--radius: .75rem;
	--card: 0 0% 100%;
    --shadow-card: 0 4px 20px -4px hsl(240 100% 10% / .05);
    --shadow-card-hover: 0 12px 32px -8px hsl(240 100% 10% / .15);
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.bg-card {
    background-color: hsl(var(--card));
}

.border-border {
	    border: 1px solid hsl(var(--border));
		padding:20px;
}
.border {
    border-width: 1px;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.flex {
    display: flex;
}
.icon-container {
    
    justify-content: center;
    
}
svg {
    display: block;
    width:3rem; 
    height:3rem; 
    border-radius: 9999px;
    background: var(--c_blue);
	color:var(--c_white) !important;
    padding: 10px;
}
.shrink-0 {
    flex-shrink: 0;
}
.text-primary {
    color:var(--c_white) !important;
}

.email-box {
    background: #ccc;
    border-top: solid 5px #000033;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px;
}
.contact-icon {
    background: #000033;
}



/*-------------*/
.border-btm-h{
    color: #76a8d3;
    border-bottom: 2px solid #76a8d3;
    display: inline-block;
    padding-bottom: 10px;
}
.academic-card {
    background: #f9f8f8;
    border: solid 1px hsl(var(--border));
    border-top: solid 5px #000033;
    border-radius: 10px;
    box-shadow: var(--shadow-card);
    transition: all 0.3s ease;
    cursor: pointer;
}

.academic-card:hover {
    transform: translateY(-4px);
     box-shadow: var(--shadow-card-hover);
}
.academic-card p {
    font-size: 15px;
}
.address .academic-card {
    background: #fff;
    border-top: solid 1px hsl(var(--border));
}
.icon-circle {
    /*width: 3rem;
    height: 3rem;*/
    background: #000033;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 20px;
    transition: background 0.3s ease;
}
.icon-circle .fa{
    color: #ffffff;
    font-size: 1.3rem;
    padding: 12px 9px;
    margin-right: 0;
}


.support-email {
    color: #2f6db3;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s ease;
}
.support-email .fa {
    font-size: 1rem;
}

.support-email:hover {
    color: #1d4f8f;
    text-decoration: underline;
}