/*90%*/
    @media (width: 1777.79px){
        .nav-ul-menu {
            margin-top: 1px;
        }
        .btn_yellow1 {
          line-height: 1 !important;
        }
    }
    /*75%*/
    @media (width: 2133.32px){
        .nav-h3-1 {
            line-height: 1.08 !important;
            top: 5px !important;
        }
    }
    /*67%*/
    @media (width: 2400px){
        .nav-h3-1 {
            top: 4px !important;
        }
    }
    /*110%*/
    @media (width: 1454.53px){
        .nav-h3-1 {
            line-height: 1;
            top: 4px !important;
        }
    }
    /*125%*/
    @media (width: 1280px) {
        .menu>.button_top>a {
            display: flex;
        }
        .nav-h3-1 {
            line-height: 1.06 !important;
            top: 4px !important;
        }
    }
    /*133%*/
    @media (width: 1199.99px) {
        .menu>.button_top>a {
            display: flex;
        }
        .nav-h3-1 {
            top: 4px !important;
        }
    }
    /*140%*/
    @media (width: 1142.86px) {
        .menu>.button_top>a {
            display: flex;
        }
        .nav-h3-1 {
            top: 5px !important;
        }
    }
    /*150%*/
    @media (width: 1066.67px) {
        .menu>.button_top>a {
            display: flex;
        }
        .nav-h3-1 {
            top: 5px !important;
        }
    }
    .nav-h3-1 {
      top: 3px;
      line-height: 1 ;
      margin-bottom: 0px;
    }
    .btn_yellow1 {
      line-height: 2;
          transition: none;
    }
   .primary-heading {
    margin-left: 0px;
   }
    @media screen and (min-width: 300px) {
      .page-item.active .page-link {
        color: #ffffff;
        background-color: #0077b6;
        border-color: #0077b6;
        border-radius: 50%;
        font-weight: 700;
        border: 1px solid #0077b6 !important;
      }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .nav-h3-1 {
        margin-bottom: 0px;
      }

      .primary-heading {
        margin-left: 0px;
      }
    }

    .content1 {
      text-align: center;
      /* Center align the content inside */
    }

    .pagination {
      display: inline-flex;
      /* Inline display to center the pagination */
      justify-content: center;
      /* Ensure elements within pagination are centered */
      list-style: none;
      /* Remove default list styling */
      padding: 0;
      /* Remove default padding */
      margin: 0 auto;
      /* Center the pagination block */
    }

    .page-item {
      margin: 0 5px;
      /* Add space between pagination items */
    }

    .page-link {
      display: inline-block;
      padding: 8px 12px;
      text-decoration: none;
      color: black;
      /* Bootstrap default link color */
      border: 1px solid #dee2e6;
      /* Border for buttons */
      border-radius: 4px;
      /* Rounded corners */
    }

    .page-item.disabled .page-link {
      color: #6c757d;
      /* Disabled state color */
      pointer-events: none;
      /* Disable interaction */
      background-color: #f8f9fa;
      /* Background for disabled buttons */
      border-color: #dee2e6;
    }

    .page-item.active .page-link {
      color: #fff !important;
      background-color: #007bff;
      /* Active page background */
      border-color: #007bff;
    }

    .page-link.prev:hover,
    .page-link.next:hover {
      background: #007bff !important;
      /* Slightly darker blur effect */
      color: white !important;
      /* Keep text color consistent */
      border-radius: 60% !important;
      /* Keep round shape */
      /* box-shadow: 0 0 12px rgba(0, 123, 255, 0.9); */
      /* Add stronger glow effect */
    }

    @media screen and (min-width: 300px) {
      .pagination {
        float: none;
        margin-bottom: 10px;
      }
    }

    @media screen and (min-width: 300px) {
      .page-item .page-link:hover {
        border-radius: 50%;
        border: 1px solid #dcdcdc !important;
        color: white !important;
        font-weight: 700;
        background: #007bff;
        text-decoration: none;
      }
    }