@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1300px;
    }
}

.h8_blog-navigation div {
    border: 1px solid var(--bs-red);
    position: relative;
    top: 20px;
}
[role=button] {
    cursor: pointer;
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-30 {
    padding-top: 30px;
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.h8_blog-item-img {
    overflow: hidden;
}

.h8_blog-item-content {
    padding: 25px 30px 25px;
}

a, button {
    color: inherit;
    outline: medium none;
    text-decoration: none;
}

a, .button, button {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.h8_blog-item-content-title {
    overflow-wrap: break-word;
    white-space: normal;
}

.h8_blog-item-content p {
    color: rgba(2, 25, 54, 0.7);
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    overflow-wrap: break-word;
    white-space: normal;
}

.h8_blog-item-content-btn {
    color: #021936;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.h8_blog-item-img img {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.h8_blog-navigation div:hover svg
 {
    color: #fff;
}

svg[Attributes Style] {
    width: 14;
    height: 14;
    fill: none;
}

user agent stylesheet svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}

svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}

.fa-lg {
    color: var(--bs-yellow);
}

.section-area-8 .section-title {
    border-bottom: 3px solid #20c997;
}

.area-btu {
    background: #20c997;
    padding: 10px 10px 5px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    font-weight: normal;
    font-size: 22px;
    box-shadow: 1px 0 red, -2px 0 0.4em olive;
}

.process-area .bn-process-img {
    border-radius: 10px;
    overflow: hidden;
}
.process-area .bn-process-item::before {
    position: absolute;
    content: "";
    left: 25px;
    top: 40px;
    width: 1px;
    height: 100%;
    background: #777777;
    z-index: -1;
}

.process-area .bn-process-item-info {
    padding-top: 8px;
}


.process-area .bn-process-item-info .title {
    font-size: 26px;
    line-height: 1.4;
    color: #20314A;
    margin-bottom: 10px;
}

@media (max-width: 767.98px) { .process-area .bn-process-item-info .title {
    font-size: 18px;
    position: relative;
    right: 8px;
}
  }

.process-area .bn-process-item-info p {
    margin-bottom: 2px;
}

@media (max-width: 767.98px) { .process-area .bn-process-item-info p {
           position: relative;
           right: 12px;
}
   }

.process-area .bn-process-item {
    display: flex;
    position: relative;
}

.bn-section-subtitle {
    color: #1A2E3C;
    background: #1A2E3C;
    height: 30px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 4px;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
}

.bn-section-title {
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 15px;
}

.process-area .bn-process-item-number {
    width: 50px;
    height: 50px;
    border: 1px solid #1A2E3C;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    flex: 0 0 50px;
    margin-right: 20px;
    margin-top: -5px;
    background-color: #fff;
}

.process-area .bn-process-item-number span {
    color: #20314A;
    font-weight: 700;
    font-size: 24px;
    display: inline-block;
}


       a.button.button-lg.button-primary.button-ujarak { border-radius: 5px; }
       .post-aria-footer { border-radius: 5px; }
       article.post.post-aria img { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.27); }
       mark { padding: 1px 2px; color: var(--bs-danger); background: #ffffff; font-weight: bold; }
       ol.item { list-style-type: none; counter-reset: li; padding-top: 20px; font-family: monospace; }
       ol.item li { counter-increment: li; font-size:18px; letter-spacing: 0.75px; border-bottom: 1px solid var(--bs-gray-200); padding: 5px; }
       ol.item li::before { content: counter(li) "."; color: red; margin-right: 10px; font-weight: 600; font-style:italic; font-size:22px; line-height:1.5; direction: rtl; }
       @media (max-width: 767.98px) { ol.item li { font-size:15px; } }
       @media (max-width: 767.98px) { ol.item li::before { font-size:22px; padding-bottom:8px; } }
       .list-marked-1 { text-align: left; display: flex; flex-flow: wrap; }
       .list-marked-1 > li { padding-left: 10px; padding-top: 20px; line-height: 1; font-size: 16px; }
       .list-marked-1 > li + li { margin-top: 0; }
       .list-marked-1 > li::before { position: relative; display: inline-block; left: 0; top: 0; content: ''; height: 9px; width: 9px; margin-right: 16px; border-radius: 50%; background: #d7d7d7; }
       i {font-style: normal; }