/*
Theme Name: Eduspace
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Eduspace - Online Course, Education & University Html Template
Version: 1.2.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

1. General styles
2. Typography
3. Helpers
4. Preloader
5. Go up button
6. Header and navigation
7. Hero Section
8. About us
9. Services
10. Fun facts
11. Projects
12. Pricing
13. Testimonial
14. CTA
15. Team
16. Video Banner
17. Shop
18. Marquee
19. Blog
20. Footer

Main Style file-> assets/css/main.css
*/

/* Custom Styles for RIT */

/* Program Item Styles */
.program-item {
    padding: 20px;
    margin-bottom: 20px;
    border-left: 4px solid #DC3545;
    background: #f8f9fa;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.program-item:hover {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateX(5px);
}

.program-item .program-number {
    display: inline-block;
    font-weight: bold;
    color: #DC3545;
    font-size: 18px;
    margin-right: 10px;
    min-width: 30px;
}

.program-item h5 {
    display: inline;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: 1.5;
}

.program-list {
    padding: 20px 0;
}

.phd-content {
    padding: 40px;
    background: #f8f9fa;
    border-radius: 8px;
    text-align: center;
}

.phd-content h4 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.phd-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}

/* Future Tech Centers Styling */
.academic-excellence-content {
    margin-bottom: 30px;
}

.academic-excellence-content p {
    font-size: 16px;
    line-height: 1.8;
}

.tech-centers-grid {
    padding: 20px 0;
}

.tech-center-card {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    padding: 30px 20px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    backdrop-filter: blur(10px);
}

.tech-center-card:hover {
    background: rgba(220, 53, 69, 0.2);
    border-color: rgba(220, 53, 69, 0.5);
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(220, 53, 69, 0.3);
}

.tech-center-card .icon {
    font-size: 40px;
    color: #fff;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.tech-center-card .icon i {
    font-size: 45px;
    color: #fff;
}

.tech-center-card h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
}

/* RIT Advantages Styling */
.rit-advantages {
    margin-top: 30px;
}

.advantage-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.advantage-item:last-child {
    border-bottom: none;
}

.advantage-item:hover {
    transform: translateX(10px);
}

.advantage-number {
    font-size: 28px;
    font-weight: 700;
    color: #DC3545;
    min-width: 50px;
    margin-right: 20px;
    line-height: 1;
}

.advantage-item h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
    color: #fff;
}


/* ================================
   Freedom Credit Framework Section
   ================================ */
:root {
    --header: #0F4475;
    --fcf-navy-dark: #071f45;
    --fcf-text: #0b2e63;
    --fcf-orange: #f4581c;
    --fcf-orange-light: #ff8a3d;
}

.fcf-section {
    background: #F4F9FF;
    color: #000;
    padding: 100px 0;
    overflow: hidden;
    text-align: justify
}

/* Badge / eyebrow */
.fcf-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--fcf-orange-light);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 10px 22px;
    border-radius: 50px;
}

.fcf-badge::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--fcf-orange);
}

.fcf-title {
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.15;
    color: #fff;
    margin: 24px 0 20px;
}

.fcf-desc {
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    line-height: 1.7;
    max-width: 620px;
    margin-bottom: 34px;
}

/* Feature pills */
.fcf-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 40px;
}

.fcf-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    color: var(--fcf-text);
    font-weight: 700;
    font-size: 15px;
    padding: 14px 26px;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fcf-pill::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--fcf-orange);
    flex-shrink: 0;
}

.fcf-pill:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
}

/* CTA button */
.fcf-btn {
    display: inline-block;
    background: linear-gradient(90deg, var(--fcf-orange) 0%, var(--fcf-orange-light) 100%);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 18px 44px;
    border-radius: 50px;
    border: none;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(244, 88, 28, 0.4);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fcf-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(244, 88, 28, 0.55);
    color: #fff;
}

/* Right side image */
.fcf-image-wrap {
    position: relative;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fcf-image-wrap img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 991.98px) {
    .fcf-section { padding: 70px 0; }
    .fcf-image-wrap { margin-top: 50px; min-height: auto; }
}