img {
  border-radius: 8px;
      }

 .wblink{background-color: rgb(20, 202, 4); color:white; padding: 0px 8px; padding-top: 4px; padding-bottom: 3px; border-radius: 4px; border: none; font-size: large; font-weight: bold;
                font-family: Josefin Sans;}
            .wblink:hover{background-color:rgb(253, 215, 0); color: black;}
            .wbgroupname{ font-family: Josefin Sans; font-size: larger; font-weight: bold; line-height: 200%; }
            .maintitle{font-size: x-large; font-weight: bolder; color: black; background-color: rgb(4, 214, 252); border-radius: 4px; padding: 10px; width: fit-content ; text-align: center; border: none; box-shadow: 2px 2px 15px 15px rgb(221, 221, 221); cursor: pointer;}
            .mediumdiv{background-color: rgb(255, 251, 0); color: rgb(0, 0, 0); padding: 8px; padding-bottom: 5px; line-height: 260%;  font-family: Josefin Sans; border: 4px solid rgb(255, 0, 0);}
            .mediumdiv:hover{background-color: rgb(250, 0, 0); color: white; border: 4px solid rgb(0, 0, 0)}
            .scrolllink{text-decoration: none; color: black; font-size: larger; font-weight: bold;}
            .scrolllink:hover{color: white;}
            .termsandcondition{background-color: rgb(255, 0, 0); color: rgb(255, 255, 255); padding: 8px; padding-bottom: 5px; line-height: 140%;    font-family: Meera Inimai; border: 4px solid rgb(0, 0, 0);}

#stunameid,#roll,#mark1,#mark2,#mark3,#mark4,#mark5,#mark6,#mark7,#mark8,#mark9,#mark10,#mark11,#mark12,#mark13,#mark14,#mark15{background-color: rgb(224, 224, 224);
                 color: black; border-radius: 3px; width:100% ; height: 40px; border: none;}
                 .getmarkbutton{background-color: rgb(16, 104, 206); color: white; border-radius: 20px; width: 150px; height: 35px; font-weight: bold;
                font-size: larger; border: none;}
                .getmarkbutton:hover{background-color: rgb(0, 0, 0); color: rgb(255, 251, 0); border-radius: 20px;}
                .marktable{background-color: rgb(255, 255, 255);vertical-align: middle;
                    text-align: center; border-radius: 3px; width: 100%; border: 2px solid black; color: black; border-collapse: collapse;}
                .trtable{border: 2px solid black; vertical-align: middle;  height: 40px; }
                .thtable{border: 2px solid black; vertical-align: middle;  height: 50px; font-family: Meera Inimai;}
                .groupname{background-color: red; color: white; width: 95%; height: max-content; text-align: center; font-size:x-large; font-weight: bold; }

