/* 
   PeopleFinancials - Responsive Custom CSS
   Targeting Mobile and Tablet devices
*/

/* ==========================================================================
   Tablets (max-width: 991px)
   ========================================================================== */
@media (max-width: 991px) {

    /* Header & Navigation Fixes */
    .tg-header__top {
        display: none;
        /* Often hidden on smaller tablets to save space */
    }

    .tgmenu__wrap {
        padding: 15px 0;
    }

    /* Hero Section Fixes */
    .hero-2_content {
        text-align: center;
        margin-bottom: 40px;
    }

    .hero-title {
        font-size: 40px !important;
    }

    .hero-2-image img {
        max-width: 80%;
        margin: 0 auto;
        display: block;
    }

    .suggestion-info .suggestion-info-item {
        align-items: flex-start !important;
    }

    .dubul_nmber .numbers {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        align-items: flex-start !important;
    }

    .dubul_nmber .numbers .num-separator {
        display: none !important;
    }

    .dubul_nmber .numbers .num-item a {
        display: block !important;
        line-height: 1.4 !important;
        padding: 2px 0 !important;
    }
}

/* ==========================================================================
   Mobile (max-width: 767px)
   ========================================================================== */
@media (max-width: 767px) {

.counter-area-3 {
    margin-top: -30px;
    background: transparent;
}

    .counter-single-item.style-3 .counter-card_title .counter-number {
        font-size: 32px;
    }

        .lap-faq-tag {
        left: 2px !important;
        padding: 5px 15px;
    }

    .hero-8 {
        position: relative;
        padding-top: 0px !important;
    }

    .loan-card {
        padding: 30px 1px !important;
    }

    .know-more-btn {
        font-size: 10px !important;

    }

    .mobile_our {
        display: block !important;
        padding: 12px 12px 0px !important;
    }

    .new_cont {
        padding: 23px 10px !important;
    }

    .instagram_heding {
        text-align: center;
        line-height: 34px !important;
    }

        .cta-area-4 .cta-4-wrapper {
        gap: 20px;
        padding: 30px 15px 0px !important;
    }

    .big_cta {
font-size: 11px !important;
    }

    .bookwith {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        transform: unset !important;
        margin-top: 10px !important;
    }

    .mv-vision .mv-title {
        font-size: 31px !important;

    }

    .mv-icon-bottom img {
        width: 144px;
    }

    .mv-block {
        padding: 32px 12px;

    }

    .mv-mission .mv-title {
        font-size: 30px !important;
    }

    .instagram_p {
        text-align: center;
    }

    .mobile_center {
        margin: 0 auto;
        display: block;
    }

    .contact-area-1.style-2 .contact-thumb-1 h4 {

        padding-top: 30px;
        font-size: 33px;
        text-align: center;
        line-height: 37px;
    }

    .contact-area-1.style-2 .contact-thumb-1 h4 {
        position: static;
        background-color: unset;

    }

    .contact-thumb-1 {
        margin-top: 25px !important;
    }

    .contact-content-1 .contact__faculty p {
        font-size: 18px;
        font-weight: 300;
        line-height: 33px;
        margin-bottom: 2px;
        text-align: center;
    }

    .contact-area-1.style-2 .contact-thumb-1 h4 {
        padding-top: 4px;

    }

    .contact-details-1 {
        padding-bottom: 40px;
    }

    .contact-content-1 {
        margin-top: 20px;
    }

    .contact-content-1 .contact__faculty {
        padding: 0 0 5px 0;
    }

    .blog-page-card {
        margin-top: 40px;
        padding-bottom: 35px;
    }

    .newsletter-image {
        margin-bottom: 10px;
        text-align: center;
    }

    .aajtak {
        text-align: center;
    }

    .news_section {
        margin-bottom: 0px;
    }

    .new_bg {
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .subheding2 {
        font-size: 24px;
        padding: 13px;
        width: 100%;
        margin-bottom: 12px;
        padding-bottom: 15px;
        margin-top: 3px;
    }


    .wboxshadowtesimg {
        margin-bottom: 29px;
    }

    .subheding {
        width: 100%;
        margin-top: 0px;
        font-size: 24px;
        margin-bottom: 14px;
    }

    .cta-area-4 .cta-4-wrapper {
        margin-top: 0px;
    }

    .mobile_box {
        padding: 37px 34px !important;
    }

    .graph-img img,
    .graph-img2 img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        transform: unset !important;
        margin-top: 0 !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .cta-area-4 .cta-graph .graph-1 {
        width: 100%;
        height: auto !important;
    }

    .book_p {
        font-size: 22px;
        line-height: 31px;
    }

    .cta-area-4 {
        padding-top: 30px;
        padding-bottom: 21px;
    }

    .hero-2 .hero-2_content .hero-title {
        font-size: 32px;
        line-height: 37px;
        text-align: center;
    }


    .testimonial-area-3 {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }

    .counter-single-item.style-3 .counter-text {

        font-size: 18px;
    }

    .counter-area-3 .counter-bg-wrap {
        background: #7ea727;
        border-radius: 12px;
        padding: 12px 25px;
        z-index: 9;
    }

    .top_font {
        font-size: 22px !important;
        margin-bottom: 1px;
    }

    .mobile_b {
        margin-bottom: 0px !important;
    }

    .hero-2_content .hero-title3 {
        font-size: 32px;
        line-height: 37px;
        margin-bottom: 22px;
        font-weight: 900;
        text-align: center;
    }

    .testimonial-area-4 .testimonial-wrapper .content {
        padding: 18px 20px;
    }

    .cta-area-3 .cta-wrap .cta {

        font-size: 37px;
        line-height: 36px;
        text-align: center;
    }

    .hero-2_content p {
        font-size: 17px !important;
        width: 100% !important;
        text-align: center;
    }

    .hero-title {
        font-size: 32px !important;
    }

    .blog__post-content .blog__post-bottom {

        padding-top: 0px;

    }

    .pagination__wrap.mt-60 {
        margin-top: 0px !important;
    }

    .footer__widget-title {
        text-align: left;
    }

    .footer__links .list-wrap li {
        margin-bottom: 0px;
        position: relative;
    }

    .footer__newsletter .footer__content {
        text-align: left;
    }

    .footer__area-one.footer__area-two .footer__copyright {

        margin-bottom: 5px;
        ;
    }

    /* General Spacing */
    section {
        padding: 15px 0 !important;
    }

    /* Typography */
    h2 {
        font-size: 30px !important;
    }

    h3 {
        font-size: 19px !important;
    }

    /* Hero Section */
    .hero-title {
        font-size: 32px !important;
    }

    .hero-2_content p {
        font-size: 16px;
    }

    /* Counter Area */
    .counter-single-item {
        margin-bottom: 0px;
        text-align: center;
    }

    .boder_left {
        border-left: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 0px;
    }

    /* Process Area */
    .process-single-card {
        padding: 30px 20px !important;
        height: auto !important;
        /* Remove fixed height */
        min-height: 250px;
    }

    .process-single-card .box-title {
        width: 100% !important;
        font-size: 18px !important;
    }

    /* Portfolio / Gallery Area */
    .portfolio_pd {
        padding-bottom: 60px !important;
    }

    .gallary_p {
        font-size: 16px !important;
        padding: 0 15px;
        text-align: center;
    }

    /* Testimonial Area */
    .testimonial-item-two {
        margin-bottom: 30px;
    }

    .section__title h2 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }

    /* CTA Section */
    .center_cta {
        width: 100%;
        font-size: 14px;
        padding: 15px 20px;
    }

    .cta_P {
        text-align: center;
        margin-top: 3px;
        font-size: 15px;
    }

    .process-area-1 {
        margin-top: 0px !important;

    }

    .text_mobile {
        text-align: center;
    }

    .google-rating {
        display: none;
    }

    .google-logo img {
        width: 120px;
    }

    /* Swiper Arrows */
    .hero8-slider-arrows {
        display: none !important;
    }

    /* Footer Area */
    .footer__widget {
        margin-bottom: 20px;
        text-align: center;
        padding: 0px 20px;
    }

    .footer__widget-title {
        margin-bottom: 22px !important;
        font-size: 22px !important;
    }


    .suggestion-form .form-grp {
        margin-bottom: 14px;
    }

    .tgmobile__menu .navigation li>a {
        padding: 10px 0px;
        font-size: 18px;

    }

    .footer__content {
        text-align: left;
    }

    .footer__bottom {
        padding: 20px 0;
    }

    .footer__copyright {
        font-size: 14px;
    }

    /* Logo Fix */
    .logo img {
        max-width: 150px;
    }
}

