@media (max-width: 768px) {
  .custom-box .custom-btn-box label {
    /*margin-right: 1rem;*/
  }
}

@media (max-width: 401px) {
  .custom-box .custom-btn-box label {
    margin-right: 0;
  }
}

.input-group-append {
  height: 3rem;
  width: 3rem;
}

.btn {
}

.dpage-btn {
  width: 3rem;
  height: 3rem;
  padding: 0;
}

.form-control:placeholder {
}

.custom-content-icon .progress-img {
  width: 100%!important;
}

.mb-3rem {
  margin-bottom: 3rem;
}

.mb-1rem {
  margin-bottom: 1rem;
}

.link-text {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
}

.mr-075 {
  margin-top: 0.75rem;
}

.bg-dark.bg-black {
  background: #1d1d1b !important;
}

.carousel-test .owl-prev {
  color: #fff;
  left: 0 !important;
}

.carousel-test .owl-next {
  color: #fff;
  right: 0 !important;
}

.owl-carousel.carousel-test {
  padding: 0 3rem;
}

@media (max-width: 768px) {
  .custom-box .custom-btn-box-3 {
    min-width: 100% !important;
    height: auto!important;
  }
}

@media (max-width: 768px) {
  .custom-box .custom-btn-box-4 {
    min-width: 100% !important;
    height: auto!important;
  }
}

.custom-content-box.width-29 {
  min-width: 29%;
}

.administrator-basic-box h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  margin-bottom: 0;
}

.tab-lesson .nav.nav-tabs .nav-item {
  margin-right: 2rem;
}

.padding-b-5rem {
  padding-bottom: 5rem;
}

.padding-t-3rem {
  padding-top: 3rem;
}

.padding-l-2rem {
  padding-left: 2rem;
}

.common-title.width-82 {
  width: 82%;
  margin-bottom: 0;
}

.custom-box.mb-2rem {
  margin-bottom: 2rem;
}

.mt-4rem {
  margin-top: 5rem;
}

.custom-box.mb-7rem {
  margin-bottom: 7rem;
}

.mr-075.font-size-15rem {
  font-size: 1.5rem!important;
  line-height: 2rem!important;
}

img.toggle-accordion-btn.highlighted {
  transform: rotate(-90deg)!important;
}

.custom-box.active {
  margin-bottom: 0;
}

.custom-accordion-content {
  margin-top: 0 !important;
}

.carousel-test .owl-prev {
  top: 30% !important;
}

.carousel-test .owl-next {
  top: 30% !important;
}

.padding-0 {
  padding: 0;
}

.align-center {
  align-items: center;
}

.p-r-05rem {
  padding-right: 0.5rem;
}

.mt-75 {
  margin-top: 0.75rem;
}

@media (max-width: 768px) {
  .d-flex.align-center.mt-75 {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .md-top-2rem {
    margin-top: 2rem;
  }
}

.breadcrumb-item span {
  Font-size: 1.125rem;
  line-height: 1.75rem;
  Font-weight: 600;
  color: #A6A6A6;
}

.breadcrumb-item.active span {
  color: #9e2f41;
}

.breadcrumb.padding-b-2rem {
  padding-bottom: 2rem;
}

.common-title.font-size-15rem {
  font-size: 1.5rem!important;
  line-height: 2rem!important;
  font-weight: 600;
}

.mb-4rem {
  margin-bottom: 4rem;
}

.common-title.font-size225rem {
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.lesson-link {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-decoration: underline;
  color: #007bff;
}

.lesson-link:active {
  font-weight: 600;
}

.padding-b-7rem {
  padding-bottom: 7rem;
}

.videos {
  width: 100%;
  height: 70vh;
  /*display: none;*/
}

.common-title.mb-125rem {
  margin-bottom: 1.25rem;
}

@media (max-width: 768px) {
  .md-mb-2rem {
    margin-bottom: 2rem;
  }
}

.common-title.h3-done-page {
  font-size: 2.25rem!important;
  font-weight: 700;
  line-height: 2.75rem!important;
}

.common-title.lesson-h3 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.75rem;
}

#formCheck-8 {
}

input[type=radio] {
  /*border-radius: 999px;*/
  /*-webkit-appearance: inherit;*/
  /*border: 1px solid #999999;*/
  /*position: relative;*/
  box-sizing: border-box;
}

input[type=checkbox]:checked {
  background: #fff;
}

