/*
Theme Name: squiredigital
*/
        .section {
            margin-bottom: 20px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        .section img {
            width: 100%;
            height: auto;
            transition: transform 0.3s ease;
        }

        .section:hover img {
            transform: scale(1.1);
        }

        .modal {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.9);
        }

        .modal-content {
            position: relative;
            margin: auto;
            width: 80%;
            max-width: 700px;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .modal-image {
            width: 100%;
        }

        .close-pf {
            position: absolute;
            top: 20px;
            right: 35px;
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            transition: 0.3s;
            cursor: pointer;
        }

        .close-pf:hover,
        .close-pf:focus {
            color: #bbb;
            text-decoration: none;
        }

        .prev-pf, .next-pf {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            color: white!important;
            font-weight: bold;
            font-size: 20px;
            transition: 0.6s ease;
            user-select: none;
            opacity: 0.5;
        }

        .prev-pf {
            left: -54px;
            border-radius: 0 3px 3px 0;
            margin-top: -50px;
        }

        .next-pf {
            right: -54px;
            border-radius: 3px 0 0 3px;
            margin-top: -50px;
        }

        .prev-pf:hover, .next-pf:hover {
            background-color: rgba(0, 0, 0, 0.8);
            opacity: 1;
        }
/* Custom styles for blog page */
.card {
    border: none;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 0.3s ease-in-out;
}

.card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-img-top {
    border-radius: 10px 10px 0 0;
}

.card-title a {
    color: #333;
    text-decoration: none;
}

.card-title a:hover {
    color: #007bff;
}

.pagination {
    justify-content: center;
}

.pagination .page-numbers {
    margin: 0 5px;
    padding: 8px 12px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    color: #007bff;
    text-decoration: none;
}

.pagination .page-numbers.current {
    background-color: #007bff;
    color: #fff;
}
.ad-img-container img {
    width: 120px;
}