@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");

*,
*::before,
*::after {
  box-sizing: border-box; }
  
body {
  font-family: "poppins", sans-serif;
  background-color: #F6F6F6; 
  margin: 0;
}  

/* Header CSS Start */
.header-main {
  padding-bottom: 32px;	
}
#new-header {
  padding-bottom: 35px;	
}
#new-header .navbar-brand {
  font: normal normal 600 20px / 1 Poppins;
  color: #7A9093;
  margin: 0px;
}
#new-header nav a {
  display: block;
  text-decoration: none;
}
.top-header {
  background: #85B0A1;
  padding: 6px 0px;
}
.maininnerbox {
  border: 1px solid #D6D6D6;
  background: #FFFFFF;		
  border-radius: 20px;
  opacity: 1;	
}
.maininnertop {
  border-bottom: 1px solid #D6D6D6;
  padding: 23px 31px 9px;
}
.maininnertop h1 {
  font: normal normal 500 25px/38px Poppins;
  letter-spacing: 0px;
  color: #707070;
  margin: 0px;
}
.maininnerbody {
  padding: 17px 31px 58px;	
}
.maininnertext p {
  font: normal normal 500 13px/20px Poppins;
  letter-spacing: 0px;
  padding-bottom: 17px;
  color: #707070;
  margin: 0px;
}
.maininnercontent {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #D6D6D6;
  background: #FFFFFF;
  border-radius: 20px;	
  margin: 0px 60px 30px;
  padding: 8px 18px;
}
.maininnerleft h2 {
  font: normal normal 600 25px/38px Poppins;
  letter-spacing: 0px;
  color: #707070;	
  margin: 0px;
}
.maininnerleft h3 {
  font: normal normal 400 20px/30px Poppins;
  letter-spacing: 0px;
  color: #707070;
  margin: 0px;
}
.maininnerleft h6 {
  font: normal normal 400 13px/20px Poppins;
  padding-bottom: 7px;
  letter-spacing: 0px;
  color: #707070;
  margin: 0px;
}
.maininnerleft h5 {
  font: normal normal 400 20px/30px Poppins;
  letter-spacing: 0px;
  color: #707070;
  margin: 0px;  
}
.maininnerleft p {
  font: normal normal 600 30px/46px Poppins;
  letter-spacing: 0px;
  color: #707070;
  margin: 0px;  
}
.addfundbutton {
  background: transparent linear-gradient(180deg, #B2EAD6 0%, #58796D 100%) 0% 0% no-repeat padding-box;
  font: normal normal 600 10px/24px Poppins;
  letter-spacing: 0px;
  border-radius: 20px;
  border: none;
  color: #FFFFFF;
}
.printbutton {
  background: transparent linear-gradient(180deg, #F2AFAB 0%, #D57F79 100%) 0% 0% no-repeat padding-box;
  font: normal normal 600 10px/24px Poppins;
  letter-spacing: 0px;
  border-radius: 20px;
  border: none;
  color: #FFFFFF;
}
.updatebutton {
  background: transparent linear-gradient(180deg, #E5D390 0%, #B49F54 100%) 0% 0% no-repeat padding-box;
  font: normal normal 600 10px/24px Poppins;
  letter-spacing: 0px;
  border-radius: 20px;
  border: none;
  color: #FFFFFF;
}
.editbutton {
  background: transparent linear-gradient(180deg, #B4C5C9 0%, #5C696C 100%) 0% 0% no-repeat padding-box;
  font: normal normal 600 10px/24px Poppins;
  letter-spacing: 0px;
  border-radius: 20px;
  border: none;
  color: #FFFFFF;	
}
.linkcardbutton {
  background: transparent linear-gradient(180deg, #7689E6 0%, #2B3564 100%) 0% 0% no-repeat padding-box;
  font: normal normal 600 10px/24px Poppins;
  letter-spacing: 0px;
  border-radius: 20px;
  border: none;
  color: #FFFFFF;		
}
.addfundbutton:hover {
  background: linear-gradient(180deg, #A0DCC7 0%, #46665C 100%);
  cursor: pointer;
  transform: scale(1.03);
  transition: all 0.3s ease;
}
.printbutton:hover {
  background: linear-gradient(180deg, #E89C98 0%, #C06B65 100%);
  cursor: pointer;
  transform: scale(1.03);
  transition: all 0.3s ease;
}
.updatebutton:hover {
  background: linear-gradient(180deg, #D8C36E 0%, #9C8944 100%);
  cursor: pointer;
  transform: scale(1.03);
  transition: all 0.3s ease;
  color: #FFFFFF;
}
.editbutton:hover {
  background: linear-gradient(180deg, #A4B6BA 0%, #495455 100%);
  cursor: pointer;
  transform: scale(1.03);
  transition: all 0.3s ease;
}
.linkcardbutton:hover {
  background: transparent linear-gradient(180deg, #7689E6 0%, #2B3564 100%) 0% 0% no-repeat padding-box;
  cursor: pointer;
  transform: scale(1.03);
  transition: all 0.3s ease;
}
.txto {
  font: normal normal 400 15px/23px Poppins;
  text-decoration: none;
  letter-spacing: 0px;
  color: #707070;	
}
.activedot {
  display: flex;
  align-items: center;  
}
.activedot a {
  font: italic normal 600 13px/20px Poppins;
  text-decoration: underline;
  letter-spacing: 0px;
  color: #154BFF;	
}
.activedot p {
  font: normal normal 500 13px/16px Poppins;
  letter-spacing: 0px;
  color: #707070;	
  margin: 0px;
}
.activedtt {
  background: #00D128;	
  border-radius: 50%;
  height: 11px;
  width: 11px;
}
.deactivedtt {
  background: #d57f79;	
  border-radius: 50%;
  height: 11px;
  width: 11px;	
}
.droptext li a {
  font: normal normal 500 10px/16px Poppins;
  letter-spacing: 0px;
  color: #707070;
}
.mainmidbox {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #D6D6D6;
  border-radius: 20px;
  background: #FFFFFF;
}
.mainmidtop {
  background: #85B0A1;
  padding: 7px 0px;  
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.mainmidtop h5 {
  font: normal normal 600 12px/18px Poppins;
  letter-spacing: 0px;
  text-align: center;
  color: #FFFFFF;
  margin: 0px;
}
.mainmidbody {
  padding: 10px 26px;	
}
.mainmidbody h6 {
  font: normal normal 600 13px/20px Poppins;
  padding-bottom: 14px;
  letter-spacing: 0px;
  color: #707070;
  margin: 0px;  
}
.mainmidbody h6::after {
 display: inline-block;
  margin: 0px 0px 5px 10px;
  height: 1px;
  content: "";
  background-color: #DDD;
  width: 60%;
}
.mainmidbody .form-label {
  font: normal normal normal 13px / 30px Poppins;
  margin: 0px;
}
.mainmidbody .form-control {
  border-radius: 0px;  
  font-size: 12px;
}
.mainmidbody .form-control:focus {
  box-shadow: none;  
}
.mainmidbody .form-select {
  border-radius: 0px;  
  font-size: 12px;
}
.mainmidbody .form-select:focus {
  box-shadow: none;  
}
.allowlabel {
  font: normal normal 400 14px/13px Poppins;
  letter-spacing: 0px;
  color: #707070;	
}
.importantbox h5 {
  font: normal normal 600 16px/24px Poppins;
  letter-spacing: 0px;
  padding-bottom: 6px;
  color: #707070;  	
  margin: 0px;
}
.importantbox p {
  font: normal normal 400 14px/21px Poppins;
  letter-spacing: 0px;
  color: #707070;	
  margin: 0px;
}
.addeventbutton {
  background: transparent linear-gradient(180deg, #B2EAD6 0%, #58796D 100%) 0% 0% no-repeat padding-box;
  font: normal normal 600 14px/24px Poppins;
  border-radius: 20px;	
  border: none;
}
.addeventbutton:hover {
  background: linear-gradient(180deg, #A0DCC7 0%, #46665C 100%);
  cursor: pointer;
  transform: scale(1.03);
  transition: all 0.3s ease;
}
.historymidbox {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #D6D6D6;
  border-radius: 20px;
  background: #FFFFFF;
}
.historymidtop {
  background: #85B0A1;
  padding: 7px 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.historymidbody {
  padding: 0px;
}
.historymidtop h5 {
  font: normal normal 600 12px / 18px Poppins;
  letter-spacing: 0px;
  text-align: center;
  color: #FFFFFF;
  margin: 0px;
}
.historymidbody .table tr th {
  font: normal normal 600 10px/12px Poppins;
  letter-spacing: 0px;
  text-align: center;
  color: #505050;
}
.historymidbody .table tr td {
  font: normal normal normal 10px/12px Poppins;
  letter-spacing: 0px;
  text-align: center;
  color: #505050;
}
.buttonsboxs {
  padding: 0px 30px 24px;	
}		
.barbutton {
  font: normal normal 600 10px/20px Poppins;
  background: #EFEFEF; 
  border-radius: 0px;
  letter-spacing: 0px;
  color: #656565;
}		
.bartopbox {
  padding: 20px;
}
.barr p {
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding-top: 20px;
  margin: 0px;  
}
.barnote {
  padding-top: 20px;
  color: #000;
  font-size: 11px;
  margin: 0px;
}
.details-bx p { 
  font-size: 14px;
  line-height: 26px;
  margin: 0px;
  padding-bottom: 5px;  
}
#unlinkmodal {
  box-shadow: 0px 3px 6px #00000029; 
}
#unlinkmodal .modal-header {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #85B0A1;	
  padding: 10px;
}
#unlinkmodal .modal-title { 
  font: normal normal 600 14px/21px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
}
#unlinkmodal .modal-content {
  border-radius: 20px;	
  border: none;
}
.unlinkbox {
  padding-bottom: 20px;
  padding-top: 9px;	
}
.unlinkbox p {
  font: normal normal 400 13px/20px Poppins;
  padding-bottom: 4px;
  letter-spacing: 0px;
  color: #707070;	
  margin: 0px;  
}
.unlinkmodalbtn {
  font: normal normal 600 12px/18px Poppins;
  background: #276AFF;
  border-radius: 20px;	
  letter-spacing: 0px;
  color: #FFFFFF;
}
#addfundmodal {
  box-shadow: 0px 3px 6px #00000029; 
}
#addfundmodal .modal-header {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #85B0A1;	
  padding: 10px;
}
#addfundmodal .modal-title { 
  font: normal normal 600 14px/21px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
}
#addfundmodal .modal-content {
  border-radius: 20px;	
  border: none;
}
.addfundbox p {
  font: normal normal 400 13px/20px Poppins;
  padding-bottom: 12px;
  letter-spacing: 0px;
  color: #707070;	
  margin: 0px;  
}
.addfundbox .form-label {
  font: normal normal 600 13px/36px Poppins;
  letter-spacing: 0px;
  color: #707070;	
  margin: 0px;
}
.addfundbox .form-control {
  border-radius: 0px;
  font: normal normal 400 13px/24px Poppins; 
}
.addfundbox .form-control:focus {
  box-shadow: none;	
}
.submitmodalbtn {
  background: transparent linear-gradient(180deg, #B2EAD6 0%, #58796D 100%) 0% 0% no-repeat padding-box;
  font: normal normal 600 14px/28px Poppins;
  border-radius: 20px;	
  border: none;
}
.submitmodalbtn:hover {
  background: linear-gradient(180deg, #A0DCC7 0%, #46665C 100%);
  transition: all 0.3s ease;
  cursor: pointer;
}
#editstudentmodel {
  box-shadow: 0px 3px 6px #00000029; 
}
#editstudentmodel .modal-header {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #85B0A1;	
  padding: 10px;
}
#editstudentmodel .modal-title { 
  font: normal normal 600 14px/21px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
}
#editstudentmodel .modal-content {
  border-radius: 20px;	
  border: none;
}
.editstudentbox .form-label {
  font: normal normal 600 13px/28px Poppins;
  letter-spacing: 0px;
  color: #707070;	
  margin: 0px;
}
.editstudentbox .form-control {
  font: normal normal 400 13px/24px Poppins; 
  border-radius: 0px;
  height: 32px;
}
.editstudentbox .form-control:focus {
  box-shadow: none;	
}
.editmodalbtn {
  background: transparent linear-gradient(180deg, #B2EAD6 0%, #58796D 100%) 0% 0% no-repeat padding-box;
  font: normal normal 600 14px/28px Poppins;
  border-radius: 20px;	
  border: none;
}
.editmodalbtn:hover {
  background: linear-gradient(180deg, #A0DCC7 0%, #46665C 100%);
  transition: all 0.3s ease;
  cursor: pointer;
}
#linkupdatemodal {
  box-shadow: 0px 3px 6px #00000029; 
}
#linkupdatemodal .modal-header {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #85B0A1;	
  padding: 10px;
}
#linkupdatemodal .modal-title { 
  font: normal normal 600 14px/21px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
}
#linkupdatemodal .modal-content {
  border-radius: 20px;	
  border: none;
}
.btn-close {
  content: '✕ ';
  font-size: 9px;
  border: 1px solid #ffffff;
  opacity: 1;
  border-radius: 28px;
  margin-right: 2px !important;
  position: absolute;
  right: 10px;
  color: #fff;
  background-color: #fff;
}
.btn-close:focus {
  box-shadow: none;	
}
.linkcreditbox .clicktextt {
  font: normal normal 400 11px/14px Poppins;
  letter-spacing: 0px;
  color: #707070;
  margin: 0px;  
}
.linkcreditbox .nametextxt {
  font: normal normal 400 12px/14px Poppins;
  padding-bottom: 10px;
  letter-spacing: 0px;
  color: #707070;
  margin: 0px;  	
}
.linkcreditbox .form-control {
  font: normal normal 400 13px/24px Poppins; 
  border-radius: 0px;
  height: 32px;
}
.linkcreditbox .form-control:focus {
  box-shadow: none;	
}
.linkcreditbox .form-label {
  font: normal normal 600 13px/28px Poppins;
  letter-spacing: 0px;
  color: #707070;	
  margin: 0px;
}
.submitlinkmodalbtn {
  background: transparent linear-gradient(180deg, #B2EAD6 0%, #58796D 100%) 0% 0% no-repeat padding-box;
  font: normal normal 600 14px/28px Poppins;
  border-radius: 20px;	
  border: none;
}
.submitlinkmodalbtn:hover {
  background: linear-gradient(180deg, #A0DCC7 0%, #46665C 100%);
  transition: all 0.3s ease;
  cursor: pointer;
} 
.mainfooter {
  background: #FFFFFF;
  padding: 51px 0px;	
}
.footerboxone p {
  font: normal normal 400 13px/34px Poppins;
  letter-spacing: 0px;
  color: #222222;	
  margin: 0px;
}
.footerboxone a {
  font: normal normal 500 13px/38px Poppins;
  text-decoration: none;
  letter-spacing: 0px;
  color: #222222;	
}
.footerboxtwo h4 {  
  font: normal normal bold 16px/21px Poppins;
  letter-spacing: 0px;
  padding-bottom: 8px;
  color: #222222;
  margin: 0px;
}
.footerboxtwo p {  
  font: normal normal normal 11px/21px Poppins;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.footerboxtwo .btn {
  font: normal normal 500 14px/26px Poppins;
  border: 1px solid #707070;
  background: #85B0A1;	
  border-radius: 0px;
  letter-spacing: 0px;
  color: #FFFFFF;
  border: none;
}
.footerboxthree h4 {  
  font: normal normal bold 16px/21px Poppins;
  letter-spacing: 0px;
  padding-bottom: 8px;
  color: #222222;
  margin: 0px;
}
.footerboxthree p {  
  font: normal normal normal 11px/21px Poppins;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.footerboxthree .btn {
  font: normal normal 500 14px/26px Poppins;
  border: 1px solid #707070;
  background: #E37A76;	
  border-radius: 0px;
  letter-spacing: 0px;
  color: #FFFFFF;
  border: none;
}
.footerboxfour h4 {  
  font: normal normal bold 16px/21px Poppins;
  letter-spacing: 0px;
  padding-bottom: 8px;
  color: #222222;
  margin: 0px;
}
.footerboxfour p {  
  font: normal normal normal 11px/21px Poppins;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.footerboxfour .btn {
  font: normal normal 500 14px/26px Poppins;
  border: 1px solid #707070;
  background: #E3C461;	
  border-radius: 0px;
  letter-spacing: 0px;
  color: #FFFFFF;
  border: none;
}
.footerboxfive {
  padding-right: 20px;	
}
.footerboxfive h4 {  
  font: normal normal bold 16px/21px Poppins;
  letter-spacing: 0px;
  padding-bottom: 8px;
  color: #222222;
  margin: 0px;
}
.footerboxfive p {  
  font: normal normal normal 11px/21px Poppins;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.footerboxfive ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  display: flex;
}
.footerboxfive ul li {
  display: flex;
  text-align: center;   		  
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
}
.footerboxfive ul li:nth-child(1) {
  background: #85B0A1;
}
.footerboxfive ul li:nth-child(2) {
  background: #E37A76;
}
.footerboxfive ul li:nth-child(3) {
  background: #E3C461;
}
.footerboxfive ul li:nth-child(4) {
  background: #7A9093;
}
.footerboxfive ul li:nth-child(5) {
  background: #5D4E60;
}
.footerboxfive ul li:nth-child(6) {
  background: #FA4747;
}
.footerboxfive ul li a {
  color: #FFFFFF;	
}
.footerboxfive ul li a i {
  line-height: 38px;
  font-size: 18px;  
}
.mobilmail {
  display: none !important;	
}
.mobilon {
  display: none !important;   
}
.desktopactivedot {
  display: block !important;	
}
.desktblee {
  display: block !important;		
}
.mobilgrade {
  display: none !important;		
}
.mobilhidden {
  display: block !important;			
}
.mobilamunt {
  display: none !important;     	
}
.mobilactivedot {
  display: none !important;     		
}
.mymobillogo {
  display: none !important;     			
}
.historycontentbox {
  display: none !important;     				
}
.historycontentbox {
  padding: 18px 13px;	
  border-bottom: 2px solid #D6D6D6;
}
.historycontentbox p {
  font: normal normal 500 10px/16px Poppins;	
  padding-bottom: 4px;
  color: #707070;	
  margin: 0px;	
}

@media screen and (min-width: 0px) and (max-width: 768px) { 
  .header-main {
	padding-bottom: 13px;  
  }
  .mainfooter {
    padding: 28px 0px;	
  }
  #new-header {
    padding-bottom: 6px !important;	
  }
  #new-header .navbar-brand {
    font: normal normal bold 12px / 18px Poppins;	
    color: #222222; 
  }
  .ftrlogo img {
    display: none;	
  }
  .footerboxone p {
    font: normal normal 500 10px / 16px Poppins;		
    color: #222222; 
  }
  .footerboxtwo h4 {
    font: normal normal bold 12px / 21px Poppins;		
    padding-bottom: 11px !important;
    color: #222222; 
  }
  .footerboxtwo p {
    font: normal normal 500 10px / 16px Poppins;
    padding-bottom: 11px !important;
  }
  .footerboxthree h4 {
    font: normal normal bold 12px / 21px Poppins;		
    padding-bottom: 11px !important;
    color: #222222; 
  }
  .footerboxthree p {
    font: normal normal 500 10px / 16px Poppins;
    padding-bottom: 11px !important;
  }
  .footerboxfour h4 {
    font: normal normal bold 12px / 21px Poppins;		
    padding-bottom: 11px !important;
    color: #222222; 
  }
  .footerboxfour p {
    font: normal normal 500 10px / 16px Poppins;
    padding-bottom: 11px !important;
  }
  .footerboxfive {
    padding-right: 0px;	
  }
  .footerboxfive h4 {
    font: normal normal bold 12px / 21px Poppins;		
    padding-bottom: 11px !important;
    color: #222222; 
  }
  .footerboxfive p {
    font: normal normal 500 10px / 16px Poppins;
    padding-bottom: 11px !important;
  }
  .deskmail {
    display: none;	
  }
  .mobilmail {
    font: normal normal 500 10px / 16px Poppins !important;	
    display: block !important;
    padding-bottom: 12px !important;
  }
  .deskon {
    display: none !important;		
  }
  .mobilon {
    display: block !important;
  }
  .footerboxtwo .btn {
    font: normal normal 600 12px/34px Poppins;
    margin-bottom: 12px;	
  }
  .footerboxthree .btn {
    font: normal normal 600 12px/34px Poppins;
    margin-bottom: 12px;	
  }
  .footerboxfour .btn {
    font: normal normal 600 12px/34px Poppins;
    margin-bottom: 12px;	
  }
  .footerboxfive ul li {
    width: 51px;
    height: 50px;	
  }
  .footerboxfive ul li a i {
    font-size: 30px;	
  }		
  .maininnercontent {
    margin: 0px 0px 14px !important;	  
  }
  .maininnerbody {
	padding: 21px 9px 14px;  
  }
  .mydropshowhide {
	display: none;  
  }
  .maininnertop {
	padding: 10px 0px 6px !important;  
  }
  .maininnertop h1 {
	font: normal normal 500 17px/26px Poppins;  
	text-align: center;  
  }
  .maininnertext p {
	font: normal normal 400 10px/16px Poppins;  
  }
  .addfundbutton {
	font: normal normal 600 11px/17px Poppins;
	margin-bottom: 15px;  
	padding: 10px; 	
  }
  .printbutton {
	font: normal normal 600 11px/17px Poppins; 
	padding: 10px; 	
  }
  .updatebutton {
	font: normal normal 600 11px/17px Poppins;
	margin-bottom: 15px;  
	padding: 10px; 	  
  }
  .editbutton {
	font: normal normal 600 11px/17px Poppins; 
	padding: 10px; 	  
  }
  .maininnerleft h2 {
	font: normal normal 600 15px/23px Poppins;  
  }
  .maininnerleft h3 {
	font: normal normal 400 10px/16px Poppins;    
  }
  .maininnerleft h6 {
	font: normal normal 400 10px/16px Poppins;    
  }
  .mobilamunt {
    display: block !important;     	
  }
  .mobilactivedot {
    display: block !important;     		  
  }
  .mymobillogo {
    display: block !important; 
    padding-bottom: 18px;	
  }
  .mymobillogo .navbar-brand {
    font: normal normal bold 18px/27px Poppins !important;	  
	color: #7A9093 !important; 
  }
  .mobilamunt h5 {
	 font: normal normal 400 10px/16px Poppins; 
	 color: #707070;
	 margin: 0px;
  }
  .mobilamunt p {
	 font: normal normal bold 30px/46px Poppins; 
	 color: #707070;
	 margin: 0px;
  }
  .desktopactivedot {
	display: none !important;  
  }
  .mobilgrade {
	display: block !important;   
  }
  .mobilhidden {
	display: none !important;  
  }
  .mobilactivedot {
	padding-bottom: 12px;  
  }
  .activedot p {
	font: normal normal 500 10px/14px Poppins;  
  }
  .activedot a {
	font: italic normal 600 10px/14px Poppins  
  }
  .mainmidbody {
    padding: 21px 9px 14px !important; 	  
  }
  .importantbox h5 {
    font: normal normal 600 12px/16px Poppins !important;	  
  }
  .importantbox p {
	font: normal normal 400 10px/14px Poppins !important;   
  }
  .allowlabel {
	font: normal normal 400 11px/21px Poppins !important;  
  }
  .mainmidbody h6::after {
	width: 44% !important;  
  }
  .historycontentbox {
	display: block !important;  
  }
  .desktblee {
	display: none !important;  	  
  }
  
  
}	

 
 
 
 
 
 
 

.welcome .table {
    text-align: center;
}
.welcome .table td {
    font-size: 13px;
    text-align: center !important;
    border: 1px solid #000;
}
.student-menu {
    text-align: left;
}
.student-menu ul {
    padding: 0;
    list-style-type: none;
}
.student-menu ul li {
    padding: 5px 0;
}
.student-menu ul li a {
    text-decoration: none;
    color: #7A9093;
    font: normal normal 500 16px/36px Poppins;
    display: block;
    padding-left: 69px;
}
.student-bx {
    text-align: center !important;
    width: 50%;
    margin: 0 auto;
}


.head-text {
    margin-bottom: 10px;
    line-height: 25px;
    text-align: left;
}
.head-green {
    text-align: center;
    background: #85b0a1;
    color: white;
    padding: 6px 0px 1px 0px;
    margin: -24px;
   
}
 .mod-card b {margin-right:8px;}
 .mod-card { padding: 13px;}
 .card { padding: 11px;}
  

 /* Common styles for both mobile and desktop */
    #hidden-desktop {
      display: none; /* Hide by default */
    }
	#welcome { display: none;}

    /* Media query for mobile devices (up to 767px width) */
    @media only screen and (max-width: 767px) {
      #hidden-desktop {
        display: block; /* Show on mobile */
      }
	 #welcome { display: none;}
	 .ewallet {
    display: none;
}
    }

    /* Media query for desktop devices (768px width and above) */
    @media only screen and (min-width: 768px) {
      #hidden-desktop {
        display: none; 
      }
	  #welcome { display: block;}
    }
	