@media (max-width: 1260px) {
  .container {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
}

.padding-t-5rem {
  padding-top: 5rem;
}

.course-h3 {
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.common-title.course-h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.border-bottom-1px {
  border: solid 1px #d4d4d4;
  background-color: #d4d4d4;
}

.mt-6rem {
  margin-top: 6rem;
}

.padding-b-1rem {
  padding-bottom: 1rem;
}

@media (max-width: 768px) {
  .gap-3.mb-75rem.f-clock.text-center {
    margin: 0 auto;
    margin-bottom: 0!important;
  }
}

.mt-2rem {
  margin-top: 2rem;
}

.drop .cont .tit a {
  color: #1d1d1b;
  font-size: 1.125rem;
  line-height: 1.175rem;
  font-weight: 400;
  text-decoration: underline;
}

.form-check .form-check-label.homework-p {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

.work-link {
  color: #333;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  text-decoration: underline;
  margin-bottom: 1rem;
  display: block;
}

.full-height {
  display: flex;
  align-items: stretch!important;
}

.align-center-img {
}

.h2-inperson-form {
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 700;
  color: #ffffff;
  padding: 0 2rem;
}

.form-textarea {
  color: #000!important;
  height: 9rem!important;
  font-size: 1.125rem!important;
  line-height: 1.175rem;
  font-weight: 400!important;
  padding: 1rem;
}

.mb-2rem {
  margin-bottom: 2.5rem!important;
}

.form-select {
  line-height: 1.175rem;
  font-size: 1.125rem!important;
  color: #000!important;
  font-weight: 400!important;
}

.custom-control-inline {
  width: 29%;
}

.form-group.mb-1rem {
  margin-bottom: 1rem;
}

@media (max-width: 991px) {
  .bg-contact-us-form {
    background: url("rrdds.png");
    background-size: cover;
    display: flex;
    align-items: center;
    display: none!important;
  }
}

@media (max-width: 450px) {
  .custom-control-inline {
    width: 43%;
  }
}

.modal-dialog {
  max-width: 30.5rem;
  margin: 1.75rem auto;
}

.date-p {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-align: center;
}

.p-link {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-decoration: underline;
  color: #ffffff;
  text-transform: uppercase;
}

.p-link:hover {
  color: #ccc;
  text-decoration: underline;
}

@media (max-width: 1920px) {
  .custom-box .custom-btn-box-2 {
    height: 15.625rem!important;
  }
}

@media (max-width: 1400px) {
  .custom-box .custom-btn-box-2 {
    height: 16.5rem!important;
  }
}

@media (max-width: 768px) {
  .custom-box .custom-btn-box-2 {
    min-width: 100% !important;
    height: auto !important;
  }
}

.custom-box.active {
  margin-bottom: -10px;
}

.font-1.5rem {
}

.custom-accordion-content-boxs .custom-content-box h4.font-15rem {
  font-size: 1.125rem;
  line-height: 1.150rem;
}

.padding-t-4rem.padding-b-4rem.p-l-r-2rem {
  padding-left: 3rem;
  padding-right: 2rem;
}

.custom-btn.ss-button.mrg-t-2rem.mrg-0 {
  margin: 0;
}

@media (max-width: 576px) {
  .mo-mt-2rem {
    margin-top: 2rem;
  }
}

@media (max-width: 576px) {
  .mo-mb-2rem {
    margin-bottom: 2rem;
  }
}

.gap-3.mb-75rem.f-clock.text-center.mb-0 {
  margin-bottom: 0 !important;
}

.lesson-link.color-black {
  color: #333;
}

.padding-t-6rem.width-31rem {
  width: 31.5rem;
}

@media (max-width: 1070px) {
  .padding-t-6rem.width-31rem {
    width: 100%;
  }
}

.modal-content {
  border: 0px;
}

.h32 {
  margin-bottom: 0rem;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
  /*box-shadow: 0 0 0 0.2rem rgb(245 130 32 / 30%);*/
}

.width-100 {
  width: 100%;
}

.line-heigth {
}

.border-r-10 {
  border-radius: 10px;
}

.header-btn.index-none {
  display: block!important;
}

.login-btn-border {
  background: black;
  padding: 0.625rem 1.25rem !important;
  border-radius: 2.5rem;
  text-align: center;
  color: #fff !important;
  font-size: 1.125rem;
  font-weight: 600;
  margin-left: .5rem;
}

.header-admin-box {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #1D1D1B !important;
  font-weight: 600;
  padding: 0.625rem 1.25rem !important;
  margin-bottom: 0 !important;
  border: 0px;
  border-radius: 0.25rem;
}

.header-user-name {
  background: #000;
  height: 40px;
  width: 40px;
  padding: 2px !important;
  border-radius: 50%;
  text-align: center;
  color: #fff !important;
  font-size: 1.5rem;
  font-weight: 700;
}

.category-banner-se {
    position: relative;
    min-height: 31.25rem;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.category-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    z-index: 0;
    pointer-events: none;
    user-select: none;
}

.category-banner-se .container {
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
  }
}

@media (max-width: 576px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
  }
}

@media (min-width: 768px) {
  .navbar-nav.mb-2.mb-lg-0.ml-auto {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 576px) {
  .navbar-nav.mb-2.mb-lg-0.ml-auto {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 440px) {
  .c4-logo {
    margin: 0 !important;
    height: 1.6rem;
    padding-right: 0.5rem;
  }
}

.we-help-img {
  width: 100%;
}

@media (max-width: 440px) {
  header {
    min-height: auto;
    padding: 10px 0px;
  }
}

@media (max-width: 440px) {
  .portal-service-logo {
    margin: 0 !important;
    height: 1.6rem;
    margin-left: .5rem!important;
  }
}

@media (max-width: 440px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
  }
}

@media (max-width: 440px) {
  .navbar-nav.mb-2.mb-lg-0.ml-auto {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 440px) {
  .header-admin-box {
    padding: 0.625rem 0.8rem !important;
  }
}

@media (min-width: 576px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
  }
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-10 {
  border-radius: 10px;
}

.card-header a {
  color: #1d1d1b;
}

@media (min-width: 577px) {
  .test-box {
    min-height: 15rem;
  }
}