/* MAIN HEADING */
.main-heading{
    color: #fff;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.35;
    animation: fadeUp 1s ease;
    margin-top: 50px;
    text-align: center;
    background: #10285f;
    padding: 10px 60px;
}

.main-heading span{
    color:#ff0000;
    position:relative;
}

/* Shine Effect */
.main-heading span::after{
    content:'';
    position:absolute;
    top:0;
    left:-80%;
    width:40%;
    height:100%;
    background:rgba(255,255,255,0.5);
    transform:skewX(-20deg);
    animation:shine 3s infinite;
}

@keyframes shine{
    100%{
        left:140%;
    }
}

/* SUB HEADING */
.sub-heading{
    margin-top:18px;
    color:#ff0000;
    font-size:44px;
    font-weight:800;
    animation:zoomIn 1s ease;
}

/* OFFER WRAPPER */
.offer-wrapper{
    margin-top:55px;
    display:flex;
    justify-content:center;
}

/* OFFER BOX */
.offer-box{
        position: relative;
    background: #10285f;
    border-radius: 18px;
    padding: 20px 38px;
    border: 2px solid #10285f;
    box-shadow: 0 0 10px rgb(114 110 110), 0 0 30px rgb(72 72 72 / 20%);
    overflow: hidden;
    animation: floatBox 3s ease-in-out infinite;
}

/* Animated Border Glow */
.offer-box::before{
    content:'';
    position:absolute;
    inset:-2px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.8),
        transparent
    );
    transform:translateX(-100%);
    animation:borderShine 3s linear infinite;
}

@keyframes borderShine{
    100%{
        transform:translateX(100%);
    }
}

/* OFFER TEXT */
.offer-line1{
    color:#f7f7f7;
    font-size:32px;
    font-weight:800;
    position:relative;
    z-index:2;
}

.offer-line1 span{
    color:#ff0000;
    text-decoration:line-through;
    margin-left:5px;
}

.offer-line2{
    margin-top:8px;
    color:#ffffff;
    font-size:26px;
    font-weight:700;
    position:relative;
    z-index:2;
}

/* FLOATING EFFECT */
@keyframes floatBox{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-8px);
    }
}

/* FADE UP */
@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ZOOM */
@keyframes zoomIn{
    from{
        opacity:0;
        transform:scale(.8);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}

/* RESPONSIVE */
@media(max-width:991px){

    .main-heading{
        font-size:34px;
    }

    .sub-heading{
        font-size:28px;
    }

    .offer-line1{
        font-size:22px;
    }

    .offer-line2{
        font-size:18px;
    }

}

@media(max-width:576px){

    .main-heading{
        font-size:26px;
        line-height:1.5;
    }

    .sub-heading{
        font-size:22px;
    }

    .offer-box{
        padding:16px 20px;
    }

    .offer-line1{
        font-size:18px;
    }

    .offer-line2{
        font-size:15px;
    }

}

/* =========================
   CAREER HERO SECTION
========================= */

.career_banner{
    padding: 40px 0;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.career_banner_wrapper{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: linear-gradient(135deg,#fff,#faf5f2);
    border-radius: 35px;
    padding: 70px 60px 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(80,31,6,0.08);
}

/* Decorative Shapes */

.career_banner_wrapper::before{
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle,#4f1f0820 0%,transparent 70%);
    top: -250px;
    right: -100px;
    border-radius: 50%;
}

.career_banner_wrapper::after{
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    background: #4f1f0808;
    bottom: -120px;
    left: -100px;
    border-radius: 50%;
}

/* LEFT */

.career_banner_content{
    width: 50%;
    position: relative;
    z-index: 2;
}

.career_small_title{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #4f1f0812;
    color: #4f1f08;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 22px;
}

.career_banner_content h2{
    font-size: 50px;
    line-height: 1.05;
    font-weight: 900;
    color: #151515;
    margin-bottom: 25px;
    letter-spacing: -2px;
}

.career_banner_content h2 span{
    display: block;
    color: #4f1f08;
}

/* Description */

.career_banner_content p{
    max-width: 570px;
    font-size: 17px;
    line-height: 1.9;
    color: #555;
    margin-bottom: 30px;
}

/* BUTTONS */

.career_banner_btns{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 40px;
}

.career_banner_btns a{
    text-decoration: none;
}

.career_banner_btns .open-enroll-modal{
    background: #4f1f08;
    color: #fff;
    padding: 15px 30px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    height: 55px;
    transition: 0.4s ease;
    box-shadow: 0 10px 20px rgba(79,31,8,0.18);
}

.career_banner_btns .open-enroll-modal:hover{
    transform: translateY(-4px);
}

.career_btn_two{
    padding: 14px 30px;
    border-radius: 14px;
    border: 2px solid #4f1f08;
    color: #4f1f08;
    font-size: 15px;
    font-weight: 700;
    transition: 0.4s ease;
}

.career_btn_two:hover{
    background: #4f1f08;
    color: #fff;
}

/* Stats */
/* =========================
   STATS DESIGN
========================= */

.career_stats{
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
    margin-bottom: 1px;
}

.career_stat_box{
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 190px;
    background: #fff;
    border-radius: 22px;
    padding: 15px 10px;
    border: 1px solid #eee;
    box-shadow: 0 5px 18px rgba(0,0,0,0.04);
    transition: 0.4s ease;
}

.career_stat_box:hover{
    transform: translateY(-5px);
}

.career_stat_icon{
    width: 55px;
    height: 55px;
    border-radius: 16px;
    background: #4f1f0810;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.career_stat_icon i{
    font-size: 22px;
    color: #4f1f08;
}

.career_stat_box h3{
    font-size: 28px;
    font-weight: 800;
    color: #4f1f08;
    margin-bottom: 4px;
    line-height: 1;
}

.career_stat_box p{
    margin: 0;
    font-size: 14px;
    color: #666;
}

/* =========================
   BOTTOM FEATURES
========================= */

.career_bottom_features{
    background: #fbf8f6;
    border-radius: 28px;
    padding: 20px 0px 28px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    position: relative;
    z-index: 2;
}

.career_feature_box{
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border-radius: 18px;
    transition: 0.4s ease;
        border: 1px solid #0000001f;
    background: #fff;
}

.career_feature_box:hover{
    background: #faf5f2;
    border-color: #4f1f0815;
    transform: translateY(-4px);
}

.career_feature_icon{
    width: 62px;
    height: 62px;
    border-radius: 18px;
    background: #4f1f0810;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.career_feature_icon i{
    font-size: 24px;
    color: #4f1f08;
}

.career_feature_text h4{
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 6px;
}

.career_feature_text p{
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

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

@media(max-width:991px){

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

@media(max-width:576px){

    .career_bottom_features{
        grid-template-columns: repeat(1,1fr);
        padding: 20px;
    }

    .career_stat_box{
        width: 100%;
    }
}

/* RIGHT IMAGE */

.career_banner_image{
    width: 45%;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Background Blob */

.image_shape{
    position: absolute;
    width: 520px;
    height: 435px;
    background: linear-gradient(135deg,#4f1f08,#9d5f3d);
    border-radius: 58% 42% 63% 37% / 45% 52% 48% 55%;
    animation: morph 8s ease-in-out infinite;
    opacity: 0.12;
}

/* Dotted Pattern */

.career_banner_image::before{
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    background-image: radial-gradient(#4f1f084d 2px, transparent 2px);
    background-size: 14px 14px;
    top: 20px;
    right: 20px;
    z-index: 1;
}

/* Circle Ring */

.career_banner_image::after{
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border: 2px dashed #4f1f082d;
    border-radius: 50%;
    z-index: 1;
    animation: rotateCircle 18s linear infinite;
}

/* Main Image */

.career_banner_image img{
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 560px;
    animation: floatImage 5s ease-in-out infinite;
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.12));
}

/* Floating Card */

.hero_floating_card{
    position: absolute;
    right: -35px;
    bottom: -35px;
    background: #fff;
    padding: 18px 20px;
    border-radius: 40px 0px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    z-index: 3;
    max-width: 230px;
    animation: floatCard 4s ease-in-out infinite;
}

.hero_floating_card h4{
    font-size: 17px;
    color: #4f1f08;
    margin-bottom: 8px;
    font-weight: 800;
}

.hero_floating_card p{
    font-size: 13px;
    color: #666;
    line-height: 1.7;
    margin: 0;
}

/* Small Badge */

.hero_badge{
    position: absolute;
    left: 0;
    top: 80px;
    background: #fff;
    border-radius: 16px;
    padding: 14px 18px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.06);
    z-index: 3;
    animation: floatCard 5s ease-in-out infinite;
}

.hero_badge span{
    color: #4f1f08;
    font-size: 14px;
    font-weight: 700;
}

/* Animations */

@keyframes floatImage{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-14px);
    }
    100%{
        transform: translateY(0px);
    }
}

@keyframes rotateCircle{
    100%{
        transform: rotate(360deg);
    }
}

@keyframes morph{
    0%{
        border-radius: 58% 42% 63% 37% / 45% 52% 48% 55%;
    }
    50%{
        border-radius: 38% 62% 45% 55% / 58% 42% 58% 42%;
    }
    100%{
        border-radius: 58% 42% 63% 37% / 45% 52% 48% 55%;
    }
}

@keyframes floatCard{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}

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

@media(max-width:991px){

    .career_banner_wrapper{
        flex-direction: column;
        padding: 50px 30px;
        text-align: center;
    }

    .career_banner_content,
    .career_banner_image{
        width: 100%;
        margin-top: 50px;
    }

    .career_banner_content h2{
        font-size: 52px;
    }

    .career_banner_content p{
        margin: auto auto 30px;
    }

    .career_banner_btns,
    .career_stats{
        justify-content: center;
    }

    .hero_floating_card{
        right: 10px;
        bottom: 30px;
    }

    .hero_badge{
        left: 20px;
        top: 40px;
    }
}

@media(max-width:576px){

    .career_banner_wrapper{
        padding: 35px 20px;
        border-radius: 25px;
    }

    .career_banner_content h2{
        font-size: 38px;
        line-height: 1.15;
    }

    .career_banner_content p{
        font-size: 15px;
    }

    .career_banner_btns{
        flex-direction: column;
    }

    .career_banner_btns a{
        width: 100%;
        justify-content: center;
    }

    .career_stat_box{
        width: 100%;
    }

    .image_shape{
        width: 340px;
        height: 340px;
    }

    .career_banner_image::after{
        width: 280px;
        height: 280px;
    }

    .hero_floating_card{
               right: 95px;
        bottom: -36px;
        margin-top: 20px;
        max-width: 600px;
    }

    .hero_badge{
        display: none;
    }
}

/* =========================
   PREMIUM PRICING SECTION
   SSA COLOR COMBINATION
========================= */

.pricing-section{
    position:relative;
    padding:110px 20px;
    background:#F5F1EB;
    overflow:hidden;
    z-index:1;
}

/* BACKGROUND EFFECTS */
.pricing-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(107,46,6,0.06);
    border-radius:50%;
    top:-220px;
    left:-120px;
    filter:blur(40px);
}

.pricing-section::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(176,122,63,0.10);
    border-radius:50%;
    bottom:-180px;
    right:-100px;
    filter:blur(40px);
}

.container{
    max-width:1280px;
    margin:auto;
    position:relative;
    z-index:2;
}

/* =========================
   SECTION TITLE
========================= */

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

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

/* =========================
   CARD
========================= */

.pricing-card{
    position:relative;
    padding:30px 38px;
    border-radius:30px;
    background:#fff;
    transition:0.5s ease;
    overflow:hidden;
    border:1px solid rgba(107,46,6,0.08);
    box-shadow:0 15px 40px rgba(0,0,0,0.05);

    /* SCROLL EFFECT */
    opacity:0;
    transform:translateY(80px);
    animation:fadeUp 1s ease forwards;
}

/* DELAY EFFECT */
.pricing-card:nth-child(2){
    animation-delay:0.2s;
}

.pricing-card:nth-child(3){
    animation-delay:0.4s;
}

/* TOP BORDER EFFECT */
.pricing-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#6B2E06,#8a4a22);
}

/* HOVER EFFECT */
.pricing-card:hover{
    transform:translateY(-15px);
    box-shadow:0 25px 60px rgba(107,46,6,0.18);
}

/* SHINE EFFECT */
.pricing-card::after{
    content:"";
    position:absolute;
    top:-100%;
    left:-100%;
    width:200%;
    height:200%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.35),
        transparent
    );
    transform:rotate(20deg);
    transition:0.8s;
}

.pricing-card:hover::after{
    top:100%;
    left:100%;
}

/* =========================
   ACTIVE CARD
========================= */

.active-card{
    background:linear-gradient(135deg,#3B1A08,#6B2E06);
    transform:translateY(-15px);
}

.active-card h3,
.active-card ul li,
.active-card .pricing-btn{
    color:#fff;
}

/* =========================
   BADGES
========================= */

.plan-tag{
    display:inline-block;
    margin-bottom:15px;
    padding:9px 18px;
    border-radius:100px;
    background:#6B2E0610;
    color:#6B2E06;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
}

.active-card .plan-tag{
    background:rgba(255,255,255,0.15);
    color:#fff;
}

.popular-badge{
    position:absolute;
    top:22px;
    right:-40px;
    background:#8a4a22;
    color:#fff;
    padding:10px 45px;
    font-size:12px;
    font-weight:700;
    transform:rotate(45deg);
    letter-spacing:1px;
}

/* =========================
   TITLE
========================= */

.pricing-card h3{
       font-size: 28px;
    color: #2B1B12;
    margin-bottom: 25px;
    font-weight: 800;
    line-height: 1.3;

}

.active-card h3{
    color:#fff;
}

/* =========================
   LIST
========================= */

.pricing-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.pricing-card ul li{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:10px;
    color:#555;
    font-size:16px;
    line-height:1.6;
}

.pricing-card ul li i{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#6B2E0612;
    color:#6B2E06;
    font-size:14px;
    transition:0.4s;
}

.pricing-card:hover ul li i{
    transform:rotate(360deg);
}

.active-card ul li{
    color:rgba(255,255,255,0.88);
}

.active-card ul li i{
    background:rgba(255,255,255,0.12);
    color:#fff;
}

/* =========================
   BUTTON
========================= */

.pricing-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:58px;
    margin-top:25px;
    border-radius:16px;
    background:#6B2E06;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    transition:0.4s ease;
    position:relative;
    overflow:hidden;
}

