/* common-css */
 :root {
  --asks-font: "Barlow", sans-serif;
  --asks-white: #ffffff;
  --asks-black: #000000;
  --asks-btn: #990033;
  --asks-btn-hover: rgb(188, 12, 71);
  --asks-text-color: #042352;
  --asks-primary: #042352;
  --asks-bg-color: #990033;
    --asks-title-color: #042352;
    
     
}

.dark-blue{
  background: var(--asks-primary);
}
.dark-blue:hover{
  background: var(--asks-bg-color);
}
.red-maroon{
  background: var(--asks-bg-color);
}
.red-maroon:hover{
  background: var(--asks-btn-hover);
}

body { font-family: "Poppins", sans-serif;}
* {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  color: var(--asks-text-color);
  margin: 0;
  font-family:var(--asks-font);
}



/* start-header */
header {
    box-shadow: 0px 0px 4px #ccc;
    padding: 7px 0px;
}

.lt-block {
    display: flex;
    align-items: center;
}
a.logo {
    display: inline-block;
    width: 107px;
    margin-right: 10px;
    line-height: 23px;
   
}

.logo-tagline {
    font-size: 30px; 
     font-weight: 700;  
         line-height: 26px; 
    color: var(--asks-text-color);
}
.logo-tagline span{
  color:var(--asks-bg-color) ;
  display: block;
  font-size: 20px;
  font-weight: 400;

}

.helpline-no {
    font-size: 26px;
    color: var(--asks-text-color);
    font-weight: 700;
        text-align: right;
        margin-top: 20px;
}
.helpline-no span{
  color: var(--asks-bg-color);
  display: block;
  font-size: 14px;
  font-weight: 400;
}

ul.nav { 
    display: inline-flex;  
    padding: 0 9px;
    border-radius: 6px;
        margin-top: 30px;
}
.btn-block {
    margin-top: 30px;
}
ul.navbar-nav{margin-left: 100px;}

ul.navbar-nav li a {
    font-size: 20px;
    opacity: inherit !important;
        padding: 36px 0px;
}

ul.navbar-nav li{
   margin: 0px 36px 0px 0px;
   border-bottom: 3px solid #fff;
}
ul.navbar-nav li:hover{
    border-bottom: 3px solid #a90033;
    
}
ul.navbar-nav li:hover a{
color: #a90033 !important;
}

ul.navbar-nav li a.active{
    border-bottom: 3px solid #a90033;
    color: #a90033 !important;
    
}
nav.navbar {
    padding: 0;
    clear: both;
}
a.nav-link.active {
    border-bottom: 2px solid #ffffff;
}
.sahyoga-tagline {
    background: #082c73;
        color: #fff;
        position: relative;
}
.sahyoga-tagline h2{
    color: #fff;
}
.sahyoga-tagline:before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    background: #356fe1;
    background-size: 400% 400%;
    animation: glow-border 3s linear infinite;
    z-index: -1;
    border-radius: 16px;
}
.tagline:before{
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    background: linear-gradient(135deg, #0000ff, #00ff00, #800080, #ff0000, #ffff00, #0000ff);
    background-size: 400% 400%;
    animation: glow-border 3s linear infinite;
    z-index: -1;
    border-radius: 16px;
}


@keyframes glow-border{
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}

}


ul.nav li {
    margin-right: 12px;
}

ul.nav li a {
    font-size: 20px;
}
.features-section{
    background:#06224d;
    padding:70px 0;
}

.feature-box{
    text-align:center;
    color:#fff;
    padding:0 20px;
    border-right:1px solid rgba(255,255,255,.2);
    height:100%;
}

.feature-icon{
    width:80px;
    height:80px;
    border-radius:50%;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:#fff;
    border:4px solid rgba(255,255,255,.15);
    box-shadow:0 8px 20px rgba(0,0,0,.25);
}

.bg-blue{
    background:#0d6efd;
}

.bg-green{
    background:#2e7d32;
}

.bg-orange{
    background:#f57c00;
}

.main-tagline h2 {
    text-align: center;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
        font-size: 50px;
}
.main-tagline h2:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: 0 auto;
    width: 60px;
    height: 4px;
    background-color: var(--asks-bg-color);
}
.feature-box h5{
    font-size:24px;
    font-weight:700;
    margin-bottom:12px;
    color: var(--asks-white);
}

.feature-box p{
    font-size:17px;
    line-height:1.6;
    color:#e6e6e6;
    margin:0;
}


.cta-section{
    background:#06224d;
    position:relative;
}

.cta-title{
    color:#fff;
    font-size:48px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:20px;
}

.divider{
    position:relative;
    width:320px;
    height:2px;
    background:#d8d8d8;
    margin:0 auto 40px;
}

.divider span{
    position:absolute;
    left:50%;
    top:50%;
    width:14px;
    height:14px;
    background:#f7941d;
    border-radius:50%;
    transform:translate(-50%,-50%);
}

.divider span::before,
.divider span::after{
    content:"";
    position:absolute;
    top:50%;
    width:120px;
    height:2px;
    background:#d8d8d8;
}

.divider span::before{
    right:20px;
}

.divider span::after{
    left:20px;
}

