.level-title {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 10px;
  font-size: 32px !important;
}

.level-title h2 {
  font-size: 36px;
  text-shadow: 1px 1px 1px #aeaeae;
}

.icode-belts-item {
  width: 100% !important;
  margin-bottom: 45px !important;
  box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3) !important;
}

/* .icode-bootcamps-item.table{
  padding-top: 30px !important;
  padding-bottom: 10px !important;
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3) !important;
} */
.icode-belts-item.table {
  margin-bottom: 0px !important;
  box-shadow: none !important;
}

.icode-belts-item.table table {
  margin-bottom: 0px !important;
}

.icode-belts-item .et_pb_tabs_controls li {
  height: 38px !important;
}

.icode-belts-item .thumbnail-img {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 220px;
  min-height: 220px;
  display: flex;
  text-align: center;
  background-position: center;
  background-size: cover;
}

.icode-belts-item .thumbnail-img .details {
  padding: 10px;
  margin: auto;
  position: relative;
  z-index: 9;
}

.icode-belts-item .thumbnail-img .bg-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0.2;
}

.icode-belts-item .thumbnail-img .details .belts-title {
  font-size: 24px;
  padding-bottom: 05px;
}

.icode-belts-item .thumbnail-img .details .belts-level {
  color: #0a01a8;
  text-transform: uppercase;
  font-size: 18px;
  text-shadow: 0.73em 0.45em 2em #000000;
}

.icode-belts-item .thumbnail-img img {
  width: auto !important;
  max-height: 180px !important;
}

.icode-belts-details p {
  padding-bottom: 00px;
}