/* ==========================================================================
   Small Mobile (max-width: 480px)
   ========================================================================== */
@media (max-width: 480px) {
    .hero-title {
        font-size: 32px !important;
    }
}

/* ==========================================================================
   Header Fix for Menu Wrapping (992px to 1210px)
   ========================================================================== */
@media (min-width: 992px) and (max-width: 1210px) {
    .tg-header__area-one .tgmenu__wrap .tgmenu__nav .menu-left-wrap .tgmenu__navbar-wrap {
        margin-left: 20px !important;
    }

    .tg-header__area-one .tgmenu__wrap .tgmenu__nav .menu-left-wrap .tgmenu__navbar-wrap>ul>li {
        margin-right: 12px !important;
    }

    .tg-header__area-one .tgmenu__wrap .tgmenu__nav .menu-left-wrap .tgmenu__navbar-wrap>ul>li>a {
        font-size: 14px !important;
    }
}


/* ==========================================================================
   Header Fix for Menu Wrapping on Large Screens (1211px to 1500px)
   ========================================================================== */
@media (min-width: 1211px) and (max-width: 1500px) {
    .tg-header__area-one .tgmenu__wrap .tgmenu__nav .menu-left-wrap .tgmenu__navbar-wrap {
        margin-left: 30px !important;
    }

    .tg-header__area-one .tgmenu__wrap .tgmenu__nav .menu-left-wrap .tgmenu__navbar-wrap>ul>li {
        margin-right: 20px !important;
    }

    .tg-header__area-one .tgmenu__wrap .tgmenu__nav .menu-left-wrap .tgmenu__navbar-wrap>ul>li>a {
        padding: 30px 0 !important;
        font-size: 15px !important;
    }
}