.cta-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-decoration:none;
    color:#fff;
    font-size:24px;
    font-weight:600;
    padding:18px 20px;
    border-radius:12px;
    transition:.4s;
    box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.cta-btn i{
    font-size:30px;
}

.btn-green{
    background:#3d6d1f;
}

.btn-orange{
    background:#f7941d;
}

.btn-blue{
    background:#0d5bb8;
}

.cta-btn:hover{
    color:#fff;
    transform:translateY(-6px);
}

.card-img-top {
    max-height: 400px !important;
}

.video-team-block .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    /* max-height: 310px !important; */
}


.values-section{
    background:#fff;
    padding:40px 0;
}

.value-box{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:10px 15px;
}

.icon{
    width:65px;
    height:65px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    flex-shrink:0;
}

.blue{
    background:#0a2d72;
}

.red{
    background:#b51624;
}

.green{
    background:#138a4b;
}

.orange{
    background:#ef7d00;
}

.content{
    text-align:left;
}

.content h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:4px;
}

.content p{
    margin:0;
    color:#555;
    font-size:16px;
}

.bottom-tag{
    text-align:center;
    margin-top:35px;
}

.bottom-tag span{
    background:#082c73;
    color:#fff;
    display:inline-block;
    padding:12px 40px;
    border-radius:40px;
    font-size:22px;
    font-weight:600;
    position:relative;
}

.bottom-tag span::before,
.bottom-tag span::after{
    content:"❦";
    color:#d8a23d;
    font-size:28px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

.bottom-tag span::before{
    left:-45px;
}

.bottom-tag span::after{
    right:-45px;
}
.about-content span {
    display: inline-block;
    padding: 2px 10px;
    color: #fff;
    border-radius: 100px;
}


.mission-section {
    background: #f8f9fa;
    position: relative;
}

.section-subtitle {
    display: inline-block;
    color: #ed7600;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 8px;
}

.section-title {
    color: #082c61;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px;
}

.section-description {
    color: #666;
    font-size: 17px;
    margin: 0;
}


/* Card */

.mission-card {
    position: relative;
    padding: 40px 30px;
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.4s ease;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
}

.mission-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}


/* Icon */

.mission-icon {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    margin-bottom: 25px;
    transition: 0.4s;
}

.mission-card:hover .mission-icon {
    transform: rotateY(360deg);
}


/* Heading */

.mission-card h3 {
    color: #082c61;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
}


/* Paragraph */

.mission-card p {
    color: #666;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
        text-align: justify;

}


/* Colors */

.mission-card-orange {
    border-bottom: 5px solid #f58220;
}

.mission-card-orange .mission-icon {
    background: #f58220;
}

.mission-card-blue {
    border-bottom: 5px solid #073b78;
}

.mission-card-blue .mission-icon {
    background: #073b78;
}

.mission-card-green {
    border-bottom: 5px solid #198754;
}

.mission-card-green .mission-icon {
    background: #198754;
}


/* Card Number */

.card-number {
    position: absolute;
    right: 20px;
    bottom: -15px;
    font-size: 85px;
    font-weight: 800;
    color: rgba(0, 0, 0, 0.04);
    line-height: 1;
}

.support-payment {
    background: #fff;
}

.support-intro h6 {
    color: #f58220;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.support-intro h4 {
    color: #082c61;
    font-size: 28px;
    font-weight: 700;
    margin: 15px 0;
}

.support-intro p {
    color: #666;
    font-size: 17px;
    max-width: 850px;
    margin: auto;
}


/* Payment Box */

.payment-box {
    position: relative;
    background: #f2f4ff;
    border-radius: 18px;
    padding: 45px;
    overflow: hidden;

    border-top: 6px solid #dc3545;
    border-right: 6px solid #f59e0b;
    border-bottom: 6px solid #dc3545;
    border-left: 6px solid #c9004b;

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


/* Heading */

.payment-title {
    color: #e31b23;
    font-size: 25px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 30px;
}


/* Bank Details */

.bank-details {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
}

.bank-row {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}

.bank-row:last-child {
    border-bottom: 0;
}

.bank-row span {
    width: 220px;
    color: #555;
    font-size: 16px;
    font-weight: 500;
}

.bank-row strong {
    color: #082c61;
    font-size: 17px;
}


/* QR */

.qr-wrapper {
    display: flex;
    justify-content: center;
}

.qr-card {
    background: #fff;
    padding: 15px; 
    text-align: center;  
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

.qr-card img {
    width: 100%;
    max-width: 350px;
    border-radius: 10px;
    padding: 0px 0px;
}

.scan-text {
    display: block;
    color: #082c61;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
}

.qr-card p {
    margin: 12px 0 0;
    color: #555;
    font-size: 14px;
    font-weight: 600;
}


/* Bottom Notice */

.payment-note {
    margin-top: 35px;
    background: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    color: #e31b23;
   
    text-align: center;
    font-weight: 500;
        font-size: 18px;
}

.payment-note i {
    margin-right: 5px;
}

.payment-note a {
    color: #082c61;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
}

.top-bar {
    background: var(--asks-bg-color);
    color: #fff;
    padding: 9px 0;
    font-size: 14px;
}

.top-contact {
    display: flex;
    align-items: center;
    gap: 25px;
}

/* .top-contact a {
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: 0.3s;
} */
 .top-contact a {
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: 0.3s;
    font-weight: 700;
    font-size: 16px;
}

.top-contact a:hover {
    color: #ffd166;
}

.top-social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
}

.top-social a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
}

