div#sidearticle h3{ text-transform: capitalize; }
    hr.garis {
      border: 0; height: 1px;
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    }
    section.about .content .learn-more-btn:hover{ background: #e9494c; }
    section.darkin{ background-color: #f6f7f6; }
    section.lightin{ background-color: #ffffff; }
    .btn-number-container a.btn-number__selected {
        color: #ffffff;
        background-color: #ee353b;
        border: 1px solid #e89811;
        border-radius: 10%;
        padding: 10px 16px;
    }
    .cover1{
      background-image: url('../../../assets/img/overlay_001.jpg');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
    }
    .subcover1{
      background-color: rgb(181 183 172 / 65%);
      opacity: 0.75;
      transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
      padding: 15px 20px;
    }
    .cover1 .section-title h2{ color: #ffffffa6; } 
    .cover1 .section-title p{ color: #fff; text-shadow: 2px 2px #4a4848; }
    .cover2{
      background-image: url('../../../assets/img/overlay_002.jpg');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
    }
    .subcover2{
      background-color: rgb(181 183 172 / 65%);
      opacity: 0.75;
      transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
      padding: 15px 20px;
    }
    div.vlines{ border-left: 3px solid #007bff; padding-bottom: 20px; }
    div.wlines{ border-left: 3px solid #e72632; padding-bottom: 10px; }
    .btn-super1{ margin-bottom: 20px; margin-top: -10px; }
    .btn-super2{ margin-bottom: 10px; margin-top: 30px; }
    .thumbside{ width:90%;height:80px; }
    @media (max-width: 768px){
      .thumbside{ width:75%;height:60px; }
    }
    .breadcrumbs h2 {
      font-size: 26px;
      font-weight: 400;
    }
    div.breadnav ol > li.sublst {
        margin-left: 5px;
    }
    li.breadcrumb-list a{
       margin-right: 4px;
       color: #2e308a;
    }
    .breadcrumb{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        flex-wrap: inherit;
    }
    div#sidearticle h3 {
        font-weight: 400;
    }
    .form-inline .form-control-plaintext {
        border: 1px solid #d3d3d3;
        border-radius: 50px 0px 0px 50px;
        padding-left: 10px;
        margin-top: 8px;
        width: 100%;
    }
    .searchinput {
        border: 1px solid #d3d3d3;
        border-radius: 50px 0px 0px 50px;
        padding-left: 10px;
        margin-top: 1px;
        width: 100%;
    }
    .sidepost a {
        font-weight: 500;
    }
    .thumbside {
        width: 90%;
        height: 65px;
        max-width: 100px;
    }