@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Bebas+Neue&family=Tiro+Devanagari+Marathi:ital@0;1&display=swap');
h1{font-size: 3.2rem;}
h1,h2,h3,h4,h5,h6{font-family: 'Bebas Neue'!important;}
body{font-family:'Archivo';}
p{font-family:'Archivo';}
#mainmenu .nav-link {
    font-family: 'Bebas Neue'; font-size: 22px;}
#menu li{float: left; }
#menu li a{ font-family: 'Bebas Neue'!important; color:#fff; text-decoration:none;}
#mainmenu a:hover, a.active{color: #041e39!important; }
#mainmenu .nav-link{text-transform: uppercase;margin:0 5px;color:#fff; text-decoration:none;}
#mainmenu .nav-link:hover, #mainmenu .nav-link.active{background: #31d2f2!important; text-transform: uppercase;color:#fff; text-decoration:none;}
#latestmenu  a:hover{color: #ec8f02!important; text-decoration: none;color:#fff; text-decoration:none;}
#footer a{color: #fff!important; text-decoration: none;}
#footer a:hover,#footer a.active{text-decoration-color: #ffc400!important; }
#footer .nav-link{margin:0 5px;}

.home-section2 a{text-decoration: none; color: #041e39;}

.card {
  box-shadow: none;
}


.text-decoration-underline{text-underline-offset: 4px;}
.card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Example shadow */
}
.musical-instrument .card {background: #fff;}

@media only screen & (min-width:480px){
	.compu-links{column-count: 1; column-gap: 1.5rem;  column-rule: 1px solid rgba(255,255,255,0.3);}
}
@media only screen & (max-width:740px){
	.compu-links{column-count: 4; column-gap: 1.5rem;  column-rule: 1px solid rgba(255,255,255,0.3);}
}
@media only screen and (max-width: 600px) {	.compu-links{column-count: 4; column-gap: 1.5rem;  column-rule: 1px solid rgba(255,255,255,0.3);}
}


.compu-links{column-count: 1; column-gap: 1.5rem;  column-rule: 1px solid rgba(255,255,255,0.3);}
/* For desktop (min-width 992px or as per your design) */
@media (min-width: 992px) {
 .compu-links{column-count: 4; column-gap: 1.5rem;  column-rule: 1px solid rgba(255,255,255,0.3);}
}