/*.nm-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    padding: 20px 0;
}

.nm-item {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: box-shadow 0.3s ease;
}

.nm-item:hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
}

.nm-logo img {
    max-height: 40px;
    width: auto;
    object-fit: contain;
    margin-bottom: 16px;
}

.nm-item h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px;
    color: #0e0e0e;
}

.nm-desc {
    font-size: 14px;
    color: #333;
    margin-bottom: 16px;
}

.nm-item a {
    color: #e30613;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
}

.nm-item a:hover {
    text-decoration: underline;
}
*/






.container {
    position: relative;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-template-rows: minmax(100px, auto);
    margin: 10px;
    grid-auto-flow: dense;
    grid-gap: 35px;

}

.container .box {
    background: #333;
    padding: 20px;
    display: grid;
    place-items: left;
    text-align: left;
    color: #000;
    transition: 0.5s;
    border-radius: 10px;
    background: #fff;
    font-size: 2.1vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

h6 {}


.container .box img {
    position: relative;
    max-width: 150px;
    margin-bottom: 10px;
}

.container .box:nth-child(1) {
    grid-column: span 2;
    grid-row: span 1;
    display: flex;
    flex-direction: unset;
    gap: 20px;
}

.container .box:nth-child(2) {
    grid-column: span 1;
    grid-row: span 1;
}

.container .box:nth-child(3) {
    grid-column: span 1;
    grid-row: span 1;
}

.container .box:nth-child(4) {
    grid-column: span 1;
    grid-row: span 1;
}

.container .box:nth-child(5) {
    grid-column: span 1;
    grid-row: span 2;
}

.container .box:nth-child(6) {
    grid-column: span 1;
    grid-row: span 1;
}

.container .box:nth-child(7) {
    grid-column: span 1;
    grid-row: span 1;
}



.media_content h3 {

    margin-top: 0;
    margin-bottom: 15px;
    color: #001960;
    font-size: 24px;
      font-family: "Soliel Normal", Sans-serif;
}

.container .box .nm-desc {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    color: #3A4D85;
}


.container .box:nth-child(1) .nm-logo img {
    width: 160px;
    max-width: 160px;
    margin-bottom: 0;
}

.media_content p a {
    font-size: 14px;
    margin-bottom: 0;
}

.nm-item.box .nm-logo {
    height: 78px;
    align-items: center;
    display: grid;
}



.container .box:nth-child(5) .nm-logo img {
    max-width: 320px;
    margin: 0 auto;
}

/*
.container .box:nth-child(2) .nm-desc{ display: none;}*/


.container .box:nth-child(1),
.container .box:nth-child(1) .media_content {
  align-content: center;
}

.container .box:nth-child(1) .nm-logo {
  height: auto;}








.pagination .center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container .pagination {

  text-align: center;
}
.container .pagination:after {
  clear: both;
  content: "";
  display: table;
}
.container .pagination ul {
  width: 100%;
}

.pagination li .page-numbers.current {
  border: solid 1px #CC0A3D;
  border-radius: 0.2rem;
  color: #CC0A3D;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.3rem 0.9rem;
}
 
 
.pagination_center{ text-align: center;}
.pagination ul, 
.pagination li {
list-style: none;
  display: inline-flex;
  padding-left: 0px;
  gap: 10px;
}

.pagination li {
  counter-increment: pagination;
}
.pagination li:hover a {
  color: #fdfdfd;
  background-color: #1d1f20;
  border: solid 1px #1d1f20;
}
.pagination li.active a {
  color: #fdfdfd;
  background-color: #1d1f20;
  border: solid 1px #1d1f20;
}


.pagination li:nth-child(2) {
  counter-reset: pagination;
}
/*
.pagination li:first-child a:after {
  content: "Previous";
}
.pagination li:last-child a:after {
  content: "Next";
}*/

.pagination li a {
  border: solid 1px #d7d7d7;
  border-radius: 0.2rem;
  color: #7d7d7d;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.3rem 0.9rem;
}








@media (max-width: 960px) {
    .container {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
        grid-template-rows: minmax(auto, auto);
    }

    .container .box {
        grid-column: unset !important;
        grid-row: unset !important;
    }
}

@media (max-width: 600px) {
    .container {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
        grid-template-rows: minmax(auto, auto);
    }

    .container .box {
        grid-column: unset !important;
        grid-row: unset !important;
            display: unset !important;
    }

    .media_content h3 {

    font-size: 22px;
}

.container .box .nm-desc {
    font-size: 14px;
}


}