/* ====================================
   GOOGLE FONT
==================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/* ====================================
   ROOT VARIABLES
==================================== */

:root{

    --primary:#e6007e;
    --secondary:#ff4da6;
    --dark:#111111;
    --light:#fff7fb;
    --white:#ffffff;
    --gray:#666666;

}

/* ====================================
   GLOBAL
==================================== */

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

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
    color:#222;
    background:#fff;

}

a{
    text-decoration:none;
}

img{
    max-width:100%;
}

ul{
    padding-left:0;
}

li{
    list-style:none;
}

.section-padding{
    padding:100px 0;
}

/* ====================================
   TOPBAR
==================================== */

.topbar{

    background:var(--primary);
    color:#fff;
    padding:10px 0;
    font-size:14px;

}

.topbar i{
    margin-right:5px;
}

.top-btn{

    background:#fff;
    color:var(--primary);
    padding:8px 20px;
    border-radius:30px;
    font-weight:600;
    transition:.4s;

}

.top-btn:hover{

    background:#111;
    color:#fff;

}

/* ====================================
   NAVBAR
==================================== */

.custom-nav{

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

}

.navbar-brand img{

    height:35px;

}

.nav-link{

    font-weight:600;
    color:#111;
    margin-left:15px;
    position:relative;

}

.nav-link:hover{

    color:var(--primary);

}

.nav-link::after{

    content:'';
    position:absolute;
    width:0;
    height:2px;
    background:var(--primary);
    left:0;
    bottom:-5px;
    transition:.4s;

}

.nav-link:hover::after{

    width:100%;

}

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

.theme-btn{

    display:inline-block;
    background:linear-gradient(
    135deg,
    var(--primary),
    var(--secondary));

    color:#fff;
    padding:14px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.4s;

}

.theme-btn:hover{

    transform:translateY(-3px);
    color:#fff;
    box-shadow:0 15px 30px rgba(230,0,126,.3);

}

.theme-btn-outline{

    display:inline-block;
    padding:14px 35px;
    border-radius:50px;
    border:2px solid var(--primary);
    color:var(--primary);
    margin-left:10px;
    transition:.4s;

}

.theme-btn-outline:hover{

    background:var(--primary);
    color:#fff;

}

.apply-btn{

    background:var(--primary);
    color:#fff;
    padding:12px 25px;
    border-radius:50px;
    font-weight:600;

}

.apply-btn:hover{

    color:#fff;
    background:#111;

}

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

.hero-section{

    position:relative;

}

.hero-slide{

    position:relative;
    min-height:100vh;

}

.slide1{

    background:
    linear-gradient(
    rgba(0,0,0,.55),
    rgba(0,0,0,.55)),
    url('../img/banner1.webp');

    background-size:cover;
    background-position:center;

}

.slide2{

    background:
    linear-gradient(
    rgba(0,0,0,.55),
    rgba(0,0,0,.55)),
    url('../img/banner3.webp');

    background-size:cover;
    background-position:center;

}

.hero-tag{

    display:inline-block;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    color:#fff;
    padding:10px 25px;
    border-radius:50px;
    margin-bottom:20px;

}

.hero-section h1,
.hero-section h2{

    color:#fff;
    font-size:65px;
    font-weight:800;
    line-height:1.2;

}

.hero-section p{

    color:#fff;
    font-size:18px;
    margin-top:20px;
    max-width:700px;

}

/* ====================================
   STATS
==================================== */

.stats-section{

    margin-top:-80px;
    position:relative;
    z-index:9;

}

.stat-box{

    background:#fff;
    padding:40px;
    border-radius:20px;
    text-align:center;

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

    transition:.4s;

}

.stat-box:hover{

    transform:translateY(-10px);

}

.stat-box h3{

    color:var(--primary);
    font-size:42px;
    font-weight:800;

}

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

.section-tag{

    color:var(--primary);
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;

}

.section-title{

    font-size:25px;
    font-weight:800;
    margin-top:15px;
    margin-bottom:25px;

}

/* ====================================
   FEATURE BOX
==================================== */

