/*
 Theme Name: EduSparx Publications Theme
 Theme URI: https://edusparxpublications.com/
 Author: Kousik Manna
 Author URI: https://edusparxpublications.com/
 Description: A custom WordPress theme designed for EduSparx Publications, focusing on educational content, books, and resources.
 Version: 1.0
*/

/* ====================== */

body {
    min-height: 100vh;
}


@media (max-width: 991px) {
    .hero-section {
        padding-top: 50px;
    }
}

@media (max-width: 576px) {
    .hero-section {
        padding-top: 50px;
    }
}

.text-gradient {
    background: linear-gradient(45deg, #007bff, #6538ae);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.btn-gradient {
    background: linear-gradient(45deg, #007bff, #6610f2);
    color: #fff;
    border: none;
    transition: background 0.3s ease, transform 0.3s ease;
}

.btn-gradient:hover {
    background: linear-gradient(45deg, #6610f2, #007bff);
    color: #fff;
}


#counters .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#counters .card:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
}

#counters .card i {
    transition: transform 0.3s ease, color 0.3s ease;
}

#counters .card:hover i {
    transform: rotate(10deg) scale(1.2);
}

.swiper-button-prev.text-white {
    background: #000000b6;
    padding: 25px;
    border-radius: 15px;
}

.swiper-button-next.text-white {
    background: #000000b6;
    padding: 25px;
    border-radius: 15px;
}


#heroCarousel .carousel-control-prev,
#heroCarousel .carousel-control-next {
    width: auto;
    top: 50%;
    transform: translateY(-50%);
}

#heroCarousel .carousel-control-prev {
    left: 10px;
}

#heroCarousel .carousel-control-next {
    right: 10px;
}

#heroCarousel .carousel-control-prev-icon,
#heroCarousel .carousel-control-next-icon {
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.4));
    border-radius: 10px;
    background-color: red;
    padding: 20px;
}

.card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mission-details .card {
    border-radius: 1rem;
    border: 1px solid #ddd;
}

.mission-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
}

#about-unified ol {
    padding-left: 1.25rem;
}

#about-unified li {
    line-height: 1.6;
}