.sectionHeading {
    font-size: 36px;
    line-height: 50px;
    font-weight: 700
}

.subHeading {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    margin: 7px 0 0 0
}

.para {
    font-size: 16px;
    line-height: 32px;
    font-weight: 500
}

.mmi-hd-t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.ML_sub_menu .right_menu {
    margin: 0 0%;
    z-index: 1111
}

body.fixedMobile .mmi-hd-t .mmi-t2 {
    top: 60px!important;
    height: calc(100vh - 60px)!important
}

#headerSec.mmi-hd-t .mmi_hdr_bar {
    background: rgba(255, 255, 255, .74)
}

.ML_sub_menu {
    position: absolute;
    top: 60px;
    color: #fff;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .2);
    box-shadow: rgb(0 0 0 / 1%) 0 10px 10px;
    border-top: rgba(255, 255, 255, .12) 1px solid;
    z-index: 1
}

#headerSec .mmi-Nav-mb ul li>a {
    color: #000
}

#headerSec .mmi-Nav-mb ul li.active>a,
#headerSec .mmi-Nav-mb ul li:hover>a {
    color: #f18f4a
}

.ML_sub_menu .right_menu ul {
    margin: 0;
    padding: 0;
    display: flex
}

.ML_sub_menu .right_menu ul li {
    list-style: none
}

.ML_sub_menu .right_menu ul li a {
    font-size: 14px;
    font-weight: 500;
    border-bottom: rgba(0, 0, 0, 0) 2px solid;
    padding: 15px 35px;
    display: block;
    color: #fff
}

.ML_sub_menu .right_menu ul li a.active,
.ML_sub_menu .right_menu ul li a:hover {
    color: #f18f4a
}

@media (max-width:980px) {
    #headerSec .ML_sub_menu {
        z-index: 11
    }
    .ML_sub_menu .mmi-container {
        padding: 0
    }
    .left_title {
        display: none
    }
    .right_menu {
        position: relative;
        height: 51px;
        margin: 0!important;
        width: 100%;
        overflow: hidden;
        padding: 0
    }
    .right_menu ul {
        overflow: auto;
        width: 100%;
        height: 70px
    }
    .homePageG {}
}

.ML_sub_menu .right_menu ul li a {
    white-space: nowrap
}

.right_menu .arrowmobile:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: url(https://www.mapmyindia.com/images/arrow-right.png) center center no-repeat;
    background-size: auto 28px;
    width: 32px;
    z-index: 20;
    filter: invert(1)
}

.bg-bl {
    background-color: #0a4b8d;
    color: #fff
}

.color-org {
    background-color: #d77631;
    color: #fff
}

.bx-clr-org {
    background-color: #fce6d7
}

.bx-clr-sky {
    background-color: #ceddeb
}

.arrow_bg_org {
    background-color: #fadac3
}

.arrow_bg_sky {
    background-color: #b6cbe2
}

.tab-menu ul {
    justify-content: center
}

.tab-menu {
    width: 100%;
    position: relative
}

.button-tab {
    margin: 28px 0 50px
}

.button-tab ul li {
    padding: 0
}

.button-tab ul li a {
    border: 1px solid #707070;
    padding: 16px 50px;
    color: #fff
}

.button-tab ul li:last-child a {
    border-bottom-right-radius: 10px;
    border-left: 0;
    border-top-right-radius: 10px
}

.button-tab ul li:first-child a {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-right: 0
}

.button-tab ul li a.active-a {
    background: #f18f4a!important;
    color: #fff!important;
    border: 1px solid #f18f4a
}

.tab-menu ul li a {
    white-space: normal
}

.show {
    display: block
}

label.in_under_color {
    color: #fff;
    overflow: hidden;
    height: 54px;
    width: 607px;
    display: inline-block;
    text-align: left;
    vertical-align: top
}

label.in_under_color.lendinginsurence {
    width: 470px
}

.para .lendinginsurence .slick-slider span {
    color: #fff
}

.in_under_color .slick-slider {
    margin-bottom: 0;
    padding-top: 2px
}

.para .slick-slider span {
    text-decoration: underline
}

