/* Custom CSS for Edubest Plantation Holdings */

/* Global Styles */
:root {
    --primary-color: #2c3e50;
    --secondary-color: #27ae60;
    --light-color: #ecf0f1;
    --dark-color: #34495e;
}

h2.section-title {
    font-size: 2.2rem; /* Slightly larger section titles */
    position: relative;
    padding-bottom: 15px; /* Space for underline */
    margin-bottom: 3rem; /* More space below title */
}

/* Underline effect for section titles */
h2.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px; /* Width of the underline */
    height: 3px; /* Thickness */
    background-color: var(--secondary-color); /* Green underline */
}


/* Styling for the cards (applied to the <a> tag) */
.our-services .service-card-style {
    display: block; /* Make the anchor behave like a block */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    color: inherit; /* Prevent content text turning blue */
    text-decoration: none; /* Ensure underline is removed */
}

/* Hover effect applies directly to the link/card */
.our-services .service-card-style:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
    color: inherit; /* Keep color consistent on hover */
    text-decoration: none; /* Keep underline removed on hover */
}

/* Style the title within the card link */
.our-services .service-card-style .card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333; /* Set a specific text color for the title */
    /* me-3 class from HTML provides right margin */
    /* mb-0 class from HTML handles bottom margin */
}

/* Style the arrow icon itself */
.our-services .card-arrow-icon {
    flex-shrink: 0; /* Prevent arrow from shrinking */
    width: 24px;        /* Size of the arrow icon */
    height: 24px;
    stroke: #555; /* Define a base color for the arrow */
    stroke-width: 1.5; /* Control line thickness */
    transition: transform 0.2s ease, stroke 0.2s ease; /* Smooth arrow animation for transform and color */
}

/* Optional: Hover effect for the arrow when the card link is hovered */
.our-services .service-card-style:hover .card-arrow-icon {
   transform: scale(1.1); /* Slightly enlarge arrow on hover */
   stroke: #007bff; /* Change arrow color on hover (optional) */
}

/* Ensure images behave as expected */
.our-services .service-card-style .card-img-top {
    width: 100%;
    height: auto;
    display: block;
}

/* Style the card body padding */
.our-services .service-card-style .card-body {
     padding: 1rem 1.25rem; /* Adjust padding as needed */
     /* Bootstrap d-flex classes handle layout */
}

/* Hero Section */
.hero {
    min-height: 55vh; /* Make hero taller */
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('../img/background_image1.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
    display: flex; /* Use flex for vertical alignment */
    align-items: center; /* Center content vertically */
    color: #ffffff; /* Ensure text is white */
}


/* About Overview */
.about-overview img {
    transition: transform 0.3s ease;
}

.about-overview p {
    font-size: 18px; 
}

.about-overview img:hover {
    transform: scale(1.05);
}

.center-heading {
    text-align: center;
    width: 100%;
}

.university {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 20px;
    border-radius: 15px;
    background-color: #ffffff;
}

.university:hover {
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* University Image0 */
 .university-logo1    {
    max-height: 100px;
}

.university-logo2    {
    max-height: 110px;
}


/* Responsive Adjustments */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 2.5rem;
    }

    .our-services .card {
        margin-bottom: 20px;
    }

    .about-overview, .sustainability {
        text-align: center;
    }

    .about-overview img, .sustainability img {
        margin-bottom: 20px;
    }

    /* Ensure footer content is properly aligned */
      footer p, 
      footer ul {
          text-align: center;
      }
      
      footer .social-links {
          display: flex;
          justify-content: center;
          margin-top: 1rem;
      }

        .footer-heading {
        margin: 0 auto;      /* Center block-level elements */
}
 
}

/* Utility Classes */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--dark-color);
    border-color: var(--dark-color);
}

.btn-success {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-success:hover {
    background-color: #2ecc71;
    border-color: #2ecc71;
}