/* ==========================================================================
   Force Menu Right Alignment (992px+)
   ========================================================================== */
@media (min-width: 992px) {
    .tg-header__area-one .tgmenu__wrap .tgmenu__nav .menu-left-wrap {
        width: 100% !important;
        justify-content: space-between !important;
    }

    /* .tg-header__area-one .tgmenu__wrap .tgmenu__nav .menu-left-wrap .tgmenu__navbar-wrap {
        margin-left: auto !important;
    } */
    /* Set specific right margin for last item if needed */
    .tg-header__area-one .tgmenu__wrap .tgmenu__nav .menu-left-wrap .tgmenu__navbar-wrap>ul>li:last-child {
        margin-right: 0 !important;
    }

    .tg-header__area-one .tgmenu__wrap .tgmenu__nav .menu-left-wrap .tgmenu__navbar-wrap>ul>li:last-child a {
        padding-right: 0 !important;
    }
}


/* ==================small laptop fix ====================*/

@media (min-width: 1200px) and (max-width: 1500px) {

    .hero-2 {
        padding: 77px 0 70px;
    }

}

@media (min-width: 1400px) and (max-width: 1500px) {

    .cta-area-4 .cta-4-wrapper {
        padding: 70px 65px;

    }
}

@media (min-width: 1250px) and (max-width: 1399px) {

    .graph-img img {
        width: 622px;
        transform: scale(1.1);
        margin-top: -120px;
    }
}


@media (min-width: 1311px) and (max-width: 1500px) {
    .expert-img img.expert-person-img {
        margin-bottom: -148px !important;
    }

}



/* ==========================================================================
   Header Fix for Menu Wrapping on Large Screens (1201px to 1400px)
   ========================================================================== */
@media (min-width: 1201px) and (max-width: 1400px) {
   .forth_banner img{
    transform: scale(1.0) !important;
   }

   .hilighd2{
    width: 49% !important;

}

.graph-img2 img {
    width: 427px;
    margin-top: -197px;
}
}