.ai-herobanner {
    background: url(https://cdn-public.mappls.com/about-mappls/assets/about/images/about_bg.jpg) right bottom no-repeat;
    padding-top: 100px;
    padding-bottom: 50px;
    background-size: cover;
    position: relative
}

.heading {
    font-size: 45px
}

.cmn_padd {
    padding: 80px 0
}

.clr-container {
    display: flex
}

.banner-bt {
    display: flex;
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    justify-content: space-between;
    padding: 20px 0
}

.banner-bt a {
    opacity: .9;
    border-radius: 40px;
    transform: all .3s;
    justify-content: center;
    text-align: center;
    padding: 12px 0;
    flex: 0 0 180px;
    transition: all .3s;
    margin: 0 0;
    color: #f18f4a;
    border: #f18f4a 1px solid;
    font-size: 16px;
    font-weight: 600
}

.banner-bt a:hover {
    color: #f18f4acf;
    border: #f18f4acf 1px solid
}

.mmi_who {
    padding: 105px 0 100px;
    background: url(../images/mmi-bg-line.png) right top no-repeat;
    background-size: cover
}

.are-sub {
    font-size: 26px;
    line-height: 40px;
    font-weight: 600
}

.counter-box {
    display: flex;
    flex-wrap: wrap;
    row-gap: 60px
}

.counter-box .counter {
    flex: 0 0 33.333333%
}

.counter h1,
.counter span {
    font-size: 36px;
    line-height: 50px;
    color: #0a4b8d;
    font-weight: 600;
    margin: 0
}

.counter .counter_no {
    display: flex;
    align-items: center
}

.counter p {
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    margin: 24px 0 0;
    color: #666
}

.box-container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 43px;
    column-gap: 43px;
    margin-top: 45px
}

.box-container .clr_div {
    flex: 0 0 21%;
    color: #000;
    border-radius: 5px;
    position: relative;
    overflow: hidden
}

.team-section .team_boxes,
.team-section_2 .team_boxes {
    flex: 0 0 17%;
    color: #000;
    border-radius: 5px;
    position: relative;
    overflow: hidden
}

#Group_Companies .team_boxes {
    border-radius: 5px;
    overflow: hidden;
}

.team_boxes .img-box {
    background-color: #b6cbe2;
    overflow: hidden;
    display: flex
}

.box-container .clr_div .txt-box {
    padding: 46px 15px 80px 28px
}

.box-container .clr_div .txt-box h4 {
    font-size: 15px;
    line-height: 24px
}

.box-container .clr_div .txt-box h3 {
    font-size: 19px;
    line-height: 23px;
    font-weight: 600
}

.box-container .clr_div .btn-box {
    display: flex;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #00000082;
    position: absolute;
    bottom: 25px;
    justify-content: center;
    align-items: center
}

.box-container .clr_div .btn-box img {
    animation-name: out;
    animation-duration: .3s
}

.box-container .clr_div .btn-box:hover img {
    animation: displaceContent 1s .1s 1 forwards
}

@keyframes displaceContent {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(.3em)
    }
}

@keyframes out {
    from {
        transform: translateX(.3em)
    }
    to {
        transform: translateX(0)
    }
}

.team-section,
.team-section_2 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 40px;
    margin-top: 58px;
    justify-content: center;
}

#Group_Companies .team_boxes {
    background-color: #FFF0E7;
}

#Group_Companies .tab-menu ul li a {
    color: #000;
}

.team-section .team_boxes,
.team-section_2 .team_boxes {
    background-color: #fff;
    color: #000
}

.team-section .team_boxes .team_txt,
.team-section_2 .team_boxes .team_txt {
    padding: 30px 13px
}

.team-section .team_boxes .team_txt h3,
.team-section_2 .team_boxes .team_txt h3 {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    cursor: pointer
}

.team-section .team_boxes .team_txt h3:hover,
.team-section_2 .team_boxes .team_txt h3:hover {
    text-decoration: underline;
    font-weight: 600
}

.team-section .team_boxes .team_txt p,
.team-section_2 .team_boxes .team_txt p {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    margin: 10px 0 0 0
}