.top-social a:hover {
    color: #ffd166;
    transform: translateY(-2px);
}

.breadcrumb-area {
    position: relative;
    background:
        linear-gradient(rgba(6, 34, 77, 0.88), rgba(6, 34, 77, 0.88)),
        url("../img/breadcrumb-bg.jpg");

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

    padding: 60px 0;
    overflow: hidden;
}

/* Orange decoration */
.breadcrumb-area::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border: 35px solid rgba(245, 130, 32, 0.15);
    border-radius: 50%;
    top: -100px;
    right: -60px;
}

.breadcrumb-content {
    position: relative;
    z-index: 2;
}

.breadcrumb-subtitle {
    display: inline-block;
    color: #f58220;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.breadcrumb-content h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 18px;
}

.support-section {
    background: #fff;
}

.support-card {
    position: relative;
    background: linear-gradient(135deg, #f4ffff 0%, #eafafa 100%);
    border: 1px solid #e7eeee;
    border-radius: 18px;
    padding: 35px 25px;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
}

/* Top Gradient Line */
.support-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #85008d, #ff1616);
}

/* Hover */
.support-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

/* Icon */
.support-icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(135deg, #85008d, #c00063);
    color: #fff;

    font-size: 25px;
}

/* Heading */
.support-title {
    font-size: 22px;
    font-weight: 700;
    color: #85008d;
    margin-bottom: 12px;
}

/* Description */
.support-text {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
    max-width: 450px;
    margin: 0 auto 20px;
}

/* Button */
.support-btn {
    background: #ffbd00;
    color: #111;
    border: none;
    border-radius: 8px;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.support-btn:hover {
    background: #85008d;
    color: #fff;
    transform: translateY(-2px);
}



/* Bootstrap Breadcrumb */

.breadcrumb {
    --bs-breadcrumb-divider-color: #f58220;
    --bs-breadcrumb-item-active-color: #f58220;
}

.breadcrumb-item {
    color: #fff;
    font-size: 16px;
}

.breadcrumb-item a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.breadcrumb-item a i {
    color: #f58220;
    margin-right: 5px;
}

.breadcrumb-item a:hover {
    color: #f58220;
}

.breadcrumb-item.active {
    color: #f58220;
}




.footer-section {
    background: #06224d;
    color: #dbe4ef;
    position: relative;
    border-top: 5px solid #f58220;
}

.footer-widget h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 5px;
}

.footer-tagline {
    color: #f5a623;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.footer-widget > p {
    font-size: 15px;
    line-height: 1.8;
    color: #c9d5e5;
}

.footer-widget h4 {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
}

.footer-widget h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px;
    height: 3px;
    background: #f58220;
    border-radius: 10px;
}


/* Social */

.footer-social {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}

.footer-social a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .3s ease;
}

.footer-social a:hover {
    background: #f58220;
    color: #fff;
    transform: translateY(-4px);
}


/* Links */

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links li a {
    color: #dbe4ef;
    text-decoration: none;
    font-size: 15px;
    transition: .3s;
}

.footer-links li a i {
    color: #f58220;
    font-size: 12px;
    margin-right: 7px;
}

.footer-links li a:hover {
    color: #f58220;
    padding-left: 5px;
}


/* Contact */

.contact-item {
    display: flex;
    gap: 13px;
    margin-bottom: 15px;
}

.contact-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    background: #f58220;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-item p {
    color: #dbe4ef;
    font-size: 14px;
    line-height: 1.7;
    margin: 4px 0 0;
}

.contact-item a {
    color: #dbe4ef;
    text-decoration: none;
}

.contact-item a:hover {
    color: #f58220;
}


/* Bottom */

.footer-bottom {
    background: #041936;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.1);
}

.footer-bottom p {
    color: #aebdd0;
    font-size: 14px;
}

.footer-bottom a {
    color: #dbe4ef;
    text-decoration: none;
    font-size: 14px;
    margin: 0 7px;
}

.footer-bottom a:hover {
    color: #f58220;
}

.footer-bottom span {
    color: #61738c;
}



.impact-section {
    background: #06224d;
    position: relative;
    overflow: hidden;
}

/* Decorative circles */
.impact-section::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    top: -150px;
    left: -100px;
}

.impact-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(245, 130, 32, 0.08);
    right: -150px;
    bottom: -200px;
}

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

.impact-subtitle {
    color: #f58220;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.impact-title {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    margin: 8px 0 10px;
}

.impact-desc {
    color: #c9d5e5;
    font-size: 16px;
}


/* Counter Card */

.impact-card {
    background: #fff;
    text-align: center;
    padding: 35px 20px;
    border-radius: 15px;
    transition: all 0.4s ease;
    border-bottom: 5px solid #f58220;
    box-shadow: 0 12px 35px rgba(0,0,0,.15);
}

.impact-card:hover {
    transform: translateY(-10px);
}


/* Icon */

.impact-icon {
    width: 75px;
    height: 75px;
    background: #f58220;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    font-size: 30px;
    transition: .4s;
}

