:root{
    --navy:#002957;
    --navy-2:#00203F;
    --orange:#FF5A1F;
    --orange-dark:#E8540A;
    --cream:#FFFDEC;
    --gray-bg:#F5F6F8;
    --blue-1:#0097DA;
    --blue-2:#008FD5;
    --text:#1A2233;
    --text-muted:#5B6472;
    --border:#E7E9EE;
    --white:#FFFFFF;
    --display:'Poppins', sans-serif;
    --sans:'Inter', sans-serif;
  }
body{
 
font-family:Poppins,sans-serif;

}
  body{ background:var(--white); color:var(--text); font-family:var(--sans); line-height:1.6; }
  h1,h2,h3,h4,h5{ font-family:var(--display); }
  a{ color:var(--orange); text-decoration:none; }
  .eyebrow{ font-family:var(--display); font-size:.8rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--orange); }
/*==============================
Hero Section
==============================*/

.hero-section{
    position:relative;
    background:url("../images/Super_50_Page_slider.png") center center/cover no-repeat;
    min-height:450px;
    overflow:hidden;
    height: 450px;
    padding: 37px 21px;
    background-size: 100% 100%;
}

/* Dark Overlay */

.hero-section::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(6,32,70,.92) 0%,
        rgba(6,32,70,.82) 35%,
        rgba(6,32,70,.40) 65%,
        rgba(6,32,70,.15) 100%
    );
}

.hero-height{
    min-height:720px;
}

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

.hero-title{
    font-size:76px;
    font-weight:900;
    color:#fff;
    line-height:0.95;
    margin-bottom:20px;
}

.hero-title span{
    display:block;
}

.hero-subtitle{
    color:#fff;
    font-size:44px;
    font-weight:500;
    margin-bottom:20px;
}

.hero-tag{

    display:inline-block;
    background:#f36a08;
    color:#fff;
    padding:14px 28px;
    border-radius:10px;
    font-size:21px;
    font-weight:600;
}

.hero-text{
    color:#fff;
    font-size:19px;
    font-weight:600;
    margin-top:30px;
}
a.navbar-brand{width: 195px;}
.navbar-brand img{width:100%;}
.btn-orange{

    background:#f36a08;
    color:#fff;
    border-radius:8px;
    padding:14px 35px;
    font-weight:600;
}

.btn-orange:hover{

    background:#df5f05;
    color:#fff;
}

.btn-outline-light{

    padding:14px 35px;
    border-radius:8px;
}