.pricing-btn:hover{
    background:#8a4a22;
    transform:translateY(-3px);
}

/* ACTIVE BUTTON */
.active-card .pricing-btn{
    background:#fff;
    color:#6B2E06;
}

.active-card .pricing-btn:hover{
    background:#8a4a22;
    color:#fff;
}

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

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(80px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

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

@media(max-width:991px){

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

    .section-title h2{
        font-size:40px;
    }
}

@media(max-width:767px){

    .pricing-section{
        padding:80px 15px;
    }

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

    .section-title h2{
        font-size:30px;
    }

    .pricing-card{
        padding:40px 25px;
    }
}



.social-icons{
    display:flex;
    align-items:center;
    gap:0px;
    padding:0;
    margin:0;
    list-style:none;
}

.foot_social ul li a i.fa-brands{
        margin-top: 10px;
}

.social-icons li a:hover{
    background:#ffffff;
    transform:translateY(-5px);
}




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

.creative-benefit-section{

    position: relative;

    padding: 120px 0;

    background: #fff;

    overflow: hidden;
}

/* SHAPES */

.creative-shape{

    position: absolute;

    border-radius: 50%;

    filter: blur(100px);

    opacity: .08;
}

.shape-1{

    width: 350px;
    height: 350px;

    background: #df0303;

    top: -120px;
    left: -120px;
}

.shape-2{

    width: 320px;
    height: 320px;

    background: #040c2c;

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

/* CONTAINER */

.container{

    width: 90%;

    max-width: 1280px;

    margin: auto;

    position: relative;

    z-index: 5;
}

/* WRAPPER */

.creative-benefit-wrapper{

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 90px;

    align-items: center;
}

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

.creative-left{

    position: relative;
}

/* IMAGE BOX */

.creative-image-box{

    overflow: hidden;

    border-radius: 40px;

    position: relative;

    box-shadow: 0 25px 70px rgba(0,0,0,.10);
}

.creative-image-box img{

    width: 100%;

    display: block;

    transition: .8s ease;
}

.creative-image-box:hover img{

    transform: scale(1.08);
}

/* EXPERIENCE CARD */

.experience-card{

    position: absolute;

    bottom: -30px;

    left: -30px;

    background: linear-gradient(135deg,#df0303,#ff5b5b);

    padding: 35px 45px;

    border-radius: 30px;

    color: #fff;

    box-shadow: 0 20px 50px rgba(223,3,3,.25);

    animation: floatCard 4s ease-in-out infinite;
}

.experience-card h2{

    font-size: 55px;

    margin-bottom: 5px;
}

.experience-card p{

    margin: 0;

    font-size: 18px;
}

/* SMALL CARD */

.small-floating-card{

    position: absolute;

    top: 40px;

    right: -60px;

    background: #fff;

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 15px 25px;

    border-radius: 24px;

    box-shadow: 0 20px 50px rgba(0,0,0,.08);

    animation: floatCard 4s ease-in-out infinite;

    animation-delay: 1s;
}

/* ICON */

.small-floating-card i{

    width: 60px;
    height: 60px;

    border-radius: 18px;

    background: #53230b40;
    color: #53230b;


    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 26px;
}

/* TEXT */

.small-floating-card h4{

    font-size: 20px;

    color: #111827;

    margin-bottom: 5px;
}

.small-floating-card span{

    color: #6b7280;
}

/*=========================
RIGHT SIDE
=========================*/

.creative-tag{

    display: inline-block;

    padding: 12px 24px;

    border-radius: 50px;

    background: rgb(83 35 11 / 13%);
    color: #53230b;

    font-size: 14px;

    font-weight: 700;

    margin-bottom: 15px;
}

/* HEADING */

.creative-right h2{

    font-size: 36px;

    line-height: 1.2;

    color: #2b1b12;

    font-weight: 800;

    margin-bottom: 12px;
}

.creative-right h2 span{

    color: #8a4a22;
}

/* PARAGRAPH */

.creative-right > p{
    color: #6b7280;
    line-height: 1.7;
    font-size: 16px;
    margin-bottom: 20px;
}

/*=========================
BENEFIT GRID
=========================*/

.creative-benefit-grid{

    display: grid;

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

    gap: 24px;
}

/* CARD */

.creative-card{
    background: #fff;
    border-radius: 30px;
    padding: 13px;
    border: 1px solid #edf1f7;
    transition: .4s ease;
    position: relative;
    overflow: hidden;
    height: 75px;
    display: flex;
    gap: 18px;
    align-items: baseline;
}

/* HOVER */

.creative-card:hover{

    transform: translateY(-10px);

    border-color: #53230b;

    box-shadow: 0 20px 50px rgba(0,0,0,.08);
}

/* TOP EFFECT */

.creative-card::before{

    content: "";

    position: absolute;

    width: 160px;
    height: 160px;

    border-radius: 50%;

    background: #53230b14;

    top: -70px;
    right: -70px;
}

/* ICON */

.creative-icon{

    width: 45px;
    height: 45px;

    border-radius: 24px;

    background: #53230b;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    box-shadow: 0 15px 35px rgb(225 225 227);
}

.creative-icon i{

    color: #fff;

    font-size: 22px;
}

/* TITLE */

.creative-content h4{
    font-size: 18px;
    color: #53230b;
    margin-bottom: 12px;
    font-weight: 700;
}

/* TEXT */

.creative-content p{

    color: #6b7280;

    line-height: 1.7;

    margin: 0;
}

/* BUTTON */

.creative-btns{

    margin-top: 30px;
}

.creative-main-btn{

    display: inline-block;

    padding: 14px 27px;

    background: linear-gradient(135deg, #53230b, #6e4227);

    color: #fff;

    border-radius: 18px;

    text-decoration: none;

    font-weight: 700;

    transition: .4s;
}

.creative-main-btn:hover{

    transform: translateY(-5px);

    box-shadow: 0 12px 32px #53230b73;
}

/* FLOAT */

@keyframes floatCard{

    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-12px);
    }

    100%{
        transform: translateY(0px);
    }
}

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

@media(max-width:991px){

    .creative-benefit-wrapper{

        grid-template-columns: 1fr;

        gap: 70px;
    }

    .creative-right h2{

        font-size: 42px;
    }

    .small-floating-card{

        right: 0;
    }

    .experience-card{

        left: 0;
    }
}

@media(max-width:576px){

    .creative-benefit-section{

        padding: 80px 0;
    }

    .creative-right h2{

        font-size: 32px;
    }

    .creative-benefit-grid{

        grid-template-columns: 1fr;
    }

    .experience-card,
    .small-floating-card{

        position: relative;

        top: 0;
        right: 0;
        left: 0;
        bottom: 0;

        margin-top: 20px;
    }
}
/* =========================
STACK OVERLAY COURSE SECTION
========================= */
.stack-header{ 
    text-align:center; 
    margin-bottom:70px;
 } 
 .stack-subtitle{ 
    display:inline-block; 
    padding:10px 24px; 
    background: rgb(78 30 7 / 11%); 
    color: #52220a; 
    border-radius:50px; 
    font-weight:700; 
    margin-bottom:20px; 
} 
.stack-header h2{ 
    font-size:35px; 
    color:#2B1B12; 
    font-weight:800; 
    line-height:1.2; 
}
.stack-header h2 span{
    color:#8a4a22; 

}

.stack-course-section{
    padding:120px 0 70px;
    background:#f5f1eb;
    overflow:visible;
}

.stack-wrapper{
    position:relative;
    max-width:1300px;
    margin:auto;
}

/* CARD */

.stack-course-card{
    position:sticky;
    top:100px;

    display:grid;
    grid-template-columns:380px 1fr;
    align-items:center;
    gap:45px;

    background:#fff;

    border-radius:35px;

    padding:35px;

    margin-bottom:120px;

    border:1px solid rgba(83,35,11,.08);

    box-shadow:
    0 20px 50px rgba(0,0,0,.08);

    overflow:hidden;

    transition:.5s ease;

    z-index:1;
}

/* REAL OVERLAY EFFECT */

.stack-course-card:nth-child(1){
    top:100px;
}

.stack-course-card:nth-child(2){
    top:130px;
}

.stack-course-card:nth-child(3){
    top:160px;
}

.stack-course-card:nth-child(4){
    top:190px;
}

.stack-course-card:nth-child(5){
    top:220px;
}

/* HOVER */

.stack-course-card:hover{
    transform:translateY(-8px) scale(1.01);
    box-shadow:0 30px 80px rgba(0,0,0,.14);
}

/* IMAGE */

.stack-course-image{
    height:320px;
    border-radius:25px;
    overflow:hidden;
}

.stack-course-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s ease;
}

.stack-course-card:hover img{
    transform:scale(1.08);
}

/* CONTENT */

.course-top-info{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:20px;
}

.course-top-info span{
    padding:10px 16px;
    border-radius:50px;
    background:#f3ece7;
    color:#53230b;
    font-size:13px;
    font-weight:600;
}

.course-top-info i{
    margin-right:6px;
}

/* TITLE */

.stack-course-content h3{
    margin-bottom:10px;
}

.stack-course-content h3 a{
    font-size:38px;
    line-height:1.2;
    font-weight:800;
    color:#2B1B12;
    text-decoration:none;
}

/* PRICE */

.stack-course-content h5{
    font-size:28px;
    color:#53230b;
    margin-bottom:16px;
}

/* DESC */

.stack-course-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:28px;
}

/* FEATURES */

.course-features{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:30px;
}

.feature-box{
    padding:12px 18px;
    border-radius:50px;
    background:#f3ece7;
    color:#53230b;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.feature-box:hover{
    background:#53230b;
    color:#fff;
}

/* BUTTON */

.open-enroll-modal{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:16px 28px;

    border-radius:60px;

    background:#53230b;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.4s ease;
}


/* RESPONSIVE */

@media(max-width:991px){

    .stack-course-card{
        position:relative !important;
        top:auto !important;

        grid-template-columns:1fr;

        margin-bottom:40px;
    }

    .stack-course-image{
        height:260px;
    }

    .stack-course-content h3 a{
        font-size:30px;
    }
}

@media(max-width:767px){

    .stack-course-section{
        padding:70px 0;
    }

    .stack-course-card{
        padding:22px;
        border-radius:24px;
    }

    .stack-course-content h3 a{
        font-size:24px;
    }

    .stack-course-content h5{
        font-size:22px;
    }

    .stack-course-image{
        height:220px;
    }
}


/*================================
PAGE TITLE
================================*/


.page-title-inner{

    position:relative;

    z-index:5;

    text-align:center;
}

/* BREADCRUMB */

.ct-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    list-style:none;

    padding:0;

    margin-bottom:25px;
}

.ct-breadcrumb li{

    color:#fff;
}

.ct-breadcrumb a{

    color:#fff;

    text-decoration:none;

    transition:.3s;
}

.ct-breadcrumb a:hover{

    color:#df0303;
}

/* TITLE */

.page-title h1{

    font-size:72px;

    color:#fff;

    font-weight:800;

    margin:0;

    letter-spacing:1px;

    animation:fadeUp 1s ease;
}

/*================================
CONTACT SECTION
================================*/

.contact-modern{

    position:relative;

    padding:120px 0;

    background:#53230b0d;

    overflow:hidden;
}

.contact-modern::before{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    background:#53230b14;

    border-radius:50%;

    top:-100px;
    left:-120px;

    filter:blur(70px);
}

.contact-modern::after{

    content:"";

    position:absolute;

    width:300px;
    height:300px;

    background:rgba(4,12,44,.08);

    border-radius:50%;

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

    filter:blur(70px);
}

/* WRAPPER */

.contact-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

    position:relative;

    z-index:5;
}

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

.contact-left h2{
font-size: 36px;
    font-weight: 800;
    color: #2b1b12;
    line-height: 1.2;
    margin-bottom: 20px;
}

.contact-left > p{

    color:#666;

    line-height:1.9;

    font-size:17px;

    margin-bottom:25px;
}

/* CARD */

.contact-card{

    position:relative;

    display:flex;

    align-items:center;

    gap:22px;

    background:#fff;

    padding:15px 20px;

    border-radius:28px;

    margin-bottom:18px;

    overflow:hidden;

    transition:.5s ease;

    border:1px solid #edf1f6;

    box-shadow:0 10px 35px rgba(0,0,0,.04);
}

/* HOVER */

.contact-card:hover{

    transform:translateY(-10px);

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

    border-color:#53230b;
}

/* SHINE */

.contact-card::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;

    height:100%;

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

    transform:skewX(-25deg);

    transition:.7s;
}

.contact-card:hover::before{

    left:130%;
}

/* ICON */

.contact-card span{
    width: 50px;
    height: 50px;
    background: #53230b;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    flex-shrink: 0;
    transition: .4s;
}

.contact-card:hover span{

    transform:perspective(10px);
}

