/* =========================================================
                PREMIUM HERO SLIDER
========================================================= */
/*=========================================
      PREMIUM LAW HERO SLIDER - PART 1
=========================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.modern-hero-slider{
    position:relative;
    width:100%;
    min-height:100vh;
    overflow:hidden;
    background:linear-gradient(135deg,#fdfdfd,#f4f4f4);
}

.modern-slide{
    position:absolute;
    inset:0;
    width:100%;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
    padding:110px 8%;
    opacity:0;
    visibility:hidden;
    transform:translateX(60px);
    transition:all .8s ease;
}

.modern-slide.active{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

/*============ LEFT SIDE ============*/

.slide-left{
    flex:1;
    max-width:620px;
    z-index:2;
}

.tag-line{

    display:inline-flex;
    align-items:center;
    gap:10px;

    background:linear-gradient(135deg,#8B0000,#b91c1c);

    color:#fff;

    padding:12px 24px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    box-shadow:0 15px 35px rgba(139,0,0,.25);

    margin-bottom:28px;

}

.slide-left h1{

    font-size:64px;

    font-weight:800;

    line-height:1.1;

    color:#111827;

    margin-bottom:25px;

}

.slide-left h1 span{

    color:#8B0000;

}

.slide-left p{

    font-size:19px;

    line-height:1.9;

    color:#6b7280;

    margin-bottom:40px;

}

/*============ BUTTONS ============*/

.hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.primary-btn,

.secondary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 34px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:.4s;

    font-size:16px;

}

.primary-btn{

    background:linear-gradient(135deg,#8B0000,#c1121f);

    color:#fff;

    box-shadow:0 15px 35px rgba(139,0,0,.25);

}

.primary-btn:hover{

    transform:translateY(-6px);

    box-shadow:0 25px 45px rgba(139,0,0,.35);

}

.secondary-btn{

    background:#fff;

    color:#8B0000;

    border:2px solid #8B0000;

}

.secondary-btn:hover{

    background:#8B0000;

    color:#fff;

    transform:translateY(-6px);

}

/*============ RIGHT IMAGE ============*/

.slide-right{

    flex:1;

    display:flex;

    justify-content:center;

    align-items:center;

    position:relative;

}

.slide-right::before{

    content:"";

    position:absolute;

    width:560px;

    height:560px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(139,0,0,.12),
    transparent 70%);

    animation:pulseCircle 5s infinite;

}

.slide-right img{

    width:100%;

    max-width:1200px;

    border-radius:30px;

    object-fit:cover;

    position:relative;

    z-index:2;

    box-shadow:0 30px 60px rgba(0,0,0,.18);

    transition:.5s;

}

.slide-right img:hover{

    transform:scale(1.04);

}

/*============ Animation ============*/

@keyframes pulseCircle{

0%{

transform:scale(.9);

opacity:.6;

}

50%{

transform:scale(1.05);

opacity:1;

}

100%{

transform:scale(.9);

opacity:.6;

}

}
/*=========================================
      PREMIUM HERO SLIDER - PART 2
      Responsive + Arrows + Dots
=========================================*/

/*=========== ARROWS ===========*/

.hero-arrow{

position:absolute;

top:50%;

transform:translateY(-50%);

width:60px;

height:60px;

border:none;

outline:none;

border-radius:50%;

cursor:pointer;

background:rgba(255,255,255,.95);

color:#8B0000;

font-size:22px;

display:flex;

align-items:center;

justify-content:center;

box-shadow:0 18px 40px rgba(0,0,0,.15);

transition:.35s;

z-index:999;

}

.hero-arrow:hover{

background:#8B0000;

color:#fff;

transform:translateY(-50%) scale(1.12);

}

.prev-arrow{

left:35px;

}

.next-arrow{

right:35px;

}

/*=========== DOTS ===========*/

.hero-dots{

position:absolute;

left:50%;

bottom:40px;

transform:translateX(-50%);

display:flex;

gap:15px;

z-index:999;

}

