.left-aligned {
  margin-left: auto;
}

.bg-dark {
  background-color: #343a40 !important;
  /* background-image: linear-gradient(24deg, #c8e1dd, #84d2ea); */
}

.bg-hero {
  background-color: #7952b3;
}

/* CALLOUT */
.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #e9ecef;
  border-left-width: .25rem;
  border-radius: .25rem
}

.bd-callout h4 {
  margin-bottom: .25rem
}

.bd-callout p:last-child {
  margin-bottom: 0
}

.bd-callout code {
  border-radius: .25rem
}

.bd-callout+.bd-callout {
  margin-top: -.25rem
}

.bd-callout-info {
  border-left-color: #5bc0de
}

.bd-callout-warning {
  border-left-color: #f0ad4e
}

.bd-callout-danger {
  border-left-color: #d9534f
}

/* footer */
footer a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

footer a:hover {
  color: white;
  text-decoration: underline;
}

/* add */
.container11, .container11-fluid, .container11-lg, .container11-md, .container11-sm, .container11-xl, .container11-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left: var(--bs-gutter-x, .75rem);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {
  .container11, .container11-sm {
      max-width: 540px
  }
}

@media (min-width:768px) {
  .container11, .container11-md, .container11-sm {
      max-width: 720px
  }
}

@media (min-width:992px) {
  .container11, .container11-lg, .container11-md, .container11-sm {
      max-width: 960px
  }
}

@media (min-width:1200px) {
  .container11, .container11-lg, .container11-md, .container11-sm, .container11-xl {
      max-width: 1140px
  }
}

@media (min-width:1400px) {
  .container11, .container11-lg, .container11-md, .container11-sm, .container11-xl, .container11-xxl {
      max-width: 1320px
  }
}
.navbar>.container11, .navbar>.container11-fluid, .navbar>.container11-lg, .navbar>.container11-md, .navbar>.container11-sm, .navbar>.container11-xl, .navbar>.container11-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between
}
.nav {
  /* background: #92e1f94d; */
  width: 100%;
  /* height: 100px; */
  font-size: 20px;
  line-height: 100px;
  text-align: center;
  border-bottom: 1px solid rgb(121, 221, 198);
}

.box {
  margin: 0 auto;
  /* width: 1200px; */
}

.fl_l {
  width: 200px;
  float: left;
  border: 1px solid #f4f4f4;
  background: #fff;
 
}
.container .tabs-custom .nav-link .active {
  background-color: #3f90dc;
}

@media(max-width:900px) {
  .fl_l {
    display: none;
  }
}

@media(min-width:900px) {
  .fl_r {
    float: right;
    width: 900px;
  }
}

.fl_l li a {
  border: 1px solid #cccccc;
  /* text-align: center; */
  padding-left:15px;
  display: block;
  color: #4345cf;
  font-size: 15px;
  line-height: 55px;
  
}
.box .fl_l li .confont {
  /* overflow: hidden;
  text-overflow: ellipsis;  
  white-space: nowrap; 
  -webkit-box-orient: vertical;  */
  display: block;
  line-height:30px;
	
}

.fl_l li.active a {
  background: rgb(63, 120, 252);
  color: #fff;

}

.fl_r li {
  margin-top: 20px;
  margin-bottom: 30px;
  /* background: rgb(187, 211, 255); */
  /* font-size: 50px; */
  /* line-height: 300px; */
  display: block;
  /* text-align: center; */
  border: 1px solid #ccc;
  border-radius: 10px;
}

.banner {
  background: #fff;
  width: 100%;
  height: 600px;
  font-size: 40px;
  line-height: 600px;
  text-align: center;
  margin-bottom: 30px;
}

.table-info a {
  display: block;
  margin-top: 10px;
}

.heading-decorate-wrap h4 {
  font-size: 23px;
  font-weight: bold;
  color: rgb(121, 137, 162);
}

.name {
  /* margin-left: 10px; */
  margin-top: 20px;
  padding-right: 10px;
  /* margin-bottom: 20px; */
  font-weight: bold;
  color: #1169bc;
}


.li1 .text-center {
  /* background: linear-gradient(to top right, #e0f9b3 0%, #b0e6d2 55%, #f4f7f9 100%); */
  background: rgb(126 193 233)
}

