.pdf-image img{
    width: 13% !important;
    }
    .box {
    border: 1px solid white;
}
  .box-2 {
    border: 1px solid white;

}
  .box-2 img{
    width: 17% !important;
    }

       .hero {
            background-image: url(../images/NAVPEN.png);
            position: relative;
            z-index: 1;
            background-size: cover;
            background-repeat: no-repeat;
            min-block-size: 80vh;
            place-content: center;
            text-align: left;
        }

        .hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: linear-gradient(hsl(#0A2A4300),
                    hsl(#0A2A43));
            z-index: -1;
        }

        @layer general-styling {
            html {
                color-scheme: dark light;
                line-height: 1.6;
            }
        }

        .overlay {
            border-image-source: linear-gradient(#0A2A4300, #111b41);

            border-image-slice: fill 1;

        }

        .owl-carousel .owl-nav.disabled {
            display: block !important;
            text-align: left;

        }

        @media (min-width:1024px) {
            .owl-theme .owl-nav {
                padding-left: 14px;
            }

            .owl-carousel .owl-nav.disabled {
                padding-left: 14px;
            }
        }
        .owl-prev1{
        display: flex;
        align-items: center;
        justify-content: center;
        width:50px;
        height: 50px;
        border:1px solid white;
        border-radius: 50%;
    }
    .owl-next1{
        display: flex;
        align-items: center;
        justify-content: center;
        width:50px;
        height: 50px;
        border:1px solid white;
        border-radius: 50%;
    }
    .owl-theme .owl-nav [class*=owl-]{
     
    background: none !important;
    border-radius: 50% !important;
}
.owl-nav{
    display: block;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: right;
}
 li{
        font-size: 20px;
        line-height: 36px;
        font-weight: 400px;
        font-family: source sans pro;
        color: white;
        padding-top: 20px;
      }
      .bodyy {
    
     
    padding: 0 10px;
    display: flex;

    justify-content: center;
    flex-direction: column;
    background:var(--bg-page);
    color:var(--text-color);
}

.hide {
    display: none;
    visibility: hidden;
    height: 0;
}

.pagination\:container {
  display: flex;
  align-items: center;
  align-items: center;
}

.arrow\:text {
  display: block;
  vertical-align: middle;
  font-size: 13px;
  vertical-align: middle;
}

.pagination\:number {
  --size: 32px;
  --margin: 6px;
  margin: 0 var(--margin);
  border-radius: 6px;
 color: white;
  max-width: auto;
  min-width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 6px;
  @media (hover: hover) {
    &:hover {
      background: lighten(#202020, 3%);
    }
  }
  &:active {
      background: lighten(#202020, 3%);
  }
}

.pagination\:active {
  background: #D4E5FC;
  position: relative;
  color: black;
}
.pagination\:arrow {
  --size: 32px;
  --margin: 6px;
  margin: 0 var(--margin);
  border-radius: 6px;
 
  max-width: auto;
  min-width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 6px;
  @media (hover: hover) {
    &:hover {
      background: lighten(#202020, 3%);
    }
  }
  &:active {
      background: lighten(#202020, 3%);
  }
}

.pagination\:active {
  background: #D4E5FC;
  position: relative;
}
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}