/* ============ Course overview — exact chip photo split panel ============ */
  .overview-split{border-radius:16px; overflow:hidden; }
  .overview-section{
/*      background:linear-gradient(135deg, var(--navy), var(--navy-2));*/
    background: url(../images/table_bg.png) center / cover;
    padding: 60px 22px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .overview-panel{  padding:2.5rem; color:var(--white); height:100%; }
  .overview-panel h2{ color:var(--white); font-weight:800; }
  .overview-photo{ background-image:url('assets/overview-chip.jpg'); background-size:cover; background-position:center; min-height:260px; height:100%; }
  .cream-table th{ background:var(--orange-dark); color:var(--white); font-weight:700; padding:.75rem 1rem; border:none;border-right: 1px solid var(--navy); }
  .cream-table td{ background:var(--cream); color:var(--navy); font-weight:500; padding:.65rem 1rem; border-bottom:2px solid var(--navy);border-right: 1px solid var(--navy); }

  .banner-blue{ background:linear-gradient(100deg, var(--blue-1), var(--blue-2)); border-radius:12px; padding:2.25rem; color:var(--white); position:relative; overflow:hidden; }
  .banner-blue h4{ font-weight:700; max-width:60%; }
  .banner-blue p{ max-width:60%; }
  .why-item{ background:var(--gray-bg); border-radius:10px; padding:1.5rem; height:100%; }
  .why-item h5{ font-weight:700; color:var(--navy); }
  .why-item p{ color:var(--text-muted); margin-bottom:0; }
  
   /* ============ Built for students banner — exact woman cutout ============ */
  .students-banner{
    background:linear-gradient(100deg, var(--navy) 55%, var(--navy-2) 100%);
    border-radius:16px;
    padding:2.75rem 2.5rem;
    position:relative;
    color:var(--white);
  }
  .students-banner .accent{ color:var(--orange); }
  .students-banner p{ color:#DCE6F5; }
  .students-banner .accent-line{ color:var(--orange); font-weight:600; }
  .student-photo{ position:absolute; right:2rem; bottom:0; height:120%; max-height:548px; object-fit:contain; }
  
  .section-title {font-weight: 700;font-size: 2rem;color: var(--text);margin-bottom: 1.75rem;}
   

  .section{ padding:2.5rem 0; }
  .section-gray{ background:var(--gray-bg); }
  .section-title{ font-weight:700; font-size:2rem; color:var(--text); margin-bottom:1.75rem; }
  .section-title .accent{ color:var(--orange); }
  .lead-line{ color:var(--text-muted); font-size:1.05rem; }
  .lead-line .accent-bold{ color:var(--orange); font-weight:700; }

  .hl-card{ background:var(--gray-bg); border:1px solid var(--border); border-radius:10px; padding:1.6rem; height:100%; transition:transform .15s ease, box-shadow .15s ease; }
  .hl-card:hover{ transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,41,87,.08); }
  .hl-icon{ width:46px; height:46px; border:2px solid var(--orange); border-radius:10px; display:flex; align-items:center; justify-content:center; color:var(--orange); font-family:var(--display); font-weight:700; margin-bottom:1rem; background:var(--white); }
  .hl-card h5{ font-size:1.02rem; font-weight:700; color:var(--navy); }
  .hl-card p{ color:var(--text-muted); font-size:.92rem; margin-bottom:0; }   
  
  
        /* =========================
           COURSE HIGHLIGHTS SECTION
        ========================== */

        .course-highlights {
            width: 100%;
            padding: 30px 20px 55px;
        }

        .course-container {
            width: 100%;
            max-width: 960px;
            margin: 0 auto;
        }

        /* Heading */

        .course-title {
            text-align: center;
            font-size: 48px;
            line-height: 1.2;
            font-weight: 700;
            letter-spacing: -1px;
            margin-bottom: 60px;
            color: #1b1b1b;
        }

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

        .highlights-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 22px 28px;
        }

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

        .highlight-card {
            min-height: 292px;
            background: #f8f8f8;
            border: 1px solid #e5e5e5;
            border-radius: 32px;

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

            text-align: center;

            padding: 30px 20px 25px;

            transition: all 0.3s ease;
        }

        .highlight-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        }

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

        .highlight-icon {
            width: 115px;
            height: 115px;

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

            color: #f4510b;

            margin-bottom: 20px;
        }

        .highlight-icon i {
            font-size: 76px;
            line-height: 1;
        }

        /* Code icon */
        .code-icon {
            width: 136px;
            height: 108px;

            background: #f4510b;
            border-radius: 15px;

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

            color: #ffffff;
        }

        .code-icon i {
            font-size: 62px;
        }

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

        .highlight-card h3 {
            max-width: 280px;

            font-size: 22px;
            line-height: 1.9;

            font-weight: 600;
            color: #202020;
        }

        /* =========================
           SPECIAL ICON SIZES
        ========================== */

        .live-icon i {
            font-size: 78px;
        }

        .lab-icon i {
            font-size: 76px;
        }

        .placement-icon i {
            font-size: 76px;
        }

        .assistance-icon i {
            font-size: 82px;
        }

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

        @media (max-width: 900px) {

            .course-container {
                max-width: 760px;
            }

            .course-title {
                font-size: 40px;
                margin-bottom: 45px;
            }

            .highlights-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }

            .highlight-card {
                min-height: 280px;
                border-radius: 28px;
            }

            .highlight-card h3 {
                font-size: 20px;
                line-height: 1.7;
            }

        }

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

        @media (max-width: 600px) {

            .course-highlights {
                padding: 25px 15px 40px;
            }

            .course-title {
                font-size: 30px;
                letter-spacing: -0.5px;
                margin-bottom: 35px;
            }

            .highlights-grid {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .highlight-card {
                min-height: 260px;
                border-radius: 25px;
                padding: 25px 15px;
            }

            .highlight-icon {
                width: 105px;
                height: 105px;
                margin-bottom: 16px;
            }

            .highlight-icon i {
                font-size: 68px;
            }

            .code-icon {
                width: 125px;
                height: 100px;
            }

            .code-icon i {
                font-size: 55px;
            }

            .highlight-card h3 {
                font-size: 19px;
                line-height: 1.65;
            }
        }

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

        @media (max-width: 380px) {

            .course-title {
                font-size: 27px;
            }

            .highlight-card {
                min-height: 245px;
            }

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

        }
  
  
      
  .why_futurewiz_inner {
    background: url(../../images/m-5.png) center / cover;
    padding: 60px 22px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.real_chips_inner {
    background: url(../../images/m-8.png) center / cover;
    padding: 60px 22px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.tool_experience_inner {
    background: url(../../images/m-7.png) center / cover;
    padding: 60px 22px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
  .tool_experience_inner .community-text h4,.tool_experience_inner .community-text p{
    color: #fff !important;
} 
.better_learning_inner {
    background: url(../../images/m-9.png) center / cover;
    padding: 60px 22px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.better_learning_inner .placemen_assistance_box {
    background: #fff;
    padding: 5px 12px;
    border-radius: 18px;
}
.better_learning_inner .d-flex{gap: 13px;}
.placement_support_inner {
    background: url(../../images/m-10.png) center / cover;
    padding: 60px 22px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.career-list li {
    margin-bottom: .6rem;
    color: var(--text);
}
.career-list li::marker {
    color: var(--orange);
}
.career-opportunity .audience-photo img{max-width:100%;}
.audience-split {
    border-radius: 16px;
    overflow: hidden;
}
.audience-panel {
    background: var(--gray-bg);
    padding: 2rem;
    height: 100%;
}
.check-item {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .1rem 0;
}
.check-item .mark {
    color: var(--orange);
    font-weight: 700;
}

 /* ============ Tools panel — exact engineer photo ============ */
  .tools-panel{ background:linear-gradient(100deg, var(--navy) 55%, rgba(0,41,87,.65) 100%), url('assets/tools-engineer.jpg'); background-size:cover; background-position:right center; border-radius:16px; padding:2.5rem; color:var(--white); }
  .tools-panel .section-title{ color:var(--white); }
  .tool-badge{ background:var(--white); border-radius:10px; padding:1.1rem 1rem; text-align:center; height:100%; display:flex; align-items:center; justify-content:center; }
  .tool-badge img{ max-height:34px; max-width:100%; }
  .project-chip{ background:var(--white); border:1px solid var(--border); border-radius:8px; padding:.8rem 1rem; font-weight:600; color:var(--navy); display:flex; align-items:center; gap:.5rem; height:100%; }
  .project-chip::before{ content:"✔"; color:var(--orange); }
  
  
/*  body{
    font-family:Poppins,sans-serif;
    background:#f7f9fc;
}*/

.curriculum{
    padding:80px 0;
}

/*.container{
    max-width:1100px;
    margin:auto;
    padding:0 20px;
}*/

/*.section-title{
    text-align:center;
    margin-bottom:50px;
}*/

.section-title span{
    color:#ff5b1f;
    font-weight:600;
    letter-spacing:1px;
}

/*.section-title h2{
    font-size:40px;
    margin-top:10px;
}*/

/*.section-title h2 span{
    color:#ff5b1f;
}*/

.module{
    background:#fff;
    border-radius:14px;
    margin-bottom:20px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.module-head{
    width:100%;
    border:0;
    background:#fff;
    padding:25px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
}

.module-head h3{
    margin:0;
    color:#0d2b52;
    font-size:24px;
    float: left;
    clear: both;
}

.module-head p{
    margin:8px 0 0;
    color:#666;
    float: left;
    clear: both;
}

.count{
    color:#ff5b1f;
    font-weight:600;
}

.count span{
    font-size:28px;
    margin-left:10px;
}

.module-body{
    display:none;
    padding:25px;
    border-top:1px solid #eee;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.module-body.show{
    display:grid;
}

.lesson{
    padding:18px;
    background:#f7f8fc;
    border-radius:10px;
    border-left:4px solid #ff5b1f;
    font-weight:500;
    transition:.3s;
}

.lesson:hover{
    background:#ff5b1f;
    color:#fff;
    transform:translateY(-3px);
}

@media(max-width:768px){

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

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

.module-body{
    grid-template-columns:1fr;
}

}
  



.tools-section{
/*    padding:80px 0;*/
}


.tools-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:25px;
}

.tool-card{
    background:#fff;
    border-radius:18px;
    padding:35px 20px;
    text-align:center;
    transition:.35s;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    border:1px solid #edf0f5;
}

.tool-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,.15);
    border-color:#ff5b1f;
}

.tool-icon{
    width:70px;
    height:70px;
    margin:auto;
    background:#fff3ee;
    color:#ff5b1f;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:20px;
}

.tool-card h4{
    color:#0b1f3f;
    font-size:22px;
    margin-bottom:8px;
}

.tool-card small{
    color:#777;
    font-size:14px;
}

@media(max-width:991px){

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

}

@media(max-width:768px){

.tools-section{
    padding:60px 0;
}

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

.tools-grid{
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.tool-card{
    padding:25px 15px;
}

.tool-icon{
    width:60px;
    height:60px;
    font-size:26px;
}

.tool-card h4{
    font-size:18px;
}

}

@media(max-width:480px){

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

}

.building-section{
    position:relative;
    background:url("../images/chip-bg.jpg") center bottom no-repeat;
    background-size:cover;
    padding:85px 0 75px;
    overflow:hidden;
}

/* White gradient fade */
.building-section::before{
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        180deg,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,.97) 30%,
        rgba(255,255,255,.85) 55%,
        rgba(255,255,255,.45) 75%,
        rgba(255,255,255,0) 100%
    );

    z-index:1;
}

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



/* Optional Dark Overlay */

.overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(0,0,0,.12)
    );

    z-index:2;

}



.building-content{

    text-align:center;

}

.sub-title{

    color:#ff5b1f;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}

.building-content h2{

/*    font-size:55px;

    font-weight:700;

    color:#102542;

    margin-top:10px;*/

}

.building-content h2 span{

    color:#ff5b1f;

}

.building-content p{

    font-size:22px;

    line-height:1.7;

    color:#444;

    margin:20px auto 45px;

    max-width:850px;

}

.project-list{

    display:grid;

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

    gap:18px;

    max-width:850px;

    margin:auto;

}

.project-item{

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

    backdrop-filter:blur(10px);

    padding:18px 22px;

    border-radius:12px;

    text-align:left;

    font-size:18px;

    font-weight:500;

    transition:.35s;

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

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

}

.project-item i{

    color:#ff5b1f;

    margin-right:12px;

}

.project-item:hover{

    transform:translateY(-6px);

    background:#ff5b1f;

    color:#fff;

}

.project-item:hover i{

    color:#fff;

}

/************ Responsive ************/

@media(max-width:992px){

.building-content h2{

    font-size:42px;

}

.building-content p{

    font-size:19px;

}

}

@media(max-width:768px){

.building-section{

    padding:70px 0 180px;

}

.project-list{

    grid-template-columns:1fr;

}

.building-content h2{

    font-size:34px;

}

.building-content p{

    font-size:17px;

}

.project-item{

    font-size:16px;

}

}
  
/******************************
Tablet
******************************/

@media(max-width:991px){

.hero-section{

    min-height:600px;
    text-align:center;
}

.hero-height{

    min-height:600px;
}

.hero-title{

    font-size:72px;
}

.hero-subtitle{

    font-size:38px;
}

.hero-tag{

    font-size:18px;
    padding:12px 20px;
}

.hero-text{

    font-size:24px;
}
.overview-panel, .tools-panel, .compare-wrap{ padding:1.75rem; }
}

.placement-process{

padding:80px 0;
background:#fff;

}

.heading{

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

}

.heading h5{

color:#ff5b1f;
font-size:18px;
font-weight:700;
letter-spacing:1px;

}

.heading h2{

font-size:42px;
font-weight:700;
color:#222;

}

/* Process */
.process{

display:grid;

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

gap:70px 30px;

position:relative;

}

.step{

text-align:center;
position:relative;

}

.circle{

width:90px;
height:90px;
background:#ff5b1f;
border-radius:50%;
margin:auto;

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

color:#fff;
font-size:36px;

position:relative;
z-index:5;

}

.step h3{

margin:20px 0 5px;
font-size:28px;

}

.step p{

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

}

/******** horizontal line ********/

.step:not(:nth-child(4)):not(:last-child)::after{

content:"";

position:absolute;

top:45px;
left:65%;

width:100%;

border-top:3px dashed #444;

z-index:1;

}

/******** vertical curve ********/

.step:nth-child(4)::before{

content:"";

position:absolute;

right:-15px;

top:45px;

height:250px;

width:70px;

border-right:3px dashed #444;

border-bottom:3px dashed #444;

border-radius:0 60px 60px 0;

}

/******** bottom line ********/

.step:nth-child(5)::after,
.step:nth-child(6)::after{

content:"";

position:absolute;

top:45px;

right:65%;

width:100%;

border-top:3px dashed #444;

}

/************ Mobile ************/

@media(max-width:991px){

.process{

grid-template-columns:1fr;

gap:50px;

}

.step::after,
.step::before{

display:none;

}

.step{

padding-bottom:40px;

}

.step:not(:last-child)::after{

display:block;

content:"";

position:absolute;

width:3px;

height:50px;

background:repeating-linear-gradient(
to bottom,
#444 0 10px,
transparent 10px 20px
);

left:50%;
top:95px;

transform:translateX(-50%);

}

.heading h2{

font-size:30px;

}

}


/******************************
Mobile
******************************/

@media(max-width:576px){

.hero-section{

    min-height:520px;
}

.hero-height{

    min-height:520px;
}

.hero-title{

    font-size:52px;
}

.hero-subtitle{

    font-size:28px;
}

.hero-tag{

    display:block;
    font-size:15px;
    padding:10px 15px;
}

.hero-text{

    font-size:18px;
}

.btn{

    width:100%;
    margin-bottom:15px;
}
.overview-panel, .tools-panel, .compare-wrap{ padding:0; }

}

.tagline{

display:inline-block;

background:#f56c00;

color:#fff;

padding:12px 25px;

border-radius:8px;

font-size:22px;

font-weight:600;

}

.btn-orange{

background:#f56c00;

color:#fff;

padding:12px 28px;

font-weight:600;

}

.btn-orange:hover{

background:#dc5c00;

color:#fff;

}

.hero-img{

max-width:100%;

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

}

@keyframes float{

0%{transform:translateY(0);}

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

100%{transform:translateY(0);}

}

.orange{

color:#f56c00;

}

.info-card{

background:#fff;

padding:35px 20px;

text-align:center;

border-radius:20px;

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

height:100%;

transition:.3s;

}

.info-card:hover{

transform:translateY(-8px);

}

.info-card i{

font-size:40px;

color:#f56c00;

margin-bottom:20px;

}

.info-card h4{

font-weight:700;

}
.mobile_img{display:none;}
.desktop_img{display:block;}
.process-img .desktop_img{max-width:100%;width:100%;}

 .compare-wrap{  border-radius:16px; }
 .compare-section{background:var(--navy);padding:2.5rem; }
  .compare-wrap h2, .compare-wrap p{ color:var(--white); }
  .compare-col-head{ background:var(--orange); color:var(--white); font-weight:700; text-align:center; padding:.8rem; border-radius:8px 8px 0 0; }
  .compare-col-head.trad{ background:#6B7686; }
  .compare-row{ background:var(--cream); padding:.85rem 1.1rem; font-weight:500; color:var(--navy); display:flex; align-items:center; gap:.55rem; border-bottom:2px solid var(--navy); }
  .compare-row:last-child{ border-radius:0 0 8px 8px; }
  .compare-row .x{ color:#E4483B; font-weight:800; }
  .compare-row .tick{ color:var(--blue-1); font-weight:800; }
.compare-wrap-inner {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
/* Accordition start */
.accordion-item{ border:1px solid var(--border) !important; border-radius:8px !important; overflow:hidden; margin-bottom:.6rem; }
  .accordion-button{ font-family:var(--display); font-weight:600; color:var(--navy); background:var(--white); }
  .accordion-button:not(.collapsed){ background:var(--gray-bg); color:var(--orange); box-shadow:none; }
  .accordion-button:focus{ box-shadow:none; border-color:var(--orange); }
  .accordion-body{ color:var(--text-muted); }
  
  /* ============ CTA — exact yellow arrow cutout ============ */
  .cta-row{ display:flex; align-items:center; gap:2rem; flex-wrap:wrap; }
  .cta-arrow{ max-width:320px; width:100%; }
  .seats-badge{ display:inline-block; color:var(--navy); font-weight:700; font-size:.9rem; margin-bottom:.5rem; }

/* Tablet */

@media(max-width:991px){

.hero{

text-align:center;

padding:70px 0;

}

.hero h1{

font-size:70px;

}

.hero h2{

font-size:35px;

}

.hero-img{

margin-top:40px;

max-width:420px;

}
.mobile_img{display:block;}
.desktop_img{display:none;}
.process-img .mobile_img{max-width:100%;width:100%;}
.compare-wrap{ padding:0; }
.compare-wrap-inner{width:100%;}
.compare-section { padding: 0.5rem;}
.compare-row{padding: .50rem 0.3rem;font-size:14px;}

}

/* Mobile */

@media(max-width:576px){

.hero{

padding:50px 0;

}

.hero h1{

font-size:48px;

}

.hero h2{

font-size:28px;

}

.tagline{

font-size:15px;

padding:10px 15px;

}

.btn{

width:100%;

margin-bottom:15px;

}

.info-card{

margin-bottom:20px;

}

.mobile_img{display:block;}
.desktop_img{display:none;}
.process-img .mobile_img{max-width:100%;width:100%;}
.compare-wrap{ padding:0; }
.compare-wrap-inner{width:100%;}
.compare-section { padding: 0.5rem;}
.compare-row{padding: .50rem 0.3rem;font-size:14px;}
  .overview-section{
    background: url(../images/bg_image_mobile.png) center / cover;
     }
 .hero-section {
    background: url(../images/slider_main_mobile.jpeg) center center / cover no-repeat;
  }
 .why_futurewiz_inner{background:#0097DA;}
 .banner-blue h4{max-width:100%;}
 .banner-blue p {
    max-width: 100%;
}
.real_chips_inner{background:#F6F6F6;}
.real_chips_inner h4{max-width:100%;}
.real_chips_inner p {
    max-width: 100%;
}
.tool_experience_inner{background:#002957;}
.tool_experience_inner h4{max-width:100%;}
.tool_experience_inner p { max-width: 100%;}
.better_learning_inner{background:#F4EAE0}
.better_learning_inner h4{max-width:100%;}
.better_learning_inner p { max-width: 100%;}
.placement_support_inner{background:#F6F6F6}
.placement_support_inner h4{max-width:100%;}
.placement_support_inner p { max-width: 100%;}
}


.filter_loading{position:fixed;display:none;top:0;left:0;text-align:center;background:rgba(0,0,0,0.6);color:#FFF;width:100%;height:100%;z-index:999999999;}
.filter_loading img{margin: 20% auto 0 auto;padding:5px;width:54px;}
.overlay {background:#000000b3;position: fixed;z-index:2;width: 100%;height: 100%;left: 0;right: 0;margin: auto;top: 0;bottom: 0;display:none;}
.over_inner {width: 100%;height: 100%;}
.alert-popup{display:none;position:fixed;top:0;left:0;width:100%;text-align:center;background:#ffda78;padding:10px;color:#333;font-family:cursive;}
.mgserror{color:red;margin:10px auto;padding:5px;font-size:12px;text-align:center;}
.error_message{margin-bottom:10px;font-size:12px;color:#d21919;border-radius:5px;font-weight:400;padding:2px 10px 0 200px;text-align:left;}
.is-invalid {border-color: #df4841;}em {display: block;font-size: 0.75rem;font-weight: 700;margin-top: 0.3125rem;float:left;}em.error {color: rgb(223, 72, 65);right: 0;font-size: 10px;margin: 0;}.form-control.is-invalid, .was-validated .form-control:invalid {background-image: none;}.form-control.is-valid, .was-validated .form-control:valid {background-image: none;}.accept_error {color: rgb(223, 72, 65);right: 0;width: 100%;font-size: 10px;margin: 0;font-weight: 700;margin-top: 0.3125rem;font-style: italic;display: none;}