.main {
  padding: 50px 0px;	
}
.coordinatordatabx {
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px 10px 0px 0px;
  padding: 38px 0px;
}
.coordinatordatabx .inruploadsection {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
  gap: 55px;
  padding: 34px 77px 34px 77px;
  border-radius: 12px;
}
.inruploadsection .content {
  flex: 1;
  max-width: 450px;
}
.inruploadsection .content h2 {
  font: normal normal bold 20px/28px Poppins;
  padding-bottom: 7px;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.inruploadsection .subtitle {
  font: normal normal 500 15px/24px Poppins;
  padding-bottom: 14px;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.inruploadsection .description {
  font: normal normal 400 12px/20px Poppins;
  padding-bottom: 24px;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.uploadbtn {
  font: normal normal 400 11px/18px Poppins;
  background: #7A9093;
  border-radius: 10px;	  
  letter-spacing: 0px;
  color: #FFFFFF;
  min-width: 253px;
}
.uploadimgbx {
  width: 100%;
  max-width: 359px;
  height: 294px;
  background: #DBDBDB;
  border: 1px solid #707070;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.uploadimgbx img {
  width: 100%;
  height: 100%;
  object-fit: contain; 
}
.helpfulcontentbx {
  background: #85B0A1;
  padding: 15px 0px 30px 0px;
}
.helpfulcontentbx h5 {
  font: normal normal bold 20px/31px Poppins;
  text-align: center;
  padding-bottom: 9px;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin: 0px;
}
.helpfulcontentbx p {
  font: normal normal 400 15px/28px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin: 0px;
}  
.inruploadsection2 {
  padding: 34px 77px 34px 77px;
  border-radius: 12px;
}
.inruploadsection2 h3 {
  font: normal normal bold 20px/28px Poppins;
  padding-bottom: 10px;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.inruploadsection2 .description {
  font: normal normal 400 12px/20px Poppins;
  padding-bottom: 19px;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.greenhead {
  background: #85B0A1;
  padding: 10px 19px;
}
.greenhead h6 {
  font: normal normal 400 14px/20px Poppins;
  letter-spacing: 0px;
  color: #222222;	
}
.greenboxes {
  border: 1px solid #707070;
  padding: 17px 19px 10px;
}
.greenboxeleft h6 {
  font: normal normal 600 12px/20px Poppins;
  padding-bottom: 17px;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.greenboxeleft p {
  font: italic normal 400 12px/20px Poppins;
  letter-spacing: 0px;
  color: #222222;
  padding-bottom: 20px;
  margin: 0px;
}
.greenboxeright h6 {
  font: normal normal 600 12px/20px Poppins;
  padding-bottom: 17px;
  letter-spacing: 0px;
  color: #222222;
  margin: 0px;
}
.greenboxeright p {
  font: italic normal 400 12px/20px Poppins;
  letter-spacing: 0px;
  color: #222222;
  padding-bottom: 20px;
  margin: 0px;
}
.redcolors {
  background: #E37A76;
}
.redboxes {
  border: 1px solid #707070;
  padding: 42px;
}
.redboxeleft ul {
  padding: 0px;
  margin: 0px;
}
.redboxeleft ul li {
  font: normal normal 400 12px/26px Poppins;
  letter-spacing: 0px;
  color: #222222;
  padding-bottom: 20px;
}
.redboxeleft ul li:last-child {
  padding-bottom: 0px;	
}
.sidebar-body {
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;	
  padding: 18px 25px 43px;
}
.mainsidebarbookstore .sidebar-header {
  background: #7A9093;
  border-radius: 10px 10px 0px 0px;	
  padding: 18px 25px 11px;
}
.mainsidebarbookstore .sidebar-header h3 {
  font: normal normal 600 18px/21px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;	
  margin: 0px;
}
.sidebar-body ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;  
}
.mainmenu li a {
  font: normal normal 600 12px/14px Poppins;
  letter-spacing: 0px;
  color: #222222;  	
}
.mainmenu li {
  padding-bottom: 14px;	
}
.navone {
  font: normal normal 600 16px/21px Poppins;
  border-bottom: 5px solid #7A9093;
  padding-bottom: 5px !important;
  letter-spacing: 0px;
  color: #222222;
  margin-bottom: 10px;	
  display: inline-block;   
}
.navtwo {
  font: normal normal 600 16px/21px Poppins;
  border-bottom: 5px solid #E37A76;
  padding-bottom: 5px !important;
  letter-spacing: 0px;
  color: #222222;
  margin-bottom: 10px;	
  display: inline-block;   
}
.navthree {
  font: normal normal 600 16px/21px Poppins;
  border-bottom: 5px solid #E3C461;
  padding-bottom: 5px !important;
  letter-spacing: 0px;
  color: #222222;
  margin-bottom: 10px;	
  display: inline-block;   
}
.navfour {
  font: normal normal 600 16px/21px Poppins;
  border-bottom: 5px solid #85B0A1;
  padding-bottom: 0px !important;
  letter-spacing: 0px;
  color: #222222;
  margin-bottom: 0px;	
  display: inline-block;   
}

@media (max-width: 768px) {
  .inruploadsection {
    flex-direction: column;
    text-align: center;
  }
  .uploadimgbx {
    max-width: 100%;
    height: 200px;
  }
  .uploadbtn {
	width: 100%;  
  }
  .coordinatordatabx .inruploadsection {
    padding: 20px 20px 20px 20px;
	gap: 30px;
  }
  .helpfulcontentbx {
	padding: 15px 0px 15px 0px; 
  }
  .helpfulcontentbx h5 {
    font: normal normal bold 16px / 26px Poppins;
  }
  .helpfulcontentbx p {
	font: normal normal 400 12px/20px Poppins;  
    padding-bottom: 10px;
  }
  .mainsidebarbookstore {
	margin-bottom: 20px;  
  }
  .coordinatordatabx {
	padding-top: 0px;  
  }
  .inruploadsection .content h2 {
    font: normal normal bold 16px / 22px Poppins;
  }
  .inruploadsection .subtitle {
    font: normal normal 500 14px/21px Poppins;
  }
  .inruploadsection2 {
    padding: 20px 20px 20px 20px;
  }
  .redboxes {
	padding: 20px;  
  }
  
  
}