.team_btn {
    margin-top: 60px;
    display: flex;
    justify-content: center
}

.team_btn a {
    opacity: .9;
    border-radius: 40px;
    transform: all .3s;
    justify-content: center;
    text-align: center;
    padding: 12px 0;
    flex: 0 0 180px;
    transition: all .3s;
    margin: 0 0;
    color: #f18f4a;
    border: #f18f4a 1px solid;
    font-size: 16px;
    font-weight: 600
}

.team_btn a:hover {
    opacity: 1
}

.team_btn_2 {
    margin-top: 60px;
    display: flex;
    justify-content: center
}

.team_btn_2 a {
    opacity: .9;
    border-radius: 40px;
    transform: all .3s;
    justify-content: center;
    text-align: center;
    padding: 12px 0;
    flex: 0 0 180px;
    transition: all .3s;
    margin: 0 0;
    color: #f18f4a;
    border: #f18f4a 1px solid;
    font-size: 16px;
    font-weight: 600
}

.team_btn_2 a:hover {
    opacity: 1
}

.invstr_list {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 45px
}

.invst_div {
    border: 1px solid #707070;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.invst_div img {
    padding: 20px
}

.partner-cont {
    display: flex;
    gap: 30px;
    margin-top: 60px
}

.partner-cont .pre-part {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-radius: 5px;
    overflow: hidden
}

.img_div {
    display: flex
}

.pre-part .text_div {
    background-color: #fff;
    color: #000;
    flex: 1;
    padding: 22px 20px
}

.pre-part .text_div h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600
}

.pre-part .text_div p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.right_menu .arrowmobile {
    display: none
}

.history_slider_v {
    display: flex;
    gap: 40px
}

.slider_hading {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: #f18f4a;
    margin: 60px 0 30px
}

.history_slider_v .slide_box {
    border: 1px solid #707070;
    flex: 0 0 30.3%;
    padding: 30px 25px 40px 30px;
    border-radius: 5px;
    min-height: 255px
}

.history_slider_v .slide_box .content h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 30px
}

body .splide__track {
    padding-bottom: 70px;
    cursor: grab
}

body .splide__pagination {
    opacity: 1;
    flex-wrap: initial
}

body .splide__pagination__page {
    opacity: 1;
    position: relative
}

.splide__pagination li {
    text-align: center;
    position: relative;
    padding-top: 10px;
    border: none;
    outline: 0;
    width: 100%
}

body .splide__pagination__page {
    margin: 20px 0
}

body .splide__pagination__page.is-active {
    transform: scale(1.1);
    background: #f18f4a
}

.splide__arrows {
    display: none
}

.splide__pagination {
    position: relative!important;
    left: 0!important;
    transform: inherit!important;
    width: 100%!important
}

.splide__pagination::after {
    width: 100%;
    height: 1px;
    background-color: #a0a0a1;
    position: absolute;
    content: '';
    top: 33px;
    left: 0;
    z-index: -111
}

.splide__pagination li {
    display: flex!important;
    justify-content: flex-start
}

.splide__pagination li button {
    position: relative;
    width: 40%;
    background: 0 0!important;
    top: -20px;
    padding: 20px 0!important;
    transform: inherit!important
}

.splide__pagination li button::before {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid #a0a0a1;
    content: '';
    left: 0;
    top: 18px;
    display: block;
    border-radius: 50%;
    z-index: 2;
    cursor: pointer
}

.splide__pagination li button.is-active::before {
    background-color: #f18f4a!important;
    border: #f18f4a;
    transform: scale(1.1)
}

.splide__pagination li button::after {
    display: block;
    position: absolute;
    content: "";
    left: -15px;
    top: -5px;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    width: 71px;
    color: #a0a0a1
}

.splide__pagination li button.is-active::after {
    color: #f18f4a
}

.splide__pagination li:nth-child(1) button::after {
    content: '2020-21'
}

.splide__pagination li:nth-child(2) button::after {
    content: '2019'
}

.splide__pagination li:nth-child(3) button::after {
    content: '2017'
}

