.about-sec-page .bg-img {
    background: url(/assets/Banner.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    height: 20rem;
    object-fit: cover;
   }
   
   .about-sec-page .about-content {
    width: 48%;
    margin: auto;
    background-color: white;
    padding: 2.5rem 3.5rem;
    margin-top: -3rem;
    border-radius: 0.5rem;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    line-height: 1.5;
    border: 1px solid rgba(128, 128, 128, 0.186);
   }
   
   .about-sec-page .about-content span {
    text-align: center;
    display: block;
    margin: auto;
    width: fit-content;
   }
   
   .about-sec-page .about-content h3 {
    text-align: center;
    margin: 1rem 0;
    font-size: 1.5rem;
    font-weight: 500;
   }
   .about-sec-page .about-content p {
    margin: 1.5rem 0;
    font-weight: 300;
    font-size: 0.95rem;
    line-height: 1.8;
   }
   
   /* About us Completed */
   .contact-sec-page .bg-img {
    background: url(/assets/Banner.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    height: 20rem;
    object-fit: cover;
   }
   
   .contact-sec-page .contact-content {
    width: 58%;
    margin: auto;
    background-color: white;
    padding: 2.5rem 3.5rem;
    margin-top: -4rem;
    border-radius: 0.5rem;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    line-height: 1.5;
    border: 1px solid rgba(128, 128, 128, 0.186);
   }
   
   .contact-sec-page .contact-content span {
    text-align: center;
    display: block;
    margin: auto;
    width: fit-content;
   }
   
   .contact-sec-page .contact-content h3 {
    text-align: center;
    margin: 1rem 0;
    font-size: 2rem;
    font-weight: 500;
   }
   .contact-sec-page .contact-content .paragraph {
    margin: 1.5rem 0;
    font-weight: 300;
    font-size: 0.95rem;
    line-height: 1.8;
   }
   
   .contact-sec-page .contact-content p {
    font-size: 0.95rem;
   }
   
   .contact-sec-page .contact-content .about {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    margin-top: 2rem;
   }
   .contact-sec-page .contact-content .about article {
    border: 2px solid rgba(128, 128, 128, 0.925);
    padding: 1rem;
    min-height: 16rem;
    max-height: 20rem;
    border-radius: 0.5rem;
   }
   
   .contact-sec-page .contact-content .about article h5 {
    font-weight: 500;
    font-size: 1.1rem;
   }
   .contact-sec-page .contact-content .about article p {
    font-size: 0.9rem;
    margin-top: 0.5rem;
    color: gray;
   }
   
   /* Contact completed */
   .terms-sec-page .terms-content {
    width: 80%;
    margin: auto;
   }
   .terms-sec-page .bg-img {
    background: url(/assets/Banner.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    height: 20rem;
    object-fit: cover;
   }
   
   .terms-sec-page .terms-content h2 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 1rem;
   }
   .terms-sec-page .terms-content section {
    margin: 1rem 0;
    line-height: 1.5;
   }
   
   .terms-sec-page .terms-content section h4 {
    font-weight: 600;
   }
   .terms-sec-page .terms-content p {
    font-size: 0.9rem;
    color: gray;
   }
   
   /* terms page completed */
   .privacy-sec-page .privacy-content {
    width: 80%;
    margin: auto;
   }
   .privacy-sec-page .bg-img {
    background: url(/assets/Banner.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    height: 20rem;
    object-fit: cover;
   }
   
   .privacy-sec-page .privacy-content h2 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 1rem;
   }
   
   .privacy-sec-page .privacy-content section {
    margin: 1rem 0;
    line-height: 1.7;
   }
   .privacy-sec-page .privacy-content section h3 {
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: uppercase;
   }
   .privacy-sec-page .privacy-content section p {
    font-size: 0.9rem;
    color: gray;
   }
   
   .privacy-sec-page .privacy-content section p strong {
    font-weight: 600;
   }
   
   .privacy-sec-page .privacy-content section td {
    font-size: 0.9rem;
   }
   .privacy-sec-page .privacy-content section table {
    border: 1px solid rgba(128, 128, 128, 0.384);
    th {
     border: 1px solid rgba(128, 128, 128, 0.384);
     padding: 0.3rem;
    }
    td {
     border: 1px solid rgba(128, 128, 128, 0.384);
     padding: 0.4rem;
    }
   }

   /* pagination  */
/* Pagination styles */
.paginator {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.paginator .ulpagination {
    list-style: none;
    display: flex;
    padding: 0;
}

.paginator .ulpagination li {
    margin: 0 5px;
    opacity: 50%;
    cursor: not-allowed;
}

.paginator .ulpagination li.prev a,
.paginator .ulpagination li.next a,
.paginator .ulpagination li.first a,
.paginator .ulpagination li.last a {
    padding: 5px 10px;
    background-color: var(--project-theme);
    border: 1px solid #ccc;
    color: black;
    text-decoration: none;
    display: inline-block;
}

.paginator .ulpagination li.prev a:hover,
.paginator .ulpagination li.next a:hover,
.paginator .ulpagination li.first a:hover,
.paginator .ulpagination li.last a:hover {
    background-color: var(--project-theme);
}

.paginator .ulpagination li.active a {
    background-color: white;
    color: black;
}

.paginator .ulpagination li.active a:hover {
    background-color: white;
    color: black;
}

.paginator .ulpagination li a {
    padding: 5px 10px;
    background-color: var(--project-theme);
    border: 1px solid #0056b3;
    color: black;
    text-decoration: none;
    display: inline-block;
}

.paginator .ulpagination li a:hover {
    background-color: white;
    color: black;
}
.articles-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
   
   /* Media Queries */
   
   @media screen and (max-width: 965px) {
    .contact-sec-page .contact-content {
     width: 78%;
    }
   }
   
   @media screen and (max-width: 780px) {
    .about-sec-page .about-content {
     width: 75%;
    }
    .contact-sec-page .contact-content .about {
     grid-template-columns: repeat(2, 1fr);
    }
   }
   
   @media screen and (max-width: 590px) {
    .contact-sec-page .contact-content {
     width: 65%;
    }
    .contact-sec-page .contact-content .about {
     grid-template-columns: repeat(1, 1fr);
    }
    .privacy-sec-page .privacy-content {
     width: 90%;
    }
   }
   
   @media screen and (max-width: 470px) {
    .about-sec-page .about-content {
     width: 80%;
     padding: 0.9rem;
    }
    .contact-sec-page .contact-content {
     padding: 1rem;
     width: 85%;
    }
    .terms-sec-page .terms-content {
     width: 90%;
    }
    .privacy-sec-page .privacy-content {
     width: 95%;
    }
   
    .privacy-sec-page .privacy-content table td,
    .privacy-sec-page .privacy-content table th {
     font-size: 10px;
    }
   }
   
   @media screen and (max-width: 375px) {
    .privacy-sec-page .privacy-content table td,
    .privacy-sec-page .privacy-content table th {
     font-size: 8px;
    }
   }