/* Custom Font */
/* Custom Font */
@font-face {
    font-family: 'KFGQPCUthmanTahaNaskh-Bold';
    src: url('../fonts_v1/KFGQPCUthmanTahaNaskh-Bold.eot');
    src: url('../fonts_v1/KFGQPCUthmanTahaNaskh-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts_v1/KFGQPCUthmanTahaNaskh-Bold.woff') format('woff'),
         url('../fonts_v1/KFGQPCUthmanTahaNaskh-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Mehr-Nastaliq-Saraiki';
  src: url('../fonts_v1/Mehr-Nastaliq-Saraiki.eot');
  src: url('../fonts_v1/Mehr-Nastaliq-Saraiki.eot?#iefix') format('embedded-opentype'),
       url('../fonts_v1/Mehr-Nastaliq-Saraiki.woff2') format('woff2'),
       url('../fonts_v1/Mehr-Nastaliq-Saraiki.woff') format('woff'),
       url('../fonts_v1/Mehr-Nastaliq-Saraiki.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'noorehira';
	src: url('../fonts_v1/noorehira.eot');
	src: url('../fonts_v1/noorehira.eot?#iefix') format('embedded-opentype'),
		url('../fonts_v1/noorehira.woff') format('woff'),
		url('../fonts/noorehira.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.banner-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fontarabic {
    font-family: 'KFGQPCUthmanTahaNaskh-Bold', serif;
}
.fonturdu {
    font-family: Mehr-Nastaliq-Saraiki;
}

.fontenglish {
      font-family: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #2c2c2c; /* Soft charcoal – great for eyes */
  line-height: 1.7;

}

.fonteng {
font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  color: #2c2c2c; /* Soft charcoal – great for eyes */
  line-height: 1.7;

}
.fontquran {
    font-family: 'NooreHira', serif;
}
.fontcalibri {
	font-family:Calibri; }
.center {
  margin-left: auto;
  margin-right: auto;
  /*display: block;*/
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.rtl {
  direction: rtl;
}

.ltr {
  direction: ltr;
}
.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.highlighted {
  background: yellow;
}

.highlight {
  background-color: #ffff88;
  color: black;
}
.highlightable {
  margin: 10px 0;
}
.fs0 { font-size: 12px;}
.fs1 { font-size: 14px;}
.fs2 {
  font-size: clamp(1rem, 2vw, 1.25rem);
}
.fs3 { font-size: 18px;}
.fs4 { font-size: 22px;} 
.fs5 { font-size: 24px;}
.fs6 { font-size: 26px;} 
.fs7 { font-size: 28px;} 
.fs8 { font-size: 30px;}



.fs2 {
  font-size: clamp(1rem, 2vw, 1.25rem);
}
.fs2 h2 {
  font-size: 1rem;
  font-weight: bold;
  margin: 15px 0;
  color: #3B3DB5; * Eye-friendly dark blue-gray */
}
.fs2 h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 15px 0;
  color: #2c3e50; /* Eye-friendly dark blue-gray */
}



.lhp8 {line-height: 1.8;}
.lh2 {line-height: 2;}

.matn  {color: #830F45; }
.red { color: #FF0033;}
.reddark { color: #CC3300;}
.reddark1 { color: #CC00CC;}
.greenl {color:#359C0C; }
.blue { color: #0000FF;} 
.brown {color: #993300;}
.black {color: #000000;}
.babblue {color: #000099;}
.hno_color {color: #663399;}
.darood { color:#FF00CC;}
.uarabicfhad {color: #05A324; }
.uarabicfwaz {color: #1003EE; }
.reference {color: #FF0066;}
.h_sanad_color {}
.bnumber { color:#990000;}
.supst1r,
.supst2r,
.supst3r,
.supst4r,
.supst1,
.supst2,
.supst3,
.supst4 {
    color: #FF0000;
}
.quot { color: #017119;}
.takhreej_color {color: #FF0033;} 
.takhreejarabic {color: #660099;} 
.hukm_detail_color {color: #660099;}

.mrg_btm {margin-bottom: 10px;}

a {
        color: blue;
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }


/* Background Strip */
.bgstrip {
    background: url('../img_v1/bg.png') repeat-x;
    background-color: #c3c4d0;
}

/* Top Gradient Bar */
.header-container {
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0;
    border: 1px solid #afb0b0;
    background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%, #e3eaed 100%);
}

/* Menu Bar with Gradient */
.menu-container {
    text-align: right;
    padding: 5px;
    margin: 4px 0;
    border-radius: 15px;
    background: linear-gradient(
        to bottom,
        #e1ffff 0%,
        #e1ffff 12%,
        #fdffff 12%,
        #e6f8fd 30%,
        #c8eefb 54%,
        #bee4f8 75%,
        #b1d8f5 100%
    );
}

.menu-container-search {
    text-align: right;
    padding: 5px;
    margin: 4px 0;
    border-radius: 15px;
    background: linear-gradient(
        to bottom,
        #e1ffff 0%,
        #e1ffff 12%,
        #fdffff 12%,
        #e6f8fd 30%,
        #c8eefb 54%,
        #bee4f8 75%,
        #b1d8f5 100%
    );
}


/* Hadith Box Margins */
.body-container {
    margin: 5 2px; 
	padding: 0px 10px;
}

/* Responsive Images */
.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}
.btn1 {
  display: inline-block;
  padding: 5px 20px 5px 20px;
  margin: 5px 23px;
  border: 2px solid #000;
  border-radius: 55px;
  background: url('../img_v1/b.jpg') repeat-x;
  color: #CC3300;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.4s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.btnryellow {
  border: none;
  border-radius: 25px;
  padding: 7px 15px;
  margin: 10px 3px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  background: radial-gradient(ellipse at center, #f2f7fd 0%, #fcfda0 100%);
}
.buttonbook {
    display: inline-block;
    border: 2px solid #000000;
    border-radius: 55px;
    background: url('../img_v1/b.jpg') repeat-x;
    padding: 5px 20px;
    margin: 8px 3px 10px 3px;
    text-decoration: none;
    color: #2c3e50;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
}
.buttonbook a{
    text-decoration: none;
    color: #0d6efd;
}
.buttonbook a:hover {
    color: #0d6efd; /* Bootstrap blue or any preferred hover color */
    text-decoration: none;
}

.bab_container {
    border: 2px solid #000;
    border-radius: 30px;
    background: url('../img_v1/b.jpg') repeat-x;
    padding: 15px 5px 15px 5px;
    margin-top: 8px;   
	margin-bottom: 15px;
}


.table {
  width: 95%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 1px solid #000; /* 🔹 Add this line for outer border */
}
.table td,
.table th {
  border: 1px solid #000; /* Inner borders */
  padding: 10px;
}
.tdhd {
  vertical-align: middle;
  padding: 10px;
  color: #000;
  border: 1px solid #070606;
  border-radius: 10px;
  background: linear-gradient(to bottom, rgba(249, 243, 159, 1) 2%, rgba(247, 239, 165, 1) 100%);
}
.takhreej-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}

.takhreej-table th, .takhreej-table td {
    border: 1px solid #999;
}
.tddet {
  border-radius: 6px;
    background: linear-gradient(to bottom, rgba(247,241,187,1) 3%, rgba(252,251,242,1) 26%, rgba(252,251,242,1) 58%, rgba(255,255,255,1) 100%);
  padding: 10px 5px;
  vertical-align: top;
}
.tddetw {
  border-radius: 6px;
  background: #ffffff;
  padding: 10px 5px;
  vertical-align: top;
}
.tdhdg {
  border-radius: 6px;
  background: linear-gradient(to bottom, rgba(230,255,230,1) 3%, rgba(220,250,220,1) 26%, rgba(210,245,210,1) 58%, rgba(200,240,200,1) 100%);
  padding: 10px 5px;
  vertical-align: top;
}


.txtlst {
	color:#000000;
}
.txtlst a { color:#000000;
	text-decoration:none;}
.txtlst a:hover {
	text-decoration:none;
	color:#A70306;
}

.txtlstblue {
	color:#0B14EF;
}
.txtlstblue a { color:#0B14EF;
	text-decoration:none;}
.txtlstblue a:hover {
	text-decoration:none;
	color:#0B14EF;
}

.txtlstarb {
	color:#060FDF;
}
.txtlstarb a { color:#060FDF;
	text-decoration:none;}
.txtlstarb a:hover {
	text-decoration:none;
	color:#A70306;
}
 #myInput {
    width: 250px;
    padding: 8px 12px;
    margin: 15px 0 10px 0;
    text-align: right;
    font-size: 16px;
    display: inline-block;

    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;

    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Focus state with a subtle accent */
#myInput:focus {
    border-color: #1abc9c;
    box-shadow: 0 0 7px rgba(26, 188, 156, 0.3);
}

.back-button-container {
    margin: 10px 0;
    text-align: center;
}

.back-button {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #2c3e50;
    border-radius: 6px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.back-button:hover {
    background-color: #1abc9c;
}
.hadith_arabic {
    color: #009900;
 	line-height:1.9;
	padding-top: 8px; 
    padding-bottom: 7px;	
	}	
.hadith_arabic a {
  color: #3142D9; 
  text-decoration: none;  
	}
.hadith_arabic a:hover {
    color: #A91C1E; 
	}
.hadith_urdu {
    color: #0033FF;
 	line-height:1.9; 
    padding-bottom: 7px;
	}
.button {
  border-radius: 25px;
  border: 1px solid #4CAF50;
  padding: 2px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 10px 2px;
  cursor: pointer;
  color: #2f4f2f;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  background-image: radial-gradient(
    ellipse farthest-corner at center,
    #F8FFE8 0%,
    #F5F5EB 33%,
    #B2DF4A 100%
  );
  transition: background 0.3s ease, transform 0.2s ease;
}

.button:hover {
  transform: scale(1.03);
  border: 1px solid #B10A0D;
  background-image: radial-gradient(
    ellipse farthest-corner at center,
    #f0ffe0 0%,
    #f0f8e0 33%,
    #a8d13c 100%
  );
}
.center-button-wrapper {
  text-align: center;
}
.center-wrapper {
  text-align: center;
}
.buttonsearch {
  background-color: #e0f0ff; /* light blue */
  border: 1px solid #3399cc; /* blue border */
  border-radius: 25px;
  padding: 6px 16px;
  color: #003366;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 10px 2px;
  font-weight: bold;
  transition: background 0.3s ease;
}

.buttonsearch:hover {
  background-color: #cce7ff;
}

.tafseerbabtitlec { border: 1px solid #EEEEEE;
    border-radius: 35px; background-color:#EAFCCC;
    padding-top: 3px; padding-bottom: 3px;
    margin-top:10px; padding-left:10px;  padding-right:20px;}
	

.ashkaln { 
	background-color: #FBF4DB; display:block; 
	border:1px #0000FF solid; padding:15px; width:99%; margin-right:2px; margin-left:2px; margin-bottom:6px; margin-top:5px;}
.shcd {
  display: block;
  border: 1px #000000 solid;
  padding: 5px;
}

.shcb {
  display: block;
  border: 1px #000000 solid;
  padding: 5px;
  background-color: #D8F7E2;
}

.hadi {
  background-color: #ffffea;
  display: block;
  border: 1px #000000 solid;
  padding: 15px;
  width: 99%;
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: 6px;
  margin-top: 5px;
}

div.pagination {
  display: flex;
  justify-content: center; /* Center contents horizontally */
  align-items: center;
  flex-wrap: wrap; /* Wrap if needed on smaller screens */
  padding: 5px;
  margin: 5px auto; /* Center the entire block horizontally */
  direction: ltr;
}

div.pagination a {
  display: inline-block;
  padding: 2px 5px;
  margin: 2px;
  border: 1px solid #AAAADD;
  text-decoration: none;
  color: #000099;
  direction: ltr;
  text-align: left;
}

div.pagination a:hover,
div.pagination a:active {
  border: 1px solid #000099;
  color: #000;
}

div.pagination span.current {
  display: inline-block;
  padding: 2px 5px;
  margin: 2px;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #000099;
  color: #FFF;
}

div.pagination span.disabled {
  display: inline-block;
  padding: 2px 5px;
  margin: 2px;
  border: 1px solid #EEE;
  color: #DDD;
}

.searchm1 {
  background-image: url(../img_v1/sbgs.png);
  background-repeat: repeat;
  border-radius: 25px;
  border: 12px solid #4CAF50;
  padding: 16px 16px;
  margin: 2px 0px 2px 0px;
}

.searchm2 {
  background-image: url(../img_v1/sbgs.png);
  background-repeat: repeat;
  border-radius: 25px;
  border: 12px solid #D5C90A;
  padding: 16px 16px;
  margin: 2px 0px 2px 0px;
}

.searchm3 {
  background-image: url(../img_v1/sbgs.png);
  background-repeat: repeat;
  border-radius: 25px;
  border: 12px solid #59B9AA;
  padding: 16px 16px;
  margin: 2px 0px 2px 0px;
}

.searchm4 {
  background-image: url(../img_v1/sbgs.png);
  background-repeat: repeat;
  border-radius: 25px;
  border: 12px solid #DB4B70;
  padding: 16px 16px;
  margin: 2px 0px 2px 0px;
}

.searcharb1 {
  background-image: url(../img_v1/sbgs.png);
  background-repeat: repeat;
  border-radius: 3px;
  border: 5px solid #4CAF50;
  padding: 5px 5px;
  margin: 0px 0px 0px 0px;
}

.searchmtab {
  background-image: url(../img_v1/sbgs.png);
  background-repeat: repeat;
  border-radius: 3px;
  border: 5px solid #4CAF50;
  padding: 5px 5px;
  margin: 0px 0px 0px 0px;
}
.tbox {  
	text-align: center;
}
.tboxinc {
  width: 100px; /* Adjust as needed */
  padding: 2px;
  font-size: 18px;
  text-align: center;
}
.toggle-btn {
            cursor: pointer;
            padding: 6px 12px;
            background: #eaeaea;
            border: 1px solid #ccc;
            margin-bottom: 12px;
            display: inline-block;
            font-size: 14px;
        }

.buttonmenu {
  border-top-left-radius: 120px;
  border-bottom-right-radius: 120px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 3px 8px;
	margin-top: 3px;
  background-image: radial-gradient(
    ellipse farthest-corner at center,
    white 0%,
    #e28743 100%
  );
  border: 1px solid #c26b30;
  color: black;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}

.buttonmenu:hover {
   background-image: radial-gradient(
    ellipse farthest-corner at center,
    white 40%,
    #DB4B70 100%
  ); /* Darker hover color */
  box-shadow: none; /* No glow */
}

.imagebooks:hover {
border-top-left-radius: 120px; 
border-bottom-right-radius: 120px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px; box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
 
}
.imagebooks { border-radius:50%;
 box-shadow: 0 10px 6px -6px grey;
 
}
/*---------------*/
   .arbtabs {
      display: flex;
      border-bottom: 2px solid #ccc;
      margin-bottom: 0; /* Removed gap */
    }

    .arbtab {
      padding: 10px 15px;
      cursor: pointer;
      border: 2px solid #ccc; /* Thin border around tabs */
      border-radius: 8px 8px 0 0;
      background-color: #e9ecef;
      transition: background-color 0.3s, color 0.3s;
	font-family:Mehr-Nastaliq-Saraiki;
font-size:18px;
    }

    .arbtab:hover {
      background-color: #d1e7f5;
    }

    .arbtab.active {
      background-color: #0d6efd;
      color: #fff;
      border-color: #0d6efd;
      border-bottom-color: #fff;
    }

    .arbtab-content {
      border: 2px solid #ccc;
      border-radius: 0 0 8px 8px;
      padding: 1px;
      background-color: #fff;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      direction: rtl;
      text-align: right;
    }

    .arbtab-pane {
      display: none;
    }

    .arbtab-pane.active {
      display: block;
    }
/*---------------*/
.urdtxtcser {
    font-family: Mehr-Nastaliq-Saraiki;   
	font-size: 18px;
    }
.haroof {
    color:#DE080C; 
	font-family: KFGQPCUthmanTahaNaskh-Bold; 
	font-size:30px;
	line-height:1.5; 
}
.ndc {
  text-decoration: none;}
.menfont1 {
 font-family: Mehr-Nastaliq-Saraiki;
	font-size: 18px;
}
.menfont1 a {
color: #2805FC;
text-decoration: none;
}


/*Pagination Styling with border around page numbers*/

.ravi-pagination {
    margin-top: 20px;
    text-align: center;
}

.ravi-pagination a,
.ravi-pagination strong {
    display: inline-block;
    margin: 3px 3px 5px 3px; /* top right bottom left */
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-decoration: none;
    color: black;
    background-color: white;
}


.ravi-pagination a:hover {
    background-color: #f0f0f0;
}

.ravi-pagination strong {
    background-color: red;
    color: white;
    border-color: red;
}

    .ravi-hadith-link {
        color: blue;
        text-decoration: none;
    }

    .ravi-hadith-link a {
        text-decoration: none;
    }
    .ravi-hadith-link a:hover {
        text-decoration: none;
		color: #A30305;
    }

    .ravi-brown {
        color: brown;
    }

    .ravi-brown a {
        color: brown;
    }

    .ravi-brown a:hover {
        text-decoration: none;
    }

   .ravi-book-btn {
    display: inline-block;
    background-color: #e0f0ff;     /* Light blue background */
    border: 1px solid #3399cc;     /* Blue border */
    border-radius: 15px;           /* Rounded corners */
    padding: 3px 11px;
    color: #003366;                /* Dark blue text */
    text-align: center;
    text-decoration: none;
    margin: 14px 2px;
    transition: background 0.3s ease;
}

    .ravi-book-btn:hover {
        background-color: #A1C6D8;
    }

    .ravi-book-btn.disabled {
        background-color: #d4fcd4; /* very light green */
        color: #666;
        cursor: not-allowed;
        pointer-events: none;
    }

    .ravi-highlight-ravi {
        background: yellow;
        color: blue;
        text-decoration: none;
    }
    
	/*Pagination Styling with border around page numbers end*/
.book-names {
    display: inline-block;
    background-color: #e0f0ff; 
    
    padding: 3px 6px;
    color: #003366;                /* Dark blue text */
    text-align: center;
    text-decoration: none;
    margin: 8px 2px;
    
}
.bab-detail {
    display: inline-block;
    background-color: #fdf3e7;        /* Light brown background */
    color: #5c3b00;                   /* Dark brown text */
    border: 1px solid #e3c9a9;        /* Soft brown border */
    padding: 3px 6px;
    margin: 8px 2px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: none;
	    min-width: 100px;                  /* ? Minimum width added */

}
.bab-detail:hover {
    background-color: #fae6d0;        /* Slightly deeper light brown */
    border-color: #d4b28a;
    cursor: pointer;
}
.ch-detail {
    display: inline-block;
    padding: 1px 1px;
    margin: 1px 1px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    box-shadow: none;
    min-width: 32px;

    /* Replace below with any theme you like */
    background-color: #e6f4ea;
    color: #256029;
    border: 1px solid #bde5c8;
}

.chsec-detail {
    display: inline-block;
    background-color: #fdf3e7;        /* Light brown background */
    color: #5c3b00;                   /* Dark brown text */
    border: 1px solid #e3c9a9;        /* Soft brown border */
    padding: 1px 1px;
    margin: 1px 1px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    box-shadow: none;
	    min-width: 45px;                  /* ? Minimum width added */

}

/* book paging */
.book_pagination {
    text-align: center;
    margin-top: 20px;
    direction: ltr;
    font-family: 'Noto Nastaliq Urdu', serif;
}
.book_pagination a {
    padding: 5px 12px;
    text-decoration: none;
    border: 1px solid #ccc;
    margin: 2px;
    display: inline-block;
    color: #007bff;
    background-color: #f8f9fa;
    border-radius: 4px;
    font-size: 16px;
}
.book_pagination a:hover {
    background-color: #e2e6ea;
    border-color: #007bff;
}
.book_pagination .active-page {
    padding: 5px 12px;
    margin: 2px;
    background-color: #007bff;
    color: white;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #007bff;
    display: inline-block;
    font-size: 16px;
}
.book_pagination a:first-child,
.book_pagination a:last-child {
    font-size: 18px;
    font-weight: bold;
}
.jtad-header {border: 1px solid #EEEEEE;
    border-radius: 1px; background-color:#DDEEFF;
    padding-top: 3px; padding-bottom: 3px;
    margin-top:10px; padding-left:10px;  padding-right:20px; }

.jt-header {border: 1px solid #EEEEEE;
    border-radius: 1px; background-color:#EAFCCC;
    padding-top: 3px; padding-bottom: 3px;
    margin-top:10px; padding-left:10px;  padding-right:20px; }
.jt-detail {
    padding-top: 3px; padding-bottom: 3px;
    margin-top:10px; padding-left:10px;  padding-right:20px; }

.eng-header {border: 1px solid #EEEEEE;
    border-radius: 1px; background-color:#DDEEFF;
    padding-top: 3px; padding-bottom: 3px;
    margin-top:10px; padding-left:10px;  padding-right:20px; color: #2c3e50; font-weight:bold;}


.eng-detail {
    padding-top: 3px; padding-bottom: 3px;
    margin-top:10px; padding-left:10px;  padding-right:20px; }
.sh-highlight {
            background-color: #ffff99;
            padding: 1px 3px;
            border-radius: 3px;
        }
        .sh-search-box {
            margin-bottom: 20px;
            text-align: center;
        }
        .sh-search-box input[type="text"] {
            width: 300px;
            padding: 6px;
            font-size: 16px;
        }
        .sh-search-box input[type="submit"] {
            padding: 6px 12px;
            font-size: 16px;
        }
        .sh-result {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            padding: 12px;
            border-radius: 6px;
            line-height: 1.9;
        }
        .sh-result:nth-of-type(even) {
            background-color: #efefef;
        }
        .sh-result:nth-of-type(odd) {
            background-color: #ffffff;
        }
        .sh-serial {
            font-weight: bold;
            color: #2d602d;
            display: inline-block;
            width: 30px;
        }
 
        .sh-result a {
            color: #0055aa;
            text-decoration: none;
        }
        .sh-result a:hover {
            text-decoration: none;
        }

.sec-menu {
    display: inline-block;
    background-color: #e6f0fa;        /* Soft blue background */
    color: #002b5e;                   /* Dark navy text */
    border: 1px solid #b8cde4;        /* Subtle blue-gray border */
    padding: 3px 6px;
    margin: 8px 2px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: none;
    min-width: 100px;
	background-color: #f2f2f2;       /* Very light gray */
    color: #1a1a1a;                  /* Almost black */
    border: 1px solid #ccc;          /* Medium gray border */
}

.sec-menu:hover {
    background-color: #d0e7f9;        /* Slightly deeper blue on hover */
    border-color: #a8c0da;
    cursor: pointer;
}
.buttonsearcherr {
  background-color: #ffd6d6; /* light red */
  border: 1px solid #cc6666; /* red border */
  border-radius: 25px;
  padding: 6px 16px;
  color: #660000;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 10px 2px;
  font-weight: bold;
  transition: background 0.3s ease;
}

.buttonsearcherr:hover {
  background-color: #ffb3b3; /* darker on hover */
}