@media(min-width: 768px){
    .gsap-fade-up:not(.gsap-self) > *,
    .gsap-fade-left:not(.gsap-self) > *,
    .gsap-fade-right:not(.gsap-self) > *,
    .gsap-fade:not(.gsap-self) > *,
    .gsap-fade-in:not(.gsap-self) > *,
    .gsap-zoom-in:not(.gsap-self) > *{
        visibility: hidden;
    }

    .gsap-self{
        visibility: hidden;
    }
}

@media (min-width: 992px) {

    .process_row>[class*="col-"]:not(:nth-child(3n+1)) .process_card {

        padding-left: 52px;

    }



    .process_row>[class*="col-"]:not(:nth-child(3n+1)) .process_card::before {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        bottom: 0;

        width: 1px;

        background-color: rgba(114, 191, 46, 0.4);

    }



    .process_row>[class*="col-"]:not(:nth-child(3n+1)) .process_card::after {

        content: "";

        position: absolute;

        left: -22px;

        top: 50%;

        transform: translateY(-50%);

        width: 44px;

        height: 22px;

        background: url("images/bullterRight.png") no-repeat center center;

        background-size: contain;

    }

}

@media(min-width: 1200px) {

    .container {

        max-width: 1170px;

    }



    header .container {

        max-width: 1328px;

    }



    .navbar-nav>li.menu-item-has-children:hover .sub-menu {

        display: block;

    }



    .navbar-nav>li>a::before {

        content: "";

        position: absolute;

        bottom: -6px;

        left: 0;

        width: 0;

        height: 2px;

        background-color: var(--secondary);

        border-radius: 2px;

        transition: width 0.3s ease;

    }



    .navbar-nav>li.current-menu-item>a::before,

    .navbar-nav>li.active>a::before,

    .navbar-nav>li:hover>a::before {

        width: 100%;

    }



    .core_service_card:hover {

        background-color: var(--secondary);

    }



    .core_service_card:hover::before {

        opacity: 0;

    }



    .core_service_card:hover .core_service_icon img {

        filter: brightness(0) invert(1);

    }



    .core_service_card:hover .core_service_title,.core_service_card:hover h4 {

        color: var(--white);

    }



    .core_service_card:hover p {

        color: var(--white);

    }



}







@media (min-width: 768px) and (max-width: 991px) {

    .process_row>[class*="col-"]:nth-child(2n) .process_card {

        padding-left: 30px;

    }



    .process_row>[class*="col-"]:nth-child(2n) .process_card::before {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        bottom: 0;

        width: 1px;

        background-color: rgba(114, 191, 46, 0.4);

    }



    .process_row>[class*="col-"]:nth-child(2n) .process_card::after {

        content: "";

        position: absolute;

        left: -18px;

        top: 68px;

        transform: translateY(-50%);

        width: 36px;

        height: 18px;

        background: url("images/bullterRight.png") no-repeat center center;

        background-size: contain;

    }

}



@media (max-width: 1399px) {



    .navbar-nav,

    .header_right {

        gap: 30px;

    }



    .digital_access_item:not(:last-child) {

        padding-right: 100px;

    }



    .digital_access_item:not(:first-child) {

        padding-left: 100px;

    }



}



@media (max-width: 1299px) {

    .core_services_slider {

        margin: -50px 0;

        padding: 0 70px;

    }



    .core_service_slide {

        padding: 50px 15px;

    }



    .core_services_slider .slick-prev {

        left: 0;

    }



    .core_services_slider .slick-next {

        right: 0;

    }



    .navbar-nav,

    .header_right {

        gap: 20px;

    }



}