/*  */
.belts-container .col-container {
  display: table;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.belts-container .col {
  position: relative;
  display: table-cell;
  float: none;
  margin-left: 05px !important;
  margin-right: 05px !important;
  padding-left: 05px !important;
  padding-right: 05px !important;
}

.belts-container .row .col:first-of-type .new-icode-belts, .belts-container .row .col:first-of-type::before {
  overflow: hidden;
}

.belts-container .row .col:last-of-type .new-icode-belts, .belts-container .row .col:last-of-type::before {
  overflow: hidden;
}

.belts-container .col::before {
  content: '';
  position: absolute;
  left: 05px;
  right: 05px;
  top: 0;
  bottom: 0;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
  z-index: -1;
}

.belts-container .col.with-enroll-button {
  /* padding-bottom: 60px; */
}

.icode-belts-columns {
  position: relative;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.new-icode-belts {
  height: 100%;
  display: grid;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}

.new-icode-belts .icode-belts-image {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 180px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.level-header {
  position: relative;
  background-image: url(https://icodeschool.com/wp-content/uploads/2017/05/iCode-7.jpg);
  background-position: right center;
  background-size: cover;
  vertical-align: middle;
}

.level-header.intermediate-level {
  background-image: url(https://icodeschool.com/wp-content/uploads/2018/10/MG_9094.jpg);
  background-position: center center;
  background-size: 150% 100%;
}

.level-header.advanced-level {
  background-image: url(https://icodeschool.com/wp-content/uploads/2018/10/37215743011_6ddd41b0a8_o.jpg);
  background-position: 18% 50%;
  background-size: 163% 100%;
}

.level-header::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(62, 76, 88, 0.85);
}

.level-header .content {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 205px;
  margin-left: auto;
  margin-right: auto;
}

.level-header .content h2 {
  color: #FFFFFF;
  line-height: 1.7;
  text-transform: uppercase;
}

.level-header .content h2 span {
  display: block;
  text-transform: capitalize;
  font-size: 85%;
}

.new-icode-belts .icode-belts-image img {
  width: 100%;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
}

.new-icode-belts .icode-belts-title {
  display: block;
  padding: 10px;
  font-size: 24px;
  text-align: center;
  font-weight: normal;
  z-index: 1;
}

.new-icode-belts .icode-belts-level {
  text-transform: uppercase;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.new-icode-belts .course-block {
  font-size: 18px;
  padding-left: 30%;
  text-transform: uppercase;
  padding-top: 12px;
  font-weight: normal;
}

.new-icode-belts .belts-description {
  display: inherit;
  font-size: 14px;
  line-height: 1.4;
  white-space: pre-wrap;
  text-align: center;
  background-color: #3e4c58;
  padding: 10px 07px;
  color: #FFF;
  font-weight: 400;
  min-height: 77px;
  z-index: 1;
}

.new-icode-belts .icode-belts-content {
  position: relative;
  display: table-header-group;
  height: 100%;
  padding-bottom: 20px;
}

.new-icode-belts .icode-belts-content::before {
  content: '';
  position: absolute;
  width: 23%;
  top: 0;
  bottom: 0;
  left: auto;
  max-width: 82px;
  min-width: 60px;
  background-color: rgba(80, 80, 80, 0.30);
}

.new-icode-belts .icode-belts-content ul {
  counter-reset: section;
  padding-bottom: 0px;
  list-style: none;
  padding-left: 0px;
  margin-top: 10px;
}

.new-icode-belts .icode-belts-content ul li {
  position: relative;
  padding-left: 25%;
  font-size: 14px;
}

.new-icode-belts .icode-belts-content ul li::before {
  position: absolute;
  left: 0;
  width: 23%;
  min-width: 70px;
  counter-increment: section;
  content: "Sprint "counter(section) "";
  padding-left: 05px;
  opacity: 0.75;
}

.new-icode-belts .icode-belts-content ul li:last-child::before {
  content: "final";
  text-transform: uppercase;
}

.black_belt .new-icode-belts .icode-belts-content ul li:nth-last-child(2)::before {
  content: "final";
  text-transform: uppercase;
}

.black_belt .new-icode-belts .icode-belts-content ul li:last-child::before {
  content: "Select";
  text-transform: uppercase;
}

/* .new-icode-belts .icode-belts-enroll {
  display: none;
  position: absolute;
  padding: 5px 5px 0 5px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
} */
.icode-belts-enroll {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}

.icode-belts-enroll a:focus,
.icode-belts-enroll a:hover,
.icode-belts-enroll a {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px;
  color: #ffffff !important;
  border-color: #ff6c2c;
  background-color: #ff6c2c;
  border-radius: 03px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7em !important;
}

@media(max-width:992px) {
  .belts-container .col {
    display: block;
    float: left;
  }

  .new-icode-belts {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .belts-container .col::before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .new-icode-belts {
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
  }

  .new-icode-belts .icode-belts-enroll {
    position: relative;
  }

  .belts-container .col.with-enroll-button {
    padding-bottom: 00px;
  }

  .belts-container .col-container {
    width: auto;
  }

  .belts-container .col {
    margin-left: 00px !important;
    margin-right: 00px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .belts-container .col.level-header,
  .belts-icode-contact-info>div {
    display: block;
    float: none !important;
    max-width: 450px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .belts-icode-contact-info {
    background-color: rgba(0, 0, 0, 0) !important
  }


  .belts-icode-contact-info>div {
    max-width: 450px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 30px !important;
  }

  .new-icode-belts .belts-description {
    min-height: auto;
  }
}

/*  */
.belts-icode-contact-info {
  /* background-color: #d4d4d4; */
  vertical-align: middle;
  /* background: linear-gradient(rgba(55, 55, 55, 0.65), rgba(55, 55, 55, 0.65)), url(https://icodeschool.com/wp-content/uploads/2018/08/iCode_1192.jpg) fixed center center; */
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
}

  .belts-icode-contact-info::before {
    box-shadow: none !important;
  }
.belts-icode-contact-info h2.title {
  position: absolute;
  top: 20px;
  width: 100%;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  color: #FFF;
}

.belts-icode-contact-info>div {
  position: relative;
  padding: 15px;
}

.belts-icode-contact-info ul {
  list-style: none !important;
  padding-left: 0 !important;
}

.belts-icode-contact-info ul li {
  position: relative;
  padding-left: 45px;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.belts-icode-contact-info ul li a {
  color: #000 !important;
}

.belts-icode-contact-info ul li::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 6px;
  width: 32px;
  height: 32px;
  background-image: url(../image/contact-info-icon-black.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.belts-icode-contact-info ul li.building::before {
  background-position: 0px 0px;
}

.belts-icode-contact-info ul li.envelope::before {
  background-position: 0px -30px;
}

.belts-icode-contact-info ul li.phone::before {
  background-position: 0px -62px;
}

@media(max-width:768px) {
  .belts-icode-contact-info h2.title {
    position: relative;
  }

  .belts-container .row .col:last-of-type .new-icode-belts, .belts-container .row .col:last-of-type::before {
    overflow: hidden;
  }
}