.hero-dot{

width:15px;

height:15px;

border-radius:50%;

background:#d6d6d6;

cursor:pointer;

transition:.35s;

}

.hero-dot.active{

background:#8B0000;

width:42px;

border-radius:50px;

}

/*=========== FLOATING IMAGE ===========*/

.slide-right img{

animation:floatImage 5s ease-in-out infinite;

}

@keyframes floatImage{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-18px);

}

100%{

transform:translateY(0px);

}

}

/*=========== TEXT ANIMATION ===========*/

.modern-slide.active .tag-line{

animation:fadeLeft .8s .2s both;

}

.modern-slide.active h1{

animation:fadeLeft .9s .4s both;

}

.modern-slide.active p{

animation:fadeLeft .9s .6s both;

}

.modern-slide.active .hero-buttons{

animation:fadeLeft 1s .8s both;

}

@keyframes fadeLeft{

from{

opacity:0;

transform:translateX(-50px);

}

to{

opacity:1;

transform:translateX(0);

}

}

/*=========== LAPTOP ===========*/

@media(max-width:1200px){

.modern-slide{

padding:100px 6%;

gap:45px;

}

.slide-left h1{

font-size:54px;

}

.slide-right img{

max-width:500px;

}

}

/*=========== TABLET ===========*/

@media(max-width:991px){

.modern-slide{

flex-direction:column-reverse;

justify-content:center;

text-align:center;

padding:120px 30px 70px;

gap:40px;

}

.slide-left{

max-width:100%;

}

.slide-right{

width:100%;

}

.slide-right img{
    margin-top: 40px;

max-width:620px;

width:100%;

}

.hero-buttons{

justify-content:center;

}

.hero-arrow{

display:none;

}

}

/*=========== MOBILE ===========*/

@media(max-width:768px){
/* 
.modern-hero-slider{

min-height:auto;

} */
 .modern-hero-slider{
    min-height:600px;
    height:auto;
}

.modern-slide{
  position:absolute
!important;
    min-height:700px;
    display:flex !important;
}

.modern-slide{

padding:110px 20px 70px;

}

.slide-left h1{

font-size:40px;

line-height:1.15;

}

.slide-left p{

font-size:16px;

line-height:1.8;

}

.tag-line{

font-size:12px;

padding:10px 18px;

}

.primary-btn,

.secondary-btn{

width:100%;

justify-content:center;

padding:15px;

font-size:15px;

}

.hero-buttons{

flex-direction:column;

width:100%;

}

.slide-right img{

max-width:100%;

border-radius:20px;

}

.hero-dots{

bottom:18px;

}

}

/*=========== SMALL MOBILE ===========*/

@media(max-width:480px){

.slide-left h1{

font-size:32px;

}

.slide-left p{

font-size:15px;

}

.tag-line{

font-size:11px;

letter-spacing:1px;

}

.hero-dot{

width:12px;

height:12px;

}

.hero-dot.active{

width:34px;

}

}


/* =========================================================
                    MOBILE
========================================================= */




.courses-section{
    padding:100px 7%;
    background:#f8fafc;
}

.courses-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.course-card{

    background:#fff;

    border-radius:30px;

    padding:40px 30px;

    text-align:center;

    transition:.4s ease;

    border:1px solid #edf2f7;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.07);

    position:relative;

    overflow:hidden;
}

.course-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 25px 50px rgba(0,0,0,0.12);
}

/* ICON */

.course-icon{

    width:110px;
    height:110px;

    margin:auto;

    border-radius:28px;

    background:
    linear-gradient(
    135deg,
    #8b0000,
    #d40000
    );

    display:flex;
    justify-content:center;
    align-items:center;

    margin-bottom:25px;

    box-shadow:
    0 15px 30px rgba(139,0,0,.25);
}

.course-icon i{

    font-size:48px;
    color:#fff;
}

.course-card h3{

    font-size:30px;
    color:#09142b;
    margin-bottom:15px;
}