.splide__pagination li:nth-child(4) button::after {
    content: '2016'
}

.splide__pagination li:nth-child(5) button::after {
    content: '2015'
}

.splide__pagination li:nth-child(6) button::after {
    content: '2011'
}

.splide__pagination li:nth-child(7) button::after {
    content: '2007'
}

.splide__pagination li:nth-child(8) button::after {
    content: '2004'
}

.splide__pagination li:nth-child(9) button::after {
    content: '1995'
}

.modal_shadow {
    position: fixed;
    top: 0;
    padding: 50px;
    z-index: 99999;
    background: rgba(0, 0, 0, .6);
    height: 100%;
    width: 100%;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.modal_shadow.addC_show {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
    display: flex;
    align-items: center
}

.inner_divBox {
    box-shadow: rgb(0 0 0 / 20%) 0 0 10px;
    border-radius: 10px;
    padding: 20px;
    max-width: 900px;
    margin: 0 auto;
    background: #fff
}

.inner_thums {
    float: left;
    margin-right: 30px;
    min-width: 250px;
    width: 320px;
}

.inner_thums img {
    max-height: 485px;
    border-radius: 10px
}

.content_mmi {
    max-height: 70vh;
    overflow: auto
}

.content_mmi p {
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 30px
}

.close_box {
    text-align: right;
    height: 32px
}

.close_box img {
    height: 16px;
    cursor: pointer
}

.inner_thums h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0 15px
}

.inner_thums p {
    color: #000;
    font-weight: 500
}

.showcase-section {
    overflow: hidden
}

@media (max-width:767px) {
    body .ai-herobanner {
        background: url(https://cdn-public.mappls.com/about-mappls/assets/about/images/about_bg_mob.jpg) center top no-repeat;
    }
    .homePageG {
        height: 480px;
        align-items: flex-end;
        padding-bottom: 0;
    }
}

@media (max-width:980px) {
    .right_menu .arrowmobile {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #041721 75%);
        width: 32px;
        z-index: 19
    }
    .ML_sub_menu {
        z-index: 9
    }
    section br {
        display: none
    }
    .ai-herobanner::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        z-index: 1
    }
    .heading {
        font-size: 22px;
        line-height: 31px;
        text-align: center;
        text-shadow: 2px 2px 5px #333
    }
    .subHeading {
        font-size: 16px;
        line-height: 23px
    }
    .banner-bt {
        align-items: center;
        justify-content: center
    }
    .cmn_padd,
    .mmi_who {
        padding: 50px 0
    }
    .counter span,
    .sectionHeading {
        font-size: 24px;
        line-height: 30px
    }
    .counter h1 {
        font-size: 30px;
        line-height: 40px
    }
    .are-sub,
    .pre-part .text_div h3 {
        font-size: 20px;
        line-height: 25px
    }
    .para,
    .pre-part .text_div p {
        font-size: 16px;
        line-height: 24px
    }
    .counter p {
        font-size: 18px;
        line-height: 22px;
        margin-top: 15px
    }
    .counter-box .counter {
        flex: 0 0 50%;
        padding: 0 10px
    }
    .counter .counter_no {
        justify-content: center;
        align-items: center;
        text-align: center
    }
    .counter-box {
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        gap: 44px
    }
    .box-container,
    .team-section {
        flex-direction: row;
        gap: 35px;
        flex-wrap: wrap
    }
    .box-container .clr_div,
    .partner-cont .pre-part,
    .team-section .team_boxes,
    .team-section_2 .team_boxes {
        flex: 0 0 75vw!important;
        margin: 0 auto
    }
    .partner-cont {
        flex-direction: row;
        gap: 35px;
        flex-wrap: wrap;
        margin-top: 30px
    }
    .invstr_list {
        gap: 15px;
        margin-top: 20px;
        flex-direction: column
    }
    .invstr_list .invst_div {
        border: none
    }
    .team_boxes .img-box img {
        width: 100%
    }
    .title_lead {
        cursor: pointer!important
    }
    .px-5 {
        padding: 0 15px!important
    }
    .banner-bt a {
        flex: 0 0 144px;
        padding: 9px 0
    }
    .box-container .clr_div .btn-box {
        width: 35px;
        height: 35px
    }
    .box-container .clr_div .btn-box img {
        width: 55%
    }
    .history_slider_v {
        flex-direction: column
    }
    .history_slider_v {
        gap: 20px
    }
    .history_slider_v .slide_box {
        padding: 15px;
        min-height: 192px;
        margin: 0 25px
    }
    .history_slider_v .slide_box .content h3 {
        font-size: 15px;
        line-height: 26px;
        margin-top: 10px
    }
    .icn img {
        width: 15%
    }
    .splide__slide {
        display: flex;
        align-items: center
    }
    .splide__pagination {
        width: 100%!important
    }
    body .splide__pagination__page:after {
        width: 370%
    }
    .slider_hading {
        margin: 20px
    }
    .splide__pagination li button::after {
        display: none
    }
    body .splide__track {
        padding-bottom: 30px
    }
    .splide__arrows {
        display: none
    }
    .splide__arrow--next {
        right: -1em!important
    }
    .splide__arrow--prev {
        left: -1em!important
    }
    .team-section .team_boxes .team_txt,
    .team-section_2 .team_boxes .team_txt {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }
    .inner_thums {
        float: none;
        margin-right: 0;
        min-width: 250px;
        text-align: center;
        display: block
    }
    .content_mmi p {
        margin: 0 0 15px;
        font-size: 16px;
        line-height: 24px
    }
    body .innerBox_height iframe {
        border-radius: 0
    }
    .button-tab ul li a {
        border: 1px solid #707070;
        padding: 8px 20px;
        color: #fff
    }
    .modal_shadow {
        padding: 15px
    }
    label.in_under_color {
        max-width: 100%;
        height: 43px
    }
    .team_pad {
        margin-top: 35px!important
    }
}

