@media(max-width:1200px){
}
@media(max-width:1024px){
    .contactPage .sitemap {
        padding: 20px 0 0px;
    }
    .contactBnr .item1 {
        background: url(../images/contact-us-1024x768.webp);
    }
    .careerbanner .item1 {
        background: url(../images/career1024x768.webp);
    }
    .commonBnr .item div {
        max-width: 434px;
        margin-left: 20px;
        position: absolute;
        top: 30%;
    }
    .commonBnr .item{
        background-position: center !important;
        position: relative;
    }
    .aboutbanner .item1 {
        background: url(../images/about-us-1024x768.webp);
    }
    .homebanner .homeTxt {
        max-width: 490px;
    }
    .homebanner h1 {
        font-size: 45px;
        line-height: 40px;
        color: #fff;
        font-family: NewakeFont-Demo;
    }
    .homebanner .homeTxt p {
        line-height: 25px;
        font-size: 20px;
    }
    .homeTxt {
        position: absolute;
        top: 30%;
    }
    .homebanner .item {
        background-position: center !important;
    }
    .topheader .topages ul li {
        padding: 15px 0px 15px;
    }
    .homebanner .item1 {
        background: url(../images/banner1-1024-768.webp);
    }
    .homebanner .item2 {
        background: url(../images/banner2-1024x768.webp);
    }
    .homebanner .item3 {
        background: url(../images/banner3-1024x768.webp);
    }
    .homebanner .item4 {
        background: url(../images/banner4-1024x768.webp);
    }
    .homebanner .item5 {
        background: url(../images/banner5-1024x768.webp);
    }
    .footTop {
        margin-top: 0;
    }
    .comp-img img{
        width: 1007px;
    }
    .comp-img {
        position: static;
        width: 100%;
    }
    .our-board1 {
        padding-bottom: 30px;
    }
    .msmePge .overicon {
        display: flex;
        padding: 20px 0px 10px;
        gap: 20px;
    }
    .optionsloan {
        padding: 20px;
        position: relative;
        width: calc(50% - 10px);
    }
    .simple3option {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .investFlx {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }
    .investBox img {
        position: absolute;
        top: -30px;
        left: 50px;
    }
    .housingloansdetails .overicon .icon:nth-child(2) {
        max-width: 23%;
    }
    .loansdetails h2 {
        font-size: 25px;
        margin-top: 0px;
    }
    .loansdetails .applynow {
        margin-left: 0px;
        margin-right: 0px;
        text-align: left;
        margin-top: 40px;
    }
    footer .copyright ul li {
        border-right: 0;
        padding-bottom: 0px;
    }
    footer .col-sm-5 ul:nth-child(4) {
        display: flex;
    }
    footer .col-sm-5 ul {
        display: flex;
        padding-left: 0px;
        gap: 20px;
    }
    footer .col-sm-5 p {
        max-width: 100%;
    }
    .form-container {
        padding: 0px 30px;
        max-width: 100%;
        margin: 0px 0 0;
    }
    .optionborder .divcricle p {
        font-size: 40px;
        padding: 10px 10px 10px 15px;
        color: #fff;
        font-family: Rubik-Medium;
        text-align: center;
        margin: 0px auto;
    }
    .optionsloan:before {
        content: '';
        position: absolute;
        background: url(../images/step-img1.svg);
        top: 0px;
        left: 0;
        width: 100%;
        height: 110px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    .testimonialcustomer h2 {
        padding-left: 160px;
    }
   .simplestepapply .row{
    flex-direction: column;
    align-items: center;
   }
    .scrolltxt {
        padding-left: 0;
        margin-top: 30px;
    }
  
    .simpletxt div:last-child {
        margin-left: 0;
    }
   
    .simplestepapply, .knowaboutus {
        height: auto;
        overflow: visible;
    }
    
    .simpletxt {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .hasslefreeloantype .hasslecricle:nth-child(4) a {
        margin-top: 70px;
    }
    .hmhasslefreeloan {
        height: auto;
    }
    .hasslefreeloantype .hasslecricle::before {
        content: '';
        position: absolute;
        background: #A7D6EC 0% 0% no-repeat padding-box;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0;
        left: 0;
        transition: ease all 0.3s;
        border-radius: 20px;
    }
    .hasslefreeloantype .hasslecricle:hover p, .hasslefreeloantype .hasslecricle:hover a {
        display: none;
    }
    .hasslefreeloantype .hasslecricle p, .hasslefreeloantype .hasslecricle a {
        display: block !important;
    }
    .hasslecricle h6 span {
        display: inline;
    }
    .hasslefreeloantype .hasslecricle {
        width: 100%;
        float: none;
        position: relative;
        margin-right: 15px;
        flex: 1 1 calc(33.33% - 10px);
        font-size: 20px;
        margin-bottom: 20px;
    }
    .hasslefreeloantype {
        overflow: visible;
        min-height: auto;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .homebanner .owl-carousel .owl-stage-outer {
        overflow: hidden;
    }
   
    .topheader {
       padding:  15px 0px 0px 30px;
       justify-content: space-between;
    }
    .topheader .topages ul {
        padding-left: 0px;
    }
    
    .topheader .topages ul li a:last-child {
        margin-right: 20px;
    }
    .pagesmenu {
        padding-left: 30px;
    }
    .pagesmenu ul, .pagesmenu ul li ul {
        padding-left: 0;
    }
    .topheader .topages ul li a {
       font-size: 11px;
    }
    .pagesmenu ul li a {
        font-size: 11px;
    }
}
@media(max-width:991px){
#enqNow .enqFlx {
    display: block;
    padding: 25px 0px 40px 30px;
    margin: 0px 2px 25px;
}
    .applCareer {
    position: absolute;
    bottom: 15px;
}
    .inveJoinCareer {
    height: auto !important;
}
    .csrflx div::after {
    content: "";
    position: absolute;
    border-right: none;
    background: none;
}
    .keyBox {
    height: auto;
}
    .keyTxt{
        display: flex;
        gap: 20px;
        align-items: center;
    }
    .keyTxt img{
        width: 60px;
    }
    .empoSec {
    margin: 50px 0 50px;
}
.csrBnrTxt{
    display: block;
}
    .aboutoverview .container .row .col-xl-3 div{
        text-align: center !important;
    }
    
    .elgMain {
    background: #F3F5FD;
    padding: 40px 0 70px;
    margin-top: 50px;
}
    .loansdetails {
    padding: 30px 0px 40px;
}
    .simplemain .container .row .col-xl-4:nth-child(4) .stepBox{
        margin-bottom: 50px;
    }
    .aboutbanner .item1 div p {
    margin-bottom: 10px;
}
    .mapGlob {
    position: relative;
    background: url(../images/map-img-mob.webp);
    height: 100vh;
    background-position: center;
    background-size: cover;
}
    .inveJoin .form-container{
        padding: 30px 30px 30px;
    }
     .knowaboutus {
        margin-bottom: 70px;
    }
    .applynow {
    margin-left: 0px;
}
    .ourpartners h2 {
    padding-bottom: 10px;
    padding-top: 40px;
}
    .ourpartners h6 {
    padding-bottom: 30px;
}
    .aboutoverview .container .row .col-xl-3{
        max-width: 50%;
        width: 100%;
    }
    .applyMain .modal{
        z-index: 99999;
    }
    .my-sidenav .applynow {
    margin-left: 0px;
    padding-top: 20px;
    padding-right: 0px;
    margin-bottom: 10px;
}
    .search-box {
    padding-top: 20px;
}
    .search-box label {
    width: 100%;
}
.search-box button {
    float: right;
}
    .hmhasslefreeloan h2 {
    margin-bottom: 30px;
}
    .hmhasslefreeloan {
    padding: 40px 0px 30px;
}
       .misiontxt{
        margin-top: 20px;
       }
  .csrflx {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
  gap: 20px; /* adjust spacing between items */
}
.csrflx img {
  width: 60px; /* or your desired size */
}
        .comp-img img {
        width: auto;
    }
        .form-container {
        padding: 0px 0px 30px;
        max-width: 100%;
        margin: 15px 0 0;
    }
    .greenFinance .item1 {
    background-image: url(../images/mob/green-finance-mob.webp);
    background-position: bottom !important;
}
    .appFlx {
    display: flex;
    gap: 10px;
    margin-top: 0px;
    margin-left: 0px !important;
    top: unset !important;
    align-items: center;
}
    .hassleTab ul.nav-tabs {
        display: none;
    }
    .glob h2 {
     padding-top: 20px; 
}
    .hassleTab {
        display: block!important;
    }
       #tab_selector:focus-visible {
        border: 1px solid #05509F;
        outline: none !important;
    }
        #tab_selector {
        border: 1px solid #05509F;
        background-color: #EFF0FF;
        width: 100%;
        padding-bottom: 5px;
        display: block;
        margin-bottom: 30px;
        color: #2571BC;
        font-size: 18px;
        padding: 15px;
       font-family:Rubik-Medium;
        appearance: none;
        background-image: url(../images/s-down-arrow.png) !important;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-repeat: no-repeat !important;
        background-position: 95% 50% !important;
        margin-top: 20px;
    }
    .commPara{
        margin-bottom: 50px;
    }
    .csrflx div {
    margin-bottom: 20px;
}
    .csrflx {
   margin: 20px 0 0;
    text-align: left;
}
    .csrbanner .item1 {
    background: url(../images/csr-mob.webp);
}
    .stepBox {
    padding: 90px 0px 30px 25px;
    margin-bottom: 90px;
    height: auto;
}
.hassleTab .tab-content {
    width: 100%;
}
.simplemain .btncenter {
     margin-top: 0px; 
}
.stepBox p {
    max-width: 100%;
    width: 100%;
}
    .brdRgt {
    border-right: 0px;
    height: auto;
}
    .logoFlx {
    display: block;
}
    .logoFlx img {
    width: 100%;
}
    .boardSec {
    padding: 95px 0 0px;
}
    .director-card {
    margin-bottom: 30px;
}
    .handrght img {
    width: 110px;
}
    .handlft img {
    width: 120px;
}

.handlft {
    position: absolute;
    left: 0;
    bottom: -30px;
}
    .misiontxt {
    margin-bottom: 15px;
}
    .txtcntr {
    text-align: left;
}
    .aboutoverview .container .row .col-xl-3:nth-child(3), .aboutoverview .container .row .col-xl-3:nth-child(4), .aboutoverview .container .row .col-xl-3:nth-child(5), .aboutoverview .container .row .col-xl-3:nth-child(7), .aboutoverview .container .row .col-xl-3:nth-child(8) {
    padding-left: 15px;
}
    .aboutoverview .container .row .col-xl-3:nth-child(6), .aboutoverview .container .row .col-xl-3:nth-child(2) {
    max-width: 50%;
    width: 100%;
}
    .keyMain .container .row .col-xl-3:nth-child(3), .keyMain .container .row .col-xl-3:nth-child(4), .keyMain .container .row .col-xl-3:nth-child(5), .keyMain .container .row .col-xl-3:nth-child(7), .keyMain .container .row .col-xl-3:nth-child(8) {
    text-align: left;
}
    .keyMain .container .row .col-xl-3:nth-child(2), .keyMain .container .row .col-xl-3:nth-child(6) {
    max-width: 100%;
    width: 100%;
    text-align: left;
}

.keyMain .container .row .col-xl-3 {
    height: auto;
    margin-bottom: 50px;
}
    .keyMain .applynow {
    text-align: left;
}
    .keyMain .container .row .col-xl-4:nth-child(3), .keyMain .container .row .col-xl-4:nth-child(4), .keyMain .container .row .col-xl-4:nth-child(6), .keyMain .container .row .col-xl-4:nth-child(7) {
    text-align: left;
}
    .keyMain .container .row .col-xl-4 {
    height: auto;
    margin-bottom: 30px;
}

.brdRght {
    border-right: 0px;
}
    .keyMain .container .row .col-xl-4:nth-child(2) .keyTxt, .keyMain .container .row .col-xl-4:nth-child(5) .keyTxt {
    max-width: 100%;
    width: 100%;
    text-align: left;
}
    .proHousing .item1 {
    background-image: url(../images/housing-loan-b-mob.webp);
    background-position: bottom !important;
}
    .proMachine .item1 {
    background-image: url(../images/machinery-loans-mob.webp);
    background-position: bottom !important;
}
    .proBus .item1 {
    background-image: url(../images/business-loan-mob.webp);
    background-position: bottom !important;
}
    .proPersonal .item1 {
    background-image: url(../images/personal-loan-b-mob.webp);
    background-position: bottom !important;
}
    section.msmebnnr.commonBnr.vehicle-loan .item1{
        background-image: url(../images/mob/vehicle-loan-page-mob.webp);
        background-position: bottom !important;
    }
    section.msmebnnr.commonBnr.personal-loan .item1{
        background-image: url(../images/mob/personal-loan-page-mob.webp);
        background-position: bottom !important;
    }
    section.msmebnnr.commonBnr.msme-loan .item1{
        background-image: url(../images/mob/msme-Page-mob.webp);
        background-position: bottom !important;
    }
    section.msmebnnr.commonBnr.loan-poverty .item1{
        background-image: url(../images/mob/loan-against-property-page-mob.webp);
        background-position: bottom !important;
    }
    section.msmebnnr.commonBnr.housing-loan .item1{
        background-image: url(../images/mob/housing-loan-page-mob.webp);
        background-position: bottom !important;
    }
    .overicon {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row;
    }
    .icon:nth-child(4) img, .icon:nth-child(5) img {
        margin: 0 auto !important;
    }
    .icon {
        width: 30% !important; 
        text-align: center !important;
    }
    .overicon .icon{
        max-width: none !important;
    }
    .icon:nth-child(4),
    .icon:nth-child(5) {
        width: 45% !important; 
        margin-top: 30px;
       
    }
    /* .copyright .col-sm-4, .col-sm-5, .col-sm-3{
        padding-left: 0px;
    } */
    footer .col-xl-3 h6 {
        padding-bottom: 15px;
    }
    footer .col-xl-5 .row .col-6 h6 {
      padding-top: 20px;
      padding-bottom: 15px;
    }
    footer .col-xl-5 .row .col-6 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .homaPage .footTop {
        margin-top: 70px;
    }
    .servingbetter .btncenter {
        margin-top: 50px;
    }
    .servingbetter {
        padding: 44px 0px 50px;
    }
    .boardSecStreed {
    padding: 50px 0 50px;
}
    .inveJoin {
        position: relative;
    }
    .careerbanner .item1 div p>span.spnBlck {
        display: inline;
    }
    
    .bannerslider.owl-carousel .owl-item{
        margin-right: 0px !important;
    }
    .homeTxt {
        position: absolute;
        top: 40%;
    }
    .homebanner .homeTxt p:nth-child(3) {
        font-size: 18px;
        line-height: 25px;
        padding-bottom: 15px;
    }
    .bannerslider.owl-carousel .owl-stage{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .commonBnr .item {
        display: flex;
        align-items: start;
        padding-top: 180px;
    }
    .commonBnr h1 {
        font-size: 25px;
        line-height: 25px;
    }
    .commonBnr .item div {
        max-width: none;
        margin-left: 15px;
    }
    .msmebnnr .item1 {
        background: url(../images/mob/product-banner-new-mob.webp);
        background-position: right !important;
    }
    .contactBnr .item1{
        background: url(../images/mob/contact-us-banner-img-mob.webp);
    }
    .careerbanner .item1{
        background: url(../images/mob/career-banner-img-mob.webp);
    }
    .investorBnr .item1{
        background: url(../images/mob/investor-banner-new-mob.webp);
        background-position: top !important;
    }
    .aboutbanner .item1 {
        background: url(../images/mob/about-us-banner-mob.webp);
    }
    .footTop h4 {
        font-size: 18px;
    }
    .fottBtn a {
        font-size: 14px;
        padding: 10px 18px 10px;
    }
    .fottBtn {
        margin-top: 0px;
    }
    .managementbox {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex: 1 1 auto;
        width: 100%;
        height: 100%;
    }
    .box .boxtxt p {
        display: block;
    }
    .boxtxt {
        position: unset;
        padding: 10px 0 20px;
    }
    .box {
        width: 100%;
        cursor: pointer;
        position: relative;
        transition: all .5s ease-in-out;
        margin-right: 24px;
        background-image: none;
        background-size: cover;
        height: auto;
        border-radius: 15px;
        background-position: center;
    }
    .boxImg{
        display: block;
    }
    .box:hover {
        background-image: none;
    }
    .boxtxt h6, .boxtxt p{
        color: #000;
    }
    
    .our-board1 {
        padding-bottom: 0px;
    }
    .productsbanner .contactBg{
        background: url(../images/mob/product-page-mob.webp);
        height: 100vh;
        background-size: cover;
        background-position: bottom;
        position: relative;
    }
    .investorBg {
        background: url(../images/mob/investor-page-mob.webp);
        height: 100vh;
        position: relative;
        background-position: center;
        background-size: cover;
        padding-left: 15px;
    }
    .contactBg {
        background: url(../images/mob/contact-us-mob.webp);
        height: 100vh;
        background-size: cover;
        background-position: bottom;
        position: relative;
    }
    .careerBg {
        background: url(../images/mob/career-page-mob.webp);
        height: 100vh;
        width: 100%;
        background-position: bottom;
        background-size: cover;
        position: relative;
    }
    .careerTxtBnr {
        position: absolute;
        top: 260px;
    }
    .aboutbanner .contactBg {
        background-image: url(../images/mob/about-us-page-mob.webp);
        background-size: cover;
        background-position: center;
        height: 100vh;
    }
    .vehiclePage  .overicon {
        display: flex;
        justify-content: normal;
        gap: 30px;
    }
    .tectitxt {
        display: flex;
        align-items: start;
        gap: 20px;
        margin-bottom: 30px;
    }
    .optionborder p {
        max-width: 270px;
    }
    .homebanner .item div {
        max-width: 100%;
        margin-left: 60px;
        position: absolute;
        top: 150px;
    }
    .homebanner h1 {
        font-size: 30px;
        line-height: 28px;
    }
    .homebanner .item div p:nth-child(3) {
        font-size: 20px;
    }
    .homebanner .item {
        height: 100vh;
        background-position: bottom !important;
        min-height: auto;
    }
    .homebanner .item1 {
        background: url(../images/mob/banner-mob1.webp);
        
    }
    .homebanner .item2 {
        background: url(../images/mob/banner-mob2.webp);
    }
    .homebanner .item3 {
        background: url(../images/mob/banner-mob3.webp);
    }
    .homebanner .item4 {
        background: url(../images/mob/banner-mob4.webp);
    }
    .homebanner .item5 {
        background: url(../images/mob/banner-mob5.webp);
    }
    .loanPge .loansdetails .overicon {
        display: flex;
        justify-content: start;
        gap: 30px;
    }
    .investBox {
        min-height: 110px;
    }
    .investBox img {
        left: 33px;
    }
    .housingloansdetails .overicon .icon:nth-child(2) {
        max-width: 25%;
    }
    .loansdetails .applynow {
        margin-left: 0px;
        margin-right: 0px;
        text-align: left;
        margin-top: 40px;
    }
    .loansdetails h2 {
        font-size: 25px;
        margin-top: 0px;
    }
    section.sitemap {
        padding: 20px 0 50px;
    }
    .formCareer {
        max-width: 100%;
    }
    .hasslecricle h6 {
        padding-bottom: 15px;
        font-size: 20px;
    }
    .hasslecricle p{
        text-align: center;
        padding: 0 20px;
    }
    .certiIns div {
        display: block;
    }
    footer .col-sm-5 p {
        padding: 15px 0px 20px;
        max-width: 100%;
    }
    footer .col-sm-7 .col-sm-4 p:nth-child(2), footer .col-sm-7 .col-sm-4 p:nth-child(3) {
        padding-bottom: 10px;
    }
    footer .col-sm-7 h6 {
        font-size: 18px;
        padding: 15px 0px 10px;
    }
    footer .col-sm-5 ul:nth-child(4) {
        display: flex;
    }
    .optionsloan:last-child {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .simple3option {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .optionsloan {
        padding: 20px;
        position: relative;
        width: calc(50% - 10px);
    }
    .strategic-priorities {
        min-height: auto;
        padding: 50px 0 50px;
    }
    .aboutvision h2, .strategic-priorities h2, .our-board h2 {
        font-size: 25px;
    }
    .misiontxt div:last-child {
        max-width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    .visiontxt div:last-child {
        margin-left: 0px;
        max-width: 100%;
        margin-top: 30px;
    }
    .aboutoverview h6 {
        font-size: 18px;
    }
    .aboutoverview h2 {
        font-size: 25px;
    }    
    .hasslefreeloantype .hasslecricle {
        margin-right: 0;
        flex: none;
    }
    footer .copyright ul li {
        padding: 5px 0px 5px;
        border-right: 0;
        line-height: 14px;
    }
    footer .copyright .col-sm-3 p {
        text-align: left;
        padding-top: 5px;
    }
    footer .col-sm-5 ul {
        list-style: none;
        display: block;
        padding-left: 0px;
    }
    .overicon {
        display: flex;
        justify-content: space-between;
    }
    .our-board1 .row{
        flex-direction: column-reverse !important;
    }
    .our-board p {
        padding-left: 0;
    }
    section.our-board .container .row img {
        margin-top: 40px;
    }
    .our-board h3 {
        padding-left: 0px;
        padding-top: 0px;
    }
    section.our-board .row {
        flex-direction: column;
    }
    .valDiv h2 {
        margin-top: 30px;
    }
    .valDiv .row {
        display: block;
    }
    .misiontxt {
        margin-left: 0;
    }
    .visiontxt, .misiontxt, .valuetxt {
        display: block;
    }
    .swiper-slide-active .certiIns:before {
        top: 0px;
        left: 0;
        background-image: url(../images/comma1.svg);
        width: 50px;
        height: 50px;
        background-size: cover;
    }
    .swiper-slide-active .certiIns:after {
        bottom: 0px;
        right: 0;
        background-image: url(../images/comma2.svg);
        width: 50px;
        height: 50px;
        background-size: cover;
    }
    .certiIns {
        padding: 60px 0px 20px 0px;
        position: relative;
    }
    .testimonialcustomer {
        padding: 50px 0;
    }
    
    .swiper-slide {
        text-align: center;
    }
    
    .certiIns img {
        max-width: 80px; /* Reduce image size for mobile */
        border-radius: 50%;
        margin: 0px;
    }
    
    .certiIns p {
        font-size: 16px; /* Adjust text size for readability */
        padding: 0 10px;
    }
    
    .swiper-button-next, .swiper-button-prev {
        width: 40px; /* Adjust button size */
        height: 40px;
    }
    .testimonialcustomer .row {
        flex-direction: column-reverse; /* Stack testimonials first */
    }

   

    .swiper-slide {
        width: 100%;
    }

    .swiper-button-next, .swiper-button-prev {
        display: none; /* Hide navigation buttons on mobile */
    }
    .testimonialcustomer h2 {
        padding-left: 0px;
        margin-top: 0px;
    }
    .testimonialcustomer {
        padding: 50px 0px 50px;
        background-color: #F3F5FD;
    }
    .topheader, 
    .pagesmenu {
        display: none !important;
    }
    header .container .row {
        align-items: center;
        justify-content: space-between;
        gap: 115px;
    }

    header .container {
        display: block;
        justify-content: center;
        padding: 10px 15px 10px 10px;
    }

    header .container .row .col-sm-2, .col-sm-10 {
        width: auto; /* Allows flexible width */
    }

    .logo img {
        max-width: 150px; /* Adjust logo size */
        height: auto;
    }

    .hamburgerMenu {
        display: block; /* Ensure the hamburger menu is visible */
        margin-left: auto; /* Pushes it to the right */
        padding-left: 20px; /* Adds spacing between logo and menu */
    }
    header .topheader,
header .pagesmenu {
    display: flex; /* Ensures elements are visible on larger screens */
}
    .hasslecricle p {
        padding: 0px 10px;
    }
    .hmhasslefreeloan h2, .simplestepapply h2, .servingbetter h2, .knowaboutus h2, .testimonialcustomer h2 {
        line-height: 30px;
        font-size: 25px;
    }
    .hmaboutsec h2 {
        font-size: 25px;
        padding-top: 30px;
    }
  .hmaboutsec .row:nth-child(1){
    flex-direction: column;
  }
    .hasslefreeloantype .hasslecricle:nth-child(1) a {
        margin-top: 65px;
    }
    .knowaboutus .row{
        flex-direction: column;
    }
    .testimonialcustomer .row{
        flex-direction: column-reverse;
    }
    .optionborder h6 {
        text-align: center;
        max-width: 299px;
        color: #EE6464;
        font-size: 24px;
        margin: auto;
        padding: 40px 10px 10px;
    }
    .optionsloan:before {
        content: '';
        position: absolute;
        background: url(../images/step-img1.svg);
        top: -20px;
        left: -1px;
        width: 100%;
        height: 110px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .optionborder .divcricle p {
        font-size: 30px;
        padding: 0px 0 15px 0px;
    }
    .simpletxt {
        display: flex;
        margin-bottom: 54px;
    }
    .hasslefreeloantype .hasslecricle:nth-child(2) a {
        margin-top: 38px;
    }
    .hmaboutsec .hmbtn {
        padding: 15px 20px 15px;
    }
    header{
        box-shadow: none;
        padding: 15px 0px 0px;
        margin-bottom: 0px;
        position: absolute;

    }
    .hamburgerMenumob {
        display: block;
        float: right;
    }
    .topheader, .pagesmenu{
        display: none;
    }
    .menu, .nav-icon3 {
        display: none;
    }   
    .my-sidenav {
        width: 0px;
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        overflow-x: hidden;
        z-index: 999;
        height: 100vh;
        max-width: 0px;
        width: 100%;
        background-color:#003974;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }
    .my-sidenav>ul {
        padding: 0px 20px 0px;
    }
    .my-sidenav>ul>li>ul {
        margin-top: 0px;
        display: none;
    }
    .my-sidenav ul.submenu li ul.submenu {
        display: none;
        position: static;
        width: 100%;
    }
    .my-sidenav ul {
        list-style-type: none;
        padding-left: 15px;
    }
    .my-sidenav ul li
    {
        border-bottom: 1px solid #ffffff;
        padding: 15px 0px;
    }
    .my-sidenav > ul > li > ul >li
    {
        border-bottom: 1px solid #ffffff;
        padding: 10px 0px;
    }
    .my-sidenav > ul > li > ul >li:last-child, .my-sidenav ul.submenu li ul.submenu li:last-child
    {
        border-bottom: 0px;
    }
    .my-sidenav ul.submenu li ul.submenu li {
        border-bottom: 1px solid #ffffff;
        padding: 10px 10px;
    }
    .my-sidenav ul.submenu li ul.submenu li a {
        color: #ffffff;
        font-size: 16px;
    }

    .cross-btn1 {
        text-align: right;
        padding: 16px 14px 0px 0px;
        color: #fff;
        font-size: 35px;
        cursor: pointer;
    }
    .my-sidenav .submenu-indicator-minus .submenu-indicator {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .my-sidenav .submenu-indicator {
        font-size: 30px;
        position: absolute;
        line-height: 25px;
        right: 15px;
    }
    .my-sidenav>ul>li>a {
        color: #ffffff;
        font-size:18px;
        display:block;
    }
    .my-sidenav>ul>li>ul>li>a {
        color: #ffffff;
        font-size: 14px;
    }
    .my-sidenav>ul>li>ul>li>a img {
        padding-right: 0;
        float: right;
        padding-left: 50px;
    }

}

@media (max-width: 768px) {
    .swiper {
        width: 500px !important;
        height: 300px !important;
    }
    .testimonialcustomer .row {
        flex-direction: column-reverse; /* Stack testimonials first */
    }

    .swiper-slide {
        width: 100%;
    }

    .swiper-button-next, .swiper-button-prev {
        display: none; /* Hide navigation buttons on mobile */
    }
    /*  */
    footer .col-sm-7 h6 {
        font-size: 14px;
    }
    footer .col-sm-7 ul li a {
        font-size: 12px;
    }
    footer .col-sm-7 .col-sm-4 p{
        font-size: 12px;
    }
   
}
@media (max-width: 430px){
    .enqFlx div a {
        font-size: 11px;
    }
    .fottBtn {
        margin-top: 25px;
    }

    .socFlx {
        display: block;
    }
    .footTop .row {
        padding: 20px 30px 30px 20px;
    }
    .inveJoin .nav.nav-tabs .nav-link {
        min-width: 100%;
        width: 100%;
    }
    .our-board1 .col-sm-5 img {
        margin-left: 0px;
    }
    .productsbanner .contactBg{
        padding-left: 15px;
    }
    .joinFlx {
        display: flex;
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }
    .careerTxtBnr p span {
        display: inline;
    }
    .contactBg {
        padding-left: 15px;
    }
    .careerTxtBnr {
        position: absolute;
        top: 150px;
    }
    .careerTxtBnr h1 {
        font-family: NewakeFont-Demo;
        font-size: 28px;
        line-height: 30px;
    }
    .careerBg {
        padding-left: 15px;
    }
    .careerTxtBnr p {
        font-size: 14px;
    }
    .tectitxt {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }
    .simpletxt {
        display: flex;
        margin-bottom: 54px;
        flex-direction: column;
    }
    .hmbtn {
        font-size: 14px;
        line-height: 0px;
        padding: 10px 15px 10px 15px;
    }
    .homebanner .item div p:nth-child(3) {
        font-size: 16px;
        padding-bottom: 15px;
        line-height: 20px;
    }
    .homebanner .item div {
        max-width: 100%;
        margin-left: 20px;
        position: absolute;
        top: 40px;
    }
    .loansdetails h2 {
        margin-top: 30px;
    }
    .investFlx {
        display: flex;
        justify-content: space-between;
        gap: 50px;
        flex-direction: column;
        align-items: center;
    }
    .investBox img {
        left: 68px;
    }
    .overicon .icon img {
        margin: auto 0;
        display: block;
    }
    .housingloansdetails .overicon .icon:nth-child(2) {
        max-width: 25%;
    }
    
    .swiper {
        width: auto !important;
        height: auto !important;
    }
    .optionsloan {
        width: 100%;
    }
    .optionsloan:last-child {
        display: block;
    }
}
@media (max-width: 380px){
    .contactPage .form-container{
        margin-top:30px;
       
    }
header .container .row
 {
        align-items: center;
        justify-content: space-between;
        gap: 65px;}
    
    .haveBrdr {
        height: 185px;
    }
    .footTop h4 {
        font-size: 15px;
    }
    .fottBtn a {
        font-size: 13px;
    }
      .fottBtn a {
        width: 100%;
        font-size: 13px;
        max-width: 177px;
        display: inline;
    }
    .fottBtn a:first-child {
    margin-right: 15px;
    display: block;
    margin-bottom: 20px;
}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .keyMain .container .row .col-xl-3:nth-child(2), .keyMain .container .row .col-xl-3:nth-child(6){
        max-width: 50%;
    }
    .investFlx {
        display: flex;
        justify-content: flex-start;
        gap: 20px;
    }
    .aboutoverview .container .row .col-xl-3:nth-child(2) {
        max-width: 50%;
        width: 100%;
    }
     .aboutoverview .container .row .col-xl-3:nth-child(7), .aboutoverview .container .row .col-xl-3:nth-child(8) {
    padding-left: 0px;
}
    .stepBox {
        padding: 90px 45px 50px;
        margin-bottom: 90px;
    }
    .stepBox {
    height: auto;
}
.stepBox p {
    max-width: 100%;
    width: 100%;
}
.csrflx {
        display: flex;
        text-align: center;
    }
}
@media only screen and (min-width: 390px) and (max-width: 430px) {
 .haveBrdr {
    height: 130px;
}
    .footTop h4 {
        font-size: 17px;
    }
        .fottBtn a {
        font-size: 12px;
    }
}