.course-duration{

    display:inline-block;

    background:#fff4d6;

    color:#111;

    padding:10px 20px;

    border-radius:50px;

    font-weight:700;

    margin-bottom:25px;
}

.course-card ul{

    text-align:left;

    margin-bottom:25px;

    list-style:none;
}

.course-card ul li{

    padding:10px 0;

    color:#475569;

    border-bottom:1px solid #edf2f7;
}

.course-card ul li::before{

    content:"✓ ";

    color:green;
    font-weight:700;
}

.course-card p{

    color:#64748b;
    line-height:1.8;
    margin-bottom:25px;
}

.course-card a{

    display:inline-block;

    padding:14px 30px;

    border-radius:50px;

    background:
    linear-gradient(
    135deg,
    #8b0000,
    #d40000
    );

    color:white;

    font-weight:700;

    transition:.4s;
}

.course-card a:hover{

    transform:translateY(-4px);
}

@media(max-width:992px){

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

}

@media(max-width:768px){

    .courses-grid{
        grid-template-columns:1fr;
    }

}


/* ==================================================
        PRINCIPAL MESSAGE SECTION
=================================================== */

.principal-section{

    padding:110px 7%;

    background:
    linear-gradient(
        135deg,
        #f8fafc,
        #eef2ff
    );

    position:relative;
    overflow:hidden;
}

/* BACKGROUND EFFECT */

.principal-section::before{

    content:'';

    position:absolute;

    width:350px;
    height:350px;

    background:rgba(139,0,0,0.05);

    border-radius:50%;

    top:-120px;
    right:-120px;

    filter:blur(60px);
}

.principal-container{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:70px;

    max-width:1400px;
    margin:auto;
}

/* IMAGE SIDE */

.principal-image{

    width:40%;
    position:relative;
}

.image-border{

    position:absolute;

    width:100%;
    height:100%;

    border:4px solid #8b0000;

    border-radius:35px;

    top:20px;
    left:20px;

    z-index:1;
}

.principal-image img{

    width:100%;

    border-radius:35px;

    position:relative;

    z-index:2;

    box-shadow:
    0 25px 60px rgba(0,0,0,0.15);

    transition:.5s ease;
}

.principal-image:hover img{

    transform:translateY(-10px);
}

/* CONTENT */

.principal-content{

    width:60%;
}

.principal-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    background:
    linear-gradient(
        135deg,
        #8b0000,
        #d40000
    );

    color:white;

    font-size:13px;
    font-weight:700;
    letter-spacing:1px;

    margin-bottom:20px;
}

.principal-content h2{

    font-size:3rem;

    color:#09142b;

    margin-bottom:25px;

    font-weight:800;
}

.principal-content p{

    color:#475569;

    line-height:1.9;

    margin-bottom:18px;

    font-size:16px;
}

/* SIGNATURE */

.principal-signature{

    margin-top:35px;

    padding-left:20px;

    border-left:4px solid #8b0000;
}

.principal-signature h3{

    color:#8b0000;

    font-size:26px;

    margin-bottom:5px;
}

.principal-signature span{

    color:#64748b;

    font-size:15px;
}

/* ==================================================
            TABLET
=================================================== */

@media(max-width:992px){

    .principal-container{

        flex-direction:column;
    }

    .principal-image,
    .principal-content{

        width:100%;
    }

    .principal-content{

        text-align:center;
    }

    .principal-signature{

        border-left:none;
        padding-left:0;
    }

    .image-border{

        display:none;
    }

}

/* ==================================================
            MOBILE
=================================================== */

@media(max-width:768px){

    .principal-section{

        padding:80px 5%;
    }

    .principal-content h2{

        font-size:2rem;
    }

    .principal-content p{

        font-size:15px;
    }

    .principal-image img{

        border-radius:25px;
    }

}

/* ==================================================
                FACILITIES SECTION
=================================================== */