.impact-card:hover .impact-icon {
    background: #06224d;
    transform: rotateY(360deg);
}


/* Counter */

.counter-wrap {
    color: #06224d;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 8px;
}

.impact-card h4 {
    color: #f58220;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

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


/* about us */
.asks-about-section {
    background: #fff;
}

.about-content p {
    text-align: justify;
}
/* Main Box */
.asks-info-box {
    position: relative;
    padding: 35px 50px;
    border-radius: 14px;
    background:
        linear-gradient(#eeeeff, #eeeeff) padding-box,
        linear-gradient(
            90deg,
            #16b83e,
            #0066cc,
            #7a248e,
            #e00042,
            #ff8500
        ) border-box;

    border: 6px solid transparent;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
}

/* Main Heading */
.asks-main-title {
    color: #ed1c24;
    font-size: 29px;
    font-weight: 700;
    margin-bottom: 12px;
}

/* Sub Heading */
.asks-heading {
    color: #ad003e;
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 12px;
}

/* Paragraph */
.asks-info-box p {
    color: #111;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.asks-info-box strong {
    font-weight: 700;
}

/* Content spacing */
.asks-content-block {
    margin-top: 30px;
}

/* Rules Box */
.rules-box {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Fee Highlight */
.fee-box {
    max-width: 1100px;
    margin: 25px auto 0;
    padding: 16px 25px;
    border-radius: 10px;
    background: rgba(25, 135, 84, 0.10);
    border-left: 5px solid #198754;

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

    color: #08752e;
}

.fee-box i {
    width: 45px;
    height: 45px;
    min-width: 45px;

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

    background: #198754;
    color: #fff;
    border-radius: 50%;
    font-size: 19px;
}

.fee-box p {
    color: #08752e;
}

/* Join Button */
.asks-btn {
    background: #082c61;
    color: #fff;
    border-radius: 30px;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 12px;
    transition: all 0.3s ease;
}

.asks-btn:hover {
    background: #f58220;
    color: #fff;
    transform: translateY(-2px);
}

/* Motto */
.asks-motto span {
    color: #f58220;
    font-size: 17px;
    font-weight: 700;
}

.asks-motto h4 {
    color: #082c61;
    font-size: 25px;
    font-weight: 700;
    margin-top: 5px;
}

.registration-section {
    background:
        linear-gradient(rgba(5, 24, 67, .90), rgba(5, 24, 67, .90)),
        url("../img/register-bg.jpg");

    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 100vh;
}

.registration-box {
    max-width: 1250px;
    margin: auto;
    background: #fff;
    padding: 40px;
    border-radius: 15px;

    border-top: 5px solid #f58220;
    border-bottom: 5px solid #082c61;

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


.asks-info-box {
    color: #222;
    font-size: 17px;
    line-height: 1.75;
}

.asks-content-block {
    padding: 25px 0;
    border-bottom: 1px solid #999;
}

.asks-content-block:first-child {
    padding-top: 0;
}

.asks-main-title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #111;
}

.asks-tagline {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111;
}

.asks-heading {
    font-size: 21px;
    font-weight: 700;
    color: #111;
    margin-bottom: 12px;
}

.asks-info-box p {
    margin-bottom: 14px;
}

.asks-info-box strong {
    font-weight: 700;
    color: #111;
}

.asks-list {
    padding-left: 45px;
    margin: 15px 0 20px;
}

.asks-list li {
    padding: 4px 0;
}

.asks-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.asks-feature-list li {
    margin-bottom: 10px;
}

.asks-highlight {
    font-size: 18px;
}

.asks-values p {
    margin-bottom: 8px;
}

.asks-final-points p {
    margin-bottom: 7px;
}

.asks-thankyou {
    font-size: 21px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0;
}

/* .asks-info-box a {
    color: #0563c1;
    text-decoration: underline;
} */

.contact-info,
.contact-form-box{
    background:#fff;
    border-radius:15px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    height:100%;
}

.contact-info h4{
    color:#042352;
    font-weight:700;
    margin-bottom:25px;
}

.info-box{
    display:flex;
    gap:15px;
    margin-bottom:25px;
}

.info-box i{
    width:55px;
    height:55px;
    background:#042352;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
        padding: 0 27px;
}

.contact-form-box .form-control{
    height:52px;
    border-radius:10px;
}

.contact-form-box textarea.form-control{
    height:auto;
}

.contact-btn{
    background:#990033;
    color:#fff;
    padding:12px 30px;
    border-radius:8px;
}

.contact-btn:hover{
    background:#042352;
    color:#fff;
}

   .profile-card{
    width:420px;
    background:#fff;
    border:2px solid #990033;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.card-top{
    position:relative;
    height:387px;
    background:radial-gradient(circle, #990033 0%, #990033 65%, #891038 100%);
    display:flex;
    justify-content:center;
    align-items:flex-end;
    overflow:hidden;
}

.card-top img{
    width:85%;
    z-index:2;
}

.border-frame{
    position:absolute;
    top:20px;
    left:20px;
    right:20px;
    bottom:20px;
    border:5px dashed rgba(255,255,255,.95);
    border-radius:4px;
}

.card-bottom{
    background:#fff;
    padding:22px 20px 26px;
    text-align:center;
}
.card-bottom h2{
    color:#920735;
    font-size:36px;
    font-weight:700;
    font-family:'Noto Sans Devanagari',sans-serif;
    margin-bottom:5px;
}

.card-bottom p{
    color:#222;
    font-size:20px;
    font-family:'Noto Sans Devanagari',sans-serif;
    font-weight:500;
    margin-bottom: 0;
}
/* Mobile */
@media (max-width: 767px) {

    .asks-info-box {
        font-size: 15px;
        line-height: 1.65;
    }

    .asks-main-title {
        font-size: 21px;
    }

    .asks-heading {
        font-size: 19px;
    }

    .asks-tagline {
        font-size: 18px;
    }

    .asks-highlight {
        font-size: 16px;
    }

    .asks-content-block {
        padding: 20px 0;
    }

    .asks-list {
        padding-left: 25px;
    }
}

/* Heading */

.registration-heading {
    margin-bottom: 35px;
}

.register-icon {
    width: 75px;
    height: 75px;

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

    margin: 0 auto 15px;

    background: #082c61;
    color: #fff;

    border-radius: 50%;
    font-size: 28px;

    border: 5px solid #f58220;
}

.registration-heading span {
    color: #f58220;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.registration-heading h2 {
    color: #082c61;
    font-size: 32px;
    font-weight: 800;
    margin: 5px 0;
}

.registration-heading p {
    color: #777;
    font-size: 17px;
    margin: 0;
}


/* Label */

.registration-box .form-label {
    color: #082c61;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 7px;
}

.registration-box .form-label span {
    color: #dc3545;
}


/* Inputs */

.registration-box .form-control,
.registration-box .form-select {
    min-height: 48px;
    border: 1px solid #d5dce6;
    border-radius: 7px;
    box-shadow: none;
    font-size: 14px;
}

.registration-box textarea.form-control {
    min-height: 100px;
}

.registration-box .form-control:focus,
.registration-box .form-select:focus {
    border-color: #f58220;
    box-shadow: 0 0 0 3px rgba(245,130,32,.12);
}


/* Input with Icon */

.input-group-custom {
    position: relative;
}

.input-group-custom i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #f58220;
    z-index: 2;
}

.input-group-custom .form-control {
    padding-left: 42px;
}


/* Mobile number field (intl-tel-input, India-only, no dropdown) */

.iti {
    display: block;
    width: 100%;
}

.iti input.iti__tel-input {
    width: 100%;
    text-align: left;
}


/* Divider */

.form-divider {
    position: relative;
    text-align: center;
    margin: 15px 0 5px;
}

.form-divider::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #e3e7ed;
}

.form-divider span {
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 0 20px;

    color: #082c61;
    font-size: 20px;
    font-weight: 700;
}


/* Terms */

.terms-box {
    background: #f7f9fc;
    border: 1px solid #e5e9ef;
    border-radius: 8px;
    padding: 15px 20px;
}

.terms-box a {
    color: #f58220;
    font-weight: 600;
    text-decoration: none;
}


/* Register Button */

.register-btn {
    width: 100%;
    border: 0;
    background: #082c61;
    color: #fff;

    padding: 14px 25px;
    border-radius: 7px;

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

    transition: .3s;
}

.register-btn:hover {
    background: #f58220;
    transform: translateY(-2px);
}


/* Login */

.login-text {
    color: #666;
    font-size: 14px;
}

.login-text a {
    color: #f58220;
    font-weight: 700;
    text-decoration: none;
}


/* .asks-content-block a {
    color: #0d6efd;
    font-weight: 600;
    text-decoration: none;
} */

.asks-content-block a:hover {
    text-decoration: underline;
}

.asks-thankyou h3 {
    color: #d6534d;
    font-size: 22px;
    font-weight: 700;
}

.rule-content {
    margin-bottom:40px;
}
.rule-content h4 {
    padding-bottom: 20px;
}
/* ==================================
   MEMBERS SECTION
================================== */

.members-section {
    background: #f7f8fc;
}

.section-small-title {
    color: #d28a16;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.members-title {
    color: #082d61;
    font-size: 30px;
    font-weight: 700;
}

.total-members {
    display: inline-flex;
    align-items: center;
    background: #fff;
    color: #082d61;
    padding: 11px 18px;
    border-radius: 50px;
    border: 1px solid #e4e8ef;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}

.total-members i {
    color: #a9003b;
}


/* ==================================
   SEARCH FILTER
================================== */

.search-filter-card {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.06);
}

.search-box {
    position: relative;
}

.search-box > i {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: #a9003b;
    z-index: 5;
}

.search-box .form-control {
    height: 48px;
    padding-left: 48px;
    border: 1px solid #dfe3ea;
    border-radius: 7px;
    font-size: 14px;
}

.search-box .form-control:focus {
    border-color: #a9003b;
    box-shadow: 0 0 0 3px rgba(169, 0, 59, 0.08);
}

.member-search-btn,
.member-filter-btn {
    height: 48px;
    background: #a9003b;
    color: #fff;
    border: 0;
    border-radius: 7px;
    font-weight: 600;
}

.member-search-btn:hover,
.member-filter-btn:hover {
    background: #082d61;
    color: #fff;
}


.tagline {
    background: #990033;
}
.tagline h2{
    color: #fff;
}
.tagline p{
    color: #fff;
}

/* ==================================
   FILTER AREA
================================== */

.filter-area {
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.filter-area .form-label {
    color: #082d61;
    font-size: 14px;
    font-weight: 600;
}

.filter-area .form-select {
    height: 45px;
    box-shadow: none;
}

.filter-area .form-select:focus {
    border-color: #a9003b;
}

.reset-filter-btn {
    height: 45px;
    background: #082d61;
    color: #fff;
    border: 0;
}

.reset-filter-btn:hover {
    background: #a9003b;
    color: #fff;
}


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

.members-table-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);
}

.table-card-header {
    background: #082d61;
    color: #fff;
    padding: 18px 22px;

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

.table-card-header h5 {
    font-weight: 600;
    color: #fff;
}

.table-card-header small {
    color: rgba(255, 255, 255, 0.7);
}

.verified-badge {
    background: rgba(255, 255, 255, 0.12);
    padding: 7px 12px;
    border-radius: 30px;
    font-size: 12px;
}


/* ==================================
   TABLE
================================== */

.members-table {
    min-width: 1250px;
}

.members-table thead th {
    background: #fff0bf;
    color: #a9003b;

    padding: 15px 14px;

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

    border-bottom: 2px solid #a9003b;
    border-right: 1px solid #eadcae;

    white-space: nowrap;
}

.members-table tbody td {
    padding: 14px;

    font-size: 14px;
    color: #333;

    border-bottom: 1px solid #edf0f3;
    border-right: 1px solid #edf0f3;

    vertical-align: middle;
}


/* Alternate Rows */

.members-table tbody tr:nth-child(even) td {
    background: #fafbfc;
}


/* Hover */

.members-table tbody tr {
    transition: 0.2s ease;
}

.members-table tbody tr:hover td {
    background: #fff9e9;
}


/* ==================================
   TABLE ITEMS
================================== */

.serial-number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    background: #f1f3f6;
    color: #082d61;

    border-radius: 50%;

    font-size: 12px;
    font-weight: 700;
}

.employee-id {
    color: #135de6;
    font-weight: 600;
    text-decoration: none;
}

.employee-id:hover {
    color: #a9003b;
}

.member-name {
    color: #97008c;
    font-weight: 600;
}

.post-badge {
    display: inline-block;

    background: #fff0f0;
    color: #e52828;

    padding: 5px 10px;
    border-radius: 30px;

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

.district-name {
    color: #168c35;
    font-weight: 600;
}

.block-name {
    color: #95058c;
    font-weight: 500;
}

.registration-date {
    color: #333;
    white-space: nowrap;
}

.registration-date i {
    color: #a9003b;
}

.registration-date small {
    display: block;
    margin-left: 20px;
    margin-top: 2px;
    color: #888;
}


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

.table-footer {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    border-top: 1px solid #eee;
    background: #fafbfc;
}

.table-footer-left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.per-page-selector {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #64748b;
}

.per-page-selector select {
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #1e293b;
    outline: none;
    cursor: pointer;
}

.per-page-selector select:focus {
    border-color: var(--primary, #082d61);
}

.showing-result {
    color: #64748b;
    font-size: 13px;
}

.showing-result strong {
    color: #082d61;
}


/* Pagination */

.members-pagination .page-link {
    min-width: 36px;
    height: 36px;

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

    margin: 0 3px;

    border-radius: 6px !important;

    color: #082d61;
    border: 1px solid #e2e6eb;

    box-shadow: none;
}

.members-pagination .page-item.active .page-link {
    background: #a9003b;
    border-color: #a9003b;
    color: #fff;
}

.members-pagination .page-link:hover {
    background: #082d61;
    border-color: #082d61;
    color: #fff;
}

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

.sahyog-id {
    color: #082d61;
    font-weight: 700;
}

.nominee-name {
    color: #6f42c1;
    font-weight: 600;
}

.sahyog-amount {
    display: inline-block;
    color: #168c35;
    background: #eaf8ee;
    padding: 6px 12px;
    border-radius: 30px;
    font-weight: 700;
}

.payment-mode {
    color: #082d61;
    font-weight: 600;
}




/* Status */

.status-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 11px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
}

.status-badge.verified {
    color: #137333;
    background: #e6f4ea;
}

.status-badge.pending {
    color: #9a6700;
    background: #fff4ce;
}

.status-badge.rejected {
    color: #c5221f;
    background: #fce8e6;
}


/* Filter date input */

.filter-area .form-control {
    height: 45px;
    box-shadow: none;
}

.filter-area .form-control:focus {
    border-color: #a9003b;
    box-shadow: none;
}


/* Mobile */

@media (max-width: 767px) {

    .sahyog-table {
        min-width: 1250px;
    }
}

/* ==============================
   SAHYOG FEE LIST
============================== */

.sahyog-fee-list {
    margin-top: 20px;
    padding: 25px 20px;

    background: #fff;

    border: 2px dashed #a9003b;
    border-radius: 5px;

    text-align: center;
}

.sahyog-fee-list h4 {
    margin-bottom: 12px;

    color: #a9003b;

    font-size: 18px;
    font-weight: 700;
}

.sahyog-view-btn {
    background: #ffc107;
    color: #111;

    border: 1px solid #ffc107;
    border-radius: 5px;

    padding: 9px 20px;

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

    transition: all 0.3s ease;
}

.sahyog-view-btn:hover {
    background: #a9003b;
    border-color: #a9003b;
    color: #fff;
}


/* Mobile */

@media (max-width: 767px) {

    .sahyog-fee-list {
        padding: 20px 15px;
    }

    .sahyog-fee-list h4 {
        font-size: 16px;
        line-height: 1.5;
    }

}

/* =================================
   ASKS FOUNDATION LOGIN
================================= */

.login-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background:
        linear-gradient(rgba(7, 38, 84, 0.90),
                        rgba(7, 38, 84, 0.90)),
        url("img/login-bg.jpg") center/cover no-repeat;
}

.login-box {
    max-width: 520px;
    margin: auto;
    background: #fff;
    border-radius: 18px;
    padding: 40px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.20);
    border-top: 5px solid #a9003b;
}


