@media (max-width: 768px) {

    /* common */
    .container {
        max-width: 100%;
        padding: 0 15px;
    }

    .btn-primary {
        padding: 10px 30px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 24px;
        text-align: left;
    }

    p,
    li,
    h1 {
        text-align: left;
    }

    /* Hero Slider  */
    .hero-slider {
        padding: 30px 0 50px;
    }

    .hero-slider .row {
        flex-direction: column-reverse;
        text-align: center;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }


    .hero-slider .col-md-5,
    .hero-slider .col-md-6 {
        width: 100%;
    }

    .hero-slider img {
        margin: 0 auto 20px;
        width: 340px;
    }

    .hero-slider .slider-content h1 {
        font-size: 28px;
        margin: 0 0 15px;
    }

    .hero-slider .slider-content p {
        font-size: 14px;
        margin: 0 0 20px;
        line-height: 20px;
    }

    .hero-slider .stat-item h3 {
        font-size: 18px;
    }

    .hero-slider .stats {
        justify-content: center;
        margin: 25px 0 0;
        gap: 15px;
    }

    .hero-slider .stat-item {
        padding: 15px 20px;
    }

    .hero-slider .stat-item p {
        margin: 0;
    }

    /* header */
    header {
        background: #EFEFEF;
        padding: 10px 0;
    }

    header img {
        height: 50px;
    }

    .menu-btn,
    .close-btn {
        display: block;
    }

    .menu-btn {
        border: 1px solid #061D19;
        border-radius: 5px;
        padding: 4px;
    }

    .desktop-bar ul {
        display: none !important;
    }

    /* Show sidebar when active */
    .mob-sidebar.active {
        left: 0;
        transform: translateX(0);
    }

    .close-btn {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .mob-sidebar ul {
        margin: 40px 0 0;
        padding: 0;
        list-style: none;
        width: 100%;
    }

    .mob-sidebar ul li {
        margin: 15px 0;
    }

    .mob-sidebar ul li a {
        text-decoration: none;
    }

    /* mobile drop down */
    .mob-sidebar .dropdown-menu {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        margin: 0 !important;
        width: 100% !important;
        /* make it full width under the link */
        box-shadow: none !important;
        /* remove floating shadow */
        /* z-index: auto !important; */
        /* display: none !important;   */
    }

    /* Submenu appears slightly indented to the right */
    .mob-sidebar .dropdown-submenu>.dropdown-menu {
        position: relative !important;
        /* needed so we can move it */
        left: 20px !important;
        /* shifts submenu right */
        top: -10px !important;
        /* shifts submenu top */
        border: 1px solid #FFF0B2 !important;
    }

    .dropdown ul li {
        margin: 0 !important;
    }

    /* freedom */
    .freedom {
        padding: 40px 0;
    }

    .freedom img {
        margin: 20px 0 0;
    }

    /* Paathshala */
    .paathshala {
        padding: 50px 0;
    }

    .paathshala .row {
        flex-direction: column-reverse;
        text-align: center;
    }

    .paathshala img {
        margin: 0 auto 30px;
        width: 98%;
    }

    .paathshala h3 {
        font-size: 24px;
    }

    .paathshala p {
        font-size: 16px;
        margin: 0 0 10px;
        line-height: 24px;
    }

    .paathshala .btn {
        margin: 15px 0 0;
    }

    /* Service */
    .services {
        padding: 0 0 50px;
    }

    .service-card p {
        height: auto;
        margin: 0 0 15px;
    }

    .service-card h4 {
        margin: 0 0 5px;
        font-size: 16px;
    }

    .service-card {
        height: auto;
        padding: 20px 15px;
        width: 100%;
        height: auto;
    }

    .services .main-card {
        margin: 20px 0 0;
    }

    /* new services */
    .new-service {
        padding: 20px 0;
    }

    .new-service .main-section {
        gap: 15px;
        margin: 70px 0 0;
    }

    .new-service .box-card {
        width: 100%;
        position: relative;
        padding: 80px 30px 20px;
        margin: 0 0 40px;
        height: 200px;
    }

    .new-service .img-card {
        height: 100px;
        width: 100px;
        padding: 15px;
        top: -8px;
    }

    .new-service p {
        font-size: 12px;
        text-align: center;
    }

    .new-service p strong {
        font-size: 14px;
    }

    .new-service .img-card img {
        width: 40px;
        height: 40px;
    }

    /* Products */
    .products {
        padding: 0 0 40px;
    }

    .products p {
        font-size: 16px;
        line-height: 24px;
    }

    .products .product-card {
        width: 100%;
        height: 70px;
    }

    .products .product-card img {
        margin-right: 10px;
    }

    .products .product-card p {
        font-size: 14px;
        line-height: 20px;
    }

    .products .main-card {
        margin: 20px 0 0;
    }

    /* team */
    .team {
        padding: 20px 0 40px;
    }

    .team .main-card {
        flex-direction: column;
    }

    .team-card .gap-1 img {
        border-radius: 0;
    }

    .team-card {
        padding: 20px 20px 0;
        width: 100%;
        height: auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .team-card>img {
        box-shadow: 0 4px 10px 1px #00000029;
        width: 250px;
        height: 250px;
        object-fit: cover;
        object-position: top;
        border-radius: 15px;
        margin: 0 auto 15px;
    }

    .team-card h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .team-card p {
        font-size: 14px;
        line-height: 20px;
    }

    .team .main-card {
        margin: 10px 0 0;
    }

    .team .btn-primary {
        margin: 40px 0 0;
    }

    /* Vision */
    .vision {
        padding: 20px 0 40px;
    }

    .vision-tab {
        width: 30%;
        flex-direction: column;
        text-align: center;
        height: 110px;
        width: 110px;
    }

    .vision-tab img {
        margin: 0 0 10px;
    }

    .vision-tabs {
        flex-direction: row;
        padding: 0;
        gap: 15px;
        background: none;
        box-shadow: none;
    }

    .vision-content h2 {
        margin: 25px 0 15px;
        text-align: center;
        font-size: 26px;
    }

    .vision-tab img {
        margin: 0 0 8px;
    }

    .vision-tab p {
        font-size: 14px;
        line-height: 20px;
    }

    .vision-content .content-tab {
        display: none;
    }

    .vision-content .content-tab.active {
        display: block;
    }

    .vision-content p {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
    }

    .vision-content ul li {
        font-size: 14px;
        line-height: 20px;
        padding: 0 0 0 25px;
        width: 100%;
    }

    /* Clients */
    .clients {
        padding: 0 0 40px;
    }

    .client-card {
        height: 330px;
        padding: 20px;
    }

    .client-card p {
        font-size: 14px;
        line-height: 22px;
    }

    .client-info h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .clientSwiper {
        padding: 25px 10px 50px;
    }

    .clients h2,
    .faq h2 {
        text-align: center;
        margin: 0;
        font-size: 26px;
    }

    /* FAQ */
    .faq {
        padding: 0 0 40px;
    }

    .faq-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        margin: 10px 0 20px
    }

    .faq-tab-item {
        white-space: nowrap;
        padding: 10px;
        font-size: 16px;
        line-height: 24px;
    }

    .faq .col-md-4 {
        display: none;
    }

    .faq .col-md-8 {
        width: 100%;
    }

    .faq-question {
        padding: 15px;
    }

    /* .faq-answer ul {
        grid-template-columns: 1fr;
    } */


    .faq .btn-primary {
        margin: 20px 0 0;
    }

    .faq-question strong {
        font-size: 16px;
        line-height: 24px;
    }

    .faq-question::after {
        width: 20px;
        height: 20px;

    }

    .faq-question::after {
        width: 20px;
        height: 20px;

    }

    /* Footer */
    footer {
        padding: 30px 0 20px;
        text-align: center;
    }

    .footer-col {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        margin: 15px 0 0;
    }

    .footer-col .disclaimer {
        width: 100%;
        margin-top: 15px;
    }

    .footer-logo {
        height: 50px;
        margin: 0 auto 15px;
    }

    .footer-col h4 {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .footer-col ul li a {
        font-size: 14px;
    }

    .contact-info span {
        font-size: 14px;
    }

    .social-icons {
        margin-top: 10px;
    }

    footer .copyright {
        font-size: 12px;
    }

    .footer-col p {
        font-size: 12px;
        line-height: 18px;
    }

    .footer-col ul li {
        margin: 0 0 5px;
    }

    .footer-col .contact-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        text-align: center;
    }

    footer hr {
        margin: 0 0 20px;
    }

    .sticky {
        bottom: 80px;
        right: 20px;
    }

    .sticky a img {
        width: 50px;
        height: 50px;
    }

    #swiper-toggle img {
        margin: 0 !important;
    }


    /* privacy */
    .privacy {
        margin: 30px 0 20px;
    }

    .privacy h1 {
        font-size: 28px;
    }

    .privacy-top .container {
        background: url('../images/privacy-mob.webp') no-repeat center center;
        background-size: contain;
        padding: 60px 0;
    }

    .privacy-top p {
        font-size: 18px;
        line-height: 28px;
        width: 80%;
    }

    .privacy-top p strong {
        margin: 10px 0 0;
    }

    .privacy-content {
        padding: 30px 0;
    }

    .privacy-content h2 {
        font-size: 16px;
        line-height: 24px;
        margin: 25px 0 8px;
    }

    .privacy-content p,
    .privacy-content li {
        width: 95%;
        margin: 0 0 8px 15px;
    }

    .privacy-content p,
    .privacy-content li,
    .privacy-content a {
        font-size: 14px;
        line-height: 22px;
        text-align: start;
    }

    .privacy-content ul {
        margin: 0 0 0 20px;
    }

    .privacy-content .text {
        margin: 0 0 8px;
    }

    .privacy-content .dash {
        margin: 0 0 0 3px;
    }

    /* disclosure */
    .disclosure {
        background: url('../images/disclosure-mob.webp') no-repeat center bottom;
        background-size: cover;
        padding: 40px 0 180px;
    }

    .disclosure h1 {
        font-size: 28px;
        text-align: center;
    }

    .dis-1 {
        padding: 40px 0 0;
    }

    .dis-1 h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .dis-1 img {
        width: 350px;
        margin: 0 0 10px;
    }

    .dis-1 p {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }

    .dis-2 {
        padding: 30px 0 20px;
    }

    .dis-2 p {
        margin: 0 0 8px;
        font-size: 14px;
        line-height: 18px;
    }

    .dis-2 .mob-table {
        display: flex;
    }

    .dis-2 .text-table {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 0px;
    }

    .dis-2 .text-table p {
        font-size: 12px;
        padding: 0;
    }

    .dis-2 .text-table .yellow {
        width: 170px;
        text-align: center;
        padding: 15px 0;
    }

    .dis-2 .text-table:nth-child(1) .yellow,
    .dis-2 .text-table:nth-child(1) .white {
        margin: 4px 1px 0 0;
    }

    .dis-2 .text-table:nth-child(2) .yellow,
    .dis-2 .text-table:nth-child(2) .white {
        margin: 4px 0 0 1px;
    }

    .dis-2 .text-table .white {
        width: 170px;
        text-align: center;
        padding: 15px 0;
    }

    .dis-3 {
        padding: 0 0 40px;
    }

    .dis-3 h3 {
        font-size: 20px;
        line-height: 28px;
        margin: 20px 0 5px;
    }

    .dis-3 p {
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 24px;
    }

    /* Calculators */
    .calculator {
        background: url('../images/calculator-mob.webp') no-repeat center bottom;
        background-size: 100% 100%;
        padding: 30px 0 200px;
    }

    .calculator h1 {
        font-size: 28px;
        text-align: center;
    }

    .calculator h1 span {
        font-size: 18px;
        margin: 0 0 15px;
    }

    .emy {
        padding: 50px 0;
    }

    .emi {
        padding: 0 0 50px;
    }

    .emy h2,
    .emi h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 0 0 20px;
    }

    .emy-card {
        width: 100%;
        padding: 20px;
        height: auto;
    }

    .emy-card .text {
        margin: 0 20px 0 0;
    }

    .emy-card p {
        font-size: 14px;
        line-height: 20px;
    }

    .emy-card p strong {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 8px;
    }

    .emy-card img {
        width: 80px;
        ;
        height: 80px;
    }


    /* Mutual Fund KYC */
    .mutual {
        background: url('../images/mutual-mob.webp') no-repeat center bottom;
        background-size: 100% 100%;
        padding: 40px 0 220px;
    }

    .mutual h1 {
        font-size: 28px;
        text-align: center;
    }

    .kyc {
        padding: 0 0 40px;
    }

    .kyc h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 30px 0 0;
    }

    .kyc-item {
        padding: 0 15px;
    }

    .kyc h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .kyc-content {
        padding: 30px 20px 10px;
    }

    .kyc .form-group {
        margin: 0 0 20px;
    }

    .kyc-tabs {
        display: flex;
        justify-content: space-around;
        border-bottom: 1px solid #ddd;
        background: url('../images/tab-bg.png') no-repeat center center;
        background-size: cover;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        margin: 0;
    }

    .kyc .top-txt {
        margin: 20px auto;
        width: 100%;
        font-size: 14px;
    }

    .kyc-tab-item {
        padding: 20px 10px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        white-space: nowrap;
    }

    .kyc .form-container .form-control {
        height: 40px;
        font-size: 14px;
    }

    .kyc input,
    .kyc textarea,
    .kyc select {
        margin: 8px 0 0;
    }

    .kyc p {
        font-size: 14px;
        line-height: 24px;
    }

    .kyc .cc-select {
        height: 40px !important;
        font-size: 14px !important;
    }

    .kyc label {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .kyc .declaration-section {
        margin: 25px 0 20px;
    }

    .kyc .declaration-section p {
        margin: 0 0 10px;
    }

    label sup.text-black {
        font-size: 10px;
    }

    label sup {
        font-size: 14px;
    }

    .kyc .form-check label {
        font-size: 14px;
        line-height: 22px;
    }


    /* Blog list */
    .blog-top {
        background: url('../images/blog-mob-bg.webp') no-repeat center center;
        background-size: cover;
        padding: 140px 0;
    }

    .blog-list {
        padding: 40px 0;
    }

    .blog-list .blog-card {
        margin: 0 0 15px;
    }

    /* Information */
    .information {
        background: url('../images/information-mob.webp') no-repeat center bottom;
        background-size: cover;
    }

    .information h1 {
        font-size: 28px;
        text-align: center;
        margin: -100px 0 0;
    }

    .info-content {
        padding: 50px 0;
    }

    .info-content .input-group {
        width: 100%;
        margin: 0 0 30px;
    }

    .info-content table {
        font-size: 14px;
    }

    /* Insurance Claim */
    .insurance {
        padding: 40px 0;
        text-align: center;
    }

    .insurance h1 {
        font-size: 28px;
        text-align: center;
    }

    .insurance p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin: 20px 0 0;
    }

    .claim {
        padding: 40px 0;
    }

    .claim-card {
        width: 100%;
        padding: 30px 20px;
    }

    .claim-card p {
        margin: 20px 0;
        font-size: 14px;
        text-align: center;
    }

    .claim-card img {
        width: 220px;
        height: auto;
    }

    .claim-card .btn-primary {
        font-size: 14px;
    }

    .empowering h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .empowering .content {
        width: 100%;
        height: 100%;
        padding: 30px 0;
    }

    .empowering img {
        position: relative;
        width: 100%;
        height: 250px;
    }

    .empowering .btn {
        background: #fff;
        width: 250px;
    }

    /* event */
    .event {
        background: url('../images/event-mob-bg.webp') no-repeat center bottom;
        background-size: cover;
        padding: 50px 0 180px;
    }

    .event h1 {
        font-size: 28px;
        text-align: center;
    }

    .video-content {
        padding: 50px 0 0;
    }

    .video-content p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .content {
        margin: 20px 0 0;
    }

    .thumbnail-img {
        width: 100%;
        height: 230px;
    }

    .play-button {
        width: 60px;
        height: 40px;
    }

    iframe {
        width: 100%;
        height: 230px;
    }

    .gallery {
        padding: 30px 0;
    }

    .gallery img {
        width: 100%;
    }

    .gallery h2 {
        font-size: 24px;
        line-height: 36px;
    }
    .gallerySwiper .swiper-slide {
        padding: 0;
    }
    .gallerySwiper {
        padding: 0;
    }
    .gallery-button-prev,
    .gallery-button-next {
        display: none;
    }
    .lightbox-close {
        top: 30%;
        right: 8px;
    }
    .lightbox-content {
        top: 32%;
        position: relative;
    }
    .lightbox-prev, .lightbox-next {
        padding: 0;
        margin-top: 0;
    }

    /* Claim Process */
    .process{
        padding: 50px 0;
    }
    .process h2 {
        font-size: 24px;
        line-height: 28px;
    }
    .process p {
        font-size: 14px;
        text-align: center;
        width: 100%;
    }
    .category {
        padding: 0 0 40px;
    }
    .category h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .category .category-card {
        width: 90%;
        font-size: 16px;
    }
    .category .category-card .img-card {
        border-radius: 30px;
        height: 60px;
        width: 60px;
    }
    .category .category-card .img-card img{
        height: 35px;
        width: 35px;
    }

    /* Insurance */
    .life-process {
        padding: 0;
    }
    /* .life-process .container {
        padding: 0;
    } */
    .life-process  h2, .life-process h3  {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .left-bg {
        padding: 15px 30px;
        height: auto;
    }
    .v-stepper.v-sheet  {
        height: auto;
        font-size: 14px;
    }
    .v-stepper-item {
        padding: 15px 0;
    }
    .left-bg p {
        font-size: 14px;
    }
    .v-stepper--alt-labels .v-stepper-item {
        flex-basis: 100px;
    }
    .v-stepper--alt-labels .v-stepper-header .v-divider {
        display: none;
    }
    .steps {
        padding: 30px 0;
    }
    .steps .p-text {
        margin: 10px 0 20px;
        font-size: 14px;
    }
    .steps .step-mini {
        width: 90%;
    }
    .step-mini img {
        margin: 0 0 20px;
    }
    .step-mini p {        
        font-size: 14px;
    }
    .step-mini p span {
        width: 22px;            
        height: 22px;           
        font-size: 12px;
    }

}