.facilities-section{

    padding:110px 7%;

    background:
    linear-gradient(
        135deg,
        #09142b,
        #132238
    );

    position:relative;
    overflow:hidden;
}

/* HEADING */

.facility-heading{

    text-align:center;
    margin-bottom:70px;
}

.facility-heading span{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    background:
    linear-gradient(
        135deg,
        #ff9800,
        #ffcc00
    );

    color:#111;

    font-size:13px;
    font-weight:700;

    margin-bottom:18px;
}

.facility-heading h2{

    font-size:3rem;
    color:white;
    margin-bottom:15px;
    font-weight:800;
}

.facility-heading p{

    max-width:800px;
    margin:auto;

    color:#cbd5e1;
    line-height:1.8;
}

/* GRID */

.facilities-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:30px;
}

/* CARD */

.facility-card{

    background:
    rgba(255,255,255,0.05);

    backdrop-filter:blur(15px);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:28px;

    padding:40px 30px;

    text-align:center;

    transition:.5s ease;

    position:relative;
    overflow:hidden;
}

.facility-card::before{

    content:'';

    position:absolute;

    width:200px;
    height:200px;

    background:
    rgba(255,204,0,0.08);

    border-radius:50%;

    top:-100px;
    right:-100px;
}

.facility-card:hover{

    transform:translateY(-12px);

    border-color:#ffcc00;
}

/* ICON */

.facility-icon{

    width:90px;
    height:90px;

    margin:auto;

    border-radius:25px;

    background:
    linear-gradient(
        135deg,
        #ff9800,
        #ffcc00
    );

    display:flex;
    justify-content:center;
    align-items:center;

    margin-bottom:25px;

    box-shadow:
    0 15px 30px rgba(255,204,0,0.25);
}

.facility-icon i{

    font-size:38px;
    color:#111;
}

/* TITLE */

.facility-card h3{

    color:white;

    font-size:24px;

    margin-bottom:15px;
}

/* TEXT */

.facility-card p{

    color:#cbd5e1;

    line-height:1.8;
}

/* TABLET */

@media(max-width:992px){

    .facilities-grid{

        grid-template-columns:repeat(2,1fr);
    }

    .facility-heading h2{

        font-size:2.3rem;
    }

}

/* MOBILE */

@media(max-width:768px){

    .facilities-section{

        padding:80px 5%;
    }

    .facilities-grid{

        grid-template-columns:1fr;
    }

    .facility-heading h2{

        font-size:2rem;
    }

}


/* ==================================================
            STATISTICS COUNTER SECTION
=================================================== */

.stats-section{

    padding:110px 7%;

    position:relative;

    background:
    linear-gradient(
        135deg,
        #071120,
        #10213b
    );

    overflow:hidden;
}

/* GLOW EFFECT */

.stats-section::before{

    content:'';

    position:absolute;

    width:400px;
    height:400px;

    background:
    rgba(255,204,0,0.08);

    border-radius:50%;

    top:-150px;
    left:-150px;

    filter:blur(100px);
}

.stats-section::after{

    content:'';

    position:absolute;

    width:350px;
    height:350px;

    background:
    rgba(255,0,0,0.08);

    border-radius:50%;

    bottom:-120px;
    right:-120px;

    filter:blur(100px);
}

/* HEADING */

.stats-heading{

    text-align:center;

    margin-bottom:70px;

    position:relative;
    z-index:2;
}

.stats-heading span{

    display:inline-block;

    padding:10px 22px;

    background:
    linear-gradient(
        135deg,
        #ff9800,
        #ffcc00
    );

    color:#111;

    border-radius:50px;

    font-size:13px;
    font-weight:700;

    margin-bottom:18px;
}

.stats-heading h2{

    color:white;

    font-size:3rem;

    margin-bottom:15px;

    font-weight:800;
}

.stats-heading p{

    color:#cbd5e1;

    max-width:800px;

    margin:auto;

    line-height:1.8;
}

/* GRID */

.stats-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

    position:relative;
    z-index:2;
}

/* CARD */