/* Heading */

.login-heading {
    margin-bottom: 30px;
}

.login-icon {
    width: 75px;
    height: 75px;
    margin: 0 auto 15px;
    border-radius: 50%;

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

    background: #a9003b;
    color: #fff;

    font-size: 30px;

    box-shadow: 0 8px 20px rgba(169, 0, 59, 0.25);
}

.login-heading span {
    color: #f28c00;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.login-heading h2 {
    margin: 5px 0;
    color: #082d61;
    font-size: 27px;
    font-weight: 700;
}

.login-heading p {
    color: #a9003b;
    font-weight: 600;
    margin-bottom: 0;
}


/* Label */

.login-box .form-label {
    color: #082d61;
    font-size: 14px;
    font-weight: 600;
}

.login-box .form-label span {
    color: red;
}


/* Input */

.login-input {
    position: relative;
}

.login-input > i {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #a9003b;
    z-index: 2;
}

.login-input .form-control {
    height: 52px;
    padding-left: 45px;
    padding-right: 45px;

    border: 1px solid #ddd;
    border-radius: 8px;

    font-size: 14px;
    box-shadow: none;
}

.login-input .form-control:focus {
    border-color: #a9003b;
    box-shadow: 0 0 0 3px rgba(169, 0, 59, 0.08);
}