@media (max-width: 1199px) {



    /* Hide desktop dropdown arrow pseudo element */

    .navbar-nav>li.menu-item-has-children>a::after {

        display: none !important;

    }









    .header_area {

        position: relative;

        display: flex;

        align-items: center;

        justify-content: space-between;

        width: 100%;

    }



    .header_left {

        display: flex;

        align-items: center;

        z-index: 2;

    }



    .header_center {

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        z-index: 1;

        margin: 0;

    }



    .header_center .navbar-brand {

        display: flex;

        align-items: center;

        margin: 0;

        padding: 0;

    }



    .header_center .navbar-brand img {

        width: auto;

        transition: max-height 0.3s ease;

    }



    .header_right {

        display: flex;

        align-items: center;

        gap: 0;

    }



    /* Fixed Left Offcanvas Drawer for Mobile/Tablet */

    .navbar-collapse {

        position: fixed !important;

        top: 0 !important;

        left: 0 !important;

        width: 320px !important;

        max-width: 85vw !important;

        height: 100svh !important;

        height: 100vh !important;

        background-color: var(--bgHeader) !important;

        z-index: 1050 !important;

        padding: 25px 20px 40px 20px !important;

        overflow-y: auto !important;

        /* box-shadow: 10px 0 30px rgba(0, 0, 0, 0.4) !important; */

        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;

        transform: translateX(-100%) !important;

        display: flex !important;

        flex-direction: column !important;

    }



    .navbar-collapse.show {

        transform: translateX(0) !important;

    }



    /* Mobile Menu Drawer Header */

    .mobile_menu_header {

        display: flex;

        align-items: center;

        justify-content: space-between;

        padding-bottom: 20px;

        margin-bottom: 20px;

        border-bottom: 1px solid rgba(255, 255, 255, 0.15);

        width: 100%;

        flex-shrink: 0;

    }



    .mobile_menu_header .mobile_logo img {

        max-height: 40px;

        width: auto;

    }



    .mobile_menu_close {

        width: 36px;

        height: 36px;

        border-radius: 50%;

        background: rgba(255, 255, 255, 0.1);

        border: 1px solid rgba(255, 255, 255, 0.2);

        color: var(--white);

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 22px;

        line-height: 1;

        cursor: pointer;

        transition: all 0.3s ease;

    }





    .mobile_menu_close:hover {

        background: var(--secondary);

        color: var(--white);

        border-color: var(--secondary);

    }



    /* Navbar List Styling */

    .navbar-nav {

        display: flex !important;

        flex-direction: column !important;

        gap: 0 !important;

        width: 100% !important;

        margin: 0 !important;

        overflow-y: auto !important;

        flex-grow: 1 !important;

    }



    .navbar-nav>li {

        width: 100%;

        border-bottom: 1px solid rgba(255, 255, 255, 0.08);

        position: relative;

    }



    .navbar-nav>li>a {

        display: flex !important;

        align-items: center;

        padding: 14px 45px 14px 10px !important;

        color: var(--white) !important;

        font-size: 16px !important;

        font-weight: 500 !important;

        transition: all 0.3s ease !important;

    }



    .navbar-nav>li.active>a,

    .navbar-nav>li.current-menu-item>a,

    .navbar-nav>li>a:hover {

        color: var(--secondary) !important;

    }



    /* Sub-menu Accordion Arrow (.clickD) */

    .menu-item-has-children {

        position: relative;

    }



    .clickD {

        position: absolute;

        right: 8px;

        top: 10px;

        width: 34px;

        height: 34px;

        display: flex;

        align-items: center;

        justify-content: center;

        cursor: pointer;

        z-index: 10;

        border-radius: 6px;

        background: rgba(255, 255, 255, 0.06);

        border: 1px solid rgba(255, 255, 255, 0.1);

        transition: all 0.3s ease;

    }



    .clickD::before {

        content: "";

        width: 8px;

        height: 8px;

        border-right: 2px solid var(--white);

        border-bottom: 2px solid var(--white);

        transform: rotate(45deg);

        transition: transform 0.3s ease, border-color 0.3s ease;

        margin-top: -3px;

    }



    .clickD:hover {

        background: rgba(255, 255, 255, 0.15);

    }



    .clickD.active {

        background: var(--secondary);

        border-color: var(--secondary);

    }



    .clickD.active::before {

        transform: rotate(-135deg);

        margin-top: 3px;

        border-color: var(--white);

    }



    /* Sub-menu Styling & Animation */

    .sub-menu {

        display: none;

        padding: 5px 0 10px 15px !important;

        margin: 0 !important;

        list-style: none !important;

        background: rgba(0, 0, 0, 0.2);

        border-radius: 8px;

        position: static !important;

        box-shadow: none !important;

        width: 100% !important;

    }



    .sub-menu.active {

        display: block !important;

        animation: mobileSubMenuFadeIn 0.3s ease forwards;

    }



    .sub-menu li {

        width: 100%;

        border-bottom: none;

    }



    .sub-menu li a {

        display: block;

        padding: 10px 15px;

        color: rgba(255, 255, 255, 0.85) !important;

        font-size: 15px !important;

        transition: all 0.3s ease !important;

    }



    .sub-menu li a:hover {

        color: var(--secondary) !important;

        padding-left: 20px !important;

    }



    .digital_access_item:not(:last-child) {

        padding-right: 60px;

    }



    .digital_access_item:not(:first-child) {

        padding-left: 60px;

    }



    .about_area {

        padding: 90px 0;

    }



    .gapcmn {

        padding: 90px 0;

    }



    .about_gallery {

        gap: 20px;

    }



    .about_gallery_left,

    .about_gallery_right {

        gap: 20px;

    }



    .about_card {

        padding: 22px 25px;

    }



    .core_services_area {

        padding: 90px 0;

    }



    .innerBanner {

        min-height: 300px;

    }



    .why_choose_page {

        padding: 70px 0 80px 0;

    }



    .service_process_area {

        padding: 90px 0;

    }



    .process_row>[class*="col-"]:not(:nth-child(3n+1)) .process_card {

        padding-left: 35px;

    }



    .contact_section {

        padding: 90px 0;

    }



    .investor_resources_area {

        padding: 90px 0;

    }



    .investor_resources_header_wrap {

        margin-bottom: 45px;

    }



    .investor_card_title h3 {

        font-size: 24px;

    }



    .essential_downloads_area {

        padding: 70px 0;

    }



    .investor_charter_area {

        padding: 90px 0;

    }



    .complaint_summary_area {

        padding: 70px 0;

    }



    .complaint_summary_row>[class*="col-"]:nth-child(2n+1) .summary_box {

        padding-left: 0 !important;

    }



    .complaint_summary_row>[class*="col-"]:nth-child(2n) .summary_box {

        padding-right: 0 !important;

    }



    .complaint_summary_row>[class*="col-"]:nth-child(2n) .summary_box::after,

    .complaint_summary_row>[class*="col-"]:nth-child(2n) .summary_box::before {

        display: none !important;

        content: none !important;

    }



    .news_header_wrap {

        flex-direction: column;

        align-items: flex-start !important;

        gap: 15px !important;

        margin-bottom: 35px;

    }



    .news_filter_wrap {

        width: 100%;

        flex-wrap: wrap;

        gap: 10px !important;

    }



    .news_dropdown {

        flex: 1;

        min-width: 140px;

    }



    .custombtn_dropdown {

        width: 100%;

        padding: 3px 3px 3px 10px;

    }



    .custombtn_dropdown .btn_text {

        font-size: 14px !important;

        max-width: 110px;

    }



    .custombtn_dropdown .iconsc {

        width: 32px;

        height: 32px;

        margin-left: 6px;

    }



    .custombtn_dropdown .iconsc img {

        width: 12px;

        height: 12px;

    }



    .contact_form_box {

        padding: 60px 25px;

    }



    .reach_out_title,

    .form_box_title {

        font-size: 32px;

    }



    .contact_info_text p {

        font-size: 18px;

    }



    .innerBannerContent .pageTiltle {

        font-size: 44px;

    }



    .breadcrumb li {

        font-size: 22px;

    }



    .core_services_slider {

        margin: -50px 0;

        padding: 0 70px;

    }



    .core_service_slide {

        padding: 50px 15px;

    }



    .core_services_slider .slick-prev {

        left: 0;

    }



    .core_services_slider .slick-next {

        right: 0;

    }



    .core_services_subtitle {

        font-size: 22px;

    }



    .valued_clients_area {

        padding: 0 0 90px 0;

    }



    .core_values_area {

        padding: 90px 0;

    }



    .why_choose_left {

        padding-top: 90px;

        padding-bottom: 90px;

        padding-left: 30px;

        padding-right: 40px;

    }



    .vision_mission_left {

        padding-top: 90px;

        padding-bottom: 90px;

        padding-left: 30px;

        padding-right: 25px;

    }



    .why_choose_subtitle,.why_choose_area .announcement_head_wrap h4 {

        font-size: 22px;

    }



    .investor_offering_area {

        padding: 90px 0 0 0;

    }



    .investor_title {

        font-size: 20px;

    }



    .testimonial_area {

        padding: 90px 0;

    }



    .testimonial_divider {

        margin: 0 50px;

    }



    .testimonial_img_box,

    .testimonial_img {

        width: 300px;

        height: 300px;

    }





    h1,

    .h1 {

        font-size: 50px;

    }



    h2,

    .h2 {

        font-size: 42px;

    }



    h3,

    .h3 {

        font-size: 30px;

    }



    .bottomheadr {

        position: static;

        padding: 10px 0;

        min-height: 80px;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .aboutsection {

        padding: 90px 0;

    }



}



@media (max-width: 991px) {







    .aboutsection .about_img {

        float: none;

        width: 100%;

        max-width: 100%;

        margin-right: 0;

        margin-bottom: 25px;

    }



    .topheaderwrppr {

        padding: 0;

    }



    .header_right .custombtn {

        width: 42px;

        height: 42px;

        min-width: 42px;

        padding: 0 !important;

        border-radius: 50% !important;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        background: var(--secondary);

    }



    .header_right .custombtn .btn_text {

        display: none !important;

    }



    .header_right .custombtn .iconsc {

        width: 100%;

        height: 100%;

        background: transparent !important;

        display: flex;

        align-items: center;

        justify-content: center;

        margin: 0;

    }



    .header_right .custombtn .iconsc .btn_icon_arrow {

        display: none !important;

    }



    .header_right .custombtn .iconsc .btn_icon_contact {

        display: block !important;

        width: 20px;

        height: 20px;

        filter: brightness(0) invert(1);

    }



    .digitalAccess {

        padding: 50px 0;

    }



    .digital_access_item:not(:last-child) {

        padding-right: 40px;

    }



    .digital_access_item:not(:first-child) {

        padding-left: 40px;

    }



    .digital_access_title {

        font-size: 32px;

    }



    .digital_access_text {

        font-size: 18px;

    }



    .about_area {

        padding: 70px 0;

    }



    .about_gallery {

        gap: 20px;

        /* margin-bottom: 30px; */

    }



    .about_content .h4 {

        margin-bottom: 18px;

    }



    .core_services_area {

        padding: 70px 0;

    }



    .innerBanner {

        min-height: 250px;

    }



    .innerBannerContent .pageTiltle {

        font-size: 36px;

    }



    .why_choose_page {

        padding: 60px 0 65px 0;

    }



    .service_process_area {

        padding: 70px 0;

    }



    .gapcmn {

        padding: 70px 0;

    }



    .process_title {

        min-height: auto;

    }



    .contact_section {

        padding: 70px 0;

    }



    .investor_resources_area {

        padding: 70px 0;

    }



    .investor_resources_header_wrap {

        margin-bottom: 35px;

    }



    .investor_resource_card {

        padding: 25px 20px;

    }



    .investor_card_title h3 {

        font-size: 22px;

    }



    .essential_downloads_area {

        padding: 60px 0;

    }



    .investor_charter_area {

        padding: 70px 0;

    }



    .charter_row {

        row-gap: 30px;

    }



    .charter_head_wrap {

        margin-bottom: 20px;

    }



    .charter_item_title {

        font-size: 20px;

    }



    .contact_header {

        margin-bottom: 35px;

    }



    .contact_form_box {

        padding: 40px 20px;

    }



    .contact_info_list li {

        margin-bottom: 25px;

    }



    .breadcrumb li {

        font-size: 18px;

    }



    .breadcrumb-item+.breadcrumb-item::before {

        font-size: 15px;

    }



    .core_services_slider {

        margin: -40px 0;

        padding: 0 70px;

    }



    .core_service_slide {

        padding: 40px 15px;

    }



    .core_services_slider .slick-prev {

        left: 0;

    }



    .core_services_slider .slick-next {

        right: 0;

    }



    .core_services_subtitle {

        font-size: 20px;

    }



    .valued_clients_area {

        padding: 0 0 70px 0;

    }



    .valued_clients_title {

        margin-bottom: 35px;

        gap: 20px;

    }



    .valued_clients_title h3 {

        font-size: 28px;

    }



    .core_values_area {

        padding: 70px 0;

    }



    .core_values_header {

        margin-bottom: 35px;

    }



    .core_value_card {

        padding: 40px 20px 20px 20px;

    }



    .why_choose_left {

        padding-top: 70px;

        padding-bottom: 70px;

        padding-left: 20px;

        padding-right: 20px;

    }



    .vision_mission_left {

        padding-top: 70px;

        padding-bottom: 70px;

        padding-left: 20px;

        padding-right: 15px;

    }



    .why_choose_right,

    .vision_mission_right {

        height: 380px;

    }



    .why_choose_subtitle,.why_choose_area .announcement_head_wrap h4 {

        font-size: 20px;

    }



    .investor_offering_area {

        padding: 70px 0 0 0;

    }



    .investor_offering_title {

        margin-bottom: 35px;

    }



    .investor_title {

        font-size: 18px;

    }



    .col-lg-3:nth-child(n) .investor_item {

        padding-top: 30px;

        padding-bottom: 30px;

        border-right: 1px solid var(--secondary);

        border-bottom: 1px solid var(--secondary);

    }



    .col-lg-3:nth-child(-n+2) .investor_item {

        padding-top: 0;

        padding-bottom: 30px;

    }



    .col-lg-3:nth-child(n+7) .investor_item {

        padding-top: 30px;

        padding-bottom: 22px;

        border-bottom: none;

    }



    .col-lg-3:nth-child(2n) .investor_item {

        border-right: none;

    }



    .testimonial_area {

        padding: 70px 0;

    }



    .testimonial_divider {

        margin: 0 30px;

    }



    .testimonial_img_box,

    .testimonial_img {

        width: 240px;

        height: 240px;

    }



    .quote_badge {

        width: 46px;

        height: 46px;

    }



    .news_area {

        padding: 70px 0;

    }



    .news_title {

        margin-bottom: 35px;

    }



    .news_card {

        padding: 25px 20px;

    }



    .news_card_title {

        font-size: 20px;

    }



    .footer_contact_info {

        justify-content: flex-start;

        margin-top: 15px;

    }



    .footer_middle {

        margin-bottom: 30px;

    }







    .registration_details_card {

        padding: 25px 30px;

        max-width: 100%;

    }



    h1,

    .h1 {

        font-size: 45px;

    }



    h2,

    .h2 {

        font-size: 40px;

    }



    h3,

    .h3 {

        font-size: 28px;

    }



    h4,

    .h4 {

        font-size: 25px;

    }



    .header_center .navbar-brand img {

        max-width: 160px;

    }



    .bottomheadr {

        min-height: 65px;

    }



    .footer_top {

        margin-bottom: 30px;

        padding-bottom: 30px;

    }



    .footer_nav_wrapper {

        margin-bottom: 10px;

    }



    .aboutsection {

        padding: 70px 0;

    }



}



@media (max-width: 767px) {

    .bottomheadr {

        padding: 8px 0;

    }





    .top_link_text {

        display: none !important;

    }



    .digitalAccess {

        padding: 40px 0;

    }



    .digital_access_wrapper {

        flex-direction: column;

        gap: 40px;

        text-align: center;

    }



    .digital_access_item {

        align-items: center;

    }



    .digital_access_item:not(:last-child) {

        padding-right: 0;

    }



    .digital_access_item:not(:first-child) {

        padding-left: 0;

    }



    .digital_access_icon {

        margin-bottom: 15px;

    }



    .digital_access_title {

        font-size: 30px;

    }



    .gapcmn {

        padding: 50px 0;

    }



    .digital_access_text {

        font-size: 18px;

    }



    .digital_access_item:not(:last-child)::after {

        right: auto;

        left: 50%;

        top: auto;

        bottom: -20px;

        transform: translateX(-50%);

        width: 100%;

        height: 1px;

    }



    .digital_access_item {

        width: 100%;

        padding: 20px 0;

    }



    .digital_access_item:not(:last-child)::before {

        right: auto;

        left: 50%;

        top: auto;

        bottom: -20px;

        transform: translate(-50%, 50%);

        width: 36px;

        height: 18px;

    }



    .about_area {

        padding: 50px 0;

    }



    .about_gallery {

        gap: 15px;

    }



    .about_gallery_left,

    .about_gallery_right {

        gap: 15px;

    }



    .about_card {

        padding: 18px 20px;

        border-radius: 14px;

    }



    .about_card .about_cardhdng {

        font-size: 18px;

        line-height: 1.3;

    }



    .about_img {

        border-radius: 14px;

    }



    .about_content .h4 {

        margin-bottom: 15px;

    }



    .core_services_area {

        padding: 50px 0;

    }



    .core_services_header {

        margin-bottom: 30px;

    }



    .core_services_slider {

        margin: -35px 0 0 0;

        padding: 0 0 65px 0;

    }



    .core_service_slide {

        padding: 35px 15px;

    }



    .core_services_slider .slick-prev,

    .core_services_slider .slick-next {

        top: auto;

        bottom: 5px;

        transform: none;

    }



    .core_services_slider .slick-prev {

        left: calc(50% - 60px);

    }



    .core_services_slider .slick-next {

        right: calc(50% - 60px);

    }



    .core_service_card {

        padding: 25px 20px;

    }



    .core_service_title,.core_service_card h4 {

        font-size: 20px;

    }



    .valued_clients_area {

        padding: 0 0 50px 0;

    }



    .innerBanner {

        min-height: 200px;

        padding: 40px 0;

    }



    .innerBannerContent .pageTiltle {

        font-size: 28px;

        margin-bottom: 6px;

    }



    .breadcrumb {

        gap: 4px 6px;

    }



    .breadcrumb-item {

        font-size: 15px;

    }



    .breadcrumb-item+.breadcrumb-item::before {

        font-size: 13px;

        padding-right: 6px;

    }



    .why_choose_page {

        padding: 50px 0 50px 0;

    }



    .service_process_area {

        padding: 50px 0;

    }



    .service_process_header {

        margin-bottom: 30px;

    }



    .process_row {

        row-gap: 20px;

    }



    .process_number {

        font-size: 36px;

        margin-bottom: 8px;

    }



    .process_title {

        min-height: auto;

        margin-bottom: 8px;

        font-size: 20px;

    }



    .process_card {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    .process_card::before,

    .process_card::after {

        display: none !important;

    }



    .contact_section {

        padding: 50px 0;

    }



    .investor_resources_area {

        padding: 50px 0;

    }



    .investor_resources_area .row {

        row-gap: 15px;

    }



    .investor_resources_header_wrap {

        margin-bottom: 25px;

    }



    .investor_resources_titles {

        margin-bottom: 15px;

    }



    .sebi_circular_text {

        font-size: 16px;

    }



    .investor_buttons_wrap {

        gap: 12px;

    }



    .investor_resource_card {

        padding: 20px 18px 18px 18px;

    }



    .investor_card_head {

        margin-bottom: 8px;

        gap: 12px;

    }



    .investor_card_title h3 {

        font-size: 20px;

    }



    .investor_card_icon {

        width: 34px;

    }



    .investor_card_icon img {

        width: 34px;

        max-height: 34px;

    }



    .essential_downloads_area {

        padding: 50px 0;

    }



    .essential_downloads_area .row {

        row-gap: 15px;

    }



    .essential_card {

        padding: 20px 18px;

    }



    .essential_card_head {

        margin-bottom: 8px;

        gap: 8px;

    }



    .essential_card_title h4 {

        font-size: 19px;

    }



    .investor_charter_area {

        padding: 50px 0;

    }



    .charter_list li {

        gap: 14px;

        margin-bottom: 14px;

    }



    .charter_list_icon {

        width: 20px;

        height: 20px;

    }



    .charter_item_title {

        font-size: 18px;

    }



    .important_announcements_area .why_choose_card:not(:last-child) {

        margin-bottom: 20px;

    }



    .important_announcements_area .announcement_head_wrap {

        margin-bottom: 20px;

    }



    .faq_area {

        padding: 50px 0;

    }



    .faq_area .row {

        --bs-gutter-x: 20px;

        --bs-gutter-y: 20px;

    }



    .faq_header {

        margin-bottom: 25px;

    }



    .faq_subtitle {

        font-size: 20px;

    }



    .faq_item {

        padding: 24px 20px 20px 20px;

        margin-bottom: 20px;

    }



    .faq_btn {

        gap: 20px;

    }



    .faq_title_wrap h4 {

        font-size: 18px;

    }



    .faq_body {

        padding-top: 14px;

        padding-left: 42px;

        padding-bottom: 6px;

    }



    .complaints_charter_area {

        padding: 50px 0;

    }



    .complaints_charter_img_box {

        margin-bottom: 25px;

    }



    .complaints_charter_head {

        margin-bottom: 25px;

    }



    .complaints_charter_btns {

        column-gap: 20px;

        row-gap: 15px;

    }



    .news_page_area {

        padding: 50px 0;

    }



    .news_header_wrap {

        margin-bottom: 25px;

    }



    .news_grid_row {

        margin-bottom: 30px;

    }



    .news_img img {

        height: 190px;

    }



    .newsDetailsWrapper h2 {

        font-size: 26px;

        margin-bottom: 20px;

    }



    .newsDetailsWrapper .news_meta {

        font-size: 14px;

        margin-bottom: 20px;

    }



    .newsDetailsWrapper figure {

        margin-bottom: 25px;

    }

    .loaderBox{
        width:145px;
        height:145px;
    }

    .loaderLogo{
        width:76px;
        height:76px;
    }

    .ringOne{
        width:132px;
        height:132px;
    }

    .ringTwo{
        width:105px;
        height:105px;
    }



    .newsDetailsWrapper h3 {

        font-size: 22px;

        margin-top: 25px;

        margin-bottom: 15px;

    }



    .similarposthead {

        margin-bottom: 25px;

    }



    .similarpostrow {

        --bs-gutter-x: 20px;

        --bs-gutter-y: 20px;

    }



    .download_grid_row {

        --bs-gutter-x: 20px;

        --bs-gutter-y: 20px;

    }



    .download_card {

        padding: 20px 15px;

        gap: 12px;

        height: 100%;

    }



    .download_card_title {

        font-size: 18px;

    }



    .download_card_icon {

        width: 36px;

        height: 36px;

    }



    .complaint_summary_area {

        padding: 50px 0 45px 0;

    }



    .complaint_summary_head {

        margin-bottom: 25px;

    }



    .summary_title,.complaint_summary_head h2  {

        margin-bottom: 16px;

    }



    .summary_subtitle,.complaint_summary_head h4 {

        font-size: 20px;

        margin-bottom: 15px;

    }



    .summary_box {

        padding: 20px 0;

        margin-bottom: 15px;

    }



    .summary_box::after,

    .summary_box::before,

    .summary_box:not(.summary_box_last)::after,

    .summary_box:not(.summary_box_last)::before,

    .complaint_summary_row>[class*="col-"] .summary_box::after,

    .complaint_summary_row>[class*="col-"] .summary_box::before,

    .complaint_summary_row>[class*="col-"] .summary_box:not(.summary_box_last)::after,

    .complaint_summary_row>[class*="col-"] .summary_box:not(.summary_box_last)::before {

        display: none !important;

        content: none !important;

    }



    .summary_number {

        font-size: 38px;

        margin-bottom: 16px;

    }



    .summary_box_title {

        font-size: 18px;

    }



    .reach_out_title,

    .form_box_title {

        font-size: 26px;

        margin-bottom: 15px;

    }



    .contact_form_header {

        margin-bottom: 25px;

    }



    .contact_form_box {

        padding: 30px 18px;

    }



    .contact_info_list li {

        gap: 15px;

    }



    .contact_info_text p {

        font-size: 16px;

    }



    .contact_info_icon {

        width: 40px;

    }



    .contact_info_icon img {

        width: 40px;

        height: 40px;

    }



    .why_choose_page .why_choose_header {

        margin-bottom: 25px;

    }



    .valued_clients_title {

        margin-bottom: 25px;

        gap: 15px;

    }



    .valued_clients_title h3 {

        font-size: 24px;

    }



    .core_values_area {

        padding: 50px 0;

    }



    .core_values_header {

        margin-bottom: 25px;

    }



    .core_value_card {

        padding: 25px 12px 15px 12px;

    }



    .core_value_icon {

        margin-bottom: 10px;

        min-height: 32px;

    }



    .core_value_icon img {

        max-height: 32px;

    }



    .core_value_card h4 {

        font-size: 17px;

        margin-bottom: 8px;

    }



    .core_value_card p {

        font-size: 13px;

        line-height: 1.4;

    }



    .client_logo_item {

        min-height: 60px;

    }



    .client_logo_item img {

        max-height: 60px;

    }



    .why_choose_left,

    .vision_mission_left {

        padding-top: 50px;

        padding-bottom: 50px;

        padding-left: 15px;

        padding-right: 15px;

    }



    .why_choose_card {

        padding: 20px 18px;

    }



    .why_choose_right,

    .vision_mission_right {

        height: 300px;

    }



    .investor_offering_area {

        padding: 50px 0 0 0;

    }



    .investor_title {

        font-size: 16px;

    }



    .investor_item {

        padding: 25px 12px;

    }



    .testimonial_area {

        padding: 50px 0;

    }



    .testimonial_header {

        margin-bottom: 30px;

    }



    .desktop_arrows {

        display: none !important;

    }



    .mobile_arrows {

        display: flex !important;

        justify-content: center;

        margin-top: 30px;

        gap: 15px;

    }



    .testimonial_item {

        flex-direction: column;

        text-align: center;

        gap: 25px;

    }



    .testimonial_img_box,

    .testimonial_img {

        margin: 0 auto;

    }



    .testimonial_divider {

        width: 120px;

        height: 1px;

        margin: 0 auto;

        align-self: center;

    }



    .testimonial_content {

        width: 100%;

    }



    .news_area {

        padding: 50px 0;

    }



    .news_title {

        margin-bottom: 25px;

    }



    .footer_area {

        padding: 50px 0 25px;

    }



    .footer_contact_info {

        flex-direction: column;

        align-items: flex-start;

        gap: 15px;

    }



    .footer_legal_links ul {

        justify-content: center;

    }



    .footer_social_links ul {

        justify-content: center;

    }



    h1,

    .h1 {

        font-size: 40px;

    }



    h2,

    .h2 {

        font-size: 35px;

    }



    h3,

    .h3 {

        font-size: 26px;

    }



    h4,

    .h4 {

        font-size: 24px;

    }



    h5,

    .h5 {

        font-size: 18px;

    }



    h6,

    .h6 {

        font-size: 16px;

    }



    .hdrInofInner .icon {

        margin-top: 5px;

    }



    .headrleftInfo ul {

        gap: 20px;

    }



    .topheaderwrppr {

        justify-content: center;

        align-items: center;

    }



    .hdrInofInner .icon img {

        width: 20px;

    }



    .bannerNewoverlayOnew,

    .bannerNewOverlayGreenN,

    .bannerNewOverlayBlueN {

        display: none;

    }



    .fullImageBanner {

        width: 100%;

    }



    .fullImageBanner:after {

        position: absolute;

        content: "";

        background: rgba(0, 0, 0, 0.8);

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

    }



    .announcement_marquee p {

        font-size: 20px;

    }



    .innerBanner {

        min-height: 160px;

        padding: 30px 0;

    }



    .innerBannerContent .pageTiltle {

        font-size: 24px;

    }



    .breadcrumb li {

        font-size: 14px;

    }



    .feature_area {

        padding: 40px 0;

    }



    .feature_item .featurehd {

        font-size: 20px;

    }



    .about_gallery {

        display: block;

    }



    .about_gallery_left {

        width: 100%;

        margin-bottom: 15px;

    }



    .about_gallery_right {

        display: flex;

        flex-direction: row;

        gap: inherit;

    }



    .about_gallery_right .about_img {

        width: 50%;

        flex-basis: 50%;

    }



    .about_content h2 {

        margin-bottom: 10px;

    }



    p {

        margin-bottom: 20px;

    }



    .aboutsection {

        padding: 50px 0;

    }

}



@media (max-width: 575px) {



    .core_value_card {

        padding: 20px 10px 15px 10px;

    }



    .core_value_card h4 {

        font-size: 16px;

        margin-bottom: 6px;

    }



    .core_value_card p {

        font-size: 12px;

        line-height: 1.35;

    }



    h1,

    .h1 {

        font-size: 37px;

    }



    h2,

    .h2 {

        font-size: 31px;

    }



    h3,

    .h3 {

        font-size: 25px;

    }



    h4,

    .h4 {

        font-size: 23px;

    }



    h5,

    .h5 {

        font-size: 17px;

    }



    h6,

    .h6 {

        font-size: 15px;

    }



    body {

        font-size: 15px;

    }



    .custombtn .iconsc {

        width: 35px;

        height: 35px;

    }



    .announcement_marquee p {

        font-size: 18px;

    }



    .importantNotice {

        padding: 10px 0;

    }



    .feature_item {

        flex-wrap: wrap;

        flex-direction: column;

        text-align: left;

        gap: inherit;

        text-align: center;

    }



    .righticonsc {

        padding: 0;

        width: 100%;

        margin-top: 10px;

    }



    .feature_icon {

        min-height: 45px;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .feature_icon img {

        max-height: 45px;

    }



    .about_gallery {

        gap: 12px;

    }



    .about_gallery_left {

        gap: 12px;

    }



    .about_card {

        padding: 14px 16px;

        border-radius: 12px;

    }



    .about_card .about_cardhdng {

        font-size: 15px;

    }



    .about_img {

        border-radius: 12px;

    }



    p {

        margin-bottom: 17px;

    }



    .core_service_card {

        background: transparent !important;

    }



    .core_service_card::before {

        background: var(--secondary);

    }



    .news_btn {

        margin-top: 30px;

    }



    .download_grid_row {

        --bs-gutter-x: 16px;

        --bs-gutter-y: 16px;

    }



    .custombtn_dropdown .btn_text {

        font-size: 13px !important;

        max-width: 95px;

    }





}



@media (max-width: 479px) {

    .valued_clients_title h3 {

        font-size: 20px;

    }





    .investor_item {

        padding: 20px 8px;

    }



    .footer_nav_list li {

        width: 100%;

    }



    .feature_item .featurehd {

        font-size: 18px;

    }



    .testimonial_text,

    .testimonial_name {

        margin-bottom: 10px;

    }





}



@media(max-width: 359px) {

    .navbar-toggler {

        padding: 8px;

        font-size: 15px;

    }

}



@media (max-width: 575px) {

    .news_page_title {

        font-size: 26px;

    }



    .news_filter_wrap {

        gap: 8px !important;

    }



    .custombtn_dropdown {

        padding: 2px 2px 2px 8px;

    }



    .custombtn_dropdown .btn_text {

        font-size: 13px !important;

    }



    .custombtn_dropdown .iconsc {

        width: 30px;

        height: 30px;

        margin-left: 4px;

    }



    .complaint_summary_row>[class*="col-"] .summary_box {

        padding: 10px 0 !important;

        margin-bottom: 0 !important;

    }



    .complaint_summary_row .summary_number {

        margin-bottom: 8px !important;

    }



    .complaint_summary_row>[class*="col-"] .summary_box::after,

    .complaint_summary_row>[class*="col-"] .summary_box::before {

        display: none !important;

    }

}