/* TEXT */

.contact-card h4{
    font-size: 22px;
    color: #2b1b12;
    margin-bottom: 0px;
    font-weight: 700;
}

.contact-card p{

    margin:0;

    color:#666;

    line-height:1.8;
}

/*================================
FORM
================================*/

.contact-right{

    position:relative;

    background:#fff;

    padding:30px;

    border-radius:35px;

    overflow:hidden;

    box-shadow:0 20px 70px rgba(0,0,0,.08);

    border:1px solid #edf1f6;
}

/* TOP SHAPE */



/* TITLE */

.form-title{
    position: relative;
    z-index: 2;
    font-size: 35px;
    color: #2b1b12;
    font-weight: 800;
    margin-bottom: 18px;

}

/* GRID */

.grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;
}

/* INPUT */

.contact-right input,
.contact-right textarea{
width: 100%;
    border: none;
    outline: none;
    background: #53230b12;
    border-radius: 18px;
    padding: 16px 22px;
    margin-bottom: 18px;
    font-size: 15px;
    transition: .4s;
    position: relative;
    z-index: 2;
}

.contact-right textarea{

    height:170px;

    resize:none;
}

.contact-right input:focus,
.contact-right textarea:focus{

    background:#fff;

    box-shadow:0 0 0 3px rgba(223,3,3,.12);

    transform:translateY(-2px);
}

/* BUTTON */

.contact-right button{

    height: 56px;
    border: none;
    border-radius: 18px;
    background: linear-gradient(149deg, #6B2E06, #8a4a22);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    transition: .4s;
    position: relative;
    overflow: hidden;
    z-index: 2;
    padding: 7px 25px;
}


/*================================
MAP SECTION
================================*/

.map-section{

    padding:0 0 120px;

    background:#f4f8fc;
}

/* HEADER */

.map-header{

    text-align:center;

    margin-bottom:50px;
}

.map-header h2{
font-size: 40px;
    color: #2b1b12;
    font-weight: 800;
    margin-bottom: 12px;
}

.map-header p{

    color:#666;

    font-size:17px;
}

/* MAP */

.map-wrapper{

    position:relative;

    overflow:hidden;

    border-radius:35px;

    box-shadow:0 25px 70px rgba(0,0,0,.1);
}

/* IFRAME */

.map-wrapper iframe{

    width:100%;

    height:550px;

    border:none;

    transition:.5s;
}

.map-wrapper:hover iframe{

    transform:scale(1.02);
}

/* CARD */

.map-card{

    position:absolute;

    bottom:40px;
    left:40px;

    background:#fff;

    padding:35px;

    border-radius:28px;

    max-width:360px;

    box-shadow:0 20px 50px rgba(0,0,0,.15);

    animation:floatCard 4s ease-in-out infinite;
}

.map-card h4{
font-size: 25px;
    color: #2b1b12;
    margin-bottom: 12px;
    font-weight: 700;
}

.map-card p{
    color: #666;
    line-height: 25px;
    margin-bottom: 20px;
    font-size: 15px;

}

/* LINK */

.map-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#2b1b12;

    font-weight:700;

    text-decoration:none;

    transition:.3s;
}

.map-card a:hover{

    color:#040c2c;
}

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

@keyframes fadeUp{

    from{

        opacity:0;
        transform:translateY(60px);
    }

    to{

        opacity:1;
        transform:translateY(0);
    }
}

@keyframes floatCard{

    0%{

        transform:translateY(0);
    }

    50%{

        transform:translateY(-12px);
    }

    100%{

        transform:translateY(0);
    }
}

@keyframes floatShape{

    0%{

        transform:translateY(0);
    }

    50%{

        transform:translateY(30px);
    }

    100%{

        transform:translateY(0);
    }
}

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

@media(max-width:991px){

    .contact-wrapper{

        grid-template-columns:1fr;
    }

    .page-title h1{

        font-size:52px;
    }

    .contact-left h2{

        font-size:42px;
    }

    .map-header h2{

        font-size:40px;
    }

    .contact-right{

        padding:35px;
    }
}

@media(max-width:767px){

    .page-title{

        padding:120px 0 90px;
    }

    .page-title h1{

        font-size:38px;
    }

    .contact-modern{

        padding:80px 0;
    }

    .grid{

        grid-template-columns:1fr;
    }

    .contact-left h2{

        font-size:34px;
    }

    .form-title{

        font-size:32px;
    }

    .map-header h2{

        font-size:32px;
    }

    .map-wrapper iframe{

        height:420px;
    }

    .map-card{

        position:relative;

        left:auto;
        bottom:auto;

        margin:20px;

        max-width:100%;
    }
}




/*================================
OPEN BUTTON
================================*/

.open-enroll-modal{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 24px;

    background:#501f06;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-weight:700;
}

.open-enroll-modal:hover{
    transform: translateY(-5px);
    background: transparent !important;
    border: 2px solid #501f06;
    color: #522108;
        padding: 15px;
}



/*================================
MODAL
================================*/

.enroll-modal{

    position:fixed;

    inset:0;

    z-index:99999;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    opacity:0;

    visibility:hidden;

    transition:.4s;
}

/* ACTIVE */

.enroll-modal.active{

    opacity:1;

    visibility:visible;
}

/* OVERLAY */

.modal-overlay{

    position:absolute;

    inset:0;

    background:rgba(4,12,44,.75);

    backdrop-filter:blur(6px);
}

/* CONTENT */

.modal-content{

    position:relative;

    width:100%;

    max-width:1100px;

    display:grid;

    grid-template-columns:1fr 1fr;

    overflow:hidden;

    border-radius:35px;

    background:#fff;

    z-index:5;

    transform:translateY(80px) scale(.9);

    opacity:0;

    transition:.5s ease;
}

/* SHOW */

.enroll-modal.active .modal-content{

    transform:translateY(0) scale(1);

    opacity:1;
}

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

.modal-left{

    position:relative;

    padding:50px 55px;

    background:linear-gradient(135deg,#040c2c,#182b73);

    overflow:hidden;
}

.modal-left::before{

    content:"";

    position:absolute;

    width:300px;
    height:300px;

    background:rgba(223,3,3,.18);

    border-radius:50%;

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

    filter:blur(50px);
}

/* MINI TAG */

.mini-tag{

    display:inline-block;

    padding:10px 22px;

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

    border:1px solid rgba(255,255,255,.15);

    border-radius:50px;

    color:#fff;

    margin-bottom:15px;
}

/* TITLE */

.modal-left h2{

    font-size:40px;

    color:#fff;

    font-weight:800;

    line-height:1.2;

    margin-bottom:15px;
}

.modal-left p{

    color:rgba(255,255,255,.75);

    line-height:2;

    margin-bottom:15px;
}

/* FEATURES */

.modal-features{

    display:flex;

    flex-direction:column;

    gap:18px;
}

.feature{

    display:flex;

    align-items:center;

    gap:14px;

    color:#fff;

    font-weight:600;

    font-size:16px;
}

.feature i{

    color:#ff6767;
}

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

.modal-right{

    padding:40px 50px;

    overflow-y:auto;

    max-height:90vh;
}

/* TITLE */

.modal-right h3{

    font-size:38px;

    color:#040c2c;

    margin-bottom:20px;

    font-weight:800;
}

/* FORM */

.form-group{

    position:relative;

    margin-bottom:14px;
}

.form-group input,
.form-group select,
.form-group textarea{

    width:100%;

    border:none;

    outline:none;

    background:#f5f7fb;

    border-radius:18px;

    padding:15px 55px 15px 22px;

    font-size:15px;

    transition:.4s;
}

.form-group textarea{

    height:130px;

    resize:none;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    background:#fff;

    box-shadow:0 0 0 3px rgba(223,3,3,.12);

    transform:translateY(-2px);
}

/* ICON */

.form-group i{

    position:absolute;

    right:20px;

    top:50%;

    transform:translateY(-50%);

    color:#df0303;
}

.textarea i{

    top:28px;
}

/* BUTTON */

.submit-btn{

    width:100%;

    height:60px;

    border:none;

    border-radius:18px;

    background:linear-gradient(135deg,#df0303,#ff5f5f);

    color:#fff;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.4s;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;
}

.submit-btn:hover{

    transform:translateY(-5px);

    background:linear-gradient(135deg,#040c2c,#182b73);
}

/* CLOSE */

.close-modal{

    position:absolute;

    top:20px;
    right:20px;

    width:45px;
    height:45px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:#040c2c;

    cursor:pointer;

    z-index:10;

    transition:.4s;

    box-shadow:0 10px 25px rgba(0,0,0,.1);
}

.close-modal:hover{

    background:#df0303;

    color:#fff;

    transform:rotate(90deg);
}

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

@media(max-width:991px){

    .modal-content{

        grid-template-columns:1fr;
    }

    .modal-left{

        padding:50px 35px;
                display: none;
    }

    .modal-left h2{

        font-size:40px;
    }
}

@media(max-width:767px){

    .modal-right{

        padding:35px 25px;
    }

    .modal-left{

        padding:40px 25px;
                display: none;
    }

    .modal-left h2{

        font-size:32px;
    }

    .modal-right h3{

        font-size:28px;
    }
}



/*================================
BLOG SECTION
================================*/

.blog_area_bg{

    position:relative;

    padding:120px 0;

    background:#f4f8fc;

    overflow:hidden;
}

/* BLUR SHAPES */

.blog_area_bg::before{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    background:rgba(223,3,3,.08);

    border-radius:50%;

    top:-120px;
    left:-120px;

    filter:blur(70px);
}

.blog_area_bg::after{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    background:rgba(4,12,44,.08);

    border-radius:50%;

    right:-100px;
    bottom:-100px;

    filter:blur(70px);
}

/*================================
BLOG CARD
================================*/

.single_blog{

    position:relative;

    background:#fff;

    border-radius:30px;

    overflow:hidden;

    transition:.5s ease;

    margin-bottom:35px;

    border:1px solid #edf1f6;

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

    transform:translateY(80px);

    opacity:0;
}

/* SCROLL ACTIVE */

.single_blog.show{

    transform:translateY(0);

    opacity:1;
}

/* HOVER EFFECT */

.single_blog:hover{

    transform:translateY(-15px);

    box-shadow:0 25px 70px rgba(0,0,0,.12);

    border-color:#2a1a12;
}

/* IMAGE */

.single_blog img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.8s ease;
}

/* IMAGE ZOOM */

.single_blog:hover img{

    transform:scale(1.08);
}

/* SHINE EFFECT */

.single_blog::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;

    height:100%;

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

    transform:skewX(-25deg);

    z-index:2;

    transition:.8s;
}

.single_blog:hover::before{

    left:130%;
}

/*================================
CONTENT
================================*/

.content_box{

    position:relative;

    padding:30px;
}

/* DATE */

.content_box span{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:8px;

    font-size:14px;

    font-weight:600;

    color:#666;

    margin-bottom:11px;
}


.content_box span a:hover{

    color:#040c2c;
}

/* TITLE */

.content_box h2{

    margin-bottom:10px;

    line-height:1.4;
}


.content_box h2 a:hover{

    color:#53230b;
}

/*================================
READ MORE BUTTON
================================*/

.cta{

    position:relative;

    display:inline-flex;

    align-items:center;

    gap:14px;

    text-decoration:none;

    color:#040c2c;

    font-weight:700;

    transition:.4s;
}

.cta span{

    margin:0;

    color:#53230b;

    transition:.4s;
}

/* SVG */

.cta svg{

    stroke:#53230b;

    fill:none;

    stroke-width:2;

    transition:.4s;
}

/* HOVER */

.cta:hover{

    gap:20px;
}

.cta:hover span{

    color:#ffffff;
}

/*================================
FLOATING CARD EFFECT
================================*/

.single_blog:nth-child(2){

    animation:floatCard 4s ease-in-out infinite;
}

.single_blog:nth-child(3){

    animation:floatCard 5s ease-in-out infinite;
}

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

@keyframes floatCard{

    0%{

        transform:translateY(0);
    }

    50%{

        transform:translateY(-10px);
    }

    100%{

        transform:translateY(0);
    }
}

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

@media(max-width:991px){

    .content_box h2 a{

        font-size:24px;
    }
}

@media(max-width:767px){

    .blog_area_bg{

        padding:80px 0;
    }

    .single_blog img{

        height:220px;
    }

    .content_box{

        padding:24px;
    }

    .content_box h2 a{

        font-size:22px;
    }
}



/*=========================
 PREMIUM FAQ + FORM SECTION
=========================*/

.faq-form-section{
    position:relative;
    padding:120px 20px;
    background:#F5F1EB;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
    z-index:1;
}

/*=========================
 BACKGROUND EFFECT
=========================*/

.faq-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(100px);
    z-index:0;
}

.shape1{
    width:420px;
    height:420px;
    background:rgba(107,46,6,0.10);
    top:-150px;
    left:-120px;
}

.shape2{
    width:320px;
    height:320px;
    background:rgba(176,122,63,0.12);
    bottom:-120px;
    right:-100px;
}

/*=========================
 WRAPPER
=========================*/

.faq-form-wrapper{
    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:1fr 520px;
    gap:70px;
    align-items:start;
}

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

.faq-header{
    margin-bottom:30px;
}

.faq-header span{
    display:inline-block;
    padding:10px 24px;
    border-radius:50px;
    background:#6B2E0610;
    color:#6B2E06;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
    letter-spacing:1px;
}

.faq-header h2{
    font-size:40px;
    color:#2B1B12;
    font-weight:800;
    line-height:1.2;
    margin-bottom:20px;
}

.faq-header p{
    color:#666;
    line-height:1.9;
    font-size:16px;
    max-width:700px;
}

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

