table {
  border-collapse: collapse;
  width: 100%;
}
td.centered  {
  /* padding: 3px; */
 text-align: center; 
  /* border: 1px solid #ddd;  */
 /*  font-family: Arial, sans-serif;  */
}

td.home-1 {
  padding: 3px;
  /* text-align: center; */ 
  border: 1px solid #ddd;
  /*font-family: Arial, sans-serif;*/
}
.hover-effect {
  background-color: #f3f5f9;
  color: black;
  cursor: pointer;
  transition: background-color 0.9s, color .9s;
  user-select: none;
}

.hover-effect:hover {
  background-color: #D1054D;
  color: white;
}

.clicked {
  background-color: #D1054D !important;
  color: white !important;
}


.hover-effect:hover a,
.clicked a {
  color: white !important;
  text-decoration: none;
}
/* This prevent text selection and reinforce the "button" feel. */
.hover-effect {
  user-select: none;
}

/* ✅ Mobile optimization 
@media screen and (max-width: 600px) {
  td {
    padding: 20px;
    font-size: 18px;
    border-width: 1px;
  }

  .hover-effect a font {
    font-size: 20px;
  }

  table {
    width: 100%;
    font-size: 16px;
  }
*/
  /* Optional: tap-friendly spacing 
  .hover-effect {
    padding: 20px 0;
  }
}
*/





/* embeded fonts*/
/*  KALE    */
@font-face {
 font-family: KaleFont;
 src: url("../../fontsemb/KKale.eot") /* EOT file for IE */
}
@font-face {
 font-family: KaleFont;
 src: url("../../fontsemb/KKale.ttf") /* TTF file for CSS3 browsers */
}
.KALEFONT {
 font-family: KaleFont, times, Arial, sans-serif;
}
/*  JINO    */
@font-face {
 font-family: JinoFont;
 src: url("../../fontsemb/kjino.eot") /* EOT file for IE */
}
@font-face {
 font-family: JinoFont;
 src: url("../../fontsemb/kjino.ttf") /* TTF file for CSS3 browsers */
}
.JINOFONT {
 font-family: JinoFont, times, Arial, sans-serif ;
}
/*   DIYAKO   */
@font-face {
 font-family: DiyakoFont;
 src: url("../../fontsemb/kdiyako.eot") /* EOT file for IE */
}
@font-face {
 font-family: DiyakoFont;
 src: url("../../fontsemb/kdiyako.ttf") /* TTF file for CSS3 browsers */
}
.DIYAKOFONT {
 font-family: DiyakoFont, Times, Arial, sans-serif;
}

/*   Magroon   */
@font-face {
 font-family: Magroon;
 src: url("../../fontsemb/kmagroon.eot") /* EOT file for IE */
}
@font-face {
 font-family: MagroonFont;
 src: url("../../fontsemb/kmagroon.ttf") /* TTF file for CSS3 browsers */
}
.MAGROONFONT {
 font-family: MagroonFont, Times, Arial, sans-serif;
}


/*   Hiwa   */
@font-face {
 font-family: Hiwa;
 src: url("../../fontsemb/khiwa.eot") /* EOT file for IE */
}
@font-face {
 font-family: HiwaFont;
 src: url("../../fontsemb/khiwa.ttf") /* TTF file for CSS3 browsers */
}
.HIWAFONT {
 font-family: HiwaFont, Times, Arial, sans-serif;
}


/*   ALHURRA   */
@font-face {
 font-family: Alhurra;
 src: url("../../fontsemb/alhurratxtbold.eot") /* EOT file for IE */
}
@font-face {
 font-family: AlhurraFont;
 src: url("../../fontsemb/alhurratxtbold.ttf") /* TTF file for CSS3 browsers */
}
.ALHURRAFONT {
 font-family: AlhurraFont, Times, Arial, sans-serif;
}



/*   HACEN   */
@font-face {
 font-family: Hacen;
 src: url("../../fontsemb/HacenLinerScreen.eot") /* EOT file for IE */
}
@font-face {
 font-family: HacenFont;
 src: url("../../fontsemb/HacenLinerScreen.ttf") /* TTF file for CSS3 browsers */
}
.HACENFONT {
 font-family: HacenFont, Times, Arial, sans-serif;
}


/*******************************************/
/*******************************************/

/*   BOOKANTIQUA   */
@font-face {
 font-family: Book Antiqua;
 src: url("../../fontsemb/bookantiq.eot") /* EOT file for IE */
}
@font-face {
 font-family: BookAntiquaFont;
 src: url("../../fontsemb/bookantiq.ttf") /* TTF file for CSS3 browsers */
}
.BOOKANTIQFONT {
 font-family: BookAntiquaFont, Times, Arial, sans-serif;
}