/* fonts */
@font-face {
    font-family: 'Basier Circle';
    src: url('../fonts/BasierCircle-Bold.eot');
    src: url('../fonts/BasierCircle-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasierCircle-Bold.woff2') format('woff2'),
        url('../fonts/BasierCircle-Bold.woff') format('woff'),
        url('../fonts/BasierCircle-Bold.ttf') format('truetype'),
        url('../fonts/BasierCircle-Bold.svg#BasierCircle-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basier Circle';
    src: url('../fonts/BasierCircle-Medium.eot');
    src: url('../fonts/BasierCircle-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasierCircle-Medium.woff2') format('woff2'),
        url('../fonts/BasierCircle-Medium.woff') format('woff'),
        url('../fonts/BasierCircle-Medium.ttf') format('truetype'),
        url('../fonts/BasierCircle-Medium.svg#BasierCircle-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basier Circle';
    src: url('../fonts/BasierCircle-Regular.eot');
    src: url('../fonts/BasierCircle-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasierCircle-Regular.woff2') format('woff2'),
        url('../fonts/BasierCircle-Regular.woff') format('woff'),
        url('../fonts/BasierCircle-Regular.ttf') format('truetype'),
        url('../fonts/BasierCircle-Regular.svg#BasierCircle-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basier Circle';
    src: url('../fonts/BasierCircle-SemiBold.eot');
    src: url('../fonts/BasierCircle-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasierCircle-SemiBold.woff2') format('woff2'),
        url('../fonts/BasierCircle-SemiBold.woff') format('woff'),
        url('../fonts/BasierCircle-SemiBold.ttf') format('truetype'),
        url('../fonts/BasierCircle-SemiBold.svg#BasierCircle-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



/* common css */
:root{
    --primary-color: #21B546;
    --opacity-green:#95E5A9;
    --secondary-color: #15362B;
    --black-text:#1B1B1B;
    --black-opacity:#2D3643;
    --gray-text:#455468;
    --white-color: #ffffff;
    --light-blue:#5E718D;
    --borde-color:#AFBACA;
    --placeholder-color:#8897AE;
    --label-color:#3D4A5C;
    --orange-color:#FFD8B4;
}
body { padding-top: 62px; font-family: 'Basier Circle'; font-weight: 500;}
h1,h2,h3,h4,h5,h6,ul,p { margin: 0px;}
ul { list-style: none; padding: 0px;}
h1,h2,h3,h4,h5 { font-weight: 500; color: var(--black-text); }
h1 span,h2 span { font-weight: 700; color: var(--primary-color);}
h1 { font-size: 60px; line-height: 68px; font-weight: 700; color: var(--white-color);}
h2 { font-size: 48px; line-height: 56px; }
h3 { font-size: 36px; line-height: 44px; }
h4 { font-size: 20px; line-height: 32px; font-weight: 700;}
h5 { font-size: 26px; line-height: 34px; font-weight: 600; color: var(--black-opacity);}
p { font-size: 16px; line-height: 28px; }
.section-title { margin-bottom: 60px;}
.section-title span { font-weight: 700; color: var(--primary-color);}
.small-text { font-size: 14px; line-height: 24px; color: var(--light-blue);}
.medium-text { font-size: 18px; line-height: 30px; color: var(--black-text); font-weight: 700;}
.big-text { font-size: 20px; line-height: 32px; color: var(--white-color); font-weight: 600;}
.sub-title { margin-bottom: 20px; font-size: 16px; line-height: 22px; letter-spacing: 0.2em;  font-weight: 700; color: var(--primary-color); text-transform: uppercase;}
.sub-title.big-title { margin-bottom: 16px; font-weight: 600; letter-spacing: 0px; font-size: 28px; line-height: 68px; text-transform: unset;}
.common-btn { padding: 14px 40px; background-color: var(--primary-color); border: 1px solid var(--primary-color); font-size: 18px; line-height: 30px; text-decoration: none; color: var(--white-color); border-radius: 6px; font-weight: 500; display: inline-block; transition-duration: 0.3s; text-transform: capitalize; text-align: center;}
.common-btn:hover { background-color: transparent; border-color: var(--primary-color); color: var(--primary-color);}
.common-btn.white-btn { background-color: var(--white-color); border-color: var(--white-color); color: var(--primary-color);}
.common-btn.white-btn:hover { border-color: var(--white-color); color: var(--white-color); background-color: transparent;}
.common-btn:disabled { background-color: #F0F3F9; border-color: #F0F3F9; color: #AFBACA;}
.common-btn.border-btn { border-color: var(--primary-color); background-color: transparent; color: var(--primary-color);}
.common-btn.border-btn:hover { background-color: var(--primary-color); color: var(--white-color);}
.white-title { color: var(--white-color);}
img { max-width: 100%;}
.common-padding { padding-block: 120px;}
body.no-scroll {overflow: hidden;}

/* header css */
header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; background-color: rgba(255,255,255,0.8); backdrop-filter: blur(6px); box-shadow: 0px 0px 10px rgba(0,0,0,0.08); }
header .navbar { padding: 12px 0px; }
.middle-nav { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.navbar-nav { flex-grow: 1; justify-content: flex-end;}
header .navbar-brand { margin: 0px; padding: 0px; line-height: 0px;}
.navbar-expand-md .navbar-nav .nav-link { padding: 0px; }
header .navbar-nav .nav-item { margin: 0px 24px;}
header .navbar-nav.nav-btn-list .nav-item { margin: 0px 12px;}
header .navbar-nav .nav-item:last-child { margin: 0px;}
header .navbar-nav .nav-link { font-size: 14px; line-height: 24px; text-transform: capitalize; color: var(--black-text); font-weight: 500; transition-duration: 0.3s; text-align: center;}
header .navbar-nav .nav-link:hover,header .navbar-nav .nav-link.active { color: var(--primary-color);}
header .navbar-nav .nav-link.active { font-weight: 700;}
header .navbar-nav .nav-item .nav-fill-btn,
.black-btn { padding: 6px 33px; font-size: 14px; line-height: 24px; border: 1px solid var(--primary-color); background-color: var(--primary-color); color: var(--white-color); border-radius: 6px;}
header .navbar-nav .nav-item .nav-fill-btn:hover { background-color: transparent; color: var(--primary-color);}
header .navbar-nav .nav-item .nav-fill-btn.border-btn { background-color: transparent; border-color: var(--primary-color); color: var(--primary-color);}
header .navbar-nav .nav-item .nav-fill-btn.border-btn:hover { background-color: var(--primary-color); color: var(--white-color);}
.black-btn { padding-block: 8px; background-color: var(--black-text); border-color: var(--black-text); text-decoration: unset; display: inline-block; transition-duration: 0.3s;}
.black-btn:hover { background-color: transparent; border-color: var(--black-text); color: var(--black-text);}

header .navbar-brand img { max-height: 26px;}
.phone-only {
    display: none;
}

.desktop-only {
    display: none;
}
/* header css */

/* home page css */
/* recent section css */
.recent-update { padding-block: 8px; background: linear-gradient(to right, rgba(212,252,121,0.9) 0%,rgba(150,230,161,0.9) 100%);}
.recent-update p { color: var(--black-text); display: flex; align-items: center; gap: 20px; justify-content: center;}
.recent-update p a { padding: 4px 8px; background-color: var(--black-text); border-radius: 6px; font-size: 12px; line-height: 20px; font-weight: 500; color: var(--white-color); display: inline-flex; align-items: center; gap: 6px; text-decoration: unset; transition-duration: 0.3s;}
.recent-update p a:hover { background-color: var(--primary-color);}
/* recent section css */
/* banner css */
.green-gradient-background {
    width: 100%;
    background: linear-gradient(to bottom right, #1a5c2c, #2d8d3d, #3cb44b);
    position: relative;
    overflow: hidden;
}

.banner-section { padding-top: 32px;}
.banner-card { overflow: hidden; padding: 80px; 
    background: rgba(0, 114, 0, 1);
    background: radial-gradient(60.94% 225.82% at 34.29% 38.67%, rgba(0, 0, 0, 0) 0%, #022808 100%), #188118;
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    background-blend-mode: hard-light, normal;
    border-radius: 40px;
}
.banner-sub-text { color: var(--orange-color); }
.banner-card h1 { margin: 20px 0px 76px;}
.banner-card h1 span { color: var(--opacity-green);}
.regulated-rbi { gap: 32px; }
.rating-sec { margin-top: 56px; gap: 40px;}
.rating-cnt { flex-direction: column; gap: 8px; color: var(--white-color);}
.rating-cnt h3 { color: var(--white-color); font-weight: 700;}
.banner-hand-img { position: absolute; bottom: 0px; right: 0px; max-height: 100%;}
/* banner css */
/* short tenures css */
.tenures-card { padding: 24px; background-color: #FFF5E4; border-radius: 12px; height: 316px;}
.finance-icon { width:62px; height:62px; margin-bottom: 8px; padding: 8px; background-color: var(--white-color); border: 1px solid #D7DFE9; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;}
.return-block { margin-block: 20px; display: flex; flex-direction: column; gap: 4px;}
.return-block .small-text { font-weight: 400;}
.tenures-card.sbi-card { border-color: #69AA79; background-color: #E2EEE5;}
.tenures-card.shriram-card { border-color: #AFBACA; background-color: #E9EFF6;}
.tenures-card.axis-card { border-color: #FFA19B; background-color: #FFF5F4;}
.disabled-a{background-color: rgba(27, 27, 27, 0.3) !important; border: none !important; }
.disabled-a:hover{ background-color: transparent; color: var(--white-color);}

/* short tenures css */
/* invest css */
.fd-card-list { max-width: 1077px; margin: 0 auto; position: relative; z-index: 2;}
.fd-card { padding: 24px; border: 1px solid #D7DFE9; background-color: #F9FAFB; border-radius: 12px; height: 100%;}  
.fd-card h6 { margin: 16px 0px 12px;}
.fd-card img { height: 80px; width: 80px}
.fd-card p { color: var(--gray-text); font-weight: 400;}
.invest-video { margin-top: -40px; border-radius: 32px; overflow: hidden;}  
.invest-video::before { content: ""; width: 100%; height: 100%; background-color: #1c503c;  position: absolute; top: 0px; left: 0px; z-index: 1; opacity: .6; transition: opacity 0.3s ease; }
.vdeo-controls { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;display: none;}
.vdeo-controls button { margin-bottom: 24px; width: 72px; height: 72px; border-radius: 50%; background-color: #69AA79; border: 1px solid var(--white-color); display: flex; align-items: center; justify-content: center;}
.vdeo-controls button img { width: 30px; margin-left: 6px;}
.vdeo-controls button img.pause-img { margin-left: 0px; width: 45px;}
.invest-section .common-btn { margin-top: 40px; min-width: 264px;}
/* invest css */ 
/* stress free css */
.stress-free-section { background-color: #F0F3F9;}
.step-container { gap: 80px; justify-content: center;}
.left-section { max-width: 434px; width: 100%; flex-shrink: 0; transform: translateY(80px);}
.left-section img { position: absolute; left: 0; top: 0; width: 100%;  object-position: top;}
.step-cnt { padding-block: 80px; max-width: 512px; width: 100%;}
.stress-free-section .section-title { margin-bottom: 28px;}
.stress-free-section .big-text { color: var(--black-text); font-weight: 400;}
.right-section { margin-top: 42px; display: flex; flex-direction: column; gap: 16px;}
.right-section button { padding: 28px 32px; border: 1px solid #D7DFE9; background-color: var(--white-color); border-radius: 12px; transition-duration: 0.3s; text-align: left;}
.right-section button img { margin-right: 16px; transition-duration: 0.3s;}
.register-sub-text { margin-top: 12px; text-align: left; line-height: 20px;}
.stress-free-section .right-section .big-text { font-weight: 500; line-height: 24px;}
.right-section button.active,
.right-section button:hover { background-color: var(--secondary-color); border-color: var(--secondary-color);}
.right-section button.active .big-text,
.right-section button:hover .big-text,
.stress-free-section .right-section button.active .register-sub-text,
.stress-free-section .right-section button:hover .register-sub-text { color: var(--white-color);}
.right-section button.active img,
.right-section button:hover img { filter: brightness(600);}
/* stress free css */
/* safe css */
.safe-title { gap: 24px;}
.safe-title h2 { margin-bottom: 12px;}
.safe-title img { height: 100px; width: 100px;}
.safe-title p { font-weight: 400; color: var(--black-text);}
.safe-section .row { row-gap: 20px;}
.safe-card { padding: 38px 32px; background-color: #F2FFF5; border-radius: 12px; display: flex; gap: 32px; align-items: center; transition-duration: 0.3s;}
.safe-card img { width: 72px; flex-shrink: 0;}
.safe-card:hover { transform: translateY(-10px);}
/* safe css */
/* testimonial css */
.testimonial-slider .slick-list.draggable,
.testimonial-slider .slick-track { display: flex !important;}
.testimonial-slider .slick-slide > div,
.testimonial-slider .slick-slide > div .testimonial-slide { height: 100%;} 
.testimonial-slider .slick-slide { padding: 0px 10px;}
.testimonial-slider .slick-slide:nth-child(3n+1) .testimonial-slide { background-color: #FFF9DF; }
.testimonial-slider .slick-slide:nth-child(3n+1) .testimonial-slide .testimonial-author { background-color: #FFF2C4;}
.testimonial-slider .slick-slide:nth-child(3n+2) .testimonial-slide { background-color: #FFF5F4; }
.testimonial-slider .slick-slide:nth-child(3n+2) .testimonial-slide .testimonial-author { background-color: #FFDCDA;}
.testimonial-slider .slick-slide:nth-child(3n) .testimonial-slide { background-color: #F2FFF9; }
.testimonial-slider .slick-slide:nth-child(3n) .testimonial-slide .testimonial-author { background-color: #E8FFED; }
.testimonial-slide { border-radius: 12px; overflow: hidden; display: flex !important; flex-direction: column; justify-content: space-between;}
.testimonial-cnt { padding: 20px 48px 40px 20px; font-weight: 400;}
.testimonial-author { padding: 16px; display: flex; gap: 12px; align-items: center;}
.testimonial-author .small-text { color: var(--black-text);}
.testimonial-author img { width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0;}
.about-author { display: flex; flex-direction: column;}
.author-location { font-size: 12px; line-height: 20px; color: var(--light-blue); font-weight: 400;}
/* testimonial css */
/* assets csss */
.assets-section { padding-block: 80px; background-color: #121B16;}
.assets-title .big-text { margin-top: 20px; font-weight: 400;}
.assets-card { padding: 32px; border-radius: 20px; background-image: url(../images/fix-deposit-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 300px;}
.assets-card.metal-card { background-image: url(../images/metal-bg.jpg);}
.assets-card h6 { margin-bottom: 12px; font-size: 32px; line-height: 40px; font-weight: 700; color: var(--black-text); text-transform: capitalize;}
.assets-card .big-text { color: var(--black-text); font-weight: 500;}
.fd-image { position: absolute; bottom: 32px; right: 32px; width: 185px}
.assets-card .black-btn { padding-inline: 20px; }
/* assets csss */ 
/* faq css */
.faq-section .accordion { display: flex; flex-direction: column; gap: 28px;}
.faq-section .accordion-button:not(.collapsed) { background-color: transparent; box-shadow: unset;}
.faq-section .accordion-button { color: var(--black-text) !important; font-weight: 600;}
.faq-section .accordion-button.collapsed  { color: var(--label-color) !important;}
.faq-section .accordion-button:focus { outline: none; background-color: transparent; box-shadow: unset;}
.faq-section .accordion-body { padding: 8px 0px 0px;}
.faq-section .accordion-body p { font-size: 14px; line-height: 24px; color: var(--black-text); font-weight: 400;}
.faq-section .accordion-body p:not(:last-child) { margin-bottom: 16px;}
.faq-section .accordion-button:not(.collapsed)::after { background-image: url(../images/up-arrow.svg); transform: rotate(0deg);}
/* faq css */
/* home page css */

   /* modal */
   .join-modal .modal-content { padding: 32px; border-radius: 24px;}
   .btn-close { background-size: 14px;}
   .btn-close:focus { outline: none; box-shadow: none;}
   .modal-dialog.join-modal { max-width: 456px;}
   .join-modal .small-text { margin-top: 8px; color: var(--light-blue);}
   .join-modal form { margin-top: 24px;}
   .form-group { margin-bottom: 20px;}
   .form-group label { width: 100%; font-size: 14px; line-height: 20px; color: var(--label-color);}
   .form-group input { margin-top: 6px; padding: 11px 14px; border: 1px solid var(--borde-color); border-radius: 6px; font-size: 14px; line-height: 20px; color: var(--gray-text); width: 100%;}
   .form-group input:focus { outline: 0px;}
   .form-group input::-webkit-input-placeholder { font-size: 14px; line-height: 20px; color: var(--placeholder-color); font-weight: 500; opacity: 1;}
   .form-group input::-moz-placeholder { font-size: 14px; line-height: 20px; color: var(--placeholder-color); font-weight: 500; opacity: 1; }
   .form-group input:-ms-input-placeholder { font-size: 14px; line-height: 20px; color: var(--placeholder-color); font-weight: 500; opacity: 1; }
   .form-group input:-moz-placeholder { font-size: 14px; line-height: 20px; color: var(--placeholder-color); font-weight: 500; opacity: 1; }
   .input-icon { padding-right: 13px; border-right: 1px solid #D7DFE9; position: absolute; top: 56%; transform: translateY(-50%); left: 14px;}
   .form-group .position-relative input { padding-left: 60px;}
   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
   input[type=number] { -moz-appearance: textfield; }
   .joining-p { font-size: 12px; line-height: 20px; color: var(--black-text);}
   .modal-backdrop { background-color: rgba(27, 27, 27, .70); backdrop-filter: blur(10px);}
   .modal-backdrop.show { opacity: 1;}
   /* modal */
   /* thnaks modal */
   .thanks-modal-header { padding: 32px; background: url(../images/thanks-banner.jpg) no-repeat center / cover; min-height: 150px;}
   .thanks-modal-header h5 { margin-top: 4px; font-weight: 700; color: var(--white-color); }
   .thank-cnt { padding: 32px;}
   .thank-cnt p.small-text { margin-bottom: 32px; color: var(--black-text);}
   .thank-cnt .common-btn { min-width: 100%;}
   /* thnaks modal */

/* footer css */
footer { padding-block: 60px; background-color: var(--secondary-color);}
.copyright-text { opacity: .75; color: var(--white-color);}
.qr-card { padding: 32px; background-color: rgba(255,255,255,0.05); border-radius: 16px;}
.qr-cnt { gap: 32px;}
.qr-img { width: 120px; height: 120px; padding: 8px; border-radius: 8px; background-color: var(--white-color); flex-shrink: 0;}
/* .qr-img img { width: 100%;} */
.footer-bottom-section { margin-top: 48px;}
.qr-social { gap: 16px;}

.qr-sub-text { margin: 32px 0px 0px; font-weight: 400; color: var(--white-color); opacity: .75;}
.footer-links { margin-top: 12px; gap: 12px;}
.footer-links a { font-size: 14px; line-height: 24px; color: rgba(233, 239, 246, 0.8); font-weight: 400; text-transform: capitalize; transition-duration: 0.3s; text-decoration: unset;}
.footer-links a:hover { color: var(--white-color);}
.social-list { margin-top: 12px; gap: 22px;}
.social-list img { opacity: .8; transition-duration: 0.3s;}
.social-list a:hover img { opacity: 1;}
/* footer css */

/* media qury */
@media (min-width: 1400px){
    .container { max-width: 1216px;}
    .desktop-only {
        display: block;
    }
}
@media(min-width:992px) and (max-width:1199px){
/* common css */
h1 { font-size: 54px; line-height: 64px; }
h2 { font-size: 44px; line-height: 54px; }
h3 { font-size: 42px; line-height: 52px; }
h4 { font-size: 20px; line-height: 32px; }
h5 { font-size: 18px; line-height: 26px; }
.sub-title.big-title { font-size: 18px; line-height: 28px;}
.common-btn { padding: 12px 14px; min-width: 200px;}
.common-padding { padding-block: 60px ;}
.common-padding-square { padding: 60px;}
.section-title { margin-bottom: 40px;}
/* common css */

/* header css */
header .navbar { padding: 12px 20px;}
header .navbar-nav .nav-item { margin: 0px 16px;}
/* .invest-video { padding-top: 50%;} */
.fd-image { max-width: 40%; bottom: 22px; right: 22px;}
/* header css */

/* home page css */
.banner-card  { padding: 60px;}
.banner-hand-img { max-height: 60%;}
.banner-card h1 { margin-bottom: 46px;}
.rating-sec { margin-top: 36px;}
.return-block { margin-top: 10px;}
.safe-card { padding: 28px 22px;}
.qr-card { padding: 24px;}
.vdeo-controls { top: 55%;}
.qr-cnt { gap: 24px;}
.desktop-only {
    display: block;
}
/* home page css */

}
@media(min-width:768px) and (max-width:991px){
/* common css */
body { padding-top: 60px;}
h1 { font-size: 38px; line-height: 48px;}
h2 { font-size: 32px; line-height: 40px;}
h3 { font-size: 30px; line-height: 40px; }
h4 { font-size: 16px; line-height: 26px;}
h5 { font-size: 16px; line-height: 26px;}
p { font-size: 14px; line-height: 22px;}
.sub-title { margin-bottom: 12px; font-size: 14px; line-height: 20px; }
.sub-title.big-title { margin-bottom: 10px; font-size: 16px; line-height: 26px;}
.common-btn { padding: 10px 14px; font-size: 14px; line-height: 22px; min-width: 170px;}
.common-padding { padding-block: 60px;}
.common-padding-square { padding: 60px;}
.big-text { font-size: 18px; line-height: 30px;}
.medium-text { font-size: 16px; line-height: 24px;}
.section-title { margin-bottom: 40px;}
/* common css */

/* header css */
header .navbar { padding: 15px 0px;}
header .navbar-nav .nav-item:last-child .nav-link,
header .navbar-nav .nav-item .nav-fill-btn { padding: 6px 10px; min-width: auto; font-size: 12px; line-height: 16px;}
.navbar-brand img { max-width: 70%;}
header .navbar-nav .nav-link { font-size: 14px; line-height: 22px;}
header .navbar-nav .nav-item { margin: 0px 14px;}
.desktop-only {
    display: block;
}
/* header css */    

/* home page css */
.banner-card { padding: 40px;}
.banner-hand-img { max-height: 60%;}
.banner-card h1 { margin: 12px 0px 46px;}
.regulated-rbi { gap: 20px;}
.rating-sec { margin-top: 40px; gap: 30px;}
.rating-cnt { gap: 6px;}
.short-tensure .row { row-gap: 20px;}
.fd-card { padding: 20px;}
.invest-video { margin-top: -40px;}
#video {
    height: 360px !important;
    width: 640px !important;
}

.step-container { gap: 30px;}
.left-section { max-width: 300px;}
.stress-free-section .section-title { margin-bottom: 14px;}
.right-section { margin-top: 20px;}
.right-section button { padding: 14px 20px;}
.stress-free-section .right-section .big-text { font-size: 16px; line-height: 20px;}
.left-section img { object-fit: contain;}
.safe-card { padding: 18px 22px;}
.assets-section { padding-block: 60px;}
.assets-title .big-text { margin-top: 10px;}
.assets-card { padding: 22px;}
.assets-card h6 { font-size: 26px; line-height: 30px;}
.fd-image { max-width: 50%; bottom: 22px; right: 22px;}
/* home page css */

/* footer */
footer { padding: 40px 0px;}
.footer-bottom-section { margin-top: 38px;}
.qr-card { padding: 22px;}
.qr-cnt { flex-wrap: wrap; gap: 20px;}
.qr-social { margin-top: 14px;}
.qr-sub-text { margin-top: 22px;}
/* footer */

}
@media(max-width:767px){
    /* common css */
    body { padding-top: 50px;}
    h1 { font-size: 30px; line-height: 40px; }
    h2 { font-size: 24px; line-height: 36px; }
    h3 { font-size: 20px; line-height: 30px; }
    h4 { font-size: 18px; line-height: 30px; }
    h5 { font-size: 20px; line-height: 28px; }
    p { font-size: 14px; line-height: 22px; }
    .sub-title { margin-bottom: 14px; font-size: 14px; line-height: 18px;}
    .sub-title.big-title { margin-bottom: 8px; font-size: 14px; line-height: 24px;}
    .common-btn { padding: 10px; font-size: 14px; line-height: 22px; min-width: 150px;}
    .common-padding { padding-block: 40px;}
    .common-padding-square { padding: 40px;}
    .big-text { font-size: 16px; line-height: 28px;}
    .medium-text { font-size: 16px; line-height: 26px;}
    .section-title { margin-bottom: 30px;}
    /* common css */
    
    /* header css */
    header .navbar { padding: 10px 0px}
    .navbar-toggler { padding: 0px; border: transparent; }

    .navbar-toggler-icon {
        background-image: url('../images/menu.png');
        background-size: 22px;
        background-repeat: no-repeat;
    }
    
    .navbar-toggler.open .navbar-toggler-icon {
        background-image: url('../images/cross.svg');
        background-size: 22px;
        background-repeat: no-repeat;
    }
    #video {
        height: 240px !important;
        width: 300px !important;
    }
    
    /* Expanded state (cross icon) */
    
    .navbar-brand img { max-width: 80%;}
    .navbar-nav { padding-top: 20px; margin-top: 15px; height: 100vh;  background: var(--blue-bg); justify-content: flex-start;}
    .navbar-toggler:focus { box-shadow: none;}
    header .navbar-nav .nav-item { margin: 8px 0px;}
    header .navbar-nav .nav-link { min-width: auto;}
    .middle-nav { position: static; top: auto; left: auto; transform: unset;}
    .phone-only {
        display: block;
    }
    /* header css */

    /* home page css */
    .recent-update p  { gap: 8px; font-size: 12px; line-height: 18px;}
    .banner-card { padding: 20px; border-radius: 14px;}
    .banner-card h1 { margin: 10px 0px 24px;}
    .regulated-rbi { gap: 10px;}
    .banner-hand-img { max-height: 200px;}
    .rating-sec { margin-top: 30px; gap: 14px;}
    .rating-cnt { gap: 4px;}
    .tenures-card { padding: 20px;}
    .return-block { margin-block:14px;}
    .short-tensure .row > div:not(:last-child),
    .fd-card-list .row > div:not(:last-child) { margin-bottom: 20px;}
    .fd-card { padding: 20px;}
    .fd-card h6 { margin: 6px 0px 8px;}
    .invest-video { margin-top: 30px;}
    .vdeo-controls { top: 50%;}
    .invest-section .common-btn { margin-top: 30px;}
    .step-container { gap: 20px;}
    .left-section { transform: translateY(30px);}
    .step-container { flex-direction: column;}
    .left-section { max-width: 100%; text-align: center;}
    .step-cnt { max-width: 100%;}
    .left-section img { position: static; margin-top: 30px; max-width: 60%;}
    .stress-free-section { padding-block: 40px;}
    .step-cnt { padding: 0px;}
    .stress-free-section .section-title { margin-bottom: 14px;}
    .right-section { margin-top: 10px;}
    .right-section button { padding: 18px 22px; text-align: left;}
    .safe-title { gap: 14px;}
    .safe-title h2 { margin-bottom: 4px;}
    .safe-card { padding: 16px; gap: 20px;}
    .safe-section .row { row-gap: 14px;}
    .testimonial-cnt { padding: 20px;}
    .testimonial-author { padding: 12px;}
    .assets-section { padding: 40px 0px;}
    .assets-section .row > div:not(:last-child) { margin-bottom: 20px;}
    .assets-title .big-text { margin-top: 10px;}
    .assets-card { padding: 22px; min-height: 250px;}
    .assets-card h6 { margin-bottom: 8px; font-size: 24px; line-height: 32px;}
    .fd-image { bottom: 22px; right: 22px; max-width: 40%;}
    .faq-section .accordion { gap: 18px;}
    .tenures-card { padding: 24px; background-color: #FFF5E4; border-radius: 12px; height: 316px;}
    .black-btn{padding: 6px 16px;}
    .disabled-a{padding: 6px 9px !important;}
    /* home page end */

    /* footer css  */
    footer { padding: 40px 0px;}
    .footer-bottom-section { margin-top: 30px;}
    .qr-card { padding: 24px;}
    .qr-cnt { gap: 22px;} 
    .qr-sub-text { margin: 22px 0px 0px;}
    .footer-bottom-section > div { margin-bottom: 20px;}
    /* footer css  */

 
}

#invest-cards {
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: hidden;
    position: relative;
}

#invest-cards::-webkit-scrollbar {
    display: none;
}


#lightbox {
    /* ----- Positioning ----- */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    
    /* The code above makes sure that the
    lightbox covers the entire page*/
    
    /* ----- Visibility ----- */
    display: none;
    
    /* ----- Styling ----- */
    background-color: rgba(62, 62, 62, 0.95);
    
    
  }
  
  #video-wrapper {
    /* ----- Positioning ----- */
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* ----- Styling ----- */
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    
  }
#video{
    height: 540px;
    width: 960px;
}
  
  
  #close-btn {
    /* ----- Text ----- */
    color: rgb(255, 255, 255);
    font-size: 25px;
    
    /* ----- Positioning ----- */
    position: fixed;
    top: 3%;
    right: 3%;
    z-index: 100;
    
    /* The code above is used to put the button on the upper right corner of the lightbox */
    
    /* ----- Transformations ----- */
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    
     /* The code above is used to initialize the scale for the button so that it can be used in transitions */
    
    /* ----- Transitions ----- */
    -webkit-transition: transform .5s ease, color .5s ease;
    -moz-transition: transform .5s ease, color .5s ease;
    -ms-transition: transform .5s ease, color .5s ease;
    -o-transition: transform .5s ease, color .5s ease;
    transition: transform .5s ease, color .5s ease;
  }
  
  #close-btn:hover {
    /* ----- Text ----- */
    color: white;
    
    /* ----- Styling ----- */
    cursor: pointer;
    
    /* ----- Transformations ----- */
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    
      /* ----- Transitions ----- */
    -webkit-transition: transform .5s ease, color .5s ease;
    -moz-transition: transform .5s ease, color .5s ease;
    -ms-transition: transform .5s ease, color .5s ease;
    -o-transition: transform .5s ease, color .5s ease;
    transition: transform .5s ease, color .5s ease;
  }