/* collaboration */
.bgNew {
  padding-top: 15px;
  padding-bottom: 15px;
  background-image: linear-gradient(24deg, #c8e1dd, #84d2ea);
}
 .change p {
  margin-top: 2px;
  margin-bottom: 20px;
}
.li1 h4 {
  font-size:34px;
}
.change {
  padding: 20px;
}


.collLeft {
  float: left;
  width: 65%;
}

.collRight {
  float: right;
  width: 35%;
  text-align: center;
}

.collRight img {
  width: 250px;
  height: 306px;
}

.imgChange {
    margin-top:10px;
  text-align: center;
}

.imgChange img {
  width:70%;
  height: 70%;

}
.imgChange img:nth-child(17){
  width:50%;
  height: 50%;
  margin-bottom: 10px;
}

.change .imgChange h3 {
  text-align: center;
}

.imgChange p {
  text-align: center;
  font-size: 15px;
  color: #5a5252;
}
/* partnership */
/* .pshipleft {
  display:inline-block;
} */
.pshipright {
  /* display:inline-block; */
  font-style: italic;
}
#partTitle {
  font-size: 10px;
}
/* hp */
.fl_r .li1 .hp {
  /* background-color: #a6e4f4; */
  background-color: #a7cfff;
 
  border-radius: 10px;
} 
.fl_r .li1 .hp h3{
  font-size:40px;
  padding-top: 15px;
  padding-bottom: 15px;
} 
.fl_r .li1 #hp3 img{
  width:40%;
  height: 40%;
}
.fl_r .li1 #hp3 span {
  font-size:28px;
  font-weight:bold;
}
.p-bold {
  font-weight:bold;
}
.hpfourBold {
  font-size: 24px;
}
.hpCenter .text-center1 {
  /* background-color: #b3cbfe; */
  border-radius: 10px;
  background-color: #a6e4f4;
  padding-top: 15px;
  padding-bottom: 15px;
}
/* parts */
.partsSmallP {
  font-size:16px;
}
.text-center1 h3, .text-center1 span, .text-center1  th, .text-center1 td, .text-center1 tr{
  text-align: center;
}
.partsDes1 {
  font-weight: bold;
}
.borderPart {
  border: 1px solid #3f90dc;
  border-radius: 5px;
  margin-top:20px;
  margin-bottom: 30px;
}
.borderPart table, th, td {
  border: 1px lightgray solid;
  border-collapse: collapse;
  text-align: center;
}
.borderPart .container11 th {
  font-size:18px;
  font-weight: bold;
  color: #1169bc;
}
.borderPart1 h3 {
padding-top:50px;
}
.tdLeft {
  font-size:16px;
  display:inline-block;
}
.tdRight {
  font-size:8px;
  display:inline-block;
}
/* safety */
.safeleft img{
  width: 40%;
  height: 40%;
}

/* contribution */
.fl_r .li1 .imgcon p {
  margin-top:1px;
  font-size:16px;
  font-weight:bold;
}
.contr .text-center1 {
  background-color: #a6c4f1;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* discription */
.fl_r .change .desLeft {
  font-weight: bold;
  display:inline;
}
.twoChange {
 margin-top: 20px;
 margin-bottom: 20px;
}
.fl_r .change .desRight {
 
  display:inline;
}
/* education */
/* - */
/* dry2 */
.dryfLoat {
width: 90%;
  float:left;
}
.dryRight {
  width: 10%;
  float:right; 
}
/* Implementation */
.ImSafe {
  margin-top: 20px;
  background-color: #fff;
}
/* hardware */
/* .hardChange img */
.box2 {
  background-image: url(https://static.igem.wiki/teams/4354/wiki/enginnering-part/engineering1.png);
  background-size:100% 100%;
  height: 10000px;
  background-repeat: no-repeat; 
}
.box3 {
  background-image: url(https://static.igem.wiki/teams/4354/wiki/enginnering-part/engineering2.png);
  background-size:100% 100%;
  height: 2500px;
  background-repeat: no-repeat; 
}
.desTop2 {
  margin-top: 55px;
}
.result2 img {
  width: 50%;
  height: 50%;
}
.result3 img {
  width: 35%;
  height: 35%;
}
.result4 img {
  width: 30%;
  height: 30%;
}
.result5 img {
  width: 70%;
  height: 78%;
}
.result6 img {
  width: 75%;
  height: 75%;
}
.mainbg3 .button-outer {
  display: block;
  text-align: center;

}
.mainbg3 .button {
  margin-top: 30px;
  margin-bottom: 30px;
}
.desbgL {
  font-size: 42px;
}