.top{
            margin-top: -20px;            
            height:110px;
            background: rgba(29, 39, 56, 0.9);
            
        }

        .navbar-brand{
            margin-left:100px;

        }

        #navbarNav{
            margin-right: 100px;
        }
  
        /* Hero Section */
        .hero-section {
            
            margin-top: 100px;
            position: relative;
            height: 400px;
            background-image: url(image/bread.jpg);
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            
        }
        
        .hero-section h1 {
            color: #fffdfd;
            font-size: 60px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 20px;
        }
        
        .breadcrumb-custom {
            background: transparent;
            padding: 0;
            margin: 0;
        }
        
        .breadcrumb-custom .breadcrumb-item {
            color: #fff;
            font-size: 14px;
        }
        
        .breadcrumb-custom .breadcrumb-item + .breadcrumb-item::before {
            color: #fff;
            content: "»";
        }
        
        .breadcrumb-custom .breadcrumb-item a {
            color: #fff;
            text-decoration: none;
        }
        
        .breadcrumb-custom .breadcrumb-item a:hover {
            color: #5dade2;
        }
        
        /* About Section */
        .about-section {
            padding: 80px 0;
            background-color: #f8f9fa;
        }
        
        .about-image {
            width: 100%;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }
        
        .about-content h2 {
            font-size: 32px;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 25px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .about-content p {
            color: #6c757d;
            line-height: 1.8;
            font-size: 15px;
            margin-bottom: 15px;
            text-align: justify;
        }
        
        .highlight-text {
            font-weight: 600;
            color: #2c3e50;
        }
        
        /* Mission and Vision Section */
        .mission-vision-section {
            padding: 80px 0;
            background-color: #fff;
        }
        
        .section-block {
            margin-bottom: 50px;
        }
        
        .section-block h3 {
            font-size: 24px;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .section-block p {
            color: #6c757d;
            line-height: 1.8;
            font-size: 15px;
            margin-bottom: 20px;
        }
        
        .section-block ul {
            list-style: none;
            padding: 0;
        }
        
        .section-block ul li {
            color: #6c757d;
            line-height: 1.8;
            font-size: 15px;
            margin-bottom: 12px;
            padding-left: 25px;
            position: relative;
        }
        
        .section-block ul li::before {
            content: "■";
            position: absolute;
            left: 0;
            color: #2c3e50;
            font-size: 12px;
        }
        
        .vision-number {
            font-size: 18px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .hero-section h1 {
                font-size: 40px;
            }
            
            .about-section {
                padding: 50px 0;
            }
            
            .about-content h2 {
                font-size: 26px;
                margin-top: 30px;
            }
            
            .mission-vision-section {
                padding: 50px 0;
            }
            
            .navbar-nav {
                text-align: center;
            }
            
            .navbar-nav .nav-link {
                margin: 5px 0;
            }
        }
        
        @media (max-width: 576px) {
            .hero-section h1 {
                font-size: 32px;
            }
            
            .hero-section {
                height: 300px;
            }
            #cont1{
                
         max-width: 1200px;
            margin: 0 auto;
               padding: 200px 60px !important;
         background-color: white;
                 position: relative;
        }
            }
        
         


        .logo {
            position: absolute;
            top: 40px;
            right: 60px;
            text-align: center;
        }

        .rupee-symbol {
            font-size: 80px;
            font-weight: bold;
            color: #5dbbdb;
            line-height: 1;
            margin-bottom: 10px;
        }

        .hands {
            display: flex;
            justify-content: center;
            gap: 40px;
        }

        .hand {
            width: 60px;
            height: 50px;
            background-color: #000;
            border-radius: 50% 50% 0 0;
            position: relative;
        }

        .hand::before,
        .hand::after {
            content: '';
            position: absolute;
            width: 15px;
            height: 25px;
            background-color: #000;
            border-radius: 10px;
        }

        .hand::before {
            left: -8px;
            top: 10px;
            transform: rotate(-25deg);
        }

        .hand::after {
            right: -8px;
            top: 10px;
            transform: rotate(25deg);
        }

        .content {
            max-width: 750px;
        }

        .intro-text {
            color: #999;
            font-size: 14px;
            line-height: 1.8;
            margin-bottom: 40px;
        }

        h2 {
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 1px;
            margin-top: 40px;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

        h3 {
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.5px;
            margin-top: 30px;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        p {
            color: #999;
            font-size: 14px;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .scroll-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            background-color: #666;
            color: white;
            border: none;
            border-radius: 0;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            transition: background-color 0.3s;
        }

        .scroll-top:hover {
            background-color: #333;
        }

        .scroll-top::before {
            content: '▲';
        }


  /* certification */
  /* Registration Section */
        .registration-section {
            padding: 60px 20px;
            background-color: #fff;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .registration-section h2 {
            font-size: 24px;
            font-weight: 700;
            color: #2c3e50;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 20px;
        }

        .registration-section .subtitle {
            color: #999;
            font-size: 14px;
            line-height: 1.8;
            margin-bottom: 40px;
            max-width: 700px;
        }

        .certificate-container {
            display: inline-block;
            border: 8px solid #dc3545;
            padding: 0;
            box-shadow: 0 5px 20px rgba(0,0,0,0.15);
            background: white;
        }

        .certificate-container img {
            display: block;
            max-width: 100%;
            height: auto;
        }

        /* Placeholder for certificate image */
        .certificate-placeholder {
            width: 400px;
            height: 500px;
            background: #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;
            text-align: center;
            font-size: 14px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .registration-section {
                padding: 40px 20px;
            }

            .certificate-container {
                border-width: 5px;
            }

            .certificate-placeholder {
                width: 300px;
                height: 400px;
            }
        }

/*--------------------------------CAREER--------------------------------------*/

    /* SECTION */
.career-section{
    margin-top: 50px;
    padding:80px 0;
}

/* IMAGE */
.career-img img{
    width:100%;
    height:auto;
    object-fit:cover;
}

/* FORM */
.career-form{
    max-width:520px;
}

/* LABEL */
.form-label{
    font-size:14px;
    font-weight:500;
}

/* INPUTS */
.form-control,
.form-select{
    border-radius:2px;
    height:45px;
    font-size:14px;
}

/* TEXTAREA */
textarea.form-control{
    height:120px;
}

/* FILE */
input[type="file"]{
    font-size:13px;
}

/* BUTTON */
.apply-btn{
    background:#29abe2;
    color:#fff;
    border:none;
    padding:10px 35px;
    font-size:14px;
    border-radius:4px;
}

.apply-btn:hover{
    background:#1f8fc0;
}

/* MOBILE */
@media(max-width:768px){
    .career-form{
        max-width:100%;
    }
}

/*------------CONTACT-----------------*/


/* SECTION */
.contact-section2{
    padding:90px 0;
}

/* TITLE */
.contact-title{
    font-size:34px;
    font-weight:600;
    margin-bottom:10px;
}

.contact-desc{
    font-size:14px;
    color:#777;
    margin-bottom:30px;
}

/* FORM */
.form-control{
    border-radius:4px;
    height:44px;
    font-size:14px;
}

textarea.form-control{
    height:110px;
}

/* BUTTON – NO RADIUS */
.send-btn{
    background:#29abe2;
    color:#fff;
    border:none;
    padding:10px 35px;
    font-size:14px;
    border-radius:0;   /* IMPORTANT */
}

.send-btn:hover{
    background:#1f8fc0;
}

/* INFO BOX */
.info-box{
    background:#f7f7f7;
    padding:25px;
    text-align:center;
    margin-bottom:20px;
}

.info-box i{
    font-size:28px;
    color:#29abe2;   /* ICON COLOR */
    margin-bottom:10px;
}

.info-box h6{
    font-weight:600;
    margin-bottom:5px;
}

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

/* MAP */
.map-box{
    margin-top:50px;
}

.map-box iframe{
    width:100%;
    height:350px;
    border:0;
}




/* FAQ WRAPPER */
.faq-container{
    max-width:900px;
    margin:60px auto;
}

/* FAQ ITEM */
.faq-item{
    border-bottom:1px solid #e5e5e5;
    padding:18px 0;
}

/* QUESTION */
.faq-question{
    display:flex;
    align-items:center;
    gap:15px;
    cursor:pointer;
    font-weight:600;
    color:#222;
    font-size:14px;
    text-transform:uppercase;
}

/* ICON */
.faq-icon{
    width:26px;
    height:26px;
    background:#1bb0d8;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:bold;
    flex-shrink:0;
}

/* ANSWER */
.faq-answer{
    margin-left:41px;
    margin-top:10px;
    font-size:13px;
    line-height:1.7;
    color:#666;

    max-height:0;
    overflow:hidden;
    transition:max-height 0.5s ease, opacity 0.4s ease;
    opacity:0;
}


/* ACTIVE STATE */
.faq-item.active .faq-answer{
    max-height:500px; /* enough for long content */
    opacity:1;
}

.faq-item.active .faq-icon{
    background:#1bb0d8;
}



/*-------------------join---------------------------*/

/* SECTION */
.chit-section{
    padding:90px 0;
}

/* TITLE */
.section-title{
    font-weight:600;
    font-size:22px;
    margin-bottom:30px;
    letter-spacing:0.5px;
}

/* TABLE WRAPPER */
.table-wrapper{
    max-width:1150px;
    margin:auto;
}

/* TABLE HEADER */
.chit-table thead th{
    background:#2fbbe8;
    color:#fff;
    padding:18px;
    text-align:center;
    font-size:15px;
    font-weight:600;
    border:none;
}

/* TABLE BODY */
.chit-table tbody td{
    padding:18px;
    text-align:center;
    border-bottom:1px solid #e6e6e6;
    font-size:15px;
}

/* FIRST COLUMN */
.chit-name{
    background:#5f6673;
    color:#fff;
    font-weight:600;
    font-size:15px;
    width:180px;
}

/* AMOUNT BACKGROUND */
.term-amount,
.chit-amount{
    background:#29abe2;
    color:#fff;
    font-weight:600;
    border-radius:4px;
}

/* DOWNLOAD */
.download{
    color:#1aa7ff;
    text-decoration:none;
    font-weight:600;
    font-size:15px;
}
.download:hover{
    text-decoration:underline;
}

/* JOIN BUTTON */
.join-btn{
    background:#f0f0f0;
    border:none;
    padding:8px 26px;
    font-size:14px;
    font-weight:600;
}
.join-btn:hover{
    background:#dcdcdc;
}

/* FORM */
.join-form{
    max-width:560px;
    margin:auto;
    display:none;
}

.join-form select,
.join-form input,
.join-form textarea{
    height:52px;
    margin-bottom:18px;
    border-radius:3px;
    font-size:15px;
}

.join-form textarea{
    height:140px;
}

.form-btns button{
    padding:12px 30px;
    font-size:15px;
    font-weight:600;
}

/* MOBILE */
@media(max-width:768px){
    .table-wrapper{overflow-x:auto;}
    .chit-table{min-width:980px;}
    .section-title{font-size:20px;}
}




.chit-section{
    padding:80px 0;
    background:#fff;
}

.chit-title{
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:25px;
    color:#222;
}

.chit-text{
    font-size:15px;
    line-height:1.8;
    color:#6c757d;
}

.chit-formula{
    text-align:center;
    font-weight:700;
    color:#111;
    margin:40px 0;
    letter-spacing:1px;
}

@media (max-width:768px){
    .chit-section{
        padding:60px 20px;
    }
}


/* Center container styling */
.content-box{
  max-width:900px;
  margin:auto;
  padding:60px 15px;
}

.section-title{
  font-weight:700;
  color:#222;
  margin-bottom:10px;
  letter-spacing:0.5px;
}

.content-box p{
  font-size:15px;
  line-height:1.9;
  margin-bottom:15px;
}




.policy-header{
    background:#f1f1f1;
    padding:40px 0;
}
.policy-content h5{
    margin-top:30px;
    font-weight:600;
}
.policy-content p,
.policy-content li{
    color:#555;
    line-height:1.8;
}
.policy-content ul{
    padding-left:18px;
}



.terms-header{
    background:#f1f1f1;
    padding:40px 0;
}
.terms-content h5{
    margin-top:30px;
    font-weight:600;
}
.terms-content p, 
.terms-content li{
    color:#555;
    line-height:1.8;
}
.terms-content ul{
    padding-left:18px;
}