.faq-item{
    position:relative;
    background:rgba(255,255,255,0.75);
    backdrop-filter:blur(16px);
    border-radius:28px;
    margin-bottom:22px;
    overflow:hidden;
    border:1px solid rgba(107,46,6,0.08);
}

/* SHOW EFFECT */


/* ACTIVE */

.faq-item.activeFaq{
    border-color:#8a4a22;
    box-shadow:0 20px 50px rgba(107,46,6,0.12);
}


/* TOP BORDER */

.faq-item::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#6B2E06,#8a4a22);
}

/*=========================
 QUESTION
=========================*/

.faq-question{
    padding:15px 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    gap:20px;
}

.faq-question h3{
    font-size:20px;
    color:#2B1B12;
    margin:0;
    font-weight:700;
    line-height:1.5;
}

/* ICON */

.faq-question i{
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#6B2E0610;
    color:#6B2E06;
    flex-shrink:0;
}

.faq-item.activeFaq .faq-question i{
    background:#6B2E06;
    color:#fff;
}

/*=========================
 ANSWER
=========================*/

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.5s ease;
    padding:0 30px;
}
.faq-item.activeFaq .faq-answer{
    max-height:200px; /* ya 300px */
}

.faq-answer p{
    padding-bottom:28px;
    color:#666;
    line-height:1.9;
    font-size:15px;
}

/*=========================
 FORM CARD
=========================*/

.enroll-card{
    position:sticky;
    top:100px;
    padding:40px;
    border-radius:35px;
    background:rgba(255,255,255,0.78);
    backdrop-filter:blur(18px);
    border:1px solid rgba(107,46,6,0.08);
    box-shadow:0 20px 60px rgba(0,0,0,0.06);
    overflow:hidden;
    animation:fadeUp 1s ease;
}

/* GLOW */

.enroll-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(176,122,63,0.08),
        transparent
    );
    pointer-events:none;
}

/*=========================
 MINI TITLE
=========================*/

.mini-title{
    display:inline-block;
    padding:9px 18px;
    border-radius:50px;
    background: #53230b1a;
    color: #53230b;
    font-size:13px;
    font-weight:600;
    margin-bottom:15px;
}

.enroll-card h3{
    font-size:30px;
    color:#2B1B12;
    font-weight:800;
    margin-bottom:6px;
    line-height:1.3;
}

.enroll-card p{
    color:#666;
    line-height:1.8;
    margin-bottom:15px;
}

/*=========================
 FORM GROUP
=========================*/

.form-group{
    position:relative;
    margin-bottom:20px;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    border:none;
    outline:none;
    background:#fff;
    border:1px solid rgba(107,46,6,0.08);
    border-radius:18px;
    padding:0 55px 0 22px;
    font-size:15px;
    color:#72706e;
    transition:0.4s ease;
    box-shadow:0 10px 25px rgba(0,0,0,0.03);
}

.form-group input,
.form-group select{
    height:50px;
}

.form-group textarea{
    height:140px;
    resize:none;
    padding-top:20px;
}

/* FOCUS */

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    border-color:#8a4a22;
    box-shadow:0 0 0 4px rgba(176,122,63,0.15);
}

/* ICON */

.form-group i{
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    color:#6B2E06;
    font-size:15px;
}

.textarea i{
    top:28px;
}

/*=========================
 BUTTON
=========================*/