.stat-card{

    background:
    rgba(255,255,255,0.05);

    backdrop-filter:blur(15px);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:30px;

    padding:40px 25px;

    text-align:center;

    transition:.5s ease;
}

.stat-card:hover{

    transform:translateY(-12px);

    border-color:#ffcc00;
}

/* ICON */

.stat-icon{

    width:90px;
    height:90px;

    margin:auto;

    border-radius:25px;

    background:
    linear-gradient(
        135deg,
        #ff9800,
        #ffcc00
    );

    display:flex;
    justify-content:center;
    align-items:center;

    margin-bottom:25px;
}

.stat-icon i{

    color:#111;

    font-size:38px;
}

/* NUMBER */

.stat-card h3{

    color:#ffcc00;

    font-size:3rem;

    margin-bottom:10px;

    font-weight:800;
}

.stat-card h3::after{

    content:"+";
}

/* TEXT */

.stat-card p{

    color:white;

    font-size:18px;

    font-weight:600;
}

/* TABLET */

@media(max-width:992px){

    .stats-grid{

        grid-template-columns:repeat(2,1fr);
    }

}

/* MOBILE */

@media(max-width:768px){

    .stats-section{

        padding:80px 5%;
    }

    .stats-grid{

        grid-template-columns:1fr;
    }

    .stats-heading h2{

        font-size:2rem;
    }

}


/* ==================================================
            PLACEMENT SECTION
=================================================== */

.placement-section{

    padding:100px 0;

    background:
    linear-gradient(
        135deg,
        #f8fafc,
        #eef2ff
    );

    overflow:hidden;
}

.placement-heading{

    text-align:center;

    margin-bottom:60px;
}

.placement-heading span{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    background:
    linear-gradient(
        135deg,
        #8b0000,
        #d40000
    );

    color:white;

    font-size:13px;
    font-weight:700;

    margin-bottom:18px;
}

.placement-heading h2{

    font-size:3rem;

    color:#09142b;

    margin-bottom:15px;

    font-weight:800;
}

.placement-heading p{

    max-width:800px;

    margin:auto;

    color:#64748b;

    line-height:1.8;
}

/* SLIDER */

.placement-slider{

    overflow:hidden;

    position:relative;
}

.placement-track{

    display:flex;

    gap:25px;

    width:max-content;

    animation:careerSlide 25s linear infinite;
}

.placement-slider:hover .placement-track{

    animation-play-state:paused;
}

/* CARD */

.placement-card{

    width:220px;

    min-width:220px;

    background:white;

    border-radius:28px;

    padding:35px 20px;

    text-align:center;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.08);

    transition:.4s ease;
}

.placement-card:hover{

    transform:translateY(-10px);
}

/* ICON */

.placement-card i{

    font-size:55px;

    color:#8b0000;

    margin-bottom:20px;
}

.placement-card h4{

    color:#09142b;

    font-size:20px;

    font-weight:700;
}

/* ANIMATION */

@keyframes careerSlide{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

}

/* MOBILE */

@media(max-width:768px){

    .placement-heading h2{

        font-size:2rem;
    }

    .placement-card{

        width:180px;
        min-width:180px;
    }

    .placement-card i{

        font-size:42px;
    }

}


/* ==================================================
            TESTIMONIAL SECTION
=================================================== */

.testimonial-section{

    padding:110px 0;

    background:
    linear-gradient(
        135deg,
        #071120,
        #10213b
    );

    overflow:hidden;
}

.testimonial-heading{

    text-align:center;

    margin-bottom:70px;

    padding:0 5%;
}

.testimonial-heading span{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    background:
    linear-gradient(
        135deg,
        #ff9800,
        #ffcc00
    );

    color:#111;

    font-size:13px;
    font-weight:700;

    margin-bottom:18px;
}

.testimonial-heading h2{

    color:white;

    font-size:3rem;

    margin-bottom:15px;

    font-weight:800;
}

