.navbar-toggler {
    &:focus,
    &:active {
      outline: none;
      box-shadow: none;
    }
  }
  
  .navbar-toggler-icon {
    background-image: none;
  
    &:focus {
      outline: none;
      box-shadow: none;
    }
  }
  .bar1,
  .bar2,
  .bar3 {
    width: 25px;
    height: 3px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
  }
  
  .change .bar1 {
    transform: translate(0, 11px) rotate(-45deg);
  }
  
  .change .bar2 {
    opacity: 0;
  }
  
  .change .bar3 {
    transform: translate(0, -11px) rotate(45deg);
  }
.course-name h2{
    font-size: 32px;
    font-weight: bold;
    color: #0c5edc;
    margin-top: 25px;
}
.course-location b{
    font-size: 24px;
    color: #253d52;
}
.course-duration-img img{
    height: 40px;
    width: 40px;
}
.course-duration-text b{
    font-size: 16px;
    font-weight: 500;
    color: #0c5edc;
  
}
.course-duration-text p{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.59px;
    text-align: left;
    color: #253d52;
}
.course-content h2 , .breif-content h2{
    font-size: 28px;
    font-weight: bold;
    color: #253d52;
}
.course-content p{
    font-size: 14px;
    color: #253d52;
    text-align: justify;
}
.nav-tabs{
   margin: 15px 0 15px 0;
}
ol, ul {
    padding-left: 1rem;
    font-size: 14px;
    font-weight: 400;
}
ol li {
    padding: 12px 0 0 13px;
}
.psot-inquiry h2{
    font-size: 24px;
    font-weight: bold;
    color: #253d52;
}
.course-btn button{
font-size: 14px;
font-weight: 400;
}
.btn.focus , input:focus , select:focus, textarea:focus, .btn:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    outline: 0;
}
.post-inquiry{
    border-radius: 10px;
}
.form-label{
    margin-top: 5px;
}
.text-seminar{
    color: #69737d;
    font-size: 14px;
    font-weight: 400;
}
.text-date{
    color: #253d52;
    font-size: 14px;
    font-weight: 600;
}
.card-body h5{
font-size: 26px;
color: #0c5edc;
font-weight: 700;
}
@media (max-width: 991px) {
    .row {
      display: flex;
      flex-direction: column;
    }
  
    .top-coloum,
    .bottom-coloum{
      width: 100%;
    }
  }
@media (max-width: 992px) {
    .course-btn,
    .course-btn {
        flex-basis: 50%;
        max-width: 50%;
    }
}