.main-border {

  width: 800px;

  height: auto;

  border: 4px double black;

  margin-top: 30px !important;

  position: relative;

  display: inline-block;

  overflow: hidden;

}



.main-border::before {

  content: "mytamilcalendar.com";

  position: absolute;

  top: 50%;

  left: 50%;

  font-size: 4.2rem;

  font-weight: 700;

  letter-spacing: 3px;

  color: rgb(14 8 122 / 9%) !important;

  transform: translate(-50%, -50%) rotate(-35deg);

  transform-origin: center;

  white-space: nowrap;

  pointer-events: none;

  user-select: none;

  z-index: 10;

}

.big-date{

    font-size: 164px !important;

    font-weight: bold;

    font-family: "Times New Roman", Georgia, serif;

    line-height: 0.8;

}



@media screen  and (max-width:1023px){

  .big-date{

    font-size: 72px !important;

    font-weight: bold;

    font-family: "Times New Roman", Georgia, serif;

    line-height: 0.8;

  }

}

@media screen  and (max-width:767px){

  .big-date{

    font-size: 72px !important;

    font-weight: bold;

    font-family: "Times New Roman", Georgia, serif;

    line-height: 0.8;

}



}



@media screen  and (max-width:380px){

  .big-date{

    font-size: 65px !important;

    font-weight: bold;

    font-family: "Times New Roman", Georgia, serif;

    line-height: 0.8;

}



}







@media screen  and (max-width:320px){

  .big-date{

    font-size: 56px !important;

    font-weight: bold;

    font-family: "Times New Roman", Georgia, serif;

    line-height: 0.8;

}



}







.red{

    color:#c43130;

}

.blue{

    color:#3199cb;

}

.purple{

    color: #320067;

}

.green{

    color: #299938;

}

.small-content{

    font-size: 14px;

    color: #001567;

    font-weight: bold;

    line-height:1;

    margin-top: 13px;

}

.visuvasam{

    color: #36534f;

    font-size: 19px;

    margin-bottom: 0;

    margin-top: 6px;

}

.visuvasam span{

   color: #cc4b9e;

   font-size: 17px;

}



.seventeen{

   color:#c43130;

   font-size: 55px;

   line-height: 1;

   margin-bottom: 0px;

}

.border-left-table {

  border: 1px solid gray;

  text-align: center;

  padding: 0;

}



.sep {

  font-weight: bolder;

  text-align: center;

  color:#468637;

  background-color: yellow;

  font-size: 33px;

  width: 100%;

  margin: 0; 

  padding: 5px 0; 

  line-height: 0.8;

}



.custom-divider {

  border: none;

  border-top: 3px solid #000; 

  width: 100%;

  margin: 0; 

}



.sevvai{

    color: #143196;

    font-size: 26px;

    font-weight: bolder;

    margin: 5px 0;

    line-height: 0.8;

}

.rabiul{

    color: #cc4b9e;

    font-size: 13px;

    margin-bottom: 0;

    line-height: 1.3;

}

.nine{

   color:#299938;

   font-size: 40px;

   line-height: 0.6;

   font-weight: bold;

   margin-top: 5px;

}

.varalpirai{

    color: #143196;

    font-size: 15px;

    font-weight: bolder;

    margin: 5px 0;

    line-height: 0.5;    

}

.varalpirai span {

    border-left: 2px solid black;

    padding-left: 10px;

}

.content-border{

  border: 2px solid grey;

  padding: 3px;

}

.content-style{

  color: #443c92;

  font-weight: bold;

  font-size: 14px;

  line-height: 1.3;

  word-spacing: 6px;

  font-family: 'Bamini', 'TAB Tamil', 'TAM', 'TSCu_Paranar', sans-serif;

}

.nallaneram{

  border: 2px solid #cc4b9fe7;

}

.nallaneram th{

  border: 2px solid #cc4b9fe7;

  font-size: 15px;

  font-weight: bold;

  background-color:#f9fac5;

}

.nallaneram td{

  border: 2px solid #cc4b9fe7;

  font-weight: bold;

  line-height: 1.3;

  color:#774e52;

}

.kaalai-maalai{

  color: #443c92 !important;

  font-weight: bold;

  font-size: 11px;

}

.simma-laknam-wordspace{

  word-spacing: 3px;

}

.santhirastam{

  color:#d82576 !important;

  font-weight: bold;

  font-size: 14px;

}

.santhirastam-natchathiram{

  color:#696969;

}



.soorya-uthayam{

  color:#696969;

  font-weight: bold;

  font-size: 13px;

}
.soorya-uthayam22{

  color:#696969;

  font-weight: bold;

  font-size: 11px ;

}

.time{

  font-size: 12px;

}

.table-custom-divider {

  border: none;

  border-top: 3px solid #cc4b9fe7; 

  width: 100%;

  margin: 0; 

}

.soolam-parikaram {

  color: #c51a1a;

  font-weight: bold;

  font-size: 10px;

  padding: 0;

  line-height: 1.5;

}