.testimonial-heading p{

    color:#cbd5e1;

    max-width:800px;

    margin:auto;

    line-height:1.8;
}

/* SLIDER */

.testimonial-slider{

    overflow:hidden;
}

.testimonial-track{

    display:flex;

    gap:30px;

    width:max-content;

    animation:testimonialMove 30s linear infinite;
}

.testimonial-slider:hover .testimonial-track{

    animation-play-state:paused;
}

/* CARD */

.testimonial-card{

    width:380px;

    min-width:380px;

    background:
    rgba(255,255,255,0.08);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:30px;

    padding:35px;

    text-align:center;

    transition:.4s ease;
}

.testimonial-card:hover{

    transform:translateY(-10px);

    border-color:#ffcc00;
}

.testimonial-card img{

    width:95px;
    height:95px;

    border-radius:50%;

    object-fit:cover;

    margin-bottom:20px;

    border:4px solid #ffcc00;
}

.stars{

    font-size:20px;

    margin-bottom:18px;
}

.testimonial-card p{

    color:#e2e8f0;

    line-height:1.9;

    margin-bottom:25px;

    font-size:15px;
}

.testimonial-card h4{

    color:white;

    font-size:22px;

    margin-bottom:6px;
}

.testimonial-card span{

    color:#ffcc00;

    font-size:14px;
}

/* ANIMATION */

@keyframes testimonialMove{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

/* MOBILE */

@media(max-width:768px){

    .testimonial-heading h2{

        font-size:2rem;
    }

    .testimonial-card{

        width:300px;
        min-width:300px;

        padding:25px;
    }

}


.cta-section{

    padding:120px 7%;

    background:
    linear-gradient(
        135deg,
        #071120,
        #0f172a,
        #111827
    );

    position:relative;

    overflow:hidden;
}

/* GLOW EFFECTS */

.cta-section::before{

    content:'';

    position:absolute;

    width:400px;
    height:400px;

    background:rgba(255,204,0,0.08);

    border-radius:50%;

    top:-150px;
    left:-150px;

    filter:blur(100px);
}

.cta-section::after{

    content:'';

    position:absolute;

    width:350px;
    height:350px;

    background:rgba(255,255,255,0.05);

    border-radius:50%;

    bottom:-120px;
    right:-120px;

    filter:blur(100px);
}

/* GLASS CARD */

.cta-content{

    max-width:1100px;

    margin:auto;

    padding:70px 50px;

    text-align:center;

    background:
    rgba(255,255,255,0.05);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:35px;

    position:relative;

    z-index:5;
}

/* BADGE */

.cta-badge{

    display:inline-block;

    padding:12px 25px;

    border-radius:50px;

    background:
    linear-gradient(
        135deg,
        #ffcc00,
        #ff9800
    );

    color:#111;

    font-size:13px;

    font-weight:800;

    margin-bottom:25px;
}

/* HEADING */

.cta-content h2{

    color:white;

    font-size:3.4rem;

    font-weight:900;

    line-height:1.2;

    margin-bottom:22px;
}

/* TEXT */

.cta-content p{

    color:#cbd5e1;

    font-size:18px;

    line-height:1.9;

    max-width:850px;

    margin:auto auto 35px;
}

/* BUTTON AREA */

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;
}

/* APPLY */

.cta-apply{

    padding:16px 34px;

    border-radius:60px;

    background:
    linear-gradient(
        135deg,
        #ffcc00,
        #ff9800
    );

    color:#111;

    font-weight:800;

    transition:.4s;
}

.cta-apply:hover{

    transform:translateY(-5px);

    box-shadow:
    0 15px 30px rgba(255,204,0,.25);
}

/* CONTACT */

.cta-contact{

    padding:16px 34px;

    border-radius:60px;

    background:
    rgba(255,255,255,0.08);

    border:1px solid rgba(255,255,255,0.12);

    color:white;

    font-weight:700;

    transition:.4s;
}

.cta-contact:hover{

    background:white;

    color:#111;
}

