body .page-item .section {
  padding: 3.125vw 8.3333333333vw 6.25vw 8.3333333333vw; }
  body .page-item .section .chose_box {
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 20; }
    body .page-item .section .chose_box .box {
      position: relative; }
      body .page-item .section .chose_box .box .d1 {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1.7708333333vw;
        color: white;
        font-weight: 300;
        width: 16.25vw;
        border-radius: 32.5px;
        border: 1px solid #FFF;
        height: 3.3854166667vw;
        text-transform: capitalize;
        cursor: pointer; }
      body .page-item .section .chose_box .box .d2 {
        position: absolute;
        left: 0;
        top: 100%;
        background: white;
        border-radius: 30px;
        width: 100%;
        display: none; }
        body .page-item .section .chose_box .box .d2 p {
          padding: 0.5208333333vw 1.7708333333vw;
          cursor: pointer; }
  body .page-item .section .wrapper {
    margin: 2.0833333333vw 0 2.9166666667vw 0; }
  body .page-item .section .pager {
    display: flex;
    justify-content: center; }
    body .page-item .section .pager a {
      width: 2.0833333333vw;
      height: 2.0833333333vw;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      margin: 0 0.78125vw;
      transition: all 600ms; }
      body .page-item .section .pager a svg {
        width: 100%;
        height: 100%;
        display: block; }
      body .page-item .section .pager a.on, body .page-item .section .pager a:hover {
        background: #fff;
        color: #0B1E30; }
    body .page-item .section .pager .next {
      transform: rotateY(180deg); }
    body .page-item .section .pager .prev,
    body .page-item .section .pager .next {
      opacity: .4;
      transition: all 600ms; }
      body .page-item .section .pager .prev:hover,
      body .page-item .section .pager .next:hover {
        opacity: 1;
        background: transparent; }
@media screen and (max-width: 768px) {
  body .page-item .section {
    padding: 30px 5% 0 5%; }
    body .page-item .section .chose_box {
      display: block; }
      body .page-item .section .chose_box .box .d1 {
        padding: 0 17px;
        width: 100%;
        height: 45px; }
      body .page-item .section .chose_box .box .d2 p {
        padding: 10px 17px; }
    body .page-item .section .wrapper {
      margin: 20px 0 28px 0; }
    body .page-item .section .pager a {
      width: 30px;
      height: 30px;
      margin: 0 7px; } }

/*# sourceMappingURL=news.css.map */