.open-enroll-modal{
    height:50px;
    border:none;
    border-radius:18px;
    background:linear-gradient(135deg,#6B2E06,#8a4a22);
    color:#fff;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    box-shadow:0 15px 35px rgba(107,46,6,0.18);
}

.open-enroll-modal:hover{
    box-shadow:0 22px 45px rgba(107,46,6,0.25);
}

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

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(60px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

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

@media(max-width:991px){

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

    .faq-header h2{
        font-size:40px;
    }

    .enroll-card{
        position:relative;
        top:auto;
    }
}

@media(max-width:767px){

    .faq-form-section{
        padding:80px 15px;
    }

    .faq-header h2{
        font-size:32px;
    }

    .faq-question{
        padding:22px;
    }

    .faq-answer{
        padding:0 22px;
    }

    .faq-question h3{
        font-size:18px;
    }

    .enroll-card{
        padding:30px 25px;
    }

    .enroll-card h3{
        font-size:28px;
    }
}




/* ===========================
CAREER HERO SECTION
=========================== */

.career_hero_section{
    padding: 70px 0;
    background: #f7f8fc;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

.container{
    width: 90%;
    max-width: 1250px;
    margin: auto;
}

/* Wrapper */

.career_hero_wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

/* LEFT */

.career_left{
    width: 50%;
}

/* Small Title */

.small_title{
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #df0303;
    margin-bottom: 18px;
}

/* Heading */

.career_left h1{
        font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
    color: #111827;
    margin-bottom: 17px;
}

.career_left h1 span{
    color: #df0303;
    position: relative;
}

/* Paragraph */

.career_left p{
    color: #6b7280;
    line-height: 1.9;
    font-size: 16px;
    margin-bottom: 25px;
    max-width: 580px;
}

/* Features */

.hero_features{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
}

/* Feature Item */

.hero_feature_item{
    display: flex;
    align-items: baseline;
    gap: 18px;
    background: #fff;
    padding: 10px 30px;
}

/* Feature Icon */

.feature_icon{
    width: 48px;
    height: 48px;
    border-radius: 18px;
    background: #53230b;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 21px;
    flex-shrink: 0;
    box-shadow: 0 10px 25px rgba(255, 122, 0, 0.18);
}

.single_feature_one:hover .feature_icon{
    width: 48px;
    height: 48px;
    border-radius: 18px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #53230b;
    font-size: 21px;
    flex-shrink: 0;
    box-shadow: 0 10px 25px rgba(255, 122, 0, 0.18);
}

/* Feature Text */

.hero_feature_item h4{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #111827;
}

.hero_feature_item p{
    margin: 0;
    font-size: 14px;
    color: #6b7280;
}

/* Button */

.hero_btn{
    display: inline-block;
    background: #111827;
    color: #fff;
    padding: 16px 34px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.4s ease;
}

.hero_btn:hover{
    background: #ff7a00;
    transform: translateY(-5px);
}

/* RIGHT */

.career_right{
    width: 50%;
    position: relative;
}

/* Main Image Box */

.hero_image_box{
    position: relative;
    z-index: 2;
}

.hero_image_box img{
    width: 100%;
    border-radius: 30px;
    position: relative;
    z-index: 2;
}

/* Circle Shape */

.shape_circle{
    position: absolute;
    width: 420px;
    height: 420px;
    background: linear-gradient(135deg,#ff7a00,#ffb067);
    border-radius: 50%;
    top: -40px;
    right: -60px;
    opacity: 0.12;
    z-index: 1;
}

/* Dot Shape */

.dot_shape{
    position: absolute;
    width: 130px;
    height: 130px;
    background-image: radial-gradient(#ff7a00 2px, transparent 2px);
    background-size: 18px 18px;
    right: -30px;
    bottom: 30px;
    z-index: 0;
    opacity: 0.4;
}

/* Floating Card */

.floating_card{
    position: absolute;
    bottom: 20px;
    left: 380px;
    background: #111827;
    padding: 18px 24px;
    border-radius: 22px;
    color: #fff;
    z-index: 5;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
    animation: floatCard 3s ease-in-out infinite;
}

.floating_card h3{
    font-size: 24px;
    margin-bottom: 6px;
    color: #ff9d42;
}

.floating_card p{
    margin: 0;
    color: #fff;
    font-size: 14px;
}

/* Animation */

@keyframes floatCard{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}

/* Responsive */

@media(max-width:991px){

    .career_hero_wrapper{
        flex-direction: column;
    }

    .career_left,
    .career_right{
        width: 100%;
    }

    .career_left h1{
        font-size: 42px;
    }

    .floating_card{
        left: 20px;
        bottom: -20px;
    }
}

@media(max-width:576px){

    .career_hero_section{
        padding: 80px 0;
    }

    .career_left h1{
        font-size: 32px;
    }

    .career_left p{
        font-size: 15px;
    }

    .hero_feature_item{
        align-items: flex-start;
    }

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

    .floating_card{
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 20px;
    }
}

/*==================================
MODERN HERO SECTION
==================================*/

.modern_hero_section{
    position: relative;
    padding: 70px 0 40px;
    background: linear-gradient(135deg,#faf7f4,#f7f1eb);
    overflow: hidden;
}

/* CONTAINER */

.container{
    width: 92%;
    max-width: 1320px;
    margin: auto;
}

/* WRAPPER */

.modern_hero_wrapper{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    z-index: 5;
}

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

.modern_hero_left{
    width: 50%;
    position: relative;
    z-index: 3;
}

/* TAG */

.hero_tag{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(83,35,11,0.08);
    color: #6a3415;
    padding: 13px 24px;
    border-radius: 60px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}


/* HEADING */

.modern_hero_left h1{
    font-size: 45px;
    line-height: 1.08;
    font-weight: 900;
    color: #1b1b1b;
    margin-bottom: 20px;
    letter-spacing: -2px;
}

.modern_hero_left h1 span{
    display: block;
    background: linear-gradient(90deg,#6a3415,#a45d33,#6a3415);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

/* PARAGRAPH */

.modern_hero_left p{
    color: #5f6368;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 35px;
    max-width: 600px;
}

/* BUTTONS */

.hero_action{
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 35px;
}

/* PRIMARY BUTTON */

.primary_btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 34px;
    background: linear-gradient(135deg,#6a3415,#8a4a22);
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
    font-weight: 700;
    transition: .4s;
    box-shadow: 0 15px 35px rgba(106,52,21,0.2);
}

.primary_btn:hover{
    transform: translateY(-6px);
}

/* SECONDARY BUTTON */

.secondary_btn{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: #111827;
    font-weight: 700;
    background: #fff;
    padding: 10px 24px 10px 12px;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.hero_action a.secondary_btn:hover {
    color: #4f1f08;
}

.secondary_btn i{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(106,52,21,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6a3415;
}

/* STUDENT INFO */

.student_joined{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 35px;
}

.student_images{
    display: flex;
    align-items: center;
}

.student_images img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin-left: -10px;
    object-fit: cover;
}

.student_images img:first-child{
    margin-left: 0;
}

.student_count{
    background: linear-gradient(135deg,#6a3415,#8a4a22);
    color: #fff;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-left: -10px;
}

.student_joined p{
    margin: 0;
    font-size: 15px;
    color: #444;
    font-weight: 600;
}

/* STATS */

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

/* STAT BOX */

.stat_box{
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(12px);
    padding: 24px 18px;
    border-radius: 24px;
    box-shadow: 0 10px 35px rgba(0,0,0,.05);
    transition: .4s;
    display: flex;
    align-items: center;
    gap: 15px;
}

.stat_box:hover{
    transform: translateY(-8px);
}

.stat_box i{
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: rgba(106,52,21,0.08);
    color: #6a3415;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.stat_box h4{
    font-size: 17px;
    margin-bottom: 5px;
    color: #1f2937;
    font-weight: 700;
}

.stat_box span{
    color: #6b7280;
    font-size: 14px;
}

/*=========================
RIGHT SIDE
=========================*/

.modern_hero_right{
    width: 48%;
    position: relative;
}

/* MAIN IMAGE CARD */

.hero_image_card{
    position: relative;
    z-index: 2;
}

/* IMAGE BG */

.hero_image_card::before{
    content: "";
    position: absolute;
    width: 540px;
    height: 540px;
    background: linear-gradient(135deg,#6a3415,#8a4a22);
    border-radius: 58% 42% 60% 40% / 42% 38% 62% 58%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: .15;
    animation: morph 8s infinite ease-in-out;
}

/* IMAGE */

.hero_image_card img{
    position: relative;
    z-index: 2;
        margin-top: 35px;
    animation: heroFloat 5s ease-in-out infinite;
    filter: drop-shadow(0 25px 40px rgba(0,0,0,0.15));
}

/* POPUP CARD */

.hero_popup{
    position: absolute;
    background: #fff;
    padding: 15px;
    border-radius: 24px;
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    z-index: 4;
    animation: floatCard 5s ease-in-out infinite;
}

.hero_popup h4{
    font-size: 18px;
    line-height: 1.5;
    color: #1f2937;
    margin-bottom: 0px;
    font-weight: 800;
}

.hero_popup h4 span{
    color: #8a4a22;
}

.hero_popup p{
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    line-height: 1.7;
}

/* POPUP POSITIONS */

.popup_one{
    top: 350px;
    right: -10px;
    max-width: 250px;
    transform: rotate(-4deg);
}

.popup_two{
    top: -73px;
    right: 310px;
    max-width: 250px;
    transform: rotate(-5deg);
    animation-delay: 1s;
}

.popup_three{
    bottom: 80px;
    left: -30px;
    background: linear-gradient(135deg,#6a3415,#8a4a22);
    color: #fff;
    min-width: 180px;
}

.popup_three h3{
    font-size: 40px;
    margin-bottom: 5px;
    font-weight: 800;
}

.popup_three p{
    color: rgba(255,255,255,.8);
}

/* DECORATION */

.hero_dots{
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 120px;
    height: 120px;
    background-image: radial-gradient(#8a4a2250 2px, transparent 2px);
    background-size: 14px 14px;
}

/* BLUR EFFECT */

.hero_blur{
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: .12;
}

.hero_blur1{
    width: 350px;
    height: 350px;
    background: #6a3415;
    top: -100px;
    left: -100px;
}

.hero_blur2{
    width: 320px;
    height: 320px;
    background: #8a4a22;
    right: -80px;
    bottom: -100px;
}

/* BOTTOM ACHIEVEMENTS */

.hero_bottom_counter{
    margin-top: 60px;
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(12px);
    border-radius: 35px;
    padding: 35px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,.04);
}

.counter_box{
    display: flex;
    align-items: center;
    gap: 16px;
    padding-right: 20px;
    border-right: 1px solid #eee;
}

.counter_box:last-child{
    border-right: none;
}

.counter_icon{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(106,52,21,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8a4a22;
    font-size: 28px;
}

.counter_box h3{
    font-size: 34px;
    color: #1f2937;
    margin-bottom: 4px;
    font-weight: 800;
}

.counter_box p{
    margin: 0;
    color: #6b7280;
    font-size: 15px;
}

/* ANIMATION */

@keyframes heroFloat{
    0%{transform: translateY(0px);}
    50%{transform: translateY(-15px);}
    100%{transform: translateY(0px);}
}

@keyframes floatCard{
    0%{transform: translateY(0px);}
    50%{transform: translateY(-10px);}
    100%{transform: translateY(0px);}
}

@keyframes morph{
    0%{
        border-radius: 58% 42% 60% 40% / 42% 38% 62% 58%;
    }
    50%{
        border-radius: 38% 62% 45% 55% / 58% 42% 58% 42%;
    }
    100%{
        border-radius: 58% 42% 60% 40% / 42% 38% 62% 58%;
    }
}

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

@media(max-width:991px){

    .modern_hero_wrapper{
        flex-direction: column;
    }

    .modern_hero_left,
    .modern_hero_right{
        width: 100%;
    }

    .modern_hero_left h1{
        font-size: 52px;
    }

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

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

    .counter_box:nth-child(2){
        border-right: none;
    }
}

@media(max-width:576px){

    .modern_hero_section{
        padding: 50px 0;
    }

    .modern_hero_left h1{
        font-size: 38px;
    }

    .hero_action{
        flex-direction: column;
        align-items: flex-start;
    }

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

    .hero_bottom_counter{
        grid-template-columns: repeat(1,1fr);
        padding: 25px;
    }

    .counter_box{
        border-right: none;
        padding-right: 0;
    }

    .popup_one,
    .popup_two,
    .popup_three{
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-top: 20px;
    }

    .hero_image_card::before{
        width: 320px;
        height: 320px;
    }
}


/*================================
Courses Single SECTION
================================*/

.course-details-page{

    position:relative;

    padding:120px 0;

    background:#53230b1a;

    overflow:hidden;
}

/* SHAPES */

.shape{

    position:absolute;

    border-radius:50%;

    filter:blur(100px);

    z-index:1;
}

.shape1{

    width:320px;
    height:320px;

    background:rgba(223,3,3,.08);

    top:-120px;
    left:-120px;
}

.shape2{

    width:280px;
    height:280px;

    background:rgba(4,12,44,.08);

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

/* WRAPPER */

.course-details-wrapper{

    position:relative;

    z-index:5;

    display:grid;

    grid-template-columns:1fr 420px;

    gap:50px;
}

/*================================
BANNER
================================*/

.course-banner{

    position:relative;

    overflow:hidden;

    border-radius:35px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    margin-bottom:40px;
}

.course-banner img{

    width:100%;

    height:520px;

    object-fit:cover;

    transition:.8s;
}

.course-banner:hover img{

    transform:scale(1.08);
}

/* BADGE */

.course-badge{

    position:absolute;

    top:25px;
    left:25px;

    background:linear-gradient(135deg,#df0303,#ff5f5f);

    color:#fff;

    padding:12px 24px;

    border-radius:50px;

    font-weight:700;

    box-shadow:0 10px 25px rgba(223,3,3,.3);
}

/*================================
META
================================*/

.course-meta{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:25px;
}

.course-meta span{

    background:#fff;

    padding:12px 20px;

    border-radius:50px;

    font-size:14px;

    color:#2a1a12;

    font-weight:600;

    box-shadow:0 8px 25px rgba(0,0,0,.04);
}

.course-meta i{

    color:#2a1a12;

    margin-right:8px;
}

/* TITLE */

.course-content h1{

    font-size:40px;

    color:#2a1a12;

    font-weight:800;

    line-height:1.2;

    margin-bottom:15px;
}

/* DESC */

.course-desc{
    font-size: 16px;
    color: #666;
    line-height: 25px
}

/*================================
HIGHLIGHT
================================*/

.highlight-boxes{

    display:grid;

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

    gap:25px;

    margin-bottom:45px;
}

.highlight-item{
    background: #fff;
    padding: 23px 18px;
    border-radius: 25px;
    transition: .4s;
    border: 1px solid #edf2f7;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
    height: 230px;
}

.highlight-item:hover{

    transform:translateY(-10px);

    border-color:#53230b;
}

.highlight-item i{

        width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #53230b;
    border-radius: 18px;
    color: #fff;
    font-size: 26px;
    margin-bottom: 19px;

}

.highlight-item h4{
font-size: 18px;
    color: #2a1a12;
    font-weight: 700;
    margin-bottom: 10px;
}

.highlight-item p{

    color:#666;

    line-height:1.8;
}

/*================================
CONTENT BOX
================================*/

.content-box{

    background:#fff;

    padding:45px;

    border-radius:30px;

    margin-bottom:35px;

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

.content-box h3 a{
    font-size: 34px;
    color: #2a1a12;
        margin: 8px 0px;
    font-weight: 800;
}

.content-box h3 {
    color: #2a1a12;
    font-weight: 700;
}

.content-box h4 {
    color: #53230b;
    margin: 11px 0px;
    font-weight: 700;
    font-size: 27px;
}

.content-box ul li {
    list-style: disc;
    margin-left: 28px;
}
.content-box p{

    color:#666;

    line-height:25px;
        margin-bottom: 11px !important;
}

/* CURRICULUM */

.curriculum-box ul{

    padding:0;

    margin:0;

    list-style:none;
}

.curriculum-box li{

    padding:18px 0;

    border-bottom:1px solid #edf1f6;

    font-size:17px;

    color:#2a1a12;

    font-weight:600;
}

.curriculum-box li:last-child{

    border:none;
}

.curriculum-box i{

    color:#2a1a12;

    margin-right:10px;
}

/*================================
SIDEBAR
================================*/

.course-sidebar{

    position:relative;
}

.sidebar-card{

    background:#fff;

    padding:35px;

    border-radius:30px;

    margin-bottom:35px;

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

    border:1px solid #edf1f6;
}

/* PRICE */

.price-card{

    position:sticky;

}

.price-card h2{
    font-size: 36px;
    color: #2a1a12;
    font-weight: 800;
    margin-bottom: 10px;
}

.price-card p{

    color:#666;

    margin-bottom:30px;
}

/* BUTTON */

.enroll-btn{

    width:100%;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    background:#df0303;

    color:#fff;

    border-radius:18px;

    text-decoration:none;

    font-weight:700;

    transition:.4s;

    margin-bottom:30px;
}

.enroll-btn:hover{

    transform:translateY(-5px);

    background:linear-gradient(135deg,#040c2c,#182b73);
}

/* LIST */

.course-info-list{

    padding:0;

    margin:0;

    list-style:none;
}

.course-info-list li{

    display:flex;

    justify-content:space-between;

    padding:16px 0;

    border-bottom:1px solid #edf1f6;
}

.course-info-list span{

    color:#666;
}

.course-info-list strong{

    color:#2a1a12;
}

/*================================
OTHER COURSES
================================*/

.sidebar-card h3{

    font-size:26px;

    color:#2a1a12;
    font-weight: 700;
    margin-bottom:25px;
}

.other-courses{

    padding:0;

    margin:0;

    list-style:none;
}

.other-courses li{

    margin-bottom:22px;
}

.other-courses a{

    display:flex;

    align-items:center;

    gap:18px;

    text-decoration:none;

    transition:.4s;
}

.other-courses a:hover{

    transform:translateX(8px);
}

.other-courses img{

    width:90px;
    height:90px;

    object-fit:cover;

    border-radius:18px;
}

.other-courses h5{
    color: #2a1a12;
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 700;
}

.other-courses span{

    color:#5c5b5b;

    font-weight:700;
}

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

@media(max-width:991px){

    .course-details-wrapper{

        grid-template-columns:1fr;
    }

    .highlight-boxes{

        grid-template-columns:1fr;
    }

    .price-card{

        position:relative;

        top:auto;
    }

    .course-content h1{

        font-size:42px;
    }
}

@media(max-width:767px){

    .course-details-page{

        padding:80px 0;
    }

    .course-banner img{

        height:300px;
    }

    .course-content h1{

        font-size:32px;
    }

    .content-box{

        padding:25px;
    }

    .sidebar-card{

        padding:25px;
    }

    .course-meta{

        gap:10px;
    }

    .course-meta span{

        width:100%;
    }
}


/*================================
MODAL MAIN
================================*/

.enroll-modal{
    position:fixed;
    inset:0;
    z-index:99999;

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

    padding:20px;

    opacity:0;
    visibility:hidden;

    transition:.4s ease;
}

/* ACTIVE */

.enroll-modal.active{
    opacity:1;
    visibility:visible;
}

/* OVERLAY */

.modal-overlay{
    position:absolute;
    inset:0;
    background:rgba(43,27,18,.72);
    backdrop-filter:blur(8px);
}

/*================================
MODAL CONTENT
================================*/

.modal-content{
    position:relative;

    width:100%;
    max-width:1100px;

    display:grid;
    grid-template-columns:1fr 520px;

    background:#fff;

    border-radius:32px;

    overflow:hidden;

    z-index:5;

    transform:translateY(80px) scale(.92);

    opacity:0;

    transition:.55s ease;

    box-shadow:
    0 35px 80px rgba(0,0,0,.18);
}

/* SHOW */

.enroll-modal.active .modal-content{
    transform:translateY(0) scale(1);
    opacity:1;
}

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

.modal-left{
    position:relative;

    padding:60px 55px;

    background:
    linear-gradient(
        135deg,
        #2B1B12 0%,
        #53230b 100%
    );

    overflow:hidden;
}

/* GLOW */

.modal-left::before{
    content:"";
    position:absolute;

    width:320px;
    height:320px;

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

    border-radius:50%;

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

    filter:blur(20px);
}

/* MINI TAG */

.mini-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 22px;

    border-radius:60px;

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

    border:1px solid rgba(255,255,255,.12);

    color:#fff;

    font-size:14px;
    font-weight:600;

    margin-bottom:28px;
}

/* TITLE */

.modal-left h2{
    font-size:45px;
    line-height:1.15;
    font-weight:800;

    color:#fff;

    margin-bottom:22px;
}

/* TEXT */

.modal-left p{
    color:rgba(255,255,255,.78);
    line-height:1.9;
    font-size:16px;

    margin-bottom:38px;
}

/* FEATURES */

.modal-features{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.feature{
    display:flex;
    align-items:center;
    gap:14px;

    color:#fff;

    font-weight:600;
    font-size:15px;
}

.feature i{
    width:32px;
    height:32px;

    border-radius:50%;

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

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

    color:#fff;

    font-size:14px;
}

/*================================
RIGHT SIDE
================================*/

.modal-right{
    background:#fff;

    padding:45px 40px 10px !important;

    overflow-y:auto;

    max-height:90vh;
}

/* TITLE */

.modal-right h3{
    font-size:36px;
    color:#2B1B12;

    margin-bottom:28px;

    font-weight:800;
}

/* FORM GROUP */

.form-group{
    position:relative;
    margin-bottom:18px;
}

/* INPUTS */

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;

    border:none;
    outline:none;

    background:#f5f1eb;

    border:1px solid transparent;

    border-radius:18px;

    padding:16px 55px 16px 22px;

    font-size:15px;

    color:#72706e;

    transition:.4s ease;
}

/* TEXTAREA */

.form-group textarea{
    height:130px;
    resize:none;
}

/* FOCUS */

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    background:#fff;

    border-color:#53230b;

    box-shadow:
    0 10px 25px rgba(83,35,11,.08);

    transform:translateY(-2px);
}

/* ICON */

.form-group i{
    position:absolute;

    right:20px;
    top:50%;

    transform:translateY(-50%);

    color:#53230b;

    font-size:15px;
}

.textarea i{
    top:28px;
}

/* BUTTON */

.submit-btn{
    width:100%;
    height:60px;

    border:none;

    border-radius:18px;

    background:#53230b;

    color:#fff;

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

    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    transition:.4s ease;
}

.submit-btn:hover{
    background:#2B1B12;

    transform:translateY(-5px);

    box-shadow:
    0 18px 35px rgba(83,35,11,.18);
}

/*================================
CLOSE BUTTON
================================*/

.close-modal{
    position:absolute;

    top:18px;
    right:18px;

    width:46px;
    height:46px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:#2B1B12;

    cursor:pointer;

    z-index:20;

    transition:.4s ease;

    box-shadow:
    0 10px 25px rgba(0,0,0,.12);
}

.close-modal:hover{
    background:#53230b;
    color:#fff;

    transform:rotate(90deg);
}

/*================================
SCROLLBAR
================================*/

.modal-right::-webkit-scrollbar{
    width:6px;
}

.modal-right::-webkit-scrollbar-thumb{
    background:#53230b;
    border-radius:10px;
}

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

@media(max-width:991px){

    .modal-content{
        grid-template-columns:1fr;
        max-width:650px;
    }

    .modal-left{
        padding:45px 35px;
    }

    .modal-left h2{
        font-size:40px;
    }

    .modal-right{
        padding:35px;
    }
}

@media(max-width:767px){

    .enroll-modal{
        padding:10px;
    }

    .modal-content{
        border-radius:24px;
    }

    .modal-left{
        padding:35px 25px;
    }

    .modal-right{
        padding:28px 22px;
    }

    .modal-left h2{
        font-size:30px;
    }

    .modal-right h3{
        font-size:28px;
    }

    .mini-tag{
        font-size:13px;
    }

    .feature{
        font-size:14px;
    }
}


/*=================================
MODERN COURSE SLIDER
=================================*/

.grid-course-section{
    padding:110px 0;
    background:
    radial-gradient(circle at top left,#fff4ec 0%,transparent 30%),
    radial-gradient(circle at bottom right,#f3e3d8 0%,transparent 25%),
    #f8f5f1;
    position:relative;
    overflow:hidden;
}

/* CONTAINER */

.container{
    width:90%;
    max-width:1320px;
    margin:auto;
}

/*=================================
HEADING
=================================*/

.grid-course-heading{
    text-align:center;
    margin-bottom:70px;
}

.grid-mini-title{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    background:#53230b0d;
    border:1px solid rgba(83,35,11,.10);
    border-radius:60px;
    color:#53230b;
    font-size:14px;
    font-weight:700;
    margin-bottom:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.04);
}

.grid-course-heading h2{
        font-size: 36px;
    line-height: 1.2;
    color: #1f1720;
    font-weight: 900;
    margin-bottom: 7px;
}

.grid-course-heading h2 span{
    color:#8a4a22;
}

.grid-course-heading p{
    max-width:720px;
    margin:auto;
    color:#6b7280;
    line-height:1.9;
    font-size:16px;
}

/*=================================
SLIDER
=================================*/

.gridCourseSlider{
    padding-bottom:70px;
       position:relative;
    overflow:visible;
}

/*=================================
CARD
=================================*/

.grid-course-card{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    transition:.45s ease;
    border:1px solid rgba(83,35,11,.08);
    box-shadow:0 12px 40px rgba(0,0,0,.05);
}

.grid-course-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 70px rgba(0,0,0,.10);
}

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

.grid-course-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.grid-course-image::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.45),transparent);
}

.grid-course-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s ease;
}

.grid-course-card:hover .grid-course-image img{
    transform:scale(1.12) rotate(2deg);
}

/* FEATURED */

.course-overlay{
    position:absolute;
    top:20px;
    left:20px;
    z-index:2;
}

.course-overlay span{
    display:inline-flex;
    align-items:center;
    gap:8px;

    background:#fff;

    color:#53230b;

    padding:10px 16px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    box-shadow:0 10px 20px rgba(0,0,0,.10);
}

/*=================================
CONTENT
=================================*/

.grid-course-content{
    padding:28px 24px;
}

.grid-course-content h3{
    margin-bottom:12px;
}

.grid-course-content h3 a{
    color:#2b1b12;
    text-decoration:none;
    font-size:22px;
    line-height:1.4;
    font-weight:800;
    transition:.3s;
}

.grid-course-content h3 a:hover{
    color:#53230b;
}

.grid-course-content p a{
    color:#6b7280;
    font-size:15px;
    line-height:25px;
    margin-bottom:20px;
}

/*=================================
FEATURES
=================================*/

.course-feature-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:22px 0px;
}

.feature-item{
    display:flex;
    align-items:center;
    gap:7px;

    padding:10px 14px;

    background:#f8f5f1;

    border-radius:50px;

    color:#53230b;

    font-size:12px;

    font-weight:700;

    transition:.35s;
}

.feature-item:hover{
    background:#53230b;
    color:#fff;
    transform:translateY(-3px);
}

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

.course-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;

    padding-top:18px;

    border-top:1px dashed rgba(83,35,11,.15);
}

/* PRICE */

.course-footer h4{
    font-size:18px;
    color:#53230b;
    font-weight:900;
    margin:0;
}

/* BUTTON */

.course-enroll-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 22px;

    background:linear-gradient(135deg,#6a3415,#8a4a22);

    color:#fff;

    text-decoration:none;

    border-radius:60px;

    font-size:14px;

    font-weight:700;

    transition:.4s ease;
}

.course-enroll-btn:hover{
    background:#2b1b12;
    transform:translateY(-4px);
}

/*=================================
ALL BUTTON
=================================*/

.buttn-courses{
    text-align:center;
    margin-top:20px;
}

.all-course-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:16px 30px;

    background:linear-gradient(135deg,#6a3415,#8a4a22);

    color:#fff;

    text-decoration:none;

    border-radius:60px;

    font-size:15px;

    font-weight:700;

    transition:.4s ease;
}

.all-course-btn:hover{
    background:#2b1b12;
    transform:translateY(-4px);
}

/*=================================
SWIPER NAVIGATION
=================================*/

.swiper-button-next,
.swiper-button-prev{
     width:40px !important;
    height:40px !important;
    border-radius:50%;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.10);
    transition:.3s ease;
}

/* LEFT BUTTON */

.swiper-button-prev{
    left:-80px;
}

/* RIGHT BUTTON */

.swiper-button-next{
    right:-80px;
}


.swiper-button-next:hover,
.swiper-button-prev:hover{
   background:#53230b;
    transform:scale(1.08);
}

.swiper-button-next::after,
.swiper-button-prev::after{
    font-size:18px !important;
    color:#53230b;
    font-weight:700;
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after{
    color:#fff;
}


.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}

/* RESPONSIVE */

@media(max-width:1400px){

    .swiper-button-prev{
        left:-20px;
    }

    .swiper-button-next{
        right:-20px;
    }
}

@media(max-width:991px){

    .swiper-button-next,
    .swiper-button-prev{
        display:none;
    }
}

/* PAGINATION */

.swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#53230b;
    opacity:.3;
}

.swiper-pagination-bullet-active{
    opacity:1;
}


.swiper-wrapper {
    position: relative;
    width: 100%;
    height: fit-content !important;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

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

@media(max-width:991px){

    .grid-course-heading h2{
        font-size:42px;
    }
}

@media(max-width:767px){

    .grid-course-section{
        padding:80px 0;
    }

    .grid-course-heading{
        margin-bottom:50px;
    }

    .grid-course-heading h2{
        font-size:32px;
    }

    .grid-course-content{
        padding:24px 20px;
    }

    .grid-course-content h3 a{
        font-size:22px;
    }

    .course-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .swiper-button-next,
    .swiper-button-prev{
        display:none;
    }
}

/*=================================
INTERNSHIP SCROLL TEXT
=================================*/

.scroll-text-section{
        position: relative;
    overflow: hidden;
    padding: 30px 0;
    background: #53230b;
}

/* WRAPPER */

.scroll-wrapper{
    width:100%;
    overflow:hidden;
    position:relative;
}

/* SIDE GRADIENT */

.scroll-wrapper::before,
.scroll-wrapper::after{
    content:'';
    position:absolute;
    top:0;
    width:180px;
    height:100%;
    z-index:2;
    pointer-events:none;
}

.scroll-wrapper::before{
    left:0;
    background:linear-gradient(to right, #f7f1eb 0%, transparent 100%)
}

.scroll-wrapper::after{
    right:0;
    background:
    linear-gradient(to left,
    #f7f1eb 0%,
    transparent 100%);
}

/* TRACK */

.scroll-track{
    display:flex;
    align-items:center;
    width:max-content;
    animation:scrollMove 22s linear infinite;
}

/* ITEM */

.scroll-item{
    display:flex;
    align-items:center;

    white-space:nowrap;

    margin-right:80px;

    font-size:48px;

    font-weight:900;

    line-height:1;

    text-transform:uppercase;

    letter-spacing:2px;

    color:#d3baa2;
}

/* OUTLINE TEXT */

.scroll-outline{
        color: transparent;
    -webkit-text-stroke: 2px #d3baa2;
    margin: 0 28px;
}

/* DOT */

.scroll-dot{
    color:#d3baa2;
    font-size:36px;
    margin:0 22px;
}

/* ANIMATION */

@keyframes scrollMove{

    0%{
        transform:translateX(0);
    }

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

/* PAUSE */

.scroll-wrapper:hover .scroll-track{
    animation-play-state:paused;
}

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

@media(max-width:991px){

    .scroll-item{
        font-size:48px;
        margin-right:50px;
    }

    .scroll-outline{
        margin:0 18px;
    }

    .scroll-dot{
        margin:0 16px;
    }
}

@media(max-width:767px){

    .scroll-text-section{
        padding:28px 0;
    }

    .scroll-item{
        font-size:28px;
        margin-right:35px;
        letter-spacing:1px;
    }

    .scroll-outline{
        -webkit-text-stroke:1px #d3baa2;
        margin:0 12px;
    }

    .scroll-dot{
        font-size:18px;
        margin:0 8px;
    }

    .scroll-wrapper::before,
    .scroll-wrapper::after{
        width:80px;
    }
}


/*=================================
CATEGORY SECTION
COLOR:
#040c2c
#df0303
#ffffff
=================================*/

.internship-category-section{
    padding:70px 0;
    background:#f7f7fb;
    position:relative;
    overflow:hidden;
}

/* CONTAINER */

.container{
    width:90%;
    max-width:1280px;
    margin:auto;
}

/*=================================
HEADING
=================================*/

.category-heading{
    text-align:center;
    margin-bottom:55px;
}

.mini-title{
    display:inline-block;
    padding:12px 24px;
    border-radius:60px;
    background:#6B2E0612;
    color:#6B2E06;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
    letter-spacing:1px;
}

.category-heading h2{
    font-size:37px;
    font-weight:900;
    line-height:1.2;
    color:#2a1a12;
}

.category-heading h2 span{
    color:#8a4a22;
}

/*=================================
CATEGORY FLEX
=================================*/

.category-flex{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

/*=================================
CARD
=================================*/

.category-card{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:28px 15px;

    background:#fff;

    border-radius:26px;

    text-decoration:none;

    border:1px solid rgba(4,12,44,.06);

    transition:.4s ease;

    position:relative;

    overflow:hidden;

    box-shadow:
    0 10px 35px rgba(0,0,0,.04);
}

.category-card::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background:#53230b;
    transition:.5s ease;
    z-index:0;
}

.category-card:hover::before{
    width:100%;
}


.active-card h3,
.active-card .arrow,
.active-card .category-icon{
    color:#fff;
}

.active-card .category-icon{
    background:rgba(255,255,255,.12);
}

/* LEFT */

.category-left{
    display:flex;
    align-items:center;
    gap:15px;
    position:relative;
    z-index:2;
}

/* ICON */

.category-icon{
        width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: #53230b26;
    color: #53230b;
    font-size: 21px;
    transition: .4s ease;
        padding: 15px;
}

.category-card:hover .category-icon{
       background: #ffffff;
    color: #53230b;
    transform: rotate(-10deg) scale(1.08);
}

/* TITLE */

.category-card h3{
    font-size:20px;
    color:#53230b;
    font-weight:800;
    line-height:1.4;
    transition:.4s ease;
}

/* ARROW */

.arrow{
   width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #53230b30;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #53230b;
    font-size: 18px;
    position: relative;
    z-index: 2;
    transition: .4s ease;
}

.category-card:hover .arrow{
    background:#fff;
    color:#53230b;
    transform:translateX(6px);
}

/* HOVER TEXT */

.category-card:hover h3{
    color:#fff;
}

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

@media(max-width:991px){

    .category-flex{
        grid-template-columns:1fr;
    }

    .category-heading h2{
        font-size:42px;
    }
}

@media(max-width:767px){

    .internship-category-section{
        padding:80px 0;
    }

    .category-heading{
        margin-bottom:45px;
    }

    .category-heading h2{
        font-size:32px;
    }

    .category-card{
        padding:22px 20px;
    }

    .category-left{
        gap:15px;
    }

    .category-icon{
        width:65px;
        height:65px;
        font-size:24px;
    }

    .category-card h3{
        font-size:18px;
    }

    .arrow{
        width:45px;
        height:45px;
        font-size:14px;
    }
}



/* ===================================== */
/* CAREER COURSE GRID */
/* ===================================== */

.career-course-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin:50px 0px;
}

/* ===================================== */
/* CARD */
/* ===================================== */

.career-course-card{
    position:relative;

    background:#fff;

    border-radius:30px;

    overflow:hidden;

    transition:0.5s ease;

    box-shadow:
    0 10px 40px rgba(0,0,0,0.06);

    border:1px solid rgba(0,0,0,0.05);
}

/* HOVER */

.career-course-card:hover{
    transform:translateY(-12px);

    box-shadow:
    0 20px 60px rgba(0,0,0,0.12);
}

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

.career-course-image{
    position:relative;
    overflow:hidden;
    height:250px;
}

.career-course-image img{
    width:100%;
    height:100%;
    object-fit:cover;

    transition:0.8s ease;
}

.career-course-card:hover .career-course-image img{
    transform:scale(1.08);
}

/* BADGE */

.career-course-badge{
    position:absolute;
    top:20px;
    left:20px;
}

.career-course-badge span{
    display:inline-flex;
    align-items:center;
    gap:8px;

    background:#53230b;

    color:#fff;

    padding:10px 16px;

    border-radius:50px;

    font-size:12px;
    font-weight:600;

    letter-spacing:.5px;
}

/* ===================================== */
/* CONTENT */
/* ===================================== */

.career-course-content{
    padding:28px 20px;
}

/* TITLE */

.career-course-content h3{
    margin-bottom:6px;
}

.career-course-content h3 a{
    font-size:23px;
    line-height:1.3;

    color:#2a1a12;

    font-weight:700;

    text-decoration:none;

    transition:0.4s ease;
}

.career-course-content h3 a:hover{
    color:#8a4a22;
}

/* DESCRIPTION */

.career-course-content p a{
    font-size:15px;
    line-height:28px;

    color:#6b7280;

    margin-bottom:24px;
}

/* ===================================== */
/* FEATURES */
/* ===================================== */

.career-course-features{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin: 23px 0px;
}

.career-feature-item{
    display:flex;
    align-items:center;
    gap:8px;

    padding:10px 14px;

    background:#f7f4f2;

    border-radius:50px;

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

    color:#53230b;
}

.career-feature-item i{
    font-size:13px;
}

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

.footer_copyright p a {
    color: #fff;
}

.career-course-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;

    padding-top:20px;

    border-top:1px solid #ececec;
}

/* PRICE */

.career-course-footer h4{
    font-size:20px;
    font-weight:800;

    color:#2a1a12;
}

/* BUTTON */

.career-enroll-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: linear-gradient(135deg, #53230b, #8a4a22);
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    height: 42px;
}


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

@media(max-width:1200px){

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

}

@media(max-width:768px){

    .career-course-wrapper{
        grid-template-columns:1fr;
        gap:25px;
    }

    .career-course-content{
        padding:22px;
    }

    .career-course-content h3 a{
        font-size:22px;
    }

    .career-course-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .career-course-image{
        height:220px;
    }

}


/* ========================= */
/* UPDATED TIMELINE DESIGN */
/* ========================= */

.timeline-process-section {
    position: relative;
    padding: 80px 20px;
    background:radial-gradient(circle at top left, #53230b1f, transparent 30%), radial-gradient(circle at bottom right, #53230b29, transparent 30%), #53230b0f;
    overflow: hidden;
}

/* ========================= */
/* HEADING */
/* ========================= */

.timeline-heading {
    text-align: center;
    max-width: 760px;
    margin: auto auto 50px;
}

.timeline-mini-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 12px 24px;

    border-radius: 50px;

    background: #53230b21;
    color: #53230b;

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

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 22px;
}

.timeline-heading h2 {
    font-size: 40px;
    line-height: 1.15;
    font-weight: 800;
    color: #2a1a12;
    margin-bottom: 22px;
}

.timeline-heading h2 span {
    color: #8a4a22;
    position: relative;
}

.timeline-heading p {
    font-size: 18px;
    line-height: 32px;
    color: #6b7280;
}

/* ========================= */
/* TIMELINE */
/* ========================= */

.timeline-wrapper {
    position: relative;

    display: flex;
    justify-content: space-between;
    gap: 30px;
}


/* ========================= */
/* ITEM */
/* ========================= */

.timeline-item {
    position: relative;
    width: 20%;
    z-index: 2;
}

/* Alternate Position */

.timeline-item:nth-child(even) .timeline-card {
    margin-top: 130px;
}

.timeline-item:nth-child(odd) .timeline-card {
    margin-top: 40px;
}

/* DOT */

.timeline-dot {
    position: relative;

    width: 24px;
    height: 24px;

    border-radius: 50%;

    background: #2563eb;

    margin: auto;

    border: 6px solid #fff;

    box-shadow:
        0 5px 20px rgba(37,99,235,0.3);
}

.timeline-dot::before {
    content: "";
    position: absolute;
    inset: -10px;

    border-radius: 50%;
    border: 2px dashed rgba(37,99,235,0.25);

    animation: rotateCircle 10s linear infinite;
}

@keyframes rotateCircle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* ========================= */
/* CARD */
/* ========================= */

.timeline-card {
    position: relative;

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

    backdrop-filter: blur(12px);

    border-radius: 32px;

    padding: 35px 20px;

    text-align: center;

    transition: 0.4s ease;

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

    overflow: hidden;

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

/* Top Glow */

.timeline-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(to right, #53230b, #2a1a12);
}

/* Hover */

.timeline-card:hover {
    transform: translateY(-12px);

    box-shadow:
        0 25px 60px rgba(37,99,235,0.14);
}

/* Active */

.active-item .timeline-card {
    background:linear-gradient(135deg, #6B2E06, #2a1a12);
}

.active-item h3,
.active-item p,
.active-item span {
    color: #fff;
}

.active-item .timeline-icon {
    background: rgb(255 255 255);
}

.active-item .timeline-icon i {
    color: #53230b;
}

.active-item .timeline-card span {
    color: #fff;
}

.active-item .timeline-card::before {
    background: rgba(255,255,255,0.4);
}

/* ========================= */
/* ICON */
/* ========================= */

.timeline-icon {
    width: 62px;
    height: 62px;

    border-radius: 26px;

    background:linear-gradient(135deg, #53230b, #2a1a12);

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

    margin: auto auto 18px;

    box-shadow:
        0 15px 35px rgba(37,99,235,0.2);
}

.timeline-icon i {
    color: #fff;
    font-size: 23px;
}

/* ========================= */
/* CONTENT */
/* ========================= */

.timeline-card span {
    display: inline-block;

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

    color: #53230b;

    letter-spacing: 1px;

    margin-bottom: 14px;
}

.timeline-card h3 {
        font-size: 20px;
    line-height: 1.3;
    color: #2a1a12;
    margin-bottom: 10px;
    font-weight: 700;
}

.active-item .timeline-card h3 {
        font-size: 22px;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700;
}

.timeline-card p {
    font-size: 15px;
    line-height: 28px;
    color: #6b7280;
}

.active-item .timeline-card p {
   font-size: 15px;
    line-height: 25px;
    color: #d5d6d9;
}

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

@media(max-width:1100px){

    .timeline-wrapper {
        flex-wrap: wrap;
    }

    .timeline-line {
        display: none;
    }

    .timeline-item {
        width: calc(50% - 20px);
    }

    .timeline-item:nth-child(even) .timeline-card,
    .timeline-item:nth-child(odd) .timeline-card {
        margin-top: 40px;
    }

}

@media(max-width:768px){

    .timeline-process-section {
        padding: 80px 15px;
    }

    .timeline-heading h2 {
        font-size: 40px;
    }

    .timeline-heading p {
        font-size: 16px;
        line-height: 28px;
    }

    .timeline-item {
        width: 100%;
    }

}


/* ========================================================= */
/* CLIENT SHOWCASE SECTION */
/* ========================================================= */

.client-showcase-section{
    position:relative;
    padding:90px 20px;
    overflow:hidden;

    background:
    radial-gradient(circle at top left, #53230b12, transparent 30%),
    radial-gradient(circle at bottom right, #53230b1c, transparent 30%),
    #ece5de;
}

/* ========================================================= */
/* HEADING */
/* ========================================================= */

.client-showcase-heading{
    text-align:center;
    margin-bottom:60px;
}

.client-showcase-heading .mini-title{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 24px;

    background:#53230b14;

    color:#53230b;

    border-radius:50px;

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

    position:relative;
    overflow:hidden;

    z-index:1;
}

.client-showcase-heading .mini-title::before{
    content:"";

    position:absolute;
    inset:0;

    background:
    linear-gradient(135deg,#53230b,#8a4a22);

    transform:translateX(-100%);

    transition:0.6s ease;

    z-index:-1;
}

.client-showcase-heading .mini-title:hover{
    color:#fff;
}

.client-showcase-heading .mini-title:hover::before{
    transform:translateX(0);
}

/* TITLE */

.client-showcase-heading h2{
    margin-top: 0px;
    font-size: 35px;
    line-height: 1.15;
    font-weight: 800;
    color: #2a1a12;
}

.client-showcase-heading h2 span{
    color:#8a4a22;
    position:relative;
}

/* SUBTITLE */

.client-showcase-heading p{
    max-width:720px;

    margin:22px auto 0;

    font-size:17px;
    line-height:30px;

    color:#5f6368;
}

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

.client-showcase-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

/* ========================================================= */
/* CARD */
/* ========================================================= */

.showcase-card{
    position:relative;

    overflow:hidden;

    display:block;

    height:520px;

    background:#000;

    isolation:isolate;
}

/* DIFFERENT HEIGHTS */

.showcase-card:nth-child(1){
    height:310px;
}

.showcase-card:nth-child(2){
    height:350px;
}

.showcase-card:nth-child(3){
    height:380px;
}

.showcase-card:nth-child(4){
    height:400px;
    margin-top:-80px;
}

.showcase-card:nth-child(5){
    height: 385px;
    margin-top: -30px;
}

.showcase-card:nth-child(6){
    height:386px;
}

.showcase-card:nth-child(7){
    height: 400px;
    margin-top: -70px;
}

.showcase-card:nth-child(8){
    
    height: 400px;
    margin-top: -35px;

}

.showcase-card:nth-child(9){
    height:400px;
}

/* IMAGE */

.showcase-card img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:1s ease;
}

/* IMAGE ZOOM */

.showcase-card:hover img{
    transform:scale(1.08);
}

/* ========================================================= */
/* SHADE LAYER */
/* ========================================================= */

.shade-layer{
    position:absolute;
    inset:0;

    background:linear-gradient(135deg, rgb(2 2 2 / 88%), rgba(83, 35, 11, 0.45));

    z-index:2;

    transition:0.8s cubic-bezier(.19,1,.22,1);
}

/* LEFT */

.left-shade .shade-layer{
    transform:translateX(-100%);
}

/* RIGHT */

.right-shade .shade-layer{
    transform:translateX(100%);
}

/* TOP */

.top-shade .shade-layer{
    transform:translateY(-100%);
}

/* BOTTOM */

.bottom-shade .shade-layer{
    transform:translateY(100%);
}

/* HOVER */

.showcase-card:hover .shade-layer{
    transform:translate(0);
}

/* ========================================================= */
/* CONTENT */
/* ========================================================= */

.showcase-content{
    position:absolute;

    left:35px;
    bottom:30px;

    z-index:3;

    opacity:0;

    transform:translateY(40px);

    transition:0.6s ease;
}

.showcase-card:hover .showcase-content{
    opacity:1;
    transform:translateY(0);
}

/* SUBTITLE */

.showcase-content span{
    display:inline-block;

    margin-bottom:12px;

    color:rgba(255,255,255,0.82);

    font-size:12px;
    font-weight:500;

    letter-spacing:2px;
    text-transform:uppercase;
}

/* TITLE */

.showcase-content h3{
    font-size:30px;
    line-height:1.2;

    color:#fff;

    font-weight:600;
}

/* ========================================================= */
/* HOVER BORDER */
/* ========================================================= */

.showcase-card::before{
        content: "";
    position: absolute;
    inset: 10px;
    border: 1px solid rgb(255 255 255);
    z-index: 4;
    opacity: 0;
    transform: scale(1.08);
    transition: 0.6s ease;

}

.showcase-card:hover::before{
    opacity:1;
    transform:scale(1);
}

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

@media(max-width:991px){

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

    .showcase-card,
    .showcase-card:nth-child(1),
    .showcase-card:nth-child(2),
    .showcase-card:nth-child(3),
    .showcase-card:nth-child(4),
    .showcase-card:nth-child(5),
    .showcase-card:nth-child(6),
    .showcase-card:nth-child(7),
    .showcase-card:nth-child(8),
    .showcase-card:nth-child(9)
    {
        height:420px;
        margin-top:0;
    }

}

@media(max-width:768px){

    .client-showcase-section{
        padding:70px 15px;
    }

    .client-showcase-heading h2{
        font-size:36px;
    }

    .client-showcase-grid{
        grid-template-columns:1fr;
    }

    .showcase-card,
    .showcase-card:nth-child(1),
    .showcase-card:nth-child(2),
    .showcase-card:nth-child(3),
    .showcase-card:nth-child(4),
    .showcase-card:nth-child(5),
    .showcase-card:nth-child(6){
        height:420px;
    }

    .showcase-content{
        left:25px;
        bottom:25px;
    }

    .showcase-content h3{
        font-size:28px;
    }

}

.menu-toggle{
    display:none;
    background:none;
    border:none;
    font-size:28px;
    cursor:pointer;
    color:#000;
}

.mobile-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.1);
    z-index:9999;
}

.mobile-menu.active{
    display:block;
}

.mobile-menu ul{
    margin:0;
    padding:0;
    list-style:none;
}

.mobile-menu li{
    border-bottom:1px solid #eee;
}

.mobile-menu li a{
    display:block;
    padding:15px 20px;
    color:#222;
    text-decoration:none;
}

.submenu{
    display:none;
}

.submenu.active{
    display:block;
}

.submenu li a{
    padding-left:40px;
}

@media(max-width:991px){

    #main-menu{
        display:none;
    }

    .menu-toggle{
        display:block;
    }

    .m-none{
        display:none;
    }

    .header_right{
        display:flex;
        justify-content:flex-end;
        align-items:center;
    }
}

.header-right-wrap{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:15px;
}

.top_social_profile ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:8px;
}

.top_social_profile ul li{
    display:inline-block;
}

.top_social_profile ul li a{
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:.3s;
        background: #53230b;
}

.top_social_profile ul li a:hover{
    transform:translateY(-3px);
}

.menu-toggle{
    display:none;
    background:#ff6b00;
    color:#fff;
    border:none;
    width:45px;
    height:45px;
    border-radius:6px;
    cursor:pointer;
    font-size:20px;
}

@media(max-width:991px){

    .call_to_action{
        display:none !important;
    }

    .top_social_profile{
        display:none;
    }

    .menu-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
    }
}

@media(max-width:767px){

.about_points li {
    font-size: 12px !important; 
    font-weight: 500;
}

.about_points {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 12px !important;
    list-style: none;
    padding: 0;
    margin: 25px 0;
}
}

.why_choose_v2{
    padding:100px 0;
    background:#f7f5f2;
}

.image_wrapper{
    position:relative;
    background:#eee6dc;
    border-radius:35px;
    padding:40px;
    overflow:visible;
}

.image_wrapper img{
    width:100%;
    display:block;
        margin-top: 30px;
}

.top_badge{
        position: absolute;
    top: 35px;
    right: 35px;
    background: #fff;
    padding: 12px 25px;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    font-weight: 600;
}

.top_badge i{
    color:#a84e0f;
    margin-right:10px;
}

.student_box{
    position: absolute;
    left: 10px;
    bottom: -77px;
    width: 225px;
    padding: 15px;
    border-radius: 30px;
    background: linear-gradient(135deg, #2f1307, #b24d08);
    color: #fff;
    text-align: center;
}

.student_box i{
width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .3);
    font-size: 28px;
    margin-bottom: 1px;
    margin-top: -65px;
    background: #fff;
    color: #53230b;
}

.student_box h2{
        font-size: 37px;
    margin: 0;
    font-weight: 700;
    color: #fff;
}

.student_box span{
    font-size:20px;
}

.dots{
    position:absolute;
    top:80px;
    left:50px;
    width:70px;
    height:70px;
    background-image:radial-gradient(#c56a1d 2px,transparent 2px);
    background-size:20px 20px;
}

.subtitle{
    color:#55260e;
    font-weight:700;
    letter-spacing:2px;
    position:relative;
}

.content_area h2{
    font-size: 35px;
    line-height: 1.1;
    margin: 12px 0;
    color: #22110b;
    font-weight: 700;
}

.content_area h2 span{
    color:#8a4a22;
}

.content_area p{
    color:#666;
    line-height:32px;
}
.feature_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:10px;
}

.feature_card{
    background:#fff;
    border-radius:25px;
    padding:15px 15px;
    min-height:160px;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
    transition:.4s;
}

.feature_card:hover{
    transform:translateY(-8px);
}

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

.feature_card .icon{
    width:45px;
    height:45px;
    min-width:45px;
    border-radius:20px;
    background:linear-gradient(135deg, #8b3705, #4f1f08);
    display:flex;
    align-items:center;
    justify-content:center;
}

.feature_card .icon i{
    color:#fff;
    font-size:20px;
}

.feature_card h4{
    margin:0;
    font-size:17px;
    line-height:1.3;
    font-weight:700;
    color:#2a160c;
}

.feature_card p{
    color: #666;
    line-height: 26px;
    margin: 0;
    font-size: 15px;
}


.success-alert{
    background:#d4edda;
    color:#155724;
    border:1px solid #c3e6cb;
    padding:15px 20px;
    border-radius:10px;
    margin-bottom:20px;
    font-weight:600;
}



.course-popup-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    visibility:hidden;
    opacity:0;
    transition:.3s;
}

.course-popup-modal.active{
    visibility:visible;
    opacity:1;
}

.course-popup-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.7);
}

.course-popup-content{
    position:relative;
    z-index:2;
    width:100%;
    max-width:550px;
    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 15px 50px rgba(0,0,0,.15);
}

.course-popup-close{
    position:absolute;
    top:15px;
    right:15px;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    cursor:pointer;
    background:#f3f4f6;
}

.course-popup-body h3{
    font-size: 28px;
    margin-bottom: 25px;
    color: #2a1a12;
    font-weight: 700;
}

.course-popup-group{
    position:relative;
    margin-bottom:15px;
}

.course-popup-group input,
.course-popup-group textarea{
    width:100%;
    border:1px solid #ddd;
    border-radius:10px;
    padding:14px 45px 14px 15px;
    outline:none;
}

.course-popup-group textarea{
    min-height:120px;
    resize:vertical;
}

.course-popup-group i{
    position:absolute;
    right:15px;
    top:16px;
    color:#888;
}

.course-popup-submit{
    width:100%;
    border:none;
    padding:15px;
    border-radius:10px;
    cursor:pointer;
    background:#2a1a12;
    color:#fff;
    font-size:16px;
    font-weight:600;
}



.about-highlight-section{
    padding:100px 0 50px;
    background:#53230b14;
    position:relative;
}

.section-heading{
    text-align:center;
    max-width:750px;
    margin:30px auto 60px;
}

.mini-title{
    display:inline-block;
  background: #53230b14;
    color: #53230b;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:15px;
}

.section-heading h2{
    font-size:36px;
    font-weight:700;
    line-height:1.3;
    color:#111827;
    margin-bottom:15px;
}

.section-heading h2 span{
    color:#8a4a22;
}

.section-heading p{
    color:#6b7280;
    font-size:17px;
    line-height:1.8;
}

.highlight-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-bottom:70px;
}

.highlight-card{
    background:#fff;
    padding:20px 15px;
    border-radius:20px;
    text-align:center;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.highlight-card:hover{
    transform:translateY(-10px);
}

.highlight-card .icon{
    width:75px;
    height:75px;
    margin:auto;
    border-radius:50%;
    background:#53230b;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:20px;
}

.highlight-card h3{
    font-size:22px;
    margin-bottom:12px;
    color: #2a1a12;
    font-weight: 700;
}

.highlight-card p{
    color:#6b7280;
    line-height:1.7;
}

.stats-wrapper{
    background:linear-gradient(135deg, #2a1a12, #8a4a22);
    border-radius:25px;
    padding:40px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.stat-box{
    text-align:center;
    color:#fff;
}

.stat-box h3{
    font-size:42px;
    font-weight:700;
    margin-bottom:10px;
    color: #fff;
}

.stat-box p{
    margin:0;
    font-size:16px;
    opacity:.9;
}

@media(max-width:991px){

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

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

    .section-heading h2{
        font-size:36px;
    }
}

@media(max-width:576px){

    .highlight-grid,
    .stats-wrapper{
        grid-template-columns:1fr;
    }

    .section-heading h2{
        font-size:28px;
    }

    .about-highlight-section{
        padding:70px 0;
    }
}



.section-title{
    text-align:center;
    max-width:700px;
    margin:0 auto 60px;
}

.section-title .mini-title{
    display:inline-block;
    background:#f5ede9;
    color:#6b2d0c;
    padding:8px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:15px;
}

.marketing_content_area .section-title h2{
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 9px;
    color: #222;
    background: transparent;
}

 .marketing_content_area .section-title h2 span{
    color:#6b2d0c;
}

.marketing_content_area .section-title p{
   font-size: 16px;
    line-height: 25px;
    color: #666;
    width: 100%;
}


.single_feature_one:hover{
    transform:translateY(-8px);
}

.feature_icon{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:#fff;
    margin-bottom:20px;
}

.fi_one,
.fi_two,
.fi_three,
.fi_four,
.fi_five,
.fi_six{
    background:linear-gradient(135deg,#6b2d0c,#3e1805);
}

.single_feature_one h2{
       font-size: 23px;
    margin-bottom: 6px;
    line-height: 1.4;
    color: #2a1a12;
    font-weight: 700;

}

.single_feature_one:hover h2{
       font-size: 23px;
    margin-bottom: 6px;
    line-height: 1.4;
    color: #fff;
    font-weight: 700;

}

.single_feature_one p{
    color:#666;
    line-height:28px;
}



.contact-hero{
    padding:100px 0 50px;
    background:linear-gradient(135deg,#5c2305,#2d1204);
    position:relative;
    overflow:hidden;
    margin-top: 40px;
}

.contact-hero::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    top:-100px;
    right:-100px;
}

.contact-hero-content{
    max-width:850px;
    margin:auto;
    text-align:center;
    position:relative;
    z-index:2;
}

.contact-hero .mini-title{
    display:inline-block;
    background:rgba(255,255,255,.15);
    color:#fff;
    padding:8px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.contact-hero h1{
    color:#fff;
    font-size:60px;
    font-weight:700;
    margin-bottom:20px;
}

.contact-hero p{
    color:rgba(255,255,255,.85);
    font-size:18px;
    line-height:30px;
    max-width:700px;
    margin:auto;
}

.hero-contact-info{
    display:flex;
    justify-content:center;
    gap:25px;
    margin-top:5px;
    flex-wrap:wrap;
}

.hero-info-box{
    background:#fff;
    min-width:260px;
    padding:20px;
    border-radius:15px;
    display:flex;
    align-items:center;
    gap:15px;
    text-align:left;
    box-shadow:0 10px 25px rgba(0,0,0,.1);
}

.hero-info-box i{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#5c2305;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.hero-info-box h5{
        margin: 0 0 0px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.hero-info-box span a{
    color:#666;
    font-size:14px;
}

@media(max-width:768px){

    .contact-hero{
        padding:70px 0;
    }

    .contact-hero h1{
        font-size:38px;
    }

    .hero-info-box{
        width:100%;
    }
}


.chat-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#fff;
    color:#5c2305;
    padding:15px 28px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    margin-top:25px;
}

.chat-btn:hover{
     background:#fff;
    color:#5c2305 !important;
}
.ai-chat-modal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:9999;
}

.ai-chat-modal.active{
    display:flex;
}

.ai-chat-box{
    width:420px;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    position:relative;
}

.chat-header{
    background:#5c2305;
    color:#fff;
    padding:20px;
    display:flex;
    align-items:center;
    gap:15px;
}

.chat-header i{
    font-size:28px;
}

.chat-header h4{
       margin: 0;
    color: #fff;
    font-weight: 700;
        font-size: 19px;
}

.chat-header span{
    font-size:13px;
    opacity:.8;
}

.chat-body{
    padding:20px;
    height:300px;
    overflow-y:auto;
    background:#f8f8f8;
}

.ai-message{
    background:#fff;
    padding:12px 15px;
    border-radius:12px;
    display:inline-block;
    max-width:80%;
}

.chat-form{
    display:flex;
    border-top:1px solid #eee;
    margin: 0;
}

.chat-form input{
    flex:1;
    border:none;
    padding:15px;
    outline:none;
}

.chat-form button{
    width:60px;
    border:none;
    background:#5c2305;
    color:#fff;
    cursor:pointer;
}

.close-chat{
    position:absolute;
    top:15px;
    right:15px;
    border:none;
    background:none;
    color:#fff;
    font-size:18px;
    cursor:pointer;
}


.legal_docs_area{
    padding:100px 0;
    background:#53230b26;
        margin-top: 40px;
}

.legal_docs_header{
    text-align:center;
    margin:0 auto 60px;
}

.legal_docs_tag{
    display:inline-block;
    background:#efe9e7d4;
    color:#6b2d0c;
    padding:10px 20px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.legal_docs_header h1{
    font-size:58px;
    font-weight:700;
    margin:20px 0;
    color:#111;
}

.legal_docs_header p{
    color:#666;
    line-height:30px;
    font-size:18px;
}

.legal_docs_wrap{
    margin:auto;
}

.legal_docs_item{
    display:flex;
    gap:30px;
    margin-bottom:25px;
    background:#fff;
    border-radius:25px;
    padding:35px;
    box-shadow:0 10px 35px rgba(0,0,0,.04);
    transition:.3s;
}

.legal_docs_item:hover{
    transform:translateX(8px);
}

.legal_docs_number{
       min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 20px;
    background: #6b2d0c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
}

.legal_docs_content h3{
    font-size:26px;
    margin-bottom:12px;
    color:#222;
}

.legal_docs_content p{
    margin:0;
    color:#666;
    line-height:30px;
}

@media(max-width:768px){

    .legal_docs_header h1{
        font-size:38px;
    }

    .legal_docs_item{
        flex-direction:column;
        gap:20px;
    }

    .legal_docs_number{
        width:60px;
        height:60px;
        min-width:60px;
        font-size:18px;
    }
}


.privacy_policy_section{
    padding:100px 0;
    background:#53230b1f;
}

.privacy_hero{
    text-align:center;
    max-width:850px;
    margin:0 auto 60px;
}

.privacy_badge{
    display:inline-block;
    padding:10px 20px;
    background:#f5f2f0;
    color:#5c2305;
    border-radius:50px;
    font-size:14px;
    margin-top: 30px;
    font-weight:600;
}

.privacy_hero h1{
   font-size: 40px;
    font-weight: 700;
    margin: 10px 0;
    color: #2a1a12;
}

.privacy_hero p{
   font-size: 17px;
    line-height: 26px;
    color: #666;
}

.privacy_update{
    margin-top:20px;
    color:#888;
    font-size:14px;
}

.privacy_content_wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.privacy_content_box{
    background:#fff;
    padding:35px;
    border-radius:24px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.4s;
    border-top:4px solid #5c2305;
}

.privacy_content_box:hover{
    transform:translateY(-8px);
}

.privacy_content_box h3{
      font-size: 24px;
    margin-bottom: 6px;
    color: #2a1a12;
    font-weight: 700;

}

.privacy_content_box p{
    color:#666;
    line-height:30px;
    margin:0;
}

.privacy_cta{
    margin-top:60px;
    text-align:center;
    background:#fff;
    padding:60px 40px;
    border-radius:30px;
}

.privacy_cta h2{
       color: #2a1a12;
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 800;
}

.privacy_cta p{
      color: rgb(52 50 50 / 80%);
    max-width: 700px;
    margin: auto;
    margin-bottom: 25px;
}

.privacy_cta a{
    display:inline-block;
      background: #53230b;
    color: #fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
}

@media(max-width:991px){

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

    .privacy_hero h1{
        font-size:42px;
    }

}

@media(max-width:576px){

    .privacy_policy_section{
        padding:70px 0;
    }

    .privacy_hero h1{
        font-size:32px;
    }

    .privacy_content_box{
        padding:25px;
    }

    .privacy_cta{
        padding:40px 25px;
    }

    .privacy_cta h2{
        font-size:28px;
    }

}