.slogan {

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 11px 5px 3px 5px;

  font-size: 15px;

  color: #9e1e01;

  font-weight: bold;

  background-color: #fdff1f;

  line-height: 0.3;

  word-spacing: 6px;

}

.right-table {

  border: 2px solid gray;

  font-family: 'Segoe UI', sans-serif;

}



.thead-rasipalan th {

  color: #fff;

  background-color: #c43130;

  border-bottom: 2px solid black;

  text-align: center;

  font-size: 20px;

}

.rasipalan-table td {

  font-size: 14px;

  line-height: 1.7;

  padding: 0 0 0 2px;

}





.table-blue{

  color: #001567;

  font-weight: bold;

  font-size: 14px;

}

.bottom-style{

  font-size: 12px;

  color: #001567;

}

.www-web{

  font-size: 17px;

  color: #001567;

  font-weight: bold;

  line-height: 1;

}

.vinayagar-image{

    height: 180px;

    width: 180px;

}

@media screen and (max-width:1023px) {



  .main-border::before {

    font-size: 2.5em;

  }

}



@media (max-width: 768px) {

  .main-border{

    width: 400px;

    height: auto;

    padding: 5px;



}

 

.small-content p{

    font-size: 7px;

    line-height: 0.1;

    margin: 0px 0px 11px 0px !important;

}

.visuvasam{

    font-size: 9px;

    margin-top: 3px;

}

.visuvasam span{

   font-size: 8px;

}

.seventeen{

   font-size: 27px;

   line-height: 1.2;

   margin-bottom: 0px;

}

.sep {

  font-size: 14px;

  padding: 5px 0; 

  line-height: 0.5;

}

.sevvai{

    font-size: 13px;

    margin: 5px 0;

    line-height: 0.5;

}

.rabiul{

    font-size: 6px;

    padding: 0;

    line-height: 1.3;

} 

.nine{

   font-size: 19px;

   line-height: 0.3;

   padding: 0;

   margin: 8px 0 0 0;

}

.varalpirai{

    font-size: 7px;

    line-height: 0.5;

}

.varalpirai span {

    border-left: 1px solid black;

    padding-left: 5px;

}

.content-border{

  border: 1px solid grey;

}

.content-style{

  font-size: 6px;

  line-height: 1.4;

  word-spacing: 3px;

}

.nallaneram{

  border: 1px solid #cc4b9fe7;

}

.nallaneram th{

  border: 1px solid #cc4b9fe7;

  font-size: 8px;

}

.time{

  font-size: 7px;

}

.nallaneram td{

  border: 1px solid #cc4b9fe7;

  line-height: 1.3;

}

.kaalai-maalai{

  font-size: 7px;

}

.simma-laknam-wordspace{

  word-spacing: 2px;

}

.santhirastam{

  font-size: 7px;

}

.soorya-uthayam{

  font-size: 7px;

}

.soorya-uthayam22{

  

  font-size: 7px ;

}
.table-custom-divider {

  border-top: 1px solid #cc4b9fe7; 

  width: 100%;

  margin: 0; 

}

.soolam-parikaram{

  font-size: 7px;

}

.slogan{

  font-size: 9px;

  height: 17px;

  padding: 17px 5px 3px 5px;

}

.right-table {

  border: 1px solid gray;

}



.thead-rasipalan th {

  border-bottom: 1px solid black;

  font-size: 10px;

  padding: 3px;

}



.rasipalan-table td {

  font-size: 7px;

  line-height: 1.9;

  padding: 0 0 0 3px;

}

.table-blue{

  font-size: 6px;

}

.bottom-style{

  font-size: 8px;

}

.www-web{

  font-size: 11px;

  line-height: 1.1;

}

.vinayagar-image{

    height: 85px;

    width: 110px;

}

  .main-border::before {

    font-size: 2rem;

  }

}

@media (max-width: 425px) {

  .main-border{

    width: 350px;

    height: auto;



}

  .big-date{

    font-size: 93px;

    line-height: 0.8;

}

.small-content p{

    font-size: 7px;

    line-height: 0.1;

    margin: 0px 0px 11px 0px !important;

}

.visuvasam{

    font-size: 8px;

    margin-top: 4px;

}

.visuvasam span{

   font-size: 7px;

}

.seventeen{

   font-size: 24px;

   line-height: 1.2;

}

.sep {

  font-size: 11px;

}

.sevvai{

    font-size: 10px;

}

.rabiul{

    font-size: 5px;

}

.nine{

   font-size: 17px;

   line-height: 0.3;

   padding: 0;

   margin: 8px 0 0 0;

}

.varalpirai{

    font-size: 6px;

}

.varalpirai span {

    padding-left: 3px;

}

.content-style{

  font-size: 5px;

  word-spacing: 2px;

}

.nallaneram th{

  font-size: 5px;

}

.time{

  font-size: 5px;

}

.nallaneram td{

  line-height: 1;

}

.kaalai-maalai{

  font-size: 4px;

}

.simma-laknam-wordspace{

  word-spacing: 1px;

  line-height: 1.3 !important;

}

.santhirastam{

  font-size: 4px;

  line-height: 1.3 !important;

}

.soorya-uthayam{

  font-size: 4px;

}
.soorya-uthayam22{


  font-size: 4px ;

}

.soolam-parikaram{

  font-size: 4px;

  word-spacing: 2px;

}

.slogan{

  font-size: 7px;

  height: 10px;

  padding: 15px 5px 0px 5px;

}

.thead-rasipalan th {

  font-size: 6px;

  padding: 2px;

}



.rasipalan-table td {

  font-size: 6px;

  line-height: 1.7;

  padding: 0 0 0 3px;

}

.table-blue{

  font-size: 5px;

}

.bottom-style{

  font-size: 5px;

}

.www-web{

  font-size: 7px;

  line-height: 1.1;

}

.vinayagar-image{

    height: 75px;

    width: 100px;

}

}

