@media (max-width : 768px){
    p{
        font-size:15px;
    }
    ul li{
        font-size:15px;
    }
    .header-btn-fnc{
        display:none;
    }
    .progressbar-btn{
        text-align:center;
    }
    .banner-content-box{
        max-width:100%;
    }
    .banner-content-box .banner-tils{
        font-size:22px;
       
    }
    .safety-tips p{
        text-align:justify;
    }
    .mutual-list li {
    line-height: 1.6;
        margin: 5px 0;
   }
    .key-difference td, .key-difference th{
        font-size:14px;
        padding:5px;
    }
    .mutual-funds-sec .icon img{
        width:90px;
        height:90px;
    }
    .mutual-funds-sec .risk-reward-box .icon {
    min-width: 95px !important;
    width: 95px !important;
    height: 95px !important;
    margin:unset;
}
    .mutual-funds-sec{
        padding:2rem 0;
    }
    .cta-btn-fina.serv-car-btn .loanbb-btn{
        padding: 9px 14px 8px;
    font-size: 15px;
    }
    .invest-img{
        margin:10px 0;
    }
    .finace-sector-box{
        min-height:460px;
    }
    .service-card-box .servi-img-box img{
        height:unset;
    }
    .service-card-box{
        margin:unset;
    }
    .section-title.text-center{
        max-width:100%;
        margin-bottom:35px;
    }
    .erroe-title{
        font-size:5rem;
    }
    .sec-big-title{
        font-size: 18px;
    }
    .testimonial-sec-main .swiper-container{
        height: 600px;
        flex-wrap: wrap;
        gap:0;
    }
    .section-title {
    margin: 0 0 20px;
    }
    .erroe-page .header-btn-fnc{
        display:block;
    }
    .site-iconweb{
        right:10px;
    }
    .servicer-sec-ff{
        padding:2rem 0;
    }
    .service-card-box .service-titl-box .title{
        font-size:12px;
    }
    .why-choo-box .title-box .title{
        font-size:17px;
    }
    .service-card-box .service-titl-box{
        padding:10px;
        gap:9px;
    }
    .serv-car-btn .loanbb-btn i{
    top: 1px;
    font-size: 14px;
    width: 34px;
    left: -5px;
    }
    .serv-car-btn .loanbb-btn{
        width: 25px;
    height: 25px;
    }
    .servicer-sec-ff .row {
    gap: 20px 0;
    }
    .serice-btn-sec{
        margin-top:30px;
    }
    .flexs-btns{
        margin-bottom: 30px;
        flex-direction: column;
    }
    .why-choose-sec{
        padding:2rem 0;
    }
    .flexs-btns .sinurad{
        margin:20px 0 0;
    }
    .flexs-btns .section-title{
        text-align:center;
    }
    .why-choo-box .why-img{
        margin:15px 0;
        padding:20px;
    }
    .accordion-button::after{
        min-width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 8px;
    }
    .why-choo-box .why-img img {
        width:45px;
    }
    .why-choo-box p{
        font-size:14px;
        margin:unset;
        max-width:unset;
        line-height: 1.6;
    }
    .servicer-sec-ff .row > div:nth-child(3) .servi-img-box img {
  height: 150px; /* Adjust as needed */
  object-fit: cover; /* Optional: to maintain aspect ratio */
  width: 100%;
}
    .why-choo-box .title-box a{
        font-size:15px;
    }
    .why-choose-sec .col-lg-3:not(:last-child) .why-choo-box{
        margin:0 0 20px;
    }
    .benefits-sec-main{
        padding:2rem 0;
    }
    .benefit-box .title{
        font-size: 14px;
    text-align: center;
    }
    .benifit-img::before{
        position:absolute;
        content:'';
        top:0;
        left:0;
        background-color:#000;
        height:100%;
        width:100%;
        opacity:0.3;
       
    }
    .benefit-carousel .swiper-button-next:after, .benefit-carousel .swiper-button-prev:after{
        min-width: 30px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    }
    .benifit-img{
        position:relative;
    }
    .benefit-carousel .section-title{
        position:relative;
        max-width:100%;
    }
    .benefits-sec-main .sec-big-title{
        margin-bottom:1.5rem;
    }
    .benefit-carousel .swiper-wrapper{
        margin-top:0;
        margin-bottom:50px;
    }
    
    .benefit-carousel.swiper{
    display: flex;
    flex-direction: column-reverse;  
    }

.benefit-carousel .swiper-button-prev {
    top: unset;
    left:38%;
    right:unset;
    bottom:0;
}
.benefit-carousel .swiper-button-next {
    top: unset;
    right:38%;
    bottom:0;
}
.loan-caluter-sec{
    padding:0;
}
.benefits-assets{
    max-width:unset;
}
.caluter-box-anit .for-loan-title p{
    font-size: 19px;
    text-align: center;
}
.form-main-sec .loan-total-price span{
    font-size:20px;
}
.form-main-sec .form-group{
    margin-bottom:30px;
    
}
.fund-main-sec{
    margin: unset;
     padding: 30px 20px 49px;
}
.caluter-box-anit .for-loan-title{
        bottom: unset;
        position: relative;
        padding: 40px 20px; 
        max-width: 100%;
        background-color: #349244a3;
       
}
.form-group p{
    font-size:14px;
}
.form-main-sec .form-group span{
    font-size:14px;
}
.fund-main-sec .sec-big-title span {
font-size:17px;
    
}
.form-main-sec .loan-total-price li{
    font-size:15px;
}
.sec-small-title{
    font-size: 10px;
}
.caluter-box-anit .caluter-loan-img{
    position:relative;
    margin-left:0;
}
.caluter-box-anit{
    padding:0;
}
.section-title{
    text-align:center;
}
.pbmit-btn-white{
    padding: 13px 35px;
    font-size: 14px;
}
.risk-reward-sec{
    padding:2rem 0;
}
.risk-reward-sec .icon img{
    width:40px;
    height:40px;
}
.investment-list {
    padding: 0px 10px 15px 10px;
}
.testimonial-box p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.accordion-button{
    font-size:16px;
}
.accordion .accordion-item .accordion-body{
    font-size:14px;
}
/*.risk-reward-box .title-text-box p{*/
/*    text-align:unset;*/
/*}*/
.risk-reward-main {
    margin-right: 0;
}
.sec-end .title {
    font-size:18px;
}
.process-consultant .who-can-items span{
    right:18px;
}
.process-consultant .who-can-items .title{
    text-align:left;
}
.risk-reward-main .risk-reward-box:not(:last-child) {
    margin-bottom:20px;
}
.risk-reward-box{
    max-width:100%;
    margin-left:0;
    padding:20px;
}
.risk-reward-box .icon{
    width: 66px ;
    min-width: 66px;
    height: 66px;
}

.risk-reward-img{
    margin:20px 0 0;
}
.faq-sec-main{
    padding:2rem 0;
}
.faq-main-loan{
    max-width:100%;
}
.testimonial-img{
    padding:0;
}
.testimonial-sec-main .swiper-container:after{
    display:none;
}
.testimonial-sec-main .swiper-container:before{
    display:none;
}
.testimonial-box{
    padding:15px;
}
.testimonial-box .icon{
    margin:0 0 10px;
}

.fotet-btn {
    text-align:center;
    margin:10px 0 0;
}
.foter-menu-link.flex-wraps{
    flex-direction: column;
    flex-wrap: unset;
}
.foter-categires.mr-le{
    margin-left:0;
}
.foter-categires .title{
    text-align:start !important;
}
.foter-categires{
    margin:0 0 15px;
}
.foter-menu-link{
    margin:0;
}
.copright-main{
    margin-top: 1rem;
}

.copright-main{
    text-align: center;
}
.social-media{
    gap:10px;
    margin:10px 0;
}
.copright-main .text-end{
    text-align:center !important;
}
.foter-top-sec{
    margin-bottom:30px;
}

.foter-categires .title {
    font-size: 17px;
}
.footer-logo{
    text-align:center;
}
.beadcrumb-sec-inves{
    border-radius: 0;
    height: 320px;
    max-height: 300px;
}
.beadcrumb-sec-inves:after{
    border-radius: 0;
}
.breadcrumb-content h1{
    font-size:22px;
    text-align:center;
}
.beadcrumb-menu li a{
    font-size:14px;
}

.beadcrumb-menu{
    margin:15px 0 0;
    justify-content: center;
    max-width: unset;
}
.investme-sec-main .section-title.text-center {
    margin-bottom: 15px;
}
.address-main-box{
    margin-right:0;
}
.infinaces-box{
    padding:20px;
}
.infinaces-box li:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.infinaces-box li{
    gap:20px;
}
.infinaces-box li .num-title span{
    font-size:14px;
}

.form-caontact{
    padding:20px;
    margin-left:0;
    margin-top:20px;
}

.money-finaci-ff {
    margin: 20px 0 0;
}

.contact-sec-main{
    padding:3rem 0;
}
.money-finaci-ff input, .money-finaci-ff select{
    height:45px;
    margin-bottom: 15px;
}
.beadcrumb-menu li:not(:last-child):before {
    font-size: 13px;
    top: 3px;
}
.beadcrumb-menu li.active{
    font-size:14px;
}
.sec-big-title{
    text-align:center;
}
.key-difference{
    padding:2rem 0;
}

.investme-sec-main{
    padding:2rem 0 1rem;
}
.invesment-main-in p{
    margin:0;
}
.what-sip-sec{
    padding:3rem 0;
}
.what-sip-img{
    padding:20px;
}
.what-sip-img::before{
    width: 100%;
    border-radius: 20px 20px 20px 20px;
}
.what-sip-img img:first-child{
    border-radius: 20px;
}

.what-sip-sec .row{
    flex-direction: column-reverse;
}
.sip-animation:before{
    width: 90px;
    height: 90px;
    display:none;
}
.sec-smals-title{
    font-size:16px;
}

.risk-reward-box{
    gap:15px;
    flex-direction: column;
    margin: 15px 0;
}
.risk-reward-box .title-text-box .title{
    text-align:center;
}
.risk-reward-box .title-text-box{
    text-align:center;
}
.cta-main-box{
    padding:20px;
}
.cta-main-box .row{
    gap:20px;
}
.call-btn-cta{
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.call-btn-cta .call-ctafin .call-num a{
    font-size:16px;
}
.call-btn-cta .call-ctafin .call-num span{
    font-size:16px;
}
.call-btn-cta .call-ctafin i{
    font-size:30px;
}
.reasons-box{
    padding:40px 30px 30px;
    border-radius:20px;
}
.reasons-box .icon{
    height:70px;
    width:70px;
    line-height:70px;
}
.reasons-box .icon img{
    width:40px;
}
.reasons-box .title{
    font-size:16px;
}
.reasons-choose-sec{
    padding:2rem 0;
}
.who-can-invest-content{
    margin:0;
}
.who-can-invest-sec{
    padding:2rem 0;
}
.investment-test .service-titl-box .title{
    font-size: 16px;
}
.who-can-invest-sec .row{
    flex-direction: column-reverse;
    gap:40px;
}
.who-can-items{
    padding:20px;
}
.who-can-items .title{
    font-size:17px;
    text-align:center;
}
.who-can-items p {
    text-align: justify;
}
.steo-main-box{
    flex-direction: column;
}
.steo-main-box .how-start-step:not(:last-child):before{
        margin: 0 auto;
        max-width: fit-content;
        left: 0;
        right: 0;
        bottom: -29px;
        width: 30px;
        z-index: 9;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        min-width: 30px;
        transform: rotate(90deg);
        color: #fff;
        background-color: var(--primary-color);
        top:unset;
}
.how-start-investing-sec{
    padding:2rem 0;
}
.cta-sec-main{
    padding:2rem 0;
}
.sec-end{
    padding:2rem 0;
}
.investment{
    font-size:11px;
}
.accordion .accordion-item .accordion-body, .accordion-button{
    padding:15px;
}

}

@media (max-width : 1200px){
    
    .site-iconweb .calls{
        display:block;
    }
    .mega-menu-box{
        position: fixed;
        padding: 4rem 0;
        display: inline-block;
        background: #fff;
        max-width: 100%;
        height: 100vh;
        width: 100%;
        z-index: 99999;
        right: 0;
        top: 0;
        opacity: 0;
        overflow-y: scroll;
        visibility: hidden;
        transform: translateX(100%);
        transition: 0.5s linear;
    }
    
    .mega-menu-box.shows {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
    
    .mega-menu-box > ul{
        gap: 0;
        margin: 0;
        justify-content: unset;
        flex-direction: column;
        align-items: start;
        padding: 0 25px;
    }
    .dropdwon > a{
        padding:0;
    }
    .mega-menu-box > ul > li:not(:last-child){
        margin:0 0 20px;
    }
    .dropdwon:before{
    display:none;    
    }
    
    .mega-menu-box .dropn-btnmobile {
        position: absolute;
        right: 0px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 40px;
        top: 5px;
        background:var(--secondary-color);
    }
    .mega-menu-box .dropn-btnmobile {
        display: block;
    }
    .mega-menu-box .dropn-btnmobile i {
        color: #fff;
        font-size: 25px;
    }
    .dropdwon{
        width:100%;
    }
    .dropdwon:hover .sub-menu {
    position: relative;
    }

.sub-menu{
    position: relative;
    left: unset;
    width: 100%;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(22px);
    padding-left: 20px;
    display:none;
    margin: 0 0 20px;
}

.mobile-close-btn {
        display: block !important;
        position: absolute;
        right: 30px;
        top: 30px;
}

.mobile-close-btn i {
        color: var(--primary-color);
        font-size: 2rem;
    }


.invest-menu.visible {
    display:block;
}

.insuran-menu.visible {
    display:block;
}

.loan.visible {
    display:block;
}

.mobilem-menu-open {
        position: absolute;
        right: 10px;
        top: 20px;
        width: 40px;
        height: 40px !important;
       
        text-align: center;
        display: block;
    }
.mobilem-menu-open i {
       color: #262626;
        font-size: 2rem;
    }
    
}

@media(min-width : 769px) and (max-width : 900px){
    .header-btn-fnc{
            position: absolute;
            top: 15px;
            right: 100px;
    }
    .finace-sector-box{
       min-height: 500px;
    }
    .banner-content-box{
        max-width:100%;
    }
    .banner-content-box .banner-tils{
        font-size: 30px;
    }
    .section-title.text-center {
    max-width: 100%;
    }
    .flexs-btns{
        margin-bottom: 30px;
        flex-direction: column;
        gap:20px;
    }
    .flexs-btns .section-title{
        text-align: center;
    }
    .service-card-box .service-titl-box {
        padding:15px;
    }
    .service-card-box .service-titl-box .title{
        font-size:17px;
    }
    .sec-big-title{
        font-size:25px;
    }
    .why-choo-box .why-img{
        margin: 15px 0;
    }
    .why-choose-sec .row .col-md-6:not(:last-child) .why-choo-box{
        margin:0 0 20px;
    }
    .title-text-box p{
        padding:1rem;
    }
    .benefit-carousel .swiper-wrapper{
        margin-top:110px;
    }
    .benefit-carousel .swiper-button-next:after, 
    .benefit-carousel .swiper-button-prev:after{
        min-width: 30px;
        line-height: 30px;
        height: 30px;
        font-size: 16px;
    }
    .caluter-box-anit .for-loan-title{
        position:relative;
        bottom:0;
        max-width:100%;
        background-color: #34924421;
    }
    .mutual-funds-sec .title-text-box p{
        padding:2rem;
    }
    .caluter-box-anit .caluter-loan-img{
            position: relative;
            margin-left: 0;
            top: -50px;
    }
    .caluter-box-anit .for-loan-title p{
        font-size:20px;
    }
    .fund-main-sec{
        padding:40px;
        margin-top:0;
    }
    .fund-main-sec .form-bg-main{
        margin-right:0;
    }
    .form-main-sec .loan-total-price span{
        font-size:21px;
    }
    .pbmit-btn-white{
        padding: 13px 35px;
    }
    .loan-total-price .loan-num-poin{
        margin: 0 0 30px;
    }
    .risk-reward-box{
        max-width:100%;
        justify-content:unset;
    }
    .risk-reward-main {
        margin-right: 0;
    }
    .risk-reward-box .icon {
    width: 66px;
    min-width: 66px;
    height: 66px;
    }
  
    .risk-reward-box{
        padding:10px;
        gap:10px;
    }
    
    .faq-main-loan {
    max-width: 100%;
    }
    .testimonial-img{
        padding:0;
    }
    .testimonial-box .icon i{
        font-size:30px;
    }
    .foter-top-sec{
        gap: 20px 0;
    }
    .mr-le {
    margin-left: 0;
    }
    .copright-main .text-end {
    text-align: left !important;
    }
    .footer-sec-main .row:nth-child(2) {
        gap:40px 0;
    }
    .breadcrumb-content h1{
        font-size:30px;
    }
    .breadcrumb-content{
        margin:0 0 20px;
        text-align: center;
    }
    .beadcrumb-menu li a, .beadcrumb-menu li.active{
        font-size:16px;
    }
    .address-main-box{
        margin-right:0;
    }
    .form-caontact{
        margin-left: 0;
    }
    .what-sip-img::before{
        width:100%;
    }
    .what-sip-sec .container > .row{
        flex-direction: column-reverse;
    }
    .cta-main-box .row{
        gap:30px 0;
    }
    .call-btn-cta .call-ctafin .call-num a{
        font-size:20px;
    }
    .reasons-box{
        padding: 60px 30px 30px;
    }
    .reasons-box .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    }
     .reasons-box .icon img{
         width:40px;
     }
     .reasons-box .title{
         font-size:17px;
     }
    .who-can-invest-sec .row{
        flex-direction: column-reverse;
        gap: 40px 0;
    }
    .who-can-invest-content{
        margin-left:unset;
    }
    .steo-main-box{
        flex-wrap: wrap;
    }
    .mutual-funds-sec .risk-reward-box .icon{
        margin:0;
        margin-top:2rem;
    }
    .steo-main-box .how-start-step:nth-child(2):before{
        display:none;
    }
    .what-sip-sec .what-sip-img{
        margin:0 auto;
        margin-top:2rem;
    }
    .risk-reward-box{
        flex-direction: column;
    }
    .risk-reward-box .title-text-box{
        text-align:center;
    }
    .beadcrumb-menu{
        margin:0 auto;
    }
    .money-finaci-ff{
        margin:30px 0 0;
    }
    .who-can-img{
        text-align:center;
    }
}

@media (min-width : 901px) and (max-width : 1200px){
    .finace-sector-box{
        min-height:600px;
    }
    .banner-content-box{
        max-width:100%;
    }
    .banner-content-box .banner-tils{
        font-size:30px;
        margin:60px 0 0;
    }
    .service-card-box .service-titl-box .title{
        font-size:17px;
    }
    .why-choo-box .why-img{
        padding:20px;
        margin:10px 0;
    }
    .flexs-btns{
        margin-bottom: 20px;
        flex-direction: column;
        gap: 30px 0;
    }
    .why-choo-box .title-box .title{
        font-size:18px;
    }
    .benefit-carousel .swiper-wrapper{
        margin-top:120px;
    }
    .sec-big-title{
        font-size:27px;
    }
    .caluter-box-anit .for-loan-title{
        left:30px;
    }
    .why-choo-box .why-img img{
        height:70px;
        width:70px;
    }
    .insurance-investmnt .why-choo-box .why-img{
        height: 166px;
    }
    .fund-main-sec{
        padding-bottom: 30px;
        padding-left: 30px;
        padding-top: 30px;
        margin-top:0;
    }
    .pbmit-btn-white{
        display:inline-block;
    }
    .form-main-sec .loan-total-price span {
    font-size: 23px;
    }
    .loan-caluter-sec{
        padding-top:0;
    }
    .risk-reward-box{
        max-width:100%;
    }
    .risk-reward-main {
    margin-right: 40px;
    }
    .copright-main .text-end{
        text-align: left !important;
    }
    .mr-le {
    margin-left: 0;
    }
    
    .header-btn-fnc{
            position: absolute;
            top: 15px;
            right: 100px;
    }
    .investment{
        padding:10px 15px;
        font-size:14px;
    }
    .foter-top-sec{
        margin-bottom:30px;
    }
    .breadcrumb-content h1{
        font-size:35px;
    }
    .address-main-box{
        margin-right:0;
    }
    .form-caontact{
        margin-left:15px;
    }
    .money-finaci-ff input, .money-finaci-ff select {
        height:50px;
    }
    .infinaces-box{
        padding:25px;
    }
    .infinaces-box li .num-title span {
        font-size:15px;
    }
    .steo-main-box{
        flex-wrap: wrap;
    }
    .call-btn-cta .call-ctafin .call-num a{
        font-size:20px;
    }

}