/*!
* Style Sheet for ""
* version: 1
* last modified:2023 By Applab
* author: Applab
* website: www.applab.qa
*/
/*b5 start -------------------------------------------------------------------------------------------------------------------*/
/*b5 end ---------------------------------------------------------------------------------------------------------------------*/
.admission-process-page .admission-process-inner ul.process-list li:first-child .list-inner .progress-block::after {
  height: 70px;
}
.admission-process-page .admission-process-inner ul.process-list li:first-child .list-inner .progress-block .fill-dot {
  inset-block-start: 70px;
}
.admission-process-page .admission-process-inner ul.process-list li:last-child .list-inner .progress-block.active .fill-dot {
  inset-block-start: calc(100% - 20px);
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner {
  gap: 30px;
}
@media (max-width: 575.98px) {
  .admission-process-page .admission-process-inner ul.process-list li .list-inner {
    flex-wrap: wrap;
    padding-inline-start: 60px;
    position: relative;
    padding-block-end: 5px;
  }
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner.active .image-block img {
  opacity: 1;
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .image-block {
  width: calc(40% - 30px);
}
@media (max-width: 575.98px) {
  .admission-process-page .admission-process-inner ul.process-list li .list-inner .image-block {
    width: 100%;
  }
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .image-block img {
  opacity: 0;
  transition: all 0.35s ease-in;
}
@media (max-width: 575.98px) {
  .admission-process-page .admission-process-inner ul.process-list li .list-inner .image-block img {
    opacity: 1;
  }
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block {
  min-width: 60px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block {
    position: absolute;
    inset-inline-start: 0;
    height: 100%;
    inset-block-start: 0;
    min-width: 50px;
  }
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block.active .fill-dot {
  inset-block-start: 100%;
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block.active::after {
  height: 100%;
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block .fill-dot {
  position: absolute;
  transition: all 0.5s ease-in;
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, 0);
  width: 20px;
  height: 20px;
  background: #475E5D;
  border-radius: 50%;
  z-index: 1;
}
[dir=rtl] .admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block .fill-dot {
  transform: translate(50%, 0);
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block::before {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 0;
  transform: translate(-50%, 0);
  height: 100%;
  width: 5px;
  border: 3px dashed rgba(71, 94, 93, 0.2);
}
[dir=rtl] .admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block::before {
  transform: translate(50%, 0);
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block::after {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 0;
  transform: translate(-50%, 0);
  height: 0;
  width: 5px;
  border: 3px solid #475E5D;
  transition: all 0.5s ease-in;
}
[dir=rtl] .admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block::after {
  transform: translate(50%, 0);
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block .count {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 2;
  inset-inline-start: 0px;
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .admission-process-page .admission-process-inner ul.process-list li .list-inner .progress-block .count {
    width: 50px;
    height: 50px;
  }
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .list-content {
  width: calc(60% - 30px);
}
@media (max-width: 575.98px) {
  .admission-process-page .admission-process-inner ul.process-list li .list-inner .list-content {
    width: 100%;
  }
}
.admission-process-page .admission-process-inner ul.process-list li .list-inner .list-content .sub-head {
  background-color: #E5F1EA;
  padding: 24px 23px;
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  font-size: 26px;
  border-radius: 12px;
  margin-bottom: 32px;
  font-weight: 500;
  color: #475E5D;
}
[dir=rtl] .admission-process-page .admission-process-inner ul.process-list li .list-inner .list-content .sub-head {
  font-size: 22px;
}
@media (max-width: 575.98px) {
  [dir=rtl] .admission-process-page .admission-process-inner ul.process-list li .list-inner .list-content .sub-head {
    font-size: 16px;
    padding: 12px 15px;
    margin-bottom: 15px;
  }
}
@media (max-width: 575.98px) {
  .admission-process-page .admission-process-inner ul.process-list li .list-inner .list-content .sub-head {
    font-size: 18px;
    padding: 12px 15px;
    margin-bottom: 15px;
  }
}
.admission-process-page .admission-process-inner .more-info .link-block::before {
  background-color: #F2F7F4;
}
.admission-process-page .admission-process-inner .more-info .link-block::after {
  background-color: #F2F7F4;
}