#search{background-color: white;color: black; border-radius: 5px; border:solid rgb(255, 255, 255); box-shadow: 1px 1px 5px 5px rgb(46, 120, 247); width: 70%; height: 33px;}
#button{background-color: rgb(255, 0, 0); color: white; border: none; border-radius: 3px; box-shadow: 1px 1px 5px 5px rgb(201, 194, 194); font-weight:bolder; font-size: 18px; height: 35px;}

 .whatsappshare{background-color: rgb(27, 173, 14); color:white ; text-align: center; font-size:small; vertical-align: middle; align-items: center; font-weight: bold; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         border-radius: 5px; border: none ; width: auto; height: auto; padding: 7px ;box-shadow: 5px 5px  rgb(233, 233, 233);}
        .whatsappshare:hover{background-color: yellow; color: black;}

        .telegramshare{background-color: #0088CC; color:white ; text-align: center; font-size:small; vertical-align: middle; align-items: center; font-weight: bold; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         border-radius: 5px; border: none ; width: auto; height: auto; padding: 7px ;box-shadow: 5px 5px  rgb(233, 233, 233);}
        .telegramshare:hover{background-color: yellow; color: black;}

        .facebookshre{background-color: #1e3b75; color:white ; text-align: center; font-size:small; vertical-align: middle; align-items: center; font-weight: bold; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         border-radius: 5px; border: none ; width: auto; height: auto; padding: 7px ;box-shadow: 5px 5px  rgb(233, 233, 233);}
        .facebookshre:hover{background-color: yellow; color: black;}

        .twittershare{background-color: #1DA1F2; color:rgb(255, 255, 255) ; text-align: center; font-size:small; vertical-align: middle; align-items: center; font-weight: bold; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         border-radius: 5px; border: none ; width: auto; height: auto; padding: 8px ;box-shadow: 5px 5px  rgb(233, 233, 233);}
        .twittershare:hover{background-color: yellow; color: black;}

        .instagramshare{background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);; color:rgb(255, 255, 255) ; text-align: center; font-size:small; vertical-align: middle; align-items: center; font-weight: bold; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         border-radius: 5px; border: none ; width: auto; height: auto; padding: 7px ;box-shadow: 5px 5px  rgb(233, 233, 233);}
        .instagramshare:hover{background: yellow; color: black;box-shadow: 5px 5px  rgb(233, 233, 233);}

        .sharechatkk{background-color: #d505ff; color:rgb(255, 255, 255) ; vertical-align:middle; text-align: center; font-size:small; vertical-align: middle; align-items: center; font-weight: bold; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         border-radius: 5px; border: none ; width: auto; height: auto; padding: 7px ;box-shadow: 5px 5px  rgb(233, 233, 233);}
        .sharechatkk:hover{background-color: yellow; color: black;box-shadow: 5px 5px  rgb(233, 233, 233);}

        .youtubekk{background-color: #FF0000; color:rgb(255, 255, 255) ; vertical-align:middle; text-align: center; font-size:small; vertical-align: middle; align-items: center; font-weight: bold; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         border-radius: 5px; border: none ; width: auto; height: auto; padding: 8px ;box-shadow: 5px 5px  rgb(233, 233, 233);}
        .youtubekk:hover{background-color: yellow; color: black;}
 
 .tamiltd{background-color: rgb(0, 255, 255);
        color: black;
        font-size: larger;
        border: 2px solid #000000;
        font-family: 'Mukta Malar';
        font-weight: bold;
        width: 60%;
     height: 40px; 
     vertical-align: middle;
        }
      .standrdtitle{ background-color: black; color: white; border-radius: 3px; font-size: x-large; text-align: center; width:100%; }
        .bkdownload{ align: center; background-color: yellow; color: Black; font-family: Poppins ; font-weight: bolder; 
         border-radius: 3px; border : none ; font-weight: bolder; font-size: 100%;}
         .bkdownload:hover{background-color: rgb(2, 121, 2); color: White; border-radius: 3px ;}
   #textbook{background-image: url(https://1.bp.blogspot.com/-fe1muJA7wQ0/YN20lgxLQjI/AAAAAAAADFw/xl4AfSCaEHIBuAU4dvVNkU6OgrwwGz41QCLcBGAsYHQ/s1280/20210103_201546.png)   ;
        box-shadow: 10px 10px 5px rgb(223, 223, 223);
        font-family: 'Courier New', Courier, monospace;
        font-weight: 30px; 
        width: 90%;
        height: auto;
        border-radius: 20px;
        font-family: Poppins ;
        border-collapse: collapse;
       vertical-align: middle;
     margin-left: auto;
  margin-right: auto;}

        .tmtable{background-image: url(https://1.bp.blogspot.com/-fe1muJA7wQ0/YN20lgxLQjI/AAAAAAAADFw/xl4AfSCaEHIBuAU4dvVNkU6OgrwwGz41QCLcBGAsYHQ/s1280/20210103_201546.png)   ;
        box-shadow: 10px 10px 5px rgb(223, 223, 223);
        font-family: 'Courier New', Courier, monospace;
        font-weight: 30px; 
        width: 100%;
        height: auto;
        border-radius: 20px;
        font-family: Mukta Malar ;
        border-collapse: collapse;
        text-align: center;
        font-weight: bold;
        border: 2px rgb(0, 0, 0);
       vertical-align: middle;
     margin-left: auto;
  margin-right: auto;}

        .tableth{background-color: red;
        color: white;
        text-align: center;
        border-radius: 4px;
        font-weight: bolder;
        border : 2px solid black ; 
        font-size: x-large;
      height: 40px; 
       vertical-align: middle;}

        .tabletd {background-color: rgb(9, 211, 201);
        color: black;
        font-size: larger;
        font-family: Poppins ;
        border: 2px solid #000000;
        padding: 8px;
        width: 30%;
      height: 40px; 
       vertical-align: middle;}

        .medium{background-color: rgb(9, 211, 201);
        color: black;
        font-size: larger;
        font-family: Poppins ;
        border: 2px solid #000000;
        padding: 8px;
        width: 30% ;
       vertical-align: middle;}

        .tdbook{background-color: rgb(9, 211, 201);
        color: black;
        font-size: larger;
        font-family: Poppins ;
        border: 2px solid #000000;
        padding: 8px;
        width: 40% ;
        text-align: center;
       vertical-align: middle;}
        .tbtmtitle{font-family: Mukta Malar; font-size:x-large ;font-weight: bolder; background-color:rgb(6, 94, 25); border-radius: 3px; width: 90% ; color: white;}
   .tbemtitle{font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
   font-size: x-large ; 
   font-weight: bolder;
   width: 90%;
   background-color:rgb(6, 94, 25);
   color: white;
   border-radius: 4px;
   height: auto;
   text-align: center;}
      
    .buttontext {
      display: inline-block;
      border-radius: 4px;
      background-color: #db0808;
      border: none;
      color: #fffffff6;
      text-align: center;
      font-size: 12px;
      padding: 9px;
      width: 100px;
      transition: all 0.3s;
      cursor: pointer;
      margin: 5px;
    }
    
    .buttontext span {
      cursor: pointer;
      display: inline-block;
      position: relative;
      transition: 0.2s;
    }
    
    .buttontext span:after {
      content: '\00bb';
      position: absolute;
      opacity: 0;
      top: 0;
      right: -20px;
      transition: 0.3s;
    }
    
    .buttontext:hover span {
      padding-right: 25px;
      color:#08AADB;
     
      
    }
    
    .buttontext:hover span:after {
      opacity: 1;
      right: 0;
      
    }
    button:hover
    {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    background-color: #FFFFFF;
    }

.bie-slide,
 .bie-slide2 {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 170px;
  line-height: 40px;
  padding: 0;
  border-radius: 50px;
  background: #fdfdfd;
  border: 2px solid #f84f4f;
  margin: 10px;
  transition: all 0.5s ease-in-out;
 }
 .bie-slide2 {
  border: 2px solid #36D7B7;
 }
 .bie-slide:hover {
  background-color: #f84f4f;
 }
 .bie-slide2:hover {
  background-color: #36D7B7;
 }
 .bie-slide:hover span.circle,
 .bie-slide2:hover span.circle2 {
  left: 100%;
  margin-left: -45px;
  background-color: #fdfdfd;
  color: #f84f4f;
 }
 .bie-slide2:hover span.circle2 {
  color: #36D7B7;
 }
 .bie-slide:hover span.title,
 .bie-slide2:hover span.title2 {
  left: 40px;
  opacity: 0;
 }
 .bie-slide:hover span.title-hover,
 .bie-slide2:hover span.title-hover2 {
  opacity: 1;
  left: 28px;
 }
 .bie-slide span.circle,
 .bie-slide2 span.circle2 {
  display: block;
  background-color: #f84f4f;
  color: #fff;
  position: absolute;
  float: left;
  margin: 5px;
  line-height: 30px;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  transition: .5s;
  border-radius: 50%;
 }
 .bie-slide2 span.circle2 {
  background-color: #36D7B7;
 }
 .bie-slide span.title,
 .bie-slide span.title-hover,
 .bie-slide2 span.title2,
 .bie-slide2 span.title-hover2 {
  position: absolute;
  left: 65px;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  color: #f84f4f;
  transition: .5s;
 }
 .bie-slide2 span.title2,
 .bie-slide2 span.title-hover2 {
  color: #36D7B7;
 }
 .bie-slide span.title-hover,
 .bie-slide2 span.title-hover2 {
  left: 80px;
  opacity: 0;
 }
 .bie-slide span.title-hover,
 .bie-slide2 span.title-hover2 {
  color: #fff;
 }

 .reducedbt {background-color: rgb(55, 0, 255); color: rgb(255, 255, 255); border-radius: 3px ; padding: 5px; font-family:Alata ; border: none; font-weight: bold; font-size: medium ; cursor: pointer; }
 .reducedbt:hover{background-color: black; color: rgb(255, 255, 255); border-radius: 3px ; padding: 5px; font-family:Alata ; border: none; font-weight: bold; font-size: medium ; cursor: pointer; }
.reducetable {
font-family: Poppins ;
border-collapse: collapse;
border: 1px solid #000000;
width: 100%;
}
.threduce {  
background-color: rgb(0, 0, 0);
border: 1px solid #000000;
color: rgb(255, 255, 255);
font-size: x-large;
text-align: center;
padding: 8px;
width: 50%;
height: 50px;
}

.tdreduced{
text-align: left;
border: 1px solid #000000;
color: rgb(0, 0, 0);
font-size: normal;
font-weight: bolder;
font-family: Poppins ;
background-color: rgb(255, 61, 229);
padding: 8px;
width: auto;
}

.suratable {
  font-family: Alata ;
  border-collapse: collapse;
  width: 96%; 
  box-shadow: 0 0 20px rgba(0, 0, 0, 15);
}
.surath {  
  background-color: rgb(0, 0, 0);
  border: 1px solid #000000;
  color: rgb(255, 255, 255);
  font-size: x-large;
  text-align: center;
  padding: 8px;
  
}

.suratd {
  text-align: left;
  border: 1px solid #000000;
  color: rgb(0, 0, 0);
  font-size: large;
  font-weight: bolder;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  background-color: rgb(0, 241, 229);
  padding: 8px;
}

  .h2textbooks {
  text-align: center;
}
    .maindownload{background-color: rgb(119, 8, 194); color: rgb(255, 255, 255); padding: 10px 20px; border-radius: 5px; text-align: center; border: none; font-size:xx-large; box-shadow: 2px 2px 15px 15px rgb(221, 221, 221); cursor: pointer; font-family: Poppins; font-weight : bolder ;}
    .maindownload:hover{background-color: rgb(0, 247, 255); color:rgb(0, 0, 0);}
    .kalvi{color:rgb(0, 0, 0);background-color:rgb(255, 153, 0);padding:2px;border:none;border-radius:3px;}
  .kalvi:hover{background-color:rgb(0, 183, 255)}
  .gobathi{color:rgb(0, 0, 0);background-color:rgb(255, 153, 0);padding:2px;border:none;border-radius:3px;}
  .gobathi:hover{background-color:rgb(0, 183, 255)}
  .kcdbtn{color:rgb(0, 0, 0);background-color:rgb(255, 153, 0);padding:2px;border:none;border-radius:3px;}
  .kcdbtn:hover{background-color:rgb(0, 183, 255)}
  img {
    border-radius: 8px;
        }
   .sendmatad{font-size: small;background-color: rgba(241, 245, 0, 0.986); padding: 6px; color: rgb(0, 0, 0);  border-radius: 3px; width: 90%; border: 2px solid rgb(253, 10, 10) ; font-family: Alata ; font-weight: bold;}
   .kk-subscribe{background-color: red; padding: 10px; color: white; border-radius: 50px; text-align: center; font-size: larger;font-weight: bolder; font-family: Poppins;}
   .kk-subscribe:hover{background-color: rgb(228, 253, 2); color: rgb(0, 0, 0);}
   .kk-news{background-color: rgb(0, 247, 255); color: black; font-size: x-large; font-weight: bolder; border-radius: 5px; padding: 10px;font-family: Poppins; text-align: center;}