.team_boxes img {
    margin: auto
}

.innerBox_height {
    max-width: 100%;
    padding: 40px 0 0;
    flex: 0 0 100%
}

.innerBox_height iframe {
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
    box-shadow: rgb(0 0 0 / 10%) 0 10px 10px
}

.icn {
    height: 60px
}

.inner_team_S {
    display: flex;
    flex-wrap: wrap;
}

.team-section66,
.team-section-33,
.team-section50 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 20px;
    margin-top: 0px;
    justify-content: center;
}

.inner_team_S>div.team-section66 {
    flex: 0 0 61%;
}

.inner_team_S>div.team-section-33 {
    flex: 0 0 38%;
    margin-right: 0;
}

.inner_team_S.pt-40 {
    padding-top: 40px;
}

.inner_team_S>div.team-section50 {
    flex: 0 0 50%;
    align-items: normal;
}

.inner_team_S>div.team-section50 {
    flex: 0 0 50%;
    margin-right: 0;
}

.inner_team_S>div.team_boxes {
    flex: 3;
}

.inner_team_S>div.team_boxes {
    flex: 3;
}

.team-section66 .team_boxes,
.team-section-33 .team_boxes {
    flex: 0 0 193px;
}

.team-section50 .team_boxes {
    flex: 0 0 205px;
}

.team-section50 .team_boxes .team_txt p {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    margin: 10px 0 0 0;
}

.team-section50 .team_boxes .team_txt h3 {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    cursor: pointer;
}

.team-section50 .team_boxes .team_txt {
    padding: 30px 13px;
}

@media (max-width: 980px) {
    .team-section50 {
        padding-bottom: 40px;
    }
    .team-section-33 {
        padding-top: 40px;
    }
    .team-section50 {
        flex-wrap: wrap;
    }
    .inner_team_S {
        display: block;
    }
    .team-section50 .team_boxes {
        flex: 0 0 75vw;
        margin: 0 auto;
    }
    .grp-cmpny {
        text-align: center;
    }
}

.grp-cmpny {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
}

@media(max-width:1350px) {
    .ML_sub_menu .right_menu {
        margin: 0 0 0 0%;
        z-index: 1111
    }
}

.p-t40 {
    padding-top: 40px;
}

.mt-20 {
    margin-top: 20px;
}