/* Eye Button */

.password-toggle {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);

    border: 0;
    background: transparent;
    color: #777;
    cursor: pointer;
}

.signup-password-wrap {
    position: relative;
}

.signup-password-wrap .form-control {
    padding-right: 40px;
}


/* Remember */

.form-check-input:checked {
    background-color: #a9003b;
    border-color: #a9003b;
}


/* Forgot */

.forgot-link {
    color: #a9003b;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.forgot-link:hover {
    color: #082d61;
}


/* Login Button */

.login-btn {
    width: 100%;
    height: 52px;

    border: 0;
    border-radius: 8px;

    background: #a9003b;
    color: #fff;

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

    transition: all 0.3s ease;
}

.login-btn:hover {
    background: #082d61;
    transform: translateY(-2px);
}


/* Divider */

.login-divider {
    position: relative;
    text-align: center;
    margin: 28px 0;
}

.login-divider::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;

    width: 100%;
    height: 1px;

    background: #ddd;
}

.login-divider span {
    position: relative;
    background: #fff;

    padding: 0 15px;

    color: #888;
    font-size: 12px;
}


/* Registration */

.register-text p {
    color: #666;
}

.register-link {
    display: inline-block;

    color: #082d61;
    font-weight: 600;
    text-decoration: none;

    border: 1px solid #082d61;
    border-radius: 7px;

    padding: 10px 22px;

    transition: 0.3s;
}

