html body {max-width:800px; margin:0px auto 0px auto;background-color:#E7E7E7; user-select: none;}

button {outline: none;user-select: none;border:none;padding:none;box-shadow:none;background:none;color:white;font-family:AdorBold;}

h1 {
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  color: inherit;
}
h2 {
  font-size: inherit;
  margin: 0;
}

@font-face {font-display: swap;font-family: Mockbix; src:  url(https://fonts.gstatic.com/s/righteous/v17/1cXxaUPXBpj2rGoU7C9WiHGF.woff2) format('woff2');}


@font-face {font-display: swap;font-family: MaterialFill; src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v212/sykd-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vddU.woff2) format('woff2');}

@font-face {font-display: swap;font-family: Roboto; src: url(/css/Roboto.woff2) format('woff2');}
@font-face {font-display: swap;font-family: AdorBold;src: url(/css/AdorBold.woff2) format('woff2');}
@font-face {font-display: swap;font-family: 'Hind';src: url(/css/Hind.woff2) format('woff2');}
@font-face {font-display: swap;font-family: 'Ador';src: url(/css/ador.woff2) format('woff2');}

english  {font-style:normal; font-weight:600;font-family:Roboto; }
bengali {font-weight:normal; font-family:AdorBold;}

.m-i {font-family: 'MaterialFill';font-weight: normal;font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none;display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: 'liga'; text-rendering: optimizeLegibility;vertical-align:middle;}


#stickyFoot { position: fixed; bottom: 0; left: 0; z-index: 4; width:100%;color:black}

.footBar {background-color:#3b3b47; text-align:center; width:100%;height:45px; 
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); float: left; border-top-left-radius: 20px;border-top-right-radius: 20px;}

.goHome { height: 30px; margin-top: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left:10px; color: #dddddd;}
.homeText {line-height:1.2;}


.closebtn {background-color:transparent;border:none; border-radius:500px; width:40px;height:45px; float:left; margin:3px 0px 0px 8px;text-align:center;color:#000;transition-duration: 0.2s;}
.closebtn:active {color:grey;}

.close {background-color:#423a78;height:50px; border:none;position:fixed;z-index:5;bottom:120px;width:150px; right:5%; border-radius:5px}
.close .m-i {font-size:25px;margin:-2px 2px 0px 0px;}


.lockb {pointer-events:none}

.swiper-wrapper {margin-bottom:5px;}

ben {font-family:AdorBold;line-height:1.1;font-weight:500;}
brtag {margin-top:15px; display:inline-block;width:100%;}


.slink {background-color:#8f91e7;color:white; padding:2px 4px; float: left; margin:0 1px 0 1px; border-radius: 2px; text-decoration: none;}
.infopopup {color:#161616; width: calc(94% - 20px); margin-top:15px; margin-left:3%; text-align:justify; font-size: 14px; padding: 10px; font-family: Roboto;}

.mainBtn {font-family:Ador; background-color:white;color:#585858; font-size: 17px; font-weight: bold; margin-bottom: 9px; width:calc(100% - 70px);text-align: left; border:0px solid #dbdbdb; border-radius: 10px; border-top-left-radius: 0;border-bottom-left-radius: 0; outline : none; height:90px; line-height: 2px; padding:5px 10px 0 0;float:left;}

.leftBtn {width: 55px;margin:0 0 9px 7px;background-color:#ffffff; border-radius:0px; border:0px solid #dbdbdb; border-right-width: 0px; border-top-left-radius: 10px;border-bottom-left-radius: 10px; height:90px;float:left;padding:0;}
.leftBtn .m-i {font-size: 40px; color:#a7a7a7}


.mainBtn subBtn {color:#808080; font-size: 12px; font-weight: normal; font-family: Ador; line-height:14px; float: left; height:30px; margin-bottom: -15px;}
.mainBtn hr { border: 2px solid #d1d1d1;border-radius: 50px;margin-bottom: 3px;}
.mainBtn .m-i {color: #d1d1d1; position: absolute; right: 0; margin: -35px -5px 0 0; font-size: 50px;}

.clear {clear: both;}
 

go {background: linear-gradient(to right, #37344d 0%, #2A2B40 100%); max-width:25%;width:25%;height:35px;line-height:35px; border-radius:0px; border-width:0px; color:#ADCDE1; font-weight:normal; font-size: 12px; margin:0 0 1px 0; text-align: center; font-family:oswald;display:block;float:left; }

underhead {display:block; padding-bottom:2px;border: 0px solid #BB9B81;border-bottom-width:2px;color: #646464;}
.highpopup {display:none;height:450px;}

.minfo {background-color: #5c66a7;font-family:AdorBold;font-size: 15px; text-align: justify; padding: 5px 10px 5px 10px;  width:calc(100% - 10px); min-height:70px;border-width:0px; line-height:20px; margin: -0px 0px 5px 5px; border:0px solid #535353; border-radius: 10px;border-top-left-radius: 0px;color: #dddddd;
}

infoh {font-family: Mockbix; font-size: 15px; height: 22px; line-height:22px; margin: 0 0 0 5px; background-color: #3b447a; padding: 0px 4px 0px 2px; border-top-right-radius: 10px;border-top-left-radius: 10px; color:#cecece; float:left
}
infoh .m-i {color:#5c66a7;margin-top: -1.5px;}

:root {color-scheme: only light;}

infoh {font-size: 13px;}

#sticky { position: fixed; margin-bottom:300px; top: 0px; left: 0px; z-index: 10; width:100%;color:black}


.closebtnr {width:40px;height:45px;float:right; margin:3px 0px 0px 0px; color:#000;transition-duration: 0.2s;}
.mbar {margin-right:8px}

.closebtnr:active {color:black;}

.menubar {background-color:white; color: black; text-align:left; width:100%;height:48px; 
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);padding-top:0px; }

.menubar img {float:left;margin:6px 0px 0px 6px;}

.menubar abc {background-color:transparent; font-size:17px; color:white; border:0px solid #C8C8C8; margin-top:10px; font-weight: normal;display:inline-block;padding:3px 7px 1px 7px;border-top-left-radius:20px;border-bottom-right-radius:20px;}


.tooltitle {float:left; height:51.5px;line-height:1.1; font-family: MockBix; margin-top: -2px; margin-left:10px}
.tooltitle tool1 {color:#000000; border-radius:5px;padding: 0 0 0 0; float:left; font-size: 15px;}
.tooltitle tool2 {font-size: 13px; font-family: AdorBold; background-color:#000000;border-radius:4px;padding: 2px 6px 1px 5px; float:left;}

MainMenubox {position:fixed; top:60px; right:10px; z-index:5; width:250px}
.menupopup {display: none; background-color:white; border-radius:10px; color:#797979; text-align:center; padding:0; padding-top: 12px; }
 
.menupopup .confirm { width:100%; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; margin:0}

.morebtn { border:none; border-radius:3px; width:45px; height:40px; float:right; margin:4px 3px 10px 0px;text-align:center;color:#000;}
.menubtn {text-align: left; width:calc(100% - 10px); font-size: 16px; font-family: AdorBold; font-weight: normal; border:none; margin:6px 0px 10px 0px; color:#4e4e4e; background-color: #ffffff; border-radius: 5px;}
.menubtn .m-i {color:#4e4e4e; margin:-2px 5px 0 5px}

hlogo { font-family: Mockbix; font-size: 15px}

title-back {position:fixed; top:48px; left:0; z-index:4;width: 100%; font-family: AdorBold;}

dhead{display:block;color:#ffffff;background-color:#34495E;border:none; padding:6px 0 6px 0; font-size: 16px; text-align: center;}

.noti{display:none; font-family: Mockbix; font-size:18px;position:fixed;float:left;top:0;left:0;width:100%; margin-left:0px;text-align:center;background-color:#eb7448;color:white; height:27px;line-height:27px; border-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px; z-index:5; padding:5px 0 5px 0;}

noti { background-color: #115481; padding:0 5px 0 5px; border-radius: 4px; }
.confirm {background-color:#423a78;color:white;height:50px;margin-top:3px;border:none; border-radius:5px; width: calc(50% - 10px);margin:0px 0px 5px 0px; font-family: MockBix;}


.confirm .m-i {font-size:25px;margin:-2.6px 2px 0px 0px;color:#8179ba}
.mclose {background-color:#423a78;color:white;height:50px; border:none;}
.mclose .m-i {font-size:25px;margin:-2px 2px 0px 0px;}

.scoreboard {background-color:#4e4e4e;color:#dadada;width:calc(100% - 14.33px);line-height:5px; font-size: 16px;padding-left:35px;text-align: left; margin: 5px 0 6px 0;}
.scoreboard hr {border-width: 1px;margin-bottom: 5px;}


loading, scrload{font-family: Mockbix;}

#belowpopup {display:none; position:fixed; width:100%;top:0;left:0; height:100vh; background-color:#00000080;z-index:5;}
#whitepopup {display:none; position:fixed; width:100%;top:0;left:0; height:100vh; background-color:#ffffff;z-index:5;}
#belowend {display:none; position:fixed; width:100%;top:0;left:0; height:100vh; background-color:#E7E7E7;z-index:4;}
#below {display:none; position:fixed; width:100%;top:0;left:0; height:100vh; background-color:#E7E7E7;z-index:4;}


.slink {background-color:#8f91e7;color:white; padding:2px 4px; margin:0 1px 0 1px; border-radius: 2px; text-decoration: none;}
.infopopup {color:#161616; width: calc(94% - 20px); margin-top:15px; margin-left:3%; text-align:justify; font-size: 14px; padding: 10px; font-family: Roboto;}

.tableWrapper {
  
  width: calc(100% - 10px);
  margin-left: 5px;
}


.mainTable {
  width: 100%;
  background-color: white;
  border-collapse: separate; /* Keeps internal borders visible */
  border-spacing: 0; /* Ensures there’s no gap between borders */
  border: 1px solid #d6d6d6;
  border-radius: 15px;
}
.footer {background: none;}

.mainTable td {
  font-family: AdorBold;
  color: #666666;
  border: 1px solid #d6d6d6;
  padding: 10px;
  text-align: center;
}
.footer td {padding: 0; padding-top: 10px;}

.mainTable .firstTr td {background-color: #6c5880; color: #ffffff;}
.footer .firstTr td {background-color: #473955; padding: 10px;}

.mainTable tr:first-child td:last-child {
  border-top-right-radius: 14px;
}
.mainTable tr:first-child td:first-child {
  border-top-left-radius: 14px;
}
.mainTable tr:last-child td:last-child {
  border-bottom-right-radius: 14px;
}
.mainTable tr:last-child td:first-child {
  border-bottom-left-radius: 14px;
}
.underList td {width: 50%;}
.underList {background: none;}


.shareBtn {background-color:#52ac89; margin:0 0 0 5px; height:60px; width:65px; border-radius: 10px; }
.shareBtn .m-i {color:#ffffff;}

body {counter-set: s;}
.list tr:nth-child(n+2) td:first-child:after{counter-increment: s;content: counter(s);}
.list tr td:nth-child(1) {width: 25px;}
.list tr td:nth-child(3) {width: 110px;}
.underList button {background-color: white; color: #068d65; font-size: 17px; border-radius: 5px; width: 100%; float: left; height: 40px; text-decoration: none;}

.underList button:hover {color: #2E86C1;}


.youAre {background-color: #e0e0e0; color: #1f1f1f;}