/* MOBILE */

@media(max-width:768px){

    .cta-content{

        padding:45px 25px;
    }

    .cta-content h2{

        font-size:2rem;
    }

    .cta-content p{

        font-size:15px;
    }

}

/* ==========================================
            PREMIUM FOOTER
========================================== */

.premium-footer{

    background:
    linear-gradient(
        135deg,
        #071120,
        #0f172a,
        #111827
    );

    position:relative;

    overflow:hidden;

    padding-top:80px;
}

/* GLOW EFFECT */

.premium-footer::before{

    content:'';

    position:absolute;

    width:400px;
    height:400px;

    background:
    rgba(255,204,0,0.06);

    border-radius:50%;

    top:-180px;
    right:-180px;

    filter:blur(100px);
}

.footer-container{

    width:90%;

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:
    2fr 1fr 1fr 1.5fr;

    gap:50px;

    padding-bottom:60px;
}

/* BOX */

.footer-box h2{

    color:white;

    font-size:28px;

    margin-bottom:20px;

    font-weight:800;
}

.footer-box h3{

    color:#ffcc00;

    margin-bottom:22px;

    font-size:22px;
}

.footer-box p{

    color:#cbd5e1;

    line-height:1.9;
}

/* LINKS */

.footer-box ul{

    list-style:none;
}

.footer-box ul li{

    margin-bottom:14px;
}

.footer-box ul li a{

    color:#cbd5e1;

    transition:.3s;
}

.footer-box ul li a:hover{

    color:#ffcc00;

    padding-left:8px;
}

/* SOCIAL */

.footer-social{

    display:flex;

    gap:15px;

    margin-top:25px;
}

.footer-social a{

    width:45px;
    height:45px;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    background:
    rgba(255,255,255,0.08);

    color:white;

    transition:.4s;
}

.footer-social a:hover{

    background:#ffcc00;

    color:#111;

    transform:translateY(-5px);
}

/* CONTACT */

.contact-info li{

    color:#cbd5e1;

    display:flex;

    gap:12px;

    align-items:flex-start;
}

.contact-info i{

    color:#ffcc00;

    margin-top:4px;
}

/* BOTTOM */

.footer-bottom{

    border-top:
    1px solid rgba(255,255,255,0.08);

    padding:22px 5%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;
}

.footer-bottom p{

    color:#94a3b8;

    font-size:14px;
}

.developer-credit span{

    color:#ffcc00;

    font-weight:700;
}

/* RESPONSIVE */

@media(max-width:992px){

    .footer-container{

        grid-template-columns:
        repeat(2,1fr);
    }
}

@media(max-width:768px){

    .footer-container{

        grid-template-columns:1fr;

        text-align:center;
    }

    .footer-social{

        justify-content:center;
    }

    .contact-info li{

        justify-content:center;
    }

    .footer-bottom{

        flex-direction:column;
        text-align:center;
    }
}
.premium-footer{
    border-top:4px solid #ffcc00;
}