.register-link:hover {
    background: #082d61;
    color: #fff;
}


/* Bottom */

.login-bottom {
    margin-top: 20px;

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


/* Responsive */

@media (max-width: 576px) {

    .login-section {
        padding: 30px 0 !important;
    }

    .login-box {
        padding: 30px 20px;
        border-radius: 12px;
    }

    .login-heading h2 {
        font-size: 23px;
    }

    .login-icon {
        width: 65px;
        height: 65px;
        font-size: 26px;
    }
}

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


@media (max-width: 1600px) {
ul.navbar-nav {
    margin-left: 40px;
}
ul.navbar-nav li {
    margin: 0px 24px 0px 0px;
    border-bottom: 3px solid #fff;
}

ul.navbar-nav li a {
    font-size: 14px;
}
a.logo {
    width: 85px;  
}
.logo-tagline {
    font-size: 28px;
}

}

@media (max-width: 1366px) {
    .collapse:not(.show) {
    display: block;
}
button.navbar-toggler {
    display: none !important;
}
.navbar-nav{
        display: flex;
    flex-direction: row;
}
.navbar-collapse {
    flex-grow: 1;
    flex-basis: auto;
    align-items: center;
}
.cta-title {
    color: #fff;
    font-size: 34px;
}
.cta-btn {   
    font-size: 21px;  
    padding: 16px 20px;
   
}
.tagline h2 {
    font-size: 24px;
    line-height: 40px;
}
}

@media (max-width: 1260px) {
       .collapse:not(.show) {
    display: none;
}
    .navbar-nav{
        display: flex;
    flex-direction: column;
}
    .navbar-collapse {
    flex-grow: 1;
    flex-basis: 100%;
    align-items: center;
}
button.navbar-toggler {
    display: block !important;
}
ul.navbar-nav li a {
    font-size: 20px;
    opacity: inherit !important;
    padding: 14px 0px;
}
.lt-block {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    margin-top: 16px;
}
    ul.navbar-nav {
        margin-left: 0px;
    }
        ul.navbar-nav li a {
        font-size: 18px;     
        padding: 14px 0px;
    }
}

@media (max-width: 991px) {

    .members-title {
        font-size: 26px;
    }

    .members-table thead th,
    .members-table tbody td {
        padding: 12px;
        font-size: 13px;
    }
}


@media (max-width: 767px) {

    .members-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .search-filter-card {
        padding: 15px;
    }

    .table-card-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .table-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .total-members {
        width: 100%;
        justify-content: center;
    }
}
/* Responsive */



@media(max-width:991px){
    
    .section-title {
        font-size: 34px;
    }
    .cta-title{
    font-size:38px;
}

    .feature-box{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.15);
        padding-bottom:30px;
    }

    .feature-box.border-0{
        border-bottom:none;
    }
      .border-start{
        border-left:none!important;
    }

    .value-box{
        justify-content:flex-start;
        margin-bottom:20px;
    }

    .bottom-tag span{
        font-size:18px;
        padding:10px 20px;
    }

    .bottom-tag span::before,
    .bottom-tag span::after{
        display:none;
    }
      .payment-box {
        padding: 30px;
    }

    .payment-title {
        font-size: 22px;
    }

    .bank-row {
        display: block;
    }

    .bank-row span {
        display: block;
        width: 100%;
        margin-bottom: 4px;
    }
     .asks-info-box {
        padding: 30px;
    }

    .asks-main-title {
        font-size: 26px;
    }

    .asks-heading {
        font-size: 23px;
    }

}


