
.container_header {
  display: flex;
}
.container_w{
  padding: 0 16%;
}
.more {
  display: flex;
  justify-content: end;
  flex-grow: 1;
}
.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flexEndSearch{
  display: flex;
  justify-content: end;
  align-items: flex-end;
  margin-right: 2%;
  align-self: flex-end;
}
.teacherslist {
  display: flex;
  align-items: center;
  justify-content: center;
}
li {
  list-style: none;
}
.columnText {
  display: flex;
  flex-direction: row;
}
.flex {
  display: flex;
}
.dropup > .dropdown-menu {
  left: 10%;
  width: 80%;
  text-align: center !important;
  border: 1px solid #c1c1c1;
}
.imgbox {
  height: 120px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 30px;
}
.imgbox img {
  width: 100%;
  height: 100%;
}
.fastpath > imgbox {
  margin-bottom: 40px;
  display: flex;
}
.fastpath{
  display: flex;
  justify-content: center;
  align-items: center;
}
.box1,
.box3 {
  width: 50%;
}
.box2,
.box4 {
  width: 50%;
}
.fullwidth {
  width: 100%;
}
.center {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  align-content: space-around;
  justify-content: center;
}
.parent {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 80%;
  max-width: 301px;
}

.div1 {
  grid-area: 1 / 1 / 3 / 3;
  background-color: #F32D0E;
}
.div2 {
  grid-area: 1 / 3 / 3 / 6;
  background-color: #D92626;
}
.div3 {
  grid-area: 3 / 1 / 5 / 4;
  background-color: #DF3318;
}
.div4 {
  grid-area: 3 / 4 / 5 / 6;
  background-color: #DD1428;
}
.parent > div > li {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.parent > div > li > a:nth-child(2) {
  display: block;
  text-align: center;
  width: 100%;
  padding: 2.5% 0;
  color: white;
  font-weight: bold;
}
.parent > div > li > a:nth-child(2):hover {
}
.hearFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}
a:hover {
  color: #337ab7;
}
.left-list{
  text-align: center;
}
.col-md-5{
  width: 39.6666666667%;
}
.col-md-2{
  width: 19.3333333333%;
}
.SwiperTitle{
  position: absolute;
  margin: 0 15%;
  margin-top: 59.4%;
  bottom: 0;
}
.left-list-subcolumn{
  text-align: center;
}
.nav .dropdown-menu .nav-item ul{
  position: absolute;
  left: 100%;
  top: 0;
  padding: 10px;
}
.nav .dropdown-menu .nav-item :hover ul{
  display: block;
}