/* large screen */
@media screen and (min-width:2500px){
    .insurance-inr .insurance-bg { width: 53%; }
    .sub-about .about-img { margin-right: 0vw; }
    .sub-about::after { width: 350px; height: 350px; }
    .sub-about .about-content{padding-bottom: 55px;}
}
@media screen and (min-width:3000px){
    .insurance-inr .insurance-bg { width: 55%; }
}
@media screen and (min-width:4000px){
    .insurance-inr .insurance-bg { width: 60%; }
}

@media screen and (min-width:1400px){
    .container{ max-width: 1470px; }
}
@media screen and (max-width:1750px){
    .sub-about .about-img { margin-right: -4vw; }
    .sub-about .about-content{padding-bottom: 40px;}
    .sub-about::after { width: 20%; height: 50%; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-content h2 {
        font-size: 40px;
    }
}

@media screen and (max-width:1599px) {
    .header-inr .navbar .navbar-nav .nav-item .nav-link{margin : 0 18px;}
    .header-inr .navbar .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle{margin-right: 34px;}
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{left: 18px;}
    
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item span { width: 27px; height: 27px; }

    /* .subpage-banner-inr .banner-content h2{font-size: 47px;} */

    .sub-about .about-img { margin-right: 0vw; margin-left:-3vw;}
    .sub-about .about-content { padding-right: 80px; }
    .vision-inr .vision-content { margin-left: -6vw; }

    .loan-details-inr .loan-detail-img .home-loan-zpf { min-width: 110px; }
    
}
@media screen and (max-width:1399px) {
    /*.container{max-width: 1140px;}*/
    h1, .h1{font-size: 47px;}
    h2, .h2{ font-size: 37px;}

    .slick-arrow { left: calc(48.5% - 8px); }
    .slick-next.slick-arrow { left: calc(51.5% + 8px); }
    .slick-dots li button { width: 12px; height: 12px; }

    .direct-enquiry-popup .modal-body h1 { font-size: 37px; }
    .direct-enquiry-popup{--bs-modal-width: 1080px;}

    .header-inr .navbar .navbar-brand { margin: 0 35px 0 0px; }
    .header-inr .navbar .offcanvas-body-right { gap: 15px; padding-right: 0px; }
    .header-inr .navbar .navbar-nav { margin: 0 -14px; }
    .header-inr .navbar .navbar-nav .nav-item .nav-link { margin: 0 14px; }
    .header-inr .navbar .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle{margin-right: 30px;}
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{left: 14px;}
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item { padding: 10px 0; }

    .hero-inr .hero-fg-otr { padding: 52px 0 70px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-content h2 { font-size: 37px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-content p { max-width: 90%; }
    .hero-inr .hero-fg-otr .hero-fg-slider { padding: 0; }

    .various-loan .various-loan-inr .loan-item .loan-box .loan-content { padding: 0 39px 72px 29px; }
    .various-loan .various-loan-inr .loan-item { padding: 0 15px; }
    .various-loan .various-loan-inr { margin: 0 -15px; }
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content .loan-icon{ width: 90px; height: 90px; }
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content .loan-icon img{max-height: 40px; width: auto;}

    .insurance { padding: 70px 0 80px; }
    .insurance-inr .insurance-content { padding: 0 15px 0 0; }
    .insurance-inr .insurance-content .various-insurance { padding: 26px 0 36px; max-width: 83%; margin-left: -11px; }
    .insurance-inr .insurance-content .various-insurance .insurance-box .insurance-icon { width: 80px; height: 80px; }
    .insurance-inr .insurance-content .various-insurance .insurance-box .insurance-icon img{max-height: 40px; width: auto;}
    .insurance-inr .insurance-img { padding: 0px 80px 0 15px; }
    .insurance-inr .insurance-img .insurance-img-shape{right: -70px !important; bottom: 20px !important;}
    .insurance-inr .insurance-img .insurance-img-top{margin-left: 23%;}
    .insurance-inr .insurance-img .insurance-img-bottom { margin-top: -140px; }
    .insurance-inr .insurance-bg { width: calc(50% - 80px); }

    .growth, .enquiry, footer { padding: 90px 0 33px; }
    .growth-inr .various-growth .various-growth-inr .growth-item .growth-box .growth-content .counter { height: 43px; font-size: 35px; }

    .about { padding: 90px 0 78px; }
    .about-inr .about-content { padding: 0 40px 0 0px; }
    .about-inr .about-img { padding: 0 0 0 10px; }

    .founder-inr .founder-right { padding: 0  0 0 40px; }
    .founder-inr .founder-left .founder-intro h2 { font-size: 75px; margin-top: 0; }

    .enquiry { padding: 60px 0 60px; }
    .enquiry-inr { padding: 0; }

    .partners-inr .various-partners { padding: 45px 0 59px; }
    .partners-inr .various-partners .row > div { padding: 15px; }
    .partners-inr .various-partners .row { margin: -15px; }
    .partners-inr .various-partners .partner-box { min-height: 130px; }
    .partners-inr .various-partners .partner-box img { max-height: calc(130px - 60px); }

    .footer-inr .footer-top .footer-top-inr { padding: 0; grid-template-columns: 15% 136px auto 22% 15%; }
    .footer-inr .footer-top .footer-top-inr .office-location { padding-left: 60px; }
    .footer-inr .footer-top .footer-top-inr .office-location p { max-width: 90%; }
    .footer-inr .footer-bottom .footer-bottom-inr { padding: 0; }
    .footer-inr .footer-bottom { padding: 30px 0 30px; }

    .subpage-banner-inr .banner-content h2 { font-size: 43px; }
    /*.subpage-banner-inr { min-height: 260px; }*/
    .contact-us .contact-inr .contact-details {padding: 45px 30px;}
    .contact-us { padding: 70px 0; }
    .contact-us .contact-inr .contact-details .social-media::after { width: 58%; }
    .contact-us .contact-inr .contact-details .contact-address { width: 100%; }
    .contact-us .contact-inr .contact-details > div.social-media { width: 100%; }
    .contact-us .contact-inr .contact-details .contact-img { width: 65px; height: 65px; }
    .contact-us .contact-inr .contact-details .contact-img img { width: 32px; }
    .contact-us .contact-inr .get-in-touch-from { padding: 40px 30px; }

    .sub-about { padding: 70px 0 0; }
    .sub-about-inr, .vision-inr, .career-inr{padding: 0;}
    .sub-about .about-content { padding-right: 70px; }
    .sub-about .about-img { margin-top: 70px; position: sticky; top: 55px; height: auto !important; margin-bottom: 70px; }
    .sub-about::after { width: 25%; height: 38%; }
    .vision { padding: 70px 0; }
    .vision-inr .vision-content { margin-left: -10vw; margin-top: 70px; padding: 50px 60px; }

    .career, .career-form, .loan-details { padding: 70px 0; }
    .career-form-inr{margin: 0;}

    .insurance-type-inr { padding: 10px 0 85px; }
    .insurance-types-box h2 { font-size: 25px; max-width: 51%; }
    .insurance-box-left { min-width: 25%; }
    .insurance-types-box { padding: 40px 25px; }
    .insurance-inr.insurance-detail-inr .insurance-content { padding: 0 35px 0 0; margin-right: 30px; }
    .ul-list li { padding: 8px 22px; }
    .map-view-inr iframe{min-height: 450px;}

    .loan-details-inr .loan-detail-img::after { top: -17px; }
    .loan-fb-inr .accordion-item .accordion-button{padding: 25px 10px; font-size: 24px;}
    .loan-fb { padding: 0px 0 70px; }
    .loan-fb-inr .accordion-item .accordion-button.collapsed { padding: 40px 10px; }
    .loan-details-inr .loan-main-info .loan-info-box .loan-info-icon { width: 30px; }
    .loan-details-inr .loan-main-info .loan-info-box .loan-info-content{max-width: 91%;}
    .loan-details-inr .loan-detail-img .home-loan-zpf { min-width: 100px; }

    .thank-you-inr p, .error-inr p { max-width: 72%; }
}
@media screen and (max-width:1199px) {
    /*.container{max-width: 960px;}*/
    h1, .h1{font-size: 43px;}
    h2, .h2{ font-size: 33px;}

    .slick-arrow { left: calc(48.5% - 12px); }
    .slick-next.slick-arrow { left: calc(51.5% + 12px); }
    .slick-dots li button { width: 10px; height: 10px; }

    .direct-enquiry-popup .modal-body h1 { font-size: 34px; }
    .direct-enquiry-popup{--bs-modal-width: 960px;}

    .header-inr .navbar .offcanvas-body-right .header-btn { padding: 11px 40px 11px 21px; gap: 0; }
    .header-inr .navbar .offcanvas-body-right .header-btn:hover { padding: 11px 13px 11px 48px; }
    .header-inr .navbar .offcanvas-body-right .header-btn img { right: 21px; }
    .header-inr .navbar .navbar-nav .nav-item .nav-link, .header-inr .navbar .offcanvas-body-right .nav-tel span, .header-inr .navbar .offcanvas-body-right .header-btn { font-size: 16px; }
    .header-inr .navbar .offcanvas-body-right .header-btn::before { width: 36px; height: 41px; }
    .header-inr .navbar a.nav-tel { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--primary-color); }
    .header-inr .navbar a.nav-tel img{width: 17px; height: auto;}
    .header-inr .navbar .navbar-nav .nav-item .nav-link { margin: 0 11px; }
    .header-inr .navbar .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle{margin-right: 27px;}
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{left: 11px;}
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item{font-size: 15px;}
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item span { width: 25px; height: 25px; }

    .hero-inr .hero-fg-otr { padding: 42px 0 60px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-content h2 { font-size: 35px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-img { padding-left: 70px; }

    .loan, .partners{padding: 60px 0;}

    .growth{ padding: 80px 0 23px; }
    .growth-inr .various-growth .various-growth-inr .growth-item .growth-box .growth-content .counter { height: 38px; font-size: 32px; }
    .growth-inr .various-growth { padding: 56px 0; }
    .growth-inr .various-growth .various-growth-inr{row-gap: 50px; justify-content: center;}
    .growth-inr .various-growth .various-growth-inr .growth-item { width: 33.33%; }
    .growth-inr .various-growth .various-growth-inr .growth-item:nth-child(3)::after{display: none;}

    .insurance-inr .insurance-content .various-insurance { max-width: 91%; padding: 18px 0 36px; }
    .insurance-inr .insurance-img .insurance-img-bottom { margin-top: -85px; }
    .insurance-inr .insurance-img { padding: 40px 50px 0 15px; }
    .insurance-inr .insurance-img .insurance-img-shape { right: -22.5% !important; bottom: 74px !important; }
    .insurance-inr .insurance-bg { width: calc(50% - 50px); }
    .insurance-inr .insurance-content .various-insurance .insurance-box .insurance-title h3{margin: 0 12px;}

    .about { padding: 70px 0; }
    .about-inr .about-content { padding: 0 20px 0 0px; }

    .founder { padding: 56px 0 35px; }
    .founder-inr .founder-right .btn-grp { padding-top: 15px; }
    .founder-inr .founder-left .founder-bg-shape, .founder-inr .founder-left .founder-bg-shape svg{width: 100%;}
    .founder-inr .founder-left .founder-intro h2 { font-size: 65px; }
    .founder-inr .founder-right p:not([class]) { margin-top: 20px; }

    .enquiry { padding: 50px 0; }
    .enquiry h2 { font-size: 26px; max-width: 51%; }

    .partners-inr .various-partners { padding: 35px 0 49px; }
    .partners-inr .various-partners .partner-box { padding: 20px; min-height: 120px; }
    .partners-inr .various-partners .partner-box img { max-height: calc(120px - 60px); }
    .partners-inr .various-partners .row > div { padding: 12px; }
    .partners-inr .various-partners .row { margin: -12px; }

    .footer-inr .footer-top { padding: 68px 0 52px; }
    .footer-inr .footer-top .footer-top-inr { grid-template-columns: 13% 120px auto 25% 17%; }
    .footer-inr .footer-top .footer-top-inr .footer-logo a, .footer-inr .footer-top .footer-top-inr .footer-logo a img{width: 100%;}
    .footer-inr .footer-top .footer-top-inr .office-location { padding-left: 45px; }

    .subpage-banner-inr .banner-content h2 { font-size: 37px; }
    /*.subpage-banner-inr { min-height: 240px; }*/

    .sub-about { padding: 60px 0 35px; overflow: hidden; }
    .sub-about .about-img{position: unset; margin-bottom: 60px; margin-left: 0; margin-top: 0;}
    .sub-about .about-img img{max-height: 450px;}
    .sub-about::after { display: none;}
    .sub-about .about-content { padding-right: 0px; padding-bottom:0; }
    .sub-about::before { top: 70%; left: auto; right: -420px; }

    .vision { padding: 60px 0; }
    .vision-inr .vision-content { margin-left: -16vw; padding: 40px 50px; }
    .vision-inr .vision-content .vision-icon { width: 70px; }

    .career, .loan-details { padding: 60px 0; }
    .insurance-type-inr { padding: 0px 0 75px; }
    .insurance-types-box{margin-top: 30px;}

    .insurance-inr.insurance-detail-inr .insurance-content { padding: 0 40px 0 0; margin-right: 0px; }
    .insurance-type-icon { padding-right: 15px; margin-right: 15px; padding-block: 3px 3px; }
    .insurance-box-left { min-width: 30%; }
    .insurance.insurance-detail{padding-top: 60px;}
    .map-view-inr iframe{min-height: 430px;}

    .map-view { padding: 0px 0 0px; }
    .contact-us .contact-inr .contact-details .social-media::after { width: 80%; }
    .contact-us .contact-inr .contact-details { display: flex; flex-wrap: wrap; }
    .contact-us .contact-inr .contact-details .contact-no { width: 50%; border-bottom: 0 !important; }
    .contact-us .contact-inr .contact-details > div { padding: 22px 0; }
    .contact-us .contact-inr .contact-details .social-media::after { width: 81%; top: 32px; }
    .contact-inr { padding: 30px; }

    .loan-fb { padding: 0px 0 60px; }
    .loan-fb-inr .accordion-item .accordion-button { font-size: 22px; }
    .loan-details-inr .loan-main-info .loan-info-box { padding: 18px 21px; }
    .loan-details-inr .loan-detail-img .home-loan-zpf { min-width: 90px; }
    .other-serives-inr .other-serives-menu { column-gap: 20px; }

    .direct-enquiry-popup .modal-body .container { max-width: 960px; }


}
@media screen and (max-width:991px) {
    .under_construction h2 {font-size: 30px;}
    .career {padding-bottom: 40px;}
    /*.container{max-width: 720px;}*/
    h1, .h1{font-size: 37px;}
    h2, .h2{ font-size: 30px;}
    p{margin-bottom: 20px;}

    .slick-arrow { left: calc(48.5% - 14px); }
    .slick-next.slick-arrow { left: calc(51.5% + 14px); }
    .slick-dots li button { width: 8px; height: 8px; }
    .slick-prev.slick-arrow::before, .slick-next.slick-arrow::before { width: 9rem; }

    .direct-enquiry-popup{--bs-modal-width: 600px;}
    .direct-enquiry-popup .modal-body .model-body-inr { padding:20px 30px 30px; }

    .navbar-toggler{ border: 0; padding: 0; margin: 0; box-shadow: none; background: var(--primary-color); border-radius: 0; width: 46px; height: 46px; padding: 10px; display: flex; flex-direction: column; align-items: end; justify-content: center; gap: 6px; }
    .navbar-toggler-line{ width: 100%; height: 2px; background: var(--white-color); display: block; }
    .navbar-toggler-line:nth-child(1){width: 75%;}
    .navbar-toggler-line:nth-child(3){width: 50%;}
    .navbar-toggler:focus { box-shadow: none; }
    .header-inr .navbar .offcanvas-header .btn-close{ --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237a241d'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); width: 42px; height: 42px; padding: 0; margin: 0 0 0 auto; border-radius: 0; opacity: 1; border: 2px solid var(--primary-color); --bs-btn-close-focus-shadow:none; }
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{display: none;}
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu, .header-inr .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu{ transform: none; transition: none; max-height: none; overflow: unset; min-width: auto; box-shadow: none; }
    .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .menu-expand { position: absolute; right: 3px; top: 12px; display: block; width: 30px; height: 30px; z-index: 1; }
    .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .menu-expand.menu-clicked{ transform: rotate(-180deg); right: 0.6px; }
    .header-inr .navbar .navbar-nav .nav-item .nav-link::before, .header-inr .navbar .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle::after{display: none;}
    .menu-expand::before { content: ''; position: absolute; top: 13px; right: 10px; width: 8px; height: 8px; cursor: pointer; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; border: solid var(--body-color); border-width: 0 2px 2px 0; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
    .header-inr .navbar .navbar-nav { margin: 0; padding: 0 0 0 10px !important; }
    .header-inr .navbar .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle { margin-right: 0px; }
    .header-inr .navbar .navbar-nav .nav-item .nav-link{ margin: 0; padding: 16px 0; border-top: 1px solid #cccccc75; }
    .header-inr .navbar .navbar-nav .nav-item:first-child .nav-link{ border-top: 0; }
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item{border-bottom: 0; position: relative; padding: 6px 0 6px 32px;}
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{padding: 15px 0px 15px; border-top: 1px solid #cccccc75; background: transparent;}
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item::after { content: ''; position: absolute; top: 14px; left: 15px; width: 12px; height: 10px; background: url(../images/btn-arrow.svg) no-repeat local; background-size: contain; transform: rotate(-45deg); filter: brightness(0) saturate(100%) invert(25%) sepia(30%) saturate(0%) hue-rotate(217deg) brightness(103%) contrast(103%); transition: 0.3s ease; }
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item:hover::after, .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item.active::after{ filter: none; }
    .header-inr .navbar .offcanvas-body .offcanvas-body-right{ display: none !important; }
    .offcanvas{height: 100dvh;}
    .offcanvas-body{position: relative;}
    .offcanvas-body::after { content: ''; position: fixed; top: calc(100dvh - 260px); right: 0; width: 100%; height: 260px; background: url(../images/logo-icon.svg) no-repeat local; background-size: contain; background-position: right; filter: grayscale(1) opacity(0.03) contrast(3); z-index: -1; }
    .header-inr .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item span{display: none;}

    .hero-inr .hero-fg-otr { padding: 35px 0 55px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-content h2 { font-size: 29px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-content p { max-width: 100%; line-height: 1.47; font-size: 16px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-img { padding-left: 50px; }

    .insurance { padding: 20px 0 60px; }
    .insurance-inr .insurance-content > p:not([class]) { max-width: 100%; }
    .insurance-inr .insurance-content .various-insurance { max-width: 68%; }
    .insurance-inr .insurance-bg { width: 80%; top: auto !important; bottom: 0; }
    .insurance-inr .insurance-img .insurance-img-bottom { margin-top: -165px; }
    .insurance-inr .insurance-img { padding: 50px 100px 5px 0px; }
    .insurance-inr .insurance-img .insurance-img-shape { bottom: 0 !important; right: -50px !important; }

    .growth { padding: 70px 0 13px; }
    .growth-inr .various-growth .various-growth-inr .growth-item .growth-box .growth-content .counter { height: 34px; font-size: 29px; margin-top: 22px;}

    .about { padding: 60px 0; }
    .about-inr > div{flex-direction: column-reverse; row-gap: 45px;}
    .about-inr .about-content, .about-inr .about-img { padding: 0; }
    .about-inr .about-img img{width: auto !important; height: auto !important;}

    .founder { padding: 30px 0 65px; }
    .founder-inr .row{ row-gap: 50px;}
    .founder-inr .founder-right { padding: 0; }
    .founder-inr .founder-right p:not([class]) { margin-top: 18px; }

    .enquiry h2 { font-size: 22px; }

    .partners { padding: 45px 0 60px; }
    .partners-inr .various-partners .partner-box { min-height: 110px; }
    .partners-inr .various-partners .partner-box img { max-height: calc(110px - 68px); }

    .footer-inr .footer-bottom .footer-bottom-inr{flex-direction: column; row-gap: 14px; justify-content: center !important;}
    .footer-inr .footer-bottom { padding: 20px 0 20px; }
    .footer-inr .footer-top .footer-top-inr  .footer-logo { grid-row: 1; grid-column: 1 / span 3; }
    .footer-inr .footer-top .footer-top-inr .footer-logo a, .footer-inr .footer-top .footer-top-inr .footer-logo a img { width: auto; }
    .footer-inr .footer-top .footer-top-inr .footer-nav { grid-row: 2; grid-column: 1 / span 3; padding: 50px 0 30px; }

    .footer-inr .footer-top .footer-top-inr .footer-nav ul { display: flex; align-items: center; gap: 4px 18px; flex-wrap: wrap; }
    .footer-inr .footer-top .footer-top-inr .footer-nav ul li a { color: #ffffffbf; }
    .footer-inr .footer-top .footer-top-inr .footer-nav ul li a:hover { color: var(--secondary-color); }
    .footer-inr .footer-top .footer-top-inr .office-location, .footer-inr .footer-top .footer-top-inr .contact-details, .footer-inr .footer-top .footer-top-inr .social-media{grid-row: 3;}

    .footer-inr .footer-top .footer-top-inr { grid-template-columns: 44% 33% 23%;}
    .footer-inr .footer-top .footer-top-inr .office-location { padding-left: 0px; }
    .footer-inr .footer-top { padding: 48px 0 42px; }

    /*.subpage-banner-inr { min-height: 220px; }*/
    .subpage-banner-inr .banner-content h2 { font-size: 33px; }
    .contact-us .contact-inr .get-in-touch-from {padding: 40px 30px;}
    .contact-us .contact-inr .contact-details .contact-img { width: 65px; height: 65px; }

    .contact-us .contact-inr .contact-details .contact-img img { width: 60%; height: 52%; }
    .contact-us .contact-inr .contact-details > div {width: 100%}

    .sub-about { padding: 55px 0 30px; }
    .sub-about .about-img { margin-bottom: 50px; }
    .sub-about .about-content h2 { margin-bottom: 20px; }
    .sub-about .about-img img { max-height: 400px; }

    .vision { padding: 55px 0; }
    .vision-inr .vision-content h2 { font-size: 30px; }
    .vision-inr .vision-content .vision-icon { width: 65px;}
    .vision-inr .vision-content { padding: 48px 40px; margin-left: -22vw; }

    .career, .loan-details { padding: 55px 0; }

    .insurance.insurance-detail{padding-top: 55px;}
    .insurance-inr.insurance-detail-inr .insurance-content { border-right: 0; padding: 0 0 10px; }
    .insurance-inr.insurance-detail-inr {padding-bottom: 20px;}
    .insurance-type-inr { padding: 0px 0 65px; }
    .insurance-types-box h2 { font-size: 23px; max-width: 100%; }
    .insurance-types-box .insurance-box-right ul{padding: 30px 10px 0;}
    .ul-list li { padding: 8px 20px; }
    .map-view-inr iframe{min-height: 380px;}

    .contact-us { padding: 60px 0; }
    .contact-us .contact-inr .contact-details { padding: 40px 30px 30px; }
    .contact-us .contact-inr .contact-details .contact-no { width: 100%; border-bottom: 1px solid #efefef !important; }
    .contact-us .contact-inr .contact-details .social-media::after { width: 74%; }

    .loan-details-inr .loan-detail-img { position: relative !important; top: 0; padding: 20px 0 40px; }
    .loan-details-inr .loan-detail-img::after { top: 3px; }
    .loan-fb-inr .accordion-item .accordion-button { font-size: 20px; padding: 20px 10px 20px; gap: 12px; }
    .loan-fb-inr .accordion-item .accordion-button.collapsed { padding: 30px 10px; }
    .loan-fb { padding: 0px 0 55px; }
    .loan-details-inr .loan-detail-img img:not(.home-loan-zpf){min-height: auto;}

    .loan-details-inr .loan-detail-img .home-loan-zpf { min-width: 100px; bottom: 40px; left: auto; right: 50px; }

    .thank-you-inr p, .error-inr p { max-width: 77%; }
    .thank-you-inr img , .error-inr img { width: 110px; }

    .other-serives-inr .other-serives-menu { grid-template-columns: 1fr 1fr; }
    .other-serives-inr h2#offcanvasExampleLabel { font-size: 28px; padding: 20px 0 0 0; }
    .other-serives-inr .offcanvas-header{padding-bottom: 0;}
    .hero-box-content ul li a img{max-height: 35px; width: auto; object-fit: contain;}
    .hero-box-content ul li{width: min-content;}

}
@media screen and (max-width:767px) {
    /*.container{max-width: 540px;}*/
    h1, .h1{font-size: 33px;}
    h2, .h2{ font-size: 27px;}
    p { margin-bottom: 16px; }

    .slick-arrow { left: calc(48.5% - 16px); }
    .slick-next.slick-arrow { left: calc(51.5% + 16px); }
    .slick-prev.slick-arrow::before, .slick-next.slick-arrow::before { width: 6rem; }

    /* .direct-enquiry-popup .common_form .row{margin: -8px;}
    .direct-enquiry-popup .common_form .row > div{ padding: 8px; }
    .direct-enquiry-popup .modal-dialog { --bs-modal-width: 470px; } */
    .direct-enquiry-popup .modal-body h1 { font-size: 32px;}
    .direct-enquiry-popup{--bs-modal-width: 540px;}
    .direct-enquiry-popup .close-button { width: 50px; height: 50px; right: 0px; top: 0px; border: 1px solid #efefef; border-width: 0 0 1px 1px; border-radius: 0; }
    .direct-enquiry-popup .close-button:before, .close-button:after { left: 23%; width: 54%; top: 52%; }
    .direct-enquiry-popup .modal-body .container > .row{margin-block: 0;}

    .header-inr .navbar .navbar-brand img{max-width: 110px;}
    .header-inr .navbar .offcanvas-body-otr{gap: 0;}
    .header-inr .navbar .offcanvas-body-otr .header-btn{padding: 0; border:0;}
    .header-inr .navbar .offcanvas-body-otr .header-btn::after, .header-inr .navbar .offcanvas-body-otr .header-btn::before{display: none;}
    .header-inr .navbar .offcanvas-body-otr .header-btn:hover { padding: 0; }
    .header-inr .navbar .offcanvas-body-otr .header-btn img, .offcanvas-body-otr .header-btn span:not([class]){display: none;}
    .header-inr .navbar .offcanvas-body-otr .header-btn span svg{width: 34px; height: auto; padding: 4px; margin-right: 15px;}
    .header-inr .navbar .offcanvas-body-otr  a.nav-tel { border: 0; width: 35px; height: 35px; padding-right: 11px; border-right: 1px solid #ddd; margin-right: 6px; }
    .header-inr .navbar .offcanvas-body-otr a.nav-tel img { width: 23px; height: auto; }
    .offcanvas-body::after { top: calc(100dvh - 220px); height: 220px; }

    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-img { padding-left: 12px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-content h2 { font-size: 21px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-content p { font-size: 14px; }
    .hero-inr .hero-fg-otr { padding: 25px 0 50px; }

    .loan { padding: 60px 0 50px; }
    .loan-inr{position: relative;}
    .loan-inr::after{ content: ''; position: absolute; bottom: -30px; left: 0; width: 100%; height: 0; border-bottom: 1px solid #efefef; }
    .various-loan .various-loan-inr { padding: 39px 0 0; display: flex; flex-wrap: wrap;align-items: center; justify-content: center; row-gap: 30px; }
    .various-loan .various-loan-inr .loan-item{ width: 23%;}
    .various-loan .various-loan-inr .loan-item .loan-box .loan-img { display: none; }
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content{ padding: 0; background-color: transparent; display: inline-flex; flex-direction: column; align-items: center; justify-content: center;}
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content p, .various-loan .various-loan-inr .loan-item .loan-box .loan-content .loan-shape{ display: none; }
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content h3 { font-size: 16px; margin: 14px; text-align: center; color: var(--body-color); font-weight: 500; transition: 0.5s ease; }
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content .loan-icon{ margin-top: 0;width: 80px; height: 80px;}
    .various-loan .various-loan-inr .loan-item .loan-box:hover .loan-content h3{color: var(--primary-color);}
    

    .insurance-inr .insurance-content { padding: 0 0px 0 0; }
    .insurance-inr .insurance-content .various-insurance .insurance-box .insurance-title h3{font-size: 16px;}
    .insurance-inr .insurance-content .various-insurance { max-width: 81%; padding: 12px 0 26px; }
    .insurance-inr .insurance-img { padding: 50px 30px 5px 0px; }
    .insurance-inr .insurance-img .insurance-img-shape { right: -122px !important; }
    .insurance-inr .insurance-bg { height: 64%; width: 85%; }

    .growth-inr .various-growth .various-growth-inr .growth-item { width: 50%; }
    .growth-inr .various-growth .various-growth-inr .growth-item:nth-child(3)::after{display: block;}
    .growth-inr .various-growth .various-growth-inr .growth-item:nth-child(2)::after, .growth-inr .various-growth .various-growth-inr .growth-item:nth-child(4)::after{display: none;}
    .growth-inr .various-growth .various-growth-inr { row-gap: 45px; }
    .growth-inr .various-growth { padding: 46px 0; }
    .growth-inr .various-growth .various-growth-inr .growth-item .growth-box .growth-content .counter { height: 32px; font-size: 27px; }
    .growth-inr > p br{display: contents;}

    .about { padding: 50px 0; }
    .founder { padding: 20px 0 55px; }
    .founder-inr .founder-right p:not([class]) { margin-top: 16px; }

    .partners-inr .various-partners .row { margin: -10px; }
    .partners-inr .various-partners .row > div { padding: 10px; }
    
    .enquiry h2 { font-size: 19px; max-width: 60%; }

    .footer-inr .footer-top { padding: 40px 0 32px; }
    .footer-inr .footer-top .footer-top-inr { grid-template-columns: 58% 42%; }
    .footer-inr .footer-top .footer-top-inr .social-media{ grid-row: 4; padding-top: 25px; }
    .footer-inr .footer-top .footer-top-inr .social-media ul li { padding: 10px 0 0; }
    .footer-inr .footer-bottom .footer-bottom-inr .footer-bottom-left p { white-space: normal; }

    .subpage-banner-inr .banner-content h2 { font-size: 30px; }
    /*.subpage-banner-inr { min-height: 200px; }*/
    .career-form-inr {margin: 0 10px;}
    .contact-us .contact-inr .get-in-touch-from {padding: 25px 0}

    .sub-about .about-img { margin-bottom: 40px; }
    .sub-about .about-img img { max-height: 350px; }
    .sub-about::before{width: 300px; height: 300px; right: -320px;}
    .vision-inr .vision-content h2 { font-size: 27px; }
    .vision-inr .vision-content { padding: 48px 40px; margin-left: 0; margin-top: 0; }

    .ul-list li { padding: 6px 20px; }
    .ul-list li::after { width: 4px; height: 4px; top: 17px; }
    .insurance-type-icon img { width: 50px; height: 50px; }
    .insurance-types-box .insurance-box-right ul { padding: 25px 4px 0; }
    .insurance-types-box { padding: 35px 25px; margin-top: 25px;}
    .map-view-inr iframe{min-height: 350px;}

    .contact-us .contact-inr .contact-details .social-media::after { width: 64%; }
    .contact-us .contact-inr .contact-details .contact-img { width: 60px; height: 60px; }
    .contact-us { padding: 55px 0; }

    .loan-fb-inr .accordion-item .accordion-body ul li::after { width: 4px; height: 4px; top: 17px; }
    .loan-fb-inr .accordion-item .accordion-body ul li { padding: 6px 20px; }
    .various-loan .various-loan-inr.gb-6 .loan-item{margin-bottom: 0;}

    .loan-details-inr .loan-detail-img .home-loan-zpf {min-width: 90px;}
    .thank-you-inr p, .error-inr p { max-width: 90%; }
    .thank-you-inr img, .error-inr img { width: 100px; }

    .other-serives-inr .other-serives-menu { grid-template-columns: 1fr; }
    .other-serives-inr h2#offcanvasExampleLabel { font-size: 25px; padding: 15px 0 0 0; }
    .other-serives-inr .other-serives-menu li a { padding: 10px 16px 10px 8px; }
    .other-serives-inr .other-serives-menu li a img { height: 30px; width: 30px; }

    .hero-box-content ul li a img{max-height: 30px;}
    .hero-box-content ul li a span{font-size: 14px;}
	.privacy_policy_page h1 {font-size:33px;}
	.privacy_policy_page h2 {    font-size: 22px;}
}
@media screen and (max-width:575px) {
    .under_construction {text-align: center; padding: 2rem 0 0 0;}
    .under_construction h2 {font-size: 22px;}
    .container{max-width: 100%;}
    h1, .h1{font-size: 30px;}
    h2, .h2{ font-size: 24px;}
    h3, .h3{font-size: 20px;}

    .slick-arrow { left: calc(48.5% - 19px); }
    .slick-next.slick-arrow { left: calc(51.5% + 19px); }
    .slick-prev.slick-arrow::before, .slick-next.slick-arrow::before { width: 5rem; }

    /* .direct-enquiry-popup .common_form .row{margin: -6px;}
    .direct-enquiry-popup .common_form .row > div{ padding: 6px; }
    .direct-enquiry-popup .modal-body { padding: 0 30px 35px; } */
    .direct-enquiry-popup .modal-body h1 { font-size: 30px;}
    .direct-enquiry-popup{--bs-modal-width: 100%;}
    .direct-enquiry-popup .modal-body{padding-inline: 0;}
    .direct-enquiry-popup .modal-body .container > .row{padding: 0;}
    .direct-enquiry-popup .close-button { width: 45px; height: 45px; }
    .direct-enquiry-popup .modal-body .model-body-inr { padding: 20px 30px 20px; }
    .other-serives-inr .offcanvas { height: 55dvh; }

    .header-inr .navbar .navbar-brand img { max-width: 100px; }
    .header-inr .navbar { --bs-navbar-padding-y: 7px; }
    .header-inr .navbar .offcanvas-body-otr a.nav-tel img { width: 21px; }
    .header-inr .navbar .offcanvas-body-otr .header-btn span svg { width: 30px; }
    .navbar-toggler { width: 42px; height: 42px; }
    .offcanvas-body::after { top: calc(100dvh - 180px); height: 180px; }

    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-content h2 { font-size: 24px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-img { padding-left: 0px; }
    .hero-inr .hero-fg-otr { padding: 41.5px 0 50px; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-img{padding-top: 25px; padding-inline: 25px;}
    .hero, .subpage-banner { padding-top: 107px; }
    

    .loan { padding: 45px 0; }
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content .loan-icon { width: 70px; height: 70px; margin-top: 0px; }
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content h3{ font-size: 16px; margin: 14px 36px;}
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content .loan-icon img { max-height: 35px; }
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content { padding: 0; margin-bottom: 11px;}
    .various-loan .various-loan-inr .loan-item .loan-box .loan-content:last-child{ margin-bottom: 0; }


    .insurance { padding: 20px 0 50px; }
    .insurance-inr .insurance-content .various-insurance .insurance-box .insurance-icon { width: 70px; height: 70px; }
    .insurance-inr .insurance-content .various-insurance .insurance-box .insurance-icon img { max-height: 35px; }
    .insurance-inr .insurance-img { padding: 50px 30px 0px 10px; }
    .insurance-inr .insurance-img .insurance-img-bottom { margin-top: -25%; margin-right: 49%; }
    .insurance-inr .insurance-img .insurance-img-top { margin-left: 18%; }
    .insurance-inr .insurance-img .insurance-img-shape { bottom: auto !important; }
    .insurance-inr .insurance-bg { height: 50%; width: 86%; }
    .insurance-inr .insurance-content .various-insurance { max-width: 380px; }
    .insurance-inr .insurance-content .various-insurance .insurance-box .insurance-title h3 { margin: 0; }
    .insurance-inr .insurance-content .various-insurance .insurance-box .insurance-title h3 { font-size: 16px; }

    .growth { padding: 55px 0 40px; }
    .growth-inr > p { margin: 0 auto; max-width: 480px; }
    .growth-inr .various-growth .various-growth-inr{display: block !important;}
    .growth-inr .various-growth .various-growth-inr .growth-item .growth-box::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -0.5px; width: 1px; height: 72%; background: #474749; transition: 0.3s ease; }
    .growth-inr .various-growth .various-growth-inr .slick-slide.slick-current .growth-item .growth-box::after{opacity: 0;}
    .growth-inr .various-growth .various-growth-inr .slick-dots { padding-top: 35px; }
    .growth-inr .various-growth .various-growth-inr .slick-dots li button{border-color: var(--ternary-color);}
    .growth-inr .various-growth .various-growth-inr .slick-dots li.slick-active button, .growth-inr .various-growth .various-growth-inr .slick-dots li button::after{background: var(--ternary-color);}

    .founder-inr .founder-right p:not([class]) { max-width: 100%; }
    .founder-inr .row { row-gap: 40px; }
    .founder-inr .founder-right .btn-grp { padding-top: 10px; }
    .founder-inr .founder-left .founder-intro h2 { font-size: 55px; }
    .founder-inr .founder-left .founder-bg-shape, .founder-inr .founder-left .founder-bg-shape svg{ height: auto;}

    .about-inr > div { row-gap: 40px; }

    .partners-inr > h2.theme-title { margin-top: 5px; }

    .enquiry-inr { padding: 0; flex-direction: column; gap: 20px; align-items: flex-start !important; }
    .enquiry { padding: 40px 0; }
    .enquiry h2 { max-width: 350px; }

    .partners { padding: 40px 0 50px; }
    .partners-inr .various-partners { padding: 35px 0 35px; }
    .partners-inr .various-partners .row { margin: -8px; }
    .partners-inr .various-partners .row > div { padding: 8px; }
    .partners-inr .various-partners .partner-box { padding: 10px 15px; min-height: 100px; }
    .partners-inr .various-partners .partner-box img { max-height: calc(100px - 68px); }

    .footer-inr .footer-top .footer-top-inr { grid-template-columns: 100%; }
    .footer-inr .footer-top .footer-top-inr .footer-nav { grid-column: 1 / span 1; padding: 40px 0 25px; }
    .footer-inr .footer-top .footer-top-inr  .footer-logo { grid-row: 1; grid-column: 1 / span 1; }
    .footer-inr .footer-top .footer-top-inr .contact-details{grid-row: 4;}
    .footer-inr .footer-top .footer-top-inr .social-media { grid-row: 5; padding-top: 25px; }
    .footer-inr .footer-top .footer-top-inr .footer-nav ul { gap: 3px 12px; }
    .footer-inr .footer-top .footer-top-inr .footer-nav ul li a, .footer-inr .footer-top .footer-top-inr .office-location p, .footer-inr .footer-top .footer-top-inr .contact-details > div a{font-size: 15px;}
    .footer-inr .footer-top .footer-top-inr .footer-title { margin-bottom: 12px; }
    .footer-inr .footer-top .footer-top-inr .contact-details > div:not(:last-child) { margin-bottom: 25px; }
    .footer-inr .footer-bottom .footer-bottom-inr .footer-bottom-right ul li a, .footer-inr .footer-bottom .footer-bottom-inr .footer-bottom-left p { font-size: 14px; text-align: center; }
    .footer-inr .footer-bottom .footer-bottom-inr .footer-bottom-left p {line-height: 2;}
    footer .whatsapp-btn a { width: 55px; height: 55px; right: 30px; bottom: 30px; }
    .footer-inr .footer-bottom .footer-bottom-inr .footer-bottom-left p span{white-space: pre;}
    
    .subpage-banner-inr .banner-content h2 { font-size: 27px; }
    .subpage-banner-inr { min-height: 150px; }
    .subpage-banner-inr .banner-content .breadcrumb-item.active { -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 105px; overflow: hidden; white-space: nowrap; }

    .sub-about { padding: 45px 0 20px; }
    .vision { padding: 45px 0; }
    .vision-inr .vision-content .vision-icon { width: 55px; }
    .vision-inr .vision-content { padding: 35px 30px; }

    .career, .loan-details { padding: 45px 0; }
    .career-form-inr{padding: 45px 6%;}
    .file-drop-area .file-msg { font-size: 16px; }
    .file-drop-area { padding: 30px 12px; }
    .file-drop-area.file-selected { padding-block: 20px 35px; }

    .insurance.insurance-detail { padding-top: 45px; }
    .ul-list li { padding: 4px 0 4px 20px; }
    .ul-list li::after { top: 15px; }
    .insurance-types-box h2 { font-size: 20px;}
    .insurance-type-icon { padding-right: 12px; margin-right: 12px; }
    .map-view-inr iframe{min-height: 300px;}
    .contact-inr { padding: 0; background: transparent; }
    .contact-us .contact-inr .get-in-touch-from{ background: var(--primary-color); padding: 40px 30px; }
    .contact-us .contact-inr .contact-details { padding: 0 ; }
    .contact-us { padding: 45px 0 50px; }
    .contact-us .contact-inr .contact-details > div h3 { width: fit-content; background: white; padding-right: 10px; }
    .contact-us .contact-inr .contact-details .social-media::after { width: 90%; top: 29px; }
    .contact-us .contact-inr .contact-details > div { padding: 18px 0; }
    .contact-us .contact-inr .contact-details h2 { font-size: 25px; }
    .contact-us .contact-inr .contact-details .contact-address-text, .contact-inr .contact-details .contact-no-text, .contact-inr .contact-details .contact-email-text { padding-left: 20px; }

    .loan-fb-inr .accordion-item .accordion-body{padding-inline: 12px;}
    .loan-fb-inr .accordion-item .accordion-button.collapsed { padding: 25px 8px; }
    .loan-fb-inr .accordion-item .accordion-button { gap: 12px; }

    .loan-details-inr .loan-detail-img .home-loan-zpf {min-width: 90px;}
    .loan-details-inr .loan-main-info .loan-info-box .loan-info-content { max-width: 93%; }
    .thank-you-inr, .error-inr { padding: 45px 0; }
    .thank-you-inr img, .error-inr img { width: 90px; }
    .thank-you-inr p, .error-inr p { max-width: 98%; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-content h2 br{display: contents;}
	.privacy_policy_page h1 {font-size:28px;}
	.privacy_policy_page h2 {    font-size: 20px;}
	.privacy_policy_page h3 {font-size:18px;}
}
@media screen and (max-width:475px) {
    .growth-inr .various-growth .various-growth-inr .growth-item .growth-box::after{display: none;}
    .loan-details-inr .loan-detail-img .home-loan-zpf { min-width: auto; }
    .various-loan .various-loan-inr .loan-item { width: 24%; }
    .hero-inr .hero-fg-otr .hero-fg-slider .hero-fg-slide .hero-box-img{padding-inline: 0;}
}

@media screen and (max-width:365px){
    .founder-inr .founder-right .btn-grp{flex-direction: column;}
    .insurance-inr .insurance-content .various-insurance{max-width: 100%; margin-left: 0; padding: 0;}
    .insurance-box{margin-bottom: 25px;}
    .insurance-inr .insurance-content .various-insurance .insurance-box .insurance-title h3{margin-inline: 33px;}
    .insurance-inr .insurance-content .various-insurance .col-3{width: 50%;}
    .insurance-inr .insurance-img { padding: 50px 20px 0px 0px; }
    .insurance-inr .insurance-img .insurance-img-shape { right: -129px !important; }
    .insurance-inr .insurance-bg { height: 45%; width: 90%; }
    .vision-inr .vision-content { padding: 25px 20px; }

    .career-form-inr { margin: 0 0px; outline: none; outline-offset: 0; }

    .contact-us .contact-inr .get-in-touch-from { padding: 35px 20px; }
    .contact-us .contact-inr .contact-details .contact-img, .contact-us .contact-inr .contact-details .social-media ul li a { width: 50px; height: 50px; }
    .contact-us .contact-inr .contact-details .contact-address-text{max-width: 82%;}
    .contact-us .contact-inr .contact-details .contact-address-text p br{display: contents;}
    .contact-us .contact-inr .contact-details .contact-address-text, .contact-inr .contact-details .contact-no-text, .contact-inr .contact-details .contact-email-text { padding-left: 12px; }
    .loan-details-inr .loan-detail-img .home-loan-zpf { width: 70px;}

    .various-loan .various-loan-inr .loan-item{width: 33.33%;}
    .various-loan .various-loan-inr{row-gap: 20px;}
}