@media (max-width: 767px) {

    .mission-section {
        padding: 50px 0 !important;
    }

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

    .section-description {
        font-size: 15px;
    }

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

    .mission-card h3 {
        font-size: 23px;
    }

      .support-intro h4 {
        font-size: 23px;
    }

    .payment-box {
        padding: 25px 15px;
        border-width: 4px;
    }

    .payment-title {
        text-align: center;
        font-size: 20px;
    }

    .bank-details {
        padding: 18px;
    }

    .bank-row strong {
        word-break: break-word;
    }

    .qr-wrapper {
        margin-top: 15px;
    }

    .qr-card {
        max-width: 250px;
    }

    .payment-note {
        font-size: 14px;
    }
     .top-bar {
        padding: 8px 0;
    }

    .top-contact {
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px 18px;
    }

    .top-social {
        justify-content: center;
        margin-top: 8px;
    }
       .footer-section .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer-widget h3 {
        font-size: 26px;
    }

    .footer-widget h4 {
        margin-top: 10px;
        margin-bottom: 18px;
    }

    .footer-bottom {
        text-align: center;
    }

      .breadcrumb-area {
        padding: 60px 0;
    }

    .breadcrumb-content h1 {
        font-size: 34px;
    }

    .breadcrumb-item {
        font-size: 14px;
    }
      .impact-title {
        font-size: 28px;
    }

    .counter-wrap {
        font-size: 36px;
    }

    .impact-card {
        padding: 30px 15px;
    }

     .registration-section {
        padding: 30px 0 !important;
    }

    .registration-box {
        padding: 25px 15px;
        border-radius: 10px;
    }

    .registration-heading h2 {
        font-size: 25px;
    }

    .register-icon {
        width: 65px;
        height: 65px;
    }

    .form-divider span {
        font-size: 18px;
    }
      .asks-about-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .asks-info-box {
        padding: 25px 15px;
        border-width: 4px;
        border-radius: 10px;
    }

    .asks-main-title {
        font-size: 22px;
        line-height: 1.5;
    }

    .asks-heading {
        font-size: 20px;
        line-height: 1.5;
    }

    .asks-info-box p {
        font-size: 14px;
        line-height: 1.8;
    }

    .fee-box {
        display: block;
        padding: 18px;
    }

    .fee-box i {
        margin: 0 auto 12px;
    }

    .asks-motto h4 {
        font-size: 21px;
    }

      .support-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .support-card {
        padding: 28px 18px;
    }

    .support-title {
        font-size: 19px;
    }

    .support-icon {
        width: 55px;
        height: 55px;
        font-size: 21px;
    }

}

@media(max-width:576px){

    .feature-icon{
        width:65px;
        height:65px;
        font-size:28px;
    }

    .feature-box h5{
        font-size:20px;
    }

    .feature-box p{
        font-size:15px;
    }

    .cta-title{
    font-size:30px;
}

.divider{
    width:220px;
}

.divider span::before,
.divider span::after{
    width:70px;
}

.cta-btn{
    font-size:20px;
    padding:15px;
}

.cta-btn i{
    font-size:24px;
}

}