.feature-box{

    background:#fff;
    padding:40px;
    border-radius:25px;
    text-align:center;

    transition:.4s;

    border:1px solid #eee;

}

.feature-box:hover{

    transform:translateY(-10px);

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

}

.feature-box i{

    font-size:50px;
    color:var(--primary);
    margin-bottom:20px;

}

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

.model-card{

    padding:40px;
    border-radius:25px;

    background:
    linear-gradient(
    135deg,
    #fff,
    #fff4fa);

    transition:.4s;

    border:1px solid #f2d6e7;

}

.model-card:hover{

    transform:translateY(-10px);

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

}

.model-card h4{

    font-weight:700;
    margin-bottom:15px;

}

/* ====================================
   INVESTMENT
==================================== */

.investment-card{

    background:#fff;
    padding:35px;
    border-radius:25px;

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

}

.custom-list li{

    padding:10px 0;

}

.custom-list li::before{

    content:'✓';
    color:var(--primary);
    font-weight:bold;
    margin-right:10px;

}

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

.apply-card{

    text-align:center;
    background:#fff;
    padding:40px;
    border-radius:20px;
    transition:.4s;
    border:1px solid #eee;

}

.apply-card:hover{

    background:var(--primary);
    color:#fff;

}

.apply-card i{

    font-size:45px;
    margin-bottom:15px;

}

/* ====================================
   REQUIREMENTS
==================================== */

.req-box{

    text-align:center;
    background:#fff;
    padding:35px;
    border-radius:20px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.06);

}

.req-box i{

    color:var(--primary);
    font-size:45px;
    margin-bottom:15px;

}

/* ====================================
   STEPS
==================================== */

.step-box{

    text-align:center;
    background:#fff;
    padding:30px;
    border-radius:20px;
    border:1px solid #eee;

}

.step-box span{

    width:60px;
    height:60px;
    background:var(--primary);

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

    margin:auto;
    border-radius:50%;

    color:#fff;
    font-weight:700;

    margin-bottom:15px;

}

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

.accordion-button{

    font-weight:600;

}

.accordion-button:not(.collapsed){

    background:var(--primary);
    color:#fff;

}

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

.lead-section{

    padding:100px 0;
    background:
    linear-gradient(
    135deg,
    var(--primary),
    var(--secondary));

}

.lead-wrapper{

    background:#fff;
    padding:60px;
    border-radius:30px;

}

.form-control{

    height:55px;
    border-radius:12px;

}

.form-control:focus{

    box-shadow:none;
    border-color:var(--primary);

}

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

.footer{

    background:#111;
    color:#fff;
    padding:80px 0 20px;

}

.footer h5{

    margin-bottom:20px;
    font-weight:700;

}

.footer-links li{

    margin-bottom:10px;

}

.footer-links a{

    color:#ddd;

}

.footer-links a:hover{

    color:var(--primary);

}

.footer hr{

    border-color:rgba(255,255,255,.15);
    margin:40px 0 20px;

}

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

@media(max-width:991px){

.hero-section h1,
.hero-section h2{

    font-size:42px;

}

.section-title{

    font-size:32px;

}

.section-padding{

    padding:70px 0;

}

}

@media(max-width:768px){

.hero-section h1,
.hero-section h2{

    font-size:34px;

}

.hero-section p{

    font-size:16px;

}

.lead-wrapper{

    padding:30px;

}

.stat-box{

    margin-bottom:20px;

}

}
.nav-scrolled{
    padding-top:8px !important;
    padding-bottom:8px !important;
    transition:.3s;
}

.scroll-top-btn{

    position:fixed;
    right:20px;
    bottom:20px;

    width:50px;
    height:50px;

    border:none;
    border-radius:50%;

    background:#e6007e;
    color:#fff;

    opacity:0;
    visibility:hidden;

    z-index:9999;
    transition:.3s;
}

.scroll-top-btn.show{

    opacity:1;
    visibility:visible;

}

.hidden-animation{

    opacity:0;
    transform:translateY(50px);
    transition:.8s;

}