@media (max-width: 375px) {

  .main-border{

    width: 330px;

    height: auto;



}

  .big-date{

    font-size: 88px;

    line-height: 0.8;

}

.small-content p{

    font-size: 5px;

    margin: 0px 0px 8px 0px !important;

}

.visuvasam{

    font-size: 7px;

    margin-top: 4px;

}

.visuvasam span{

   font-size: 6px;

}

.seventeen{

   font-size: 22px;

   line-height: 1.2;

}

.sep {

  font-size: 11px;

}

.sevvai{

    font-size: 10px;

}

.rabiul{

    font-size: 6px;

    margin: 2px 0 0 0; 

}

.nine{

   font-size: 15px;

   line-height: 0.3;

   padding: 0;

   margin: 5px 0 0 0;

}

.varalpirai{

    font-size: 6px;

}

.varalpirai span {

    padding-left: 3px;

}

.content-style{

  font-size: 5px;

  word-spacing: 2px;

}

.slogan{

  font-size: 6px;

  padding: 17px 5px 0px 5px;

}

.thead-rasipalan th {

  font-size: 7px;

  padding: 2px;

}



.rasipalan-table td {

  font-size: 6px;

  line-height: 1.7;

  padding: 0 0 0 1px;

}

.table-blue{

  font-size: 6px;

}

.bottom-style{

  font-size: 5px;

}

.www-web{

  font-size: 7px;

}

.vinayagar-image{

    height: 70px;

    width: 80px;

}

}

@media (max-width: 320px) {

  .main-border{

    width: 280px;

    height: auto;



}

  .main-border::before {

    font-size: 1.5rem;

  }

.big-date{

    font-size: 74px;

    line-height: 0.5;

}

.visuvasam{

    font-size: 6px;

    margin-top: 2px;

}

.visuvasam span{

   font-size: 5px;

}

.seventeen{

   font-size: 19px;

   line-height: 1;

}

.sep {

  font-size: 10px;

  line-height: 0.2;

}

.sevvai{

    font-size: 9px;

    line-height: 0.1;

}

.rabiul{

    font-size: 4px;

    margin: 1px 0 0 0; 

}

.nine{

   font-size: 13px;

   line-height: 0.3;

   padding: 0;

   margin: 5px 0 0 0;

}

.varalpirai{

    font-size: 5px;

    line-height: 0.5;

    margin-top: 3px;

    margin-bottom: 0px;

}

.content-border{

  padding: 1px;

}

.content-style{

  font-size: 4px;

  word-spacing: 2px;

  line-height: 1.5;

  padding: -10px !important;

}

.nallaneram th{

  font-size: 4px;

  padding: 0;

}

.slogan{

  font-size: 6px;

  word-spacing: 2px;

  height: 11px;

  padding: 15px 5px 0px 5px;

}

.thead-rasipalan th {

  font-size: 6px;

  padding: 2px;

}



.rasipalan-table td {

  font-size: 5px;

  line-height: 1.7;

  padding: 0 0 0 1px;

}

.table-blue{

  font-size: 4px;

} 

.bottom-style{

  font-size: 4px;

}

.www-web{

  font-size: 6px;

}

.vinayagar-image{

    height: 60px;

    width: 65px;

}

}






/* ----------  addtotional style m ----------------- */

.split-text{
  padding-left: 80px;
 
}
@media (max-width:770px) {
  .split-text{
  padding-left: 40px;
 
}
}


.split-text::before {
    content: "";
    position: absolute;
    width: 2px;
    height: clamp(12px,3vw,25px);
    background-color: #313131; 
    top: 0;

 
  
}

.thithi-value{
  font-size: 12px !important;
}


@media (max-width:770px) {
  .thithi-value{
  font-size: 6px !important;
}

}
@media (max-width:430px) {
  .thithi-value{
  font-size: 5px !important;
}

}
@media (max-width:322px) {
  .thithi-value{
  font-size: 3.5px !important;
}

} 


/* ----------  nakshatra table style -------------  */

  /* INNER TABLE */
  .inner-table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #cc4b9fe7
  }

  .inner-table td {
    border: 2px solid #ff69b4;;
    /* padding: 8 38px; */
  }

  .nat-header {
    font-weight: bold;
    text-align: center;
  }