/**

* ==========================================================================
* FIGORA Global Skills Nexus
* ---
* Home Page
* File : assets/css/pages/home.css
* Version : 5.0.0
* ==========================================================================
  */

/* ==========================================================
GLOBAL HOME SECTIONS
========================================================== */

.home section {
position: relative;
}

.home .section-header {
max-width: 760px;
margin: 0 auto 70px;
text-align: center;
}

.home .section-title {
margin-bottom: 18px;
}

.home .section-description {
max-width: 680px;
margin: 0 auto;
}

/* ==========================================================
COMMON GRID
========================================================== */

.home-grid {
display: grid;
gap: 32px;
}

.home-grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-grid--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* ==========================================================
WHO WE HELP
========================================================== */

.figora-audience {
background: #ffffff;
}

.figora-audience-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
align-items: stretch;
}

.figora-audience .feature-card {
height: 100%;
display: flex;
flex-direction: column;
}

.figora-audience .feature-card__content {
flex: 1;
}

.figora-audience .feature-card__footer {
margin-top: auto;
}

/* ==========================================================
FEATURED PROGRAMS
========================================================== */

.figora-programs {
background: #F8FAFC;
}

.figora-programs-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
align-items: stretch;
}

.figora-programs-grid article {
height: 100%;
}

/* ==========================================================
TESTIMONIALS
========================================================== */

.figora-testimonials {
background: #F8FAFC;
}

.figora-testimonials-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
align-items: stretch;
}

.figora-testimonials-grid > * {
display: flex;
height: 100%;
}

.figora-testimonial-card {
width: 100%;
display: flex;
height: 100%;
}

.figora-testimonial-card__inner {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
}

.figora-testimonial-card__excerpt {
flex: 1;
}

.figora-testimonial-card__footer {
margin-top: auto;
}

/* ==========================================================
TESTIMONIAL CTA
========================================================== */