/* Popup Overlay */
    .popup-overlay {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.55);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 99999;
      padding: 15px;
      backdrop-filter: blur(4px);
    }

    /* Popup Box */
    .popup-box {
      width: 100%;
      max-width: 430px;
      background: linear-gradient(145deg, #ffffff, #f8f9ff);
      border-radius: 22px;
      padding: 28px 24px;
      position: relative;
      box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
      animation: popupFadeIn 0.5s ease;
      border: 1px solid rgba(22, 88, 180, 0.12);
    }

    /* Close Button */
    .popup-close {
      position: absolute;
      top: 12px;
      right: 14px;
      width: 38px;
      height: 38px;
      border: none;
      border-radius: 50%;
      background: #f1f4ff;
      color: #0d3b8e;
      font-size: 24px;
      cursor: pointer;
      transition: 0.3s ease;
      font-weight: bold;
    }

    .popup-close:hover {
      background: #0d3b8e;
      color: #fff;
      transform: rotate(90deg);
    }

    /* Header */
    .popup-header {
      text-align: center;
      margin-bottom: 20px;
    }

    .popup-badge {
      display: inline-block;
      background: linear-gradient(90deg, #0d3b8e, #1d5fd0);
      color: #fff;
      padding: 6px 14px;
      border-radius: 30px;
      font-size: 13px;
      font-weight: 600;
      margin-bottom: 12px;
      box-shadow: 0 6px 18px rgba(13, 59, 142, 0.25);
    }

    .popup-header h2 {
      margin: 0;
      font-size: 26px;
      color: #0d3b8e;
      font-weight: 800;
      line-height: 1.3;
    }

    .popup-header p {
      margin-top: 6px;
      color: #555;
      font-size: 15px;
      font-weight: 500;
    }

    /* Form */
    .form-group {
      margin-bottom: 14px;
    }

    .popup-input {
      width: 100%;
      padding: 13px 15px;
      border: 1px solid #dbe4ff;
      border-radius: 12px;
      font-size: 15px;
      outline: none;
      background: #fff;
      transition: 0.3s ease;
    }

    .popup-input:focus {
      border-color: #1d5fd0;
      box-shadow: 0 0 0 4px rgba(29, 95, 208, 0.12);
    }

    /* CAPTCHA */
    .captcha-section {
      margin: 16px 0;
    }

    .captcha-label {
      display: block;
      margin-bottom: 8px;
      color: #0d3b8e;
      font-weight: 700;
      font-size: 14px;
    }

    .captcha-wrap {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
    }

    .captcha-code {
      flex: 1;
      background: linear-gradient(135deg, #eef4ff, #dfeaff);
      border: 1px dashed #0d3b8e;
      color: #0d3b8e;
      font-size: 24px;
      font-weight: 800;
      letter-spacing: 3px;
      text-align: center;
      padding: 12px;
      border-radius: 12px;
      user-select: none;
    }

    .refresh-btn {
      width: 48px;
      height: 48px;
      border: none;
      border-radius: 12px;
      background: #0d3b8e;
      color: #fff;
      font-size: 22px;
      cursor: pointer;
      transition: 0.3s ease;
    }

    .refresh-btn:hover {
      background: #154eb8;
      transform: rotate(180deg);
    }

    /* Submit */
    .submit-btn {
      width: 100%;
      background: linear-gradient(90deg, #0d3b8e, #1d5fd0);
      color: #fff;
      border: none;
      padding: 14px;
      border-radius: 14px;
      font-size: 16px;
      font-weight: 700;
      cursor: pointer;
      transition: 0.3s ease;
      box-shadow: 0 8px 20px rgba(13, 59, 142, 0.25);
    }

    .submit-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 24px rgba(13, 59, 142, 0.35);
    }

    /* Message */
    .message {
      margin-top: 12px;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
      min-height: 18px;
    }

    .message.error {
      color: red;
    }

    /* Thank You Box */
    .thank-you-box {
      display: none;
      text-align: center;
      padding: 25px 10px 10px;
      animation: popupFadeIn 0.4s ease;
    }

    .thank-you-icon {
      width: 75px;
      height: 75px;
      margin: 0 auto 16px;
      border-radius: 50%;
      background: linear-gradient(135deg, #0d3b8e, #1d5fd0);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 38px;
      font-weight: bold;
      box-shadow: 0 10px 25px rgba(13, 59, 142, 0.3);
    }

    .thank-you-box h3 {
      color: #0d3b8e;
      font-size: 28px;
      margin-bottom: 10px;
      font-weight: 800;
    }

    .thank-you-box p {
      color: #444;
      font-size: 15px;
      line-height: 1.6;
      font-weight: 500;
    }

    @keyframes popupFadeIn {
      from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    @media (max-width: 480px) {
      .popup-box {
        padding: 24px 18px;
      }

      .popup-header h2 {
        font-size: 22px;
      }

      .thank-you-box h3 {
        font-size: 24px;
      }
    }