.show-animation{

    opacity:1;
    transform:translateY(0);

}
.model-card i{
    font-size:50px;
    color:var(--primary);
}
.investment-card{
    background:#fff;
    padding:40px;
    border-radius:25px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    height:100%;
}

.investment-card h3,
.investment-card h4{
    font-weight:700;
}

.investment-card .table th{
    width:40%;
    color:var(--primary);
    font-weight:600;
}

.investment-card .table td{
    color:#555;
}

.investment-card:hover{
    transform:translateY(-5px);
    transition:.4s;
}
.apply-card{
    background:#fff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    height:100%;
    transition:.4s;
    border:1px solid #eee;
}

.apply-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(230,0,126,.12);
}

.apply-card i{
    font-size:50px;
    color:var(--primary);
    margin-bottom:20px;
}

.apply-card h5{
    font-weight:700;
    margin-bottom:15px;
}

.apply-card p{
    margin-bottom:0;
    color:#666;
}
.req-box{
    background:#fff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    height:100%;
    transition:.4s;
    border:1px solid #eee;
}

.req-box:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(230,0,126,.12);
}

.req-box i{
    font-size:50px;
    color:var(--primary);
    margin-bottom:20px;
}

.req-box h5{
    font-weight:700;
    margin-bottom:15px;
}

.step-box{
    background:#fff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    height:100%;
    transition:.4s;
    border:1px solid #eee;
}

.step-box:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(230,0,126,.12);
}

.step-box span{
    width:70px;
    height:70px;
    background:linear-gradient(135deg,#e6007e,#ff4da6);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    font-size:22px;
    font-weight:700;
}

.step-box h5{
    font-weight:700;
    margin-bottom:15px;
}
.accordion-item{
    border:none;
    margin-bottom:15px;
    border-radius:15px !important;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.accordion-button{
    padding:20px;
    font-weight:600;
}

.accordion-body{
    padding:20px;
    color:#666;
    line-height:1.8;
}
.lead-wrapper{
    background:#fff;
    border-radius:30px;
    padding:60px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.franchise-form .form-control,
.franchise-form .form-select{

    height:58px;
    border-radius:12px;
    border:1px solid #ddd;
    box-shadow:none;

}

.franchise-form textarea.form-control{

    height:auto;

}

.franchise-form .form-control:focus,
.franchise-form .form-select:focus{

    border-color:#e6007e;
    box-shadow:0 0 0 0.2rem rgba(230,0,126,.15);

}

.lead-points i{

    color:#e6007e;
    font-size:20px;

}
 .inner-banner {

            position: relative;
            padding: 180px 0 100px;

            background: url('../img/cover.png')
                center center/cover no-repeat;

        }

        .inner-banner::before {

            content: "";

            position: absolute;
            inset: 0;

            background: linear-gradient(
                rgba(0,0,0,.70),
                rgba(230,0,126,.45)
            );

        }

        .inner-banner .container {

            position: relative;
            z-index: 2;

        }

        .breadcrumb-list {

            display: flex;
            justify-content: center;
            gap: 10px;

            list-style: none;
            padding: 0;
            margin: 0 0 15px;

        }

        .breadcrumb-list li {

            color: #fff;
            font-weight: 500;

        }

        .breadcrumb-list a {

            color: #fff;
            text-decoration: none;

        }

        .inner-banner h1 {

            color: #fff;
            font-size: 60px;
            font-weight: 800;
            margin-bottom: 15px;

        }

        .inner-banner p {

            color: #fff;
            max-width: 750px;
            margin: auto;

        }

        .about-highlight {

            background: #fff;
            border-radius: 20px;
            padding: 30px;
            height: 100%;
            box-shadow: 0 10px 30px rgba(0,0,0,.05);

        }

        .about-highlight i {

            font-size: 45px;
            color: #e6007e;
            margin-bottom: 20px;

        }

        .stat-card {

            background: #fff;
            border-radius: 20px;
            padding: 40px 25px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0,0,0,.05);

        }

        .stat-card h2 {

            color: #e6007e;
            font-size: 42px;
            font-weight: 800;

        }