.figora-testimonials-footer {
width: 100%;
max-width: 900px;
margin: 72px auto 0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

.testimonial-cta {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.testimonial-cta__title {
margin: 0 0 20px;
text-align: center;
}

.testimonial-cta__text {
max-width: 680px;
margin: 0 auto 36px;
text-align: center;
}

.testimonial-actions {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}

.testimonial-actions .btn {
min-width: 220px;
}

/* ==========================================================
FAQ
========================================================== */

.section-faq {
background: #ffffff;
}

.faq-wrapper {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
gap: 48px;
align-items: start;
}

.faq-list {
display: flex;
flex-direction: column;
gap: 20px;
}

.faq-sidebar {
position: sticky;
top: 120px;
}

/* ==========================================================
NEWSLETTER
========================================================== */

.figora-newsletter {
background: linear-gradient(135deg, #0F172A, #1E3A8A);
color: #ffffff;
}

.figora-newsletter .section-header {
margin-bottom: 50px;
}

.figora-newsletter .section-title,
.figora-newsletter .section-description {
color: #ffffff;
}

.figora-newsletter__inner {
max-width: 760px;
margin: 0 auto;
text-align: center;
}

.figora-newsletter form {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
margin-top: 36px;
flex-wrap: wrap;
}

.figora-newsletter input[type="email"] {
flex: 1;
min-width: 300px;
padding: 16px 20px;
border: 1px solid rgba(255,255,255,.20);
border-radius: 12px;
background: #ffffff;
}

.figora-newsletter button {
min-width: 200px;
}

/* ==========================================================
CTA
========================================================== */

.figora-cta {
text-align: center;
}

.figora-cta__inner {
max-width: 860px;
margin: 0 auto;
}

.figora-cta__buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-top: 36px;
flex-wrap: wrap;
}

/* ==========================================================
RESPONSIVE
========================================================== */

@media (max-width: 991px) {

.home .section-header {
    margin-bottom: 60px;
}

.figora-audience-grid,
.figora-programs-grid,
.figora-testimonials-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.faq-wrapper {
    grid-template-columns: 1fr;
}

.faq-sidebar {
    position: static;
}

}

@media (max-width: 767px) {

.home .section-header {
    margin-bottom: 48px;
}

.figora-audience-grid,
.figora-programs-grid,
.figora-testimonials-grid {
    grid-template-columns: 1fr;
    gap: 24px;
}

.testimonial-actions,
.figora-cta__buttons,
.figora-newsletter form {
    flex-direction: column;
    align-items: stretch;
}

.testimonial-actions .btn,
.figora-cta__buttons .btn,
.figora-newsletter button,
.figora-newsletter input[type="email"] {
    width: 100%;
    min-width: 0;
}

}

/* ==========================================================
   FIGORA Premium Hero - Final
   ========================================================== */
.hero{
    position:relative;
    overflow:hidden;
    min-height:720px;
    padding:120px 0;
    background:
        linear-gradient(rgba(4,16,40,.55), rgba(4,16,40,.55)),
        url("../../images/hero/hero-background.webp") center center / cover no-repeat,
        linear-gradient(135deg,#06142F 0%,#0B2147 45%,#12356B 100%) !important;
}

.hero::before,
.hero::after{display:none!important;}

.hero .container{position:relative;z-index:2;}

.hero-grid{
    display:grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items:center;
    gap:40px;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(8px);
    border-radius:999px;
    padding:10px 18px;
    font-weight:600;
    margin-bottom:24px;
}

.hero-title{
    font-size:clamp(56px,6vw,64px);
    line-height:1.05;
    font-weight:800;
    letter-spacing:-.03em;
    color:#fff;
    margin:0 0 24px;
}

.hero-description{
    max-width:640px;
    font-size:20px;
    line-height:1.8;
    color:rgba(255,255,255,.92);
    margin:0 0 34px;
}

.home .hero .hero-title,
.home .hero .hero-content .hero-title {
    color: #fff !important;
}

.home .hero .hero-description,
.home .hero .hero-content .hero-description {
    color: rgba(255,255,255,.92) !important;
}

.home .hero .hero-badge,
.home .hero .hero-content .hero-badge {
    color: #fff !important;
}

.hero-buttons{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:28px;
}

.hero-buttons .btn-primary{
    background:linear-gradient(135deg,#2563EB,#14B8A6);
    color:#fff;
    border:none;
    border-radius:14px;
    padding:16px 34px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(37,99,235,.32);
}

.hero-buttons .btn-secondary{
    background:transparent;
    color:#fff;
    border:1px solid rgba(255,255,255,.55);
    border-radius:14px;
    padding:16px 34px;
    font-weight:700;
}

.hero-stats{
    display:flex;
    gap:18px;
    margin-top:30px;
    flex-wrap:wrap;
}

.hero-stat-card{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    border-radius:18px;
    padding:22px 24px;
    min-width:180px;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:0 18px 40px rgba(0,0,0,.25);
}

.hero-stat-card h3{
    color:#fff;
    font-size:34px;
    font-weight:800;
    margin:0 0 8px;
}

.hero-stat-card p{
    color:rgba(255,255,255,.82);
    margin:0;
}

.hero-main-image{
    width:100%;
    max-width:760px;
    border-radius:28px;
    display:block;
    box-shadow:0 40px 80px rgba(0,0,0,.40);
}

.hero-grid{
    display:grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items:center;
    gap:40px;
}

.hero-image-wrapper{
    position:relative;
    width:100%;
    max-width:760px;
    transform:translateX(20px);
}

.floating-card{
    position:absolute;
    display:flex;
    align-items:center;
    gap:12px;
    background:rgba(255,255,255,.96);
    border-radius:16px;
    padding:16px 18px;
    box-shadow:0 20px 40px rgba(15,23,42,.22);
}

.card-admission{
    top:-28px;
    left:-32px;
}

.card-support{
    right:-32px;
    bottom:-24px;
}

.floating-card strong{display:block;color:#0F172A;}
.floating-card small{color:#64748B;}

@media (max-width:991px){
    .hero{
        padding:100px 0;
        background-size:140%,cover;
    }

    .hero-grid{
        grid-template-columns:1fr;
        gap:48px;
    }

    .hero-title{font-size:44px;}
    .hero-description{font-size:18px;}

    .hero-stat-card{flex:1 1 160px;}

    .card-admission{top:10px;left:10px;}
    .card-support{right:10px;bottom:10px;}
}