.hero-banner {
                    background: url(https://cdn-public.mappls.com/about-mappls/assets/app/images_v1/Mappls_App_Banner_BG.png) 90% 0 no-repeat;
                    background-size: cover;
                    padding-top: 0px;
                    height: 100vh;
                    display: flex;
                    align-items: center;
                }
                
                body[class=""] .mmi_nav-br .mmi_stic {
                    height: 72px;
                }
                
                body[class=""] .mmi_navBar {
                    padding: 5px 0;
                }
                
                .sub-title {
                    font-size: 30px;
                    font-weight: 700;
                }
                
                .banner-bt a.outerline {
                    border: #fff 1px solid;
                    margin-left: 25px;
                    background: transparent;
                    color: #fff;
                }
                
                .banner-bt,
                .readmore {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                }
                
                .banner-bt a {
                    border: #1ebea3 2px solid;
                    display: flex;
                    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
                    color: #000;
                    padding: 17px 30px;
                    background-color: #fff;
                    border-radius: 30px;
                    font-weight: 700;
                    font-size: 16px;
                }
                
                .readmore a {
                    display: flex;
                    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
                    color: #000;
                    padding: 17px 30px;
                    background-color: #fff;
                    border-radius: 30px;
                    font-weight: 700;
                    border: #000 1px solid;
                    font-size: 16px;
                }
                
                .featureList .readmore a {
                    display: flex;
                    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
                    color: #000;
                    padding: 17px 30px;
                    background-color: #21D0B2;
                    border-radius: 30px;
                    font-weight: 700;
                    border: #21D0B2 1px solid;
                    font-size: 16px;
                }
                
                .mappple_f_l h4 {
                    font-size: 22px;
                    text-transform: uppercase;
                    padding: 0px 0px 20px;
                    font-weight: 600;
                }
                
                .banner-bt,
                .readmore {
                    display: flex;
                    align-items: center;
                }
                
                .banner-bt span,
                .readmore span {
                    display: flex;
                    padding: 0px 0 0 30px
                }
                
                .banner-bt span img:first-child,
                .readmore span img:first-child {
                    margin-right: 10px;
                }
                
                .showcase-top {
                    background: #141414 url(../images_v1/bg_showcase.png) center top no-repeat;
                    padding: 100px 0;
                }
                
                .progress h3 {
                    font-size: 16px;
                    font-weight: 600;
                    padding: 20px 0 0;
                }
                
                .map_img {
                    text-align: center;
                }
                
                .map_img img {
                    margin-bottom: 30px;
                }
                
                .inner_tag_l {
                    font-size: 33px;
                    font-weight: 800;
                    text-align: center;
                    padding: 15px 0;
                    color: #FFB494;
                }
                /******************************/
                
                .ibg_middle_box {
                    position: relative;
                    padding: 50px 0 100px;
                    z-index: 99;
                }
                
                .ibg_middle_box .container {
                    z-index: 9;
                    position: relative;
                }
                
                .parallax-window {
                    z-index: 2;
                }
                
                .pic_box {
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                }
                
                .in_b_area {
                    display: flex;
                    margin-top: 80px;
                    padding: 60px;
                    width: 100%;
                    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
                    border-radius: 40px;
                    background: #fff;
                    position: relative;
                    overflow: hidden;
                }
                
                .in_b_area .mappple_f_l {
                    margin-right: auto;
                    flex: 0 0 50%;
                    max-width: 50%;
                    height: 377px;
                }
                
                .fictureB {
                    position: absolute;
                    bottom: -130px;
                    right: 30px;
                    width: 440px;
                }
                
                #made-in-india-for-the-world .fictureB #made-in-india-for-the-world .fictureB {
                    bottom: -2px;
                }
                
                #made-in-india-for-the-world .fictureB {
                    width: 480px;
                    bottom: -15px;
                }
                
                #made-in-india-for-the-world .fictureB img {
                    transform: scaleX(-1);
                }
                
                #hyperlocal0a-and-precis .fictureB {
                    bottom: 0px;
                    right: 0;
                }
                
                #hyperlocal0a-and-precis .fictureB img {
                    transform: scaleX(-1);
                }
                
                #hyperlocal0a-and-precis .fictureB {
                    width: 468px;
                }
                
                .featureList {
                    width: 100%;
                }
                
                .icoN_action {
                    padding-top: 40px;
                }
                
                .in_b_area:nth-child(odd) .mappple_f_l {
                    margin-left: auto;
                    margin-right: 0;
                }
                
                .in_b_area:nth-child(odd) .fictureB {
                    position: absolute;
                    bottom: -130px;
                    left: 30px;
                    width: 440px;
                }
                
                .in_b_area.bg_1_gra {
                    background: rgb(0, 0, 0);
                    background: linear-gradient(353deg, rgba(0, 0, 0, 1) 33%, rgba(14, 90, 77, 1) 78%, rgba(33, 208, 178, 1) 100%);
                }
                
                .in_b_area.bg_2_gra {
                    background: rgb(218, 235, 251);
                    background: linear-gradient(353deg, rgba(218, 235, 251, 1) 0%, rgba(249, 227, 211, 1) 100%);
                }
                
                .in_b_area.bg_3_gra {
                    background: rgb(0, 0, 0);
                    background: linear-gradient(238deg, rgba(0, 0, 0, 1) 0%, rgba(0, 2, 1, 1) 7%, rgba(14, 90, 77, 1) 69%, rgba(33, 208, 178, 1) 100%);
                }
                
                .dark_color h4 {
                    color: #fff;
                }
                
                .in_b_area.second_row .fictureB {
                    position: absolute;
                    top: 62px;
                    left: 114px;
                    width: 291px;
                }
                
                .img_third_row .fictureB {
                    position: absolute;
                    top: 60px;
                    right: 114px;
                    width: 291px;
                }
                
                .in_b_area.solid_black:nth-child(even) .mappple_f_l {
                    order: 2;
                }
                
                .solid_black {
                    background-color: #000;
                }
                
                .img_pos_rel .fictureB {
                    width: 528px;
                    bottom: -50px;
                    right: 40px;
                }
                
                .in_b_area.img_pos_rel_3 .fictureB {
                    width: 538px;
                    bottom: -5px;
                    left: 00px;
                }
                
                .in_b_area.bg_2_gra:nth-child(even) .mappple_f_l {
                    order: 1;
                    margin-right: auto;
                    margin-left: 0;
                }
                
                .in_b_area.bg_2_gra:nth-child(even) .fictureB {
                    order: 2;
                    right: 50px;
                    left: auto;
                    bottom: 28px;
                    width: 300px;
                }
                
                .in_b_area.bg_3_gra:nth-child(odd) .mappple_f_l {
                    order: 1;
                    margin-right: 0;
                    margin-left: auto;
                }
                
                .in_b_area.bg_3_gra:nth-child(odd) .fictureB {
                    order: 2;
                    left: 50px;
                    right: auto;
                    bottom: 90px;
                    width: 482px;
                }
                
                .in_b_area.bg_3_gra:nth-child(odd) .readmore a {
                    background: none;
                    border-color: #fff;
                    color: #fff;
                }
                /***************************************/
                
                .middle_sec {
                    background: #141414;
                    padding: 00px 0 0;
                }
                /* Style the tab */
                
                .tab-content {
                    position: relative;
                    padding-left: 400px;
                    width: 100%;
                    height: 600px;
                    margin: 100px 0 80px;
                }
                
                .tab {
                    margin: 0;
                    padding: 100px 0 0;
                    overflow: hidden;
                    margin-bottom: 15px;
                    display: flex;
                    flex-wrap: wrap;
                    position: absolute;
                    /* height: 100%; */
                    width: 380px;
                    left: 0px;
                    align-items: flex-start;
                    top: 50px;
                }
                
                .tab-content .tab h2 {
                    position: absolute;
                    top: 0;
                    font-size: 30px;
                    font-weight: 800;
                    color: #fff;
                }
                
                .i_t-g .tab {
                    top: 68px;
                    padding-top: 150px;
                }
                /* Style the buttons inside the tab */
                
                .tab li {
                    background-color: inherit;
                    width: 100%;
                    flex: 0 0 100%;
                    border: none;
                    outline: none;
                    cursor: pointer;
                    padding: 0 30px;
                    transition: 0.3s;
                    margin-bottom: 35px;
                    font-size: 16px;
                    color: #fff;
                }
                
                .right_bar_nve .tab {
                    right: 0;
                    left: auto;
                }
                
                .tab-content.right_bar_nve {
                    padding-right: 430px;
                    padding-left: 0;
                }
                
                .tab li {
                    border-left: 2px solid #ccc;
                }
                
                .tab li.tablinks.active {
                    border-left: 2px solid #21D0B2;
                }
                
                .tab li.tablinks.active {
                    border-left: 2px solid #21D0B2;
                }
                
                .tab li p {
                    display: none;
                    font-size: 14px;
                    margin: 0;
                }
                
                .tab li.tablinks.active p {
                    display: block;
                    color: #fff;
                }
                
                .tab li h4 {
                    font-size: 16px;
                    font-weight: 700;
                }
                
                .tab li.tablinks.active h4 {
                    color: #21D0B2 !important;
                    margin-bottom: 25px;
                    font-size: 16px;
                    font-weight: 700;
                }
                /* Change background color of buttons on hover */
                
                .tab button:hover {
                    background-color: #ddd;
                }
                /* Create an active/current tablink class */
                
                .tab button.active {
                    background-color: #ccc;
                }
                /* Style the tab content */
                
                .tabcontent,
                .tabcontent2,
                .tabcontent3,
                .tabcontent4,
                .tabcontent5 {
                    display: none;
                    padding: 6px 12px;
                    border-top: none;
                }
                /* Style the close button */
                
                .topright {
                    float: right;
                    cursor: pointer;
                    font-size: 28px;
                }
                
                .topright:hover {
                    color: red;
                }
                /********************************/
                
                .container {
                    display: flex;
                    justify-content: space-around;
                    flex-wrap: wrap;
                    padding-top: 40px;
                    padding-bottom: 40px;
                    align-items: center
                }
                
                .progress {
                    width: 200px;
                    height: 200px;
                    font-size: 30px;
                    color: #fff;
                    border-radius: 50%;
                    position: relative;
                    background: #141414;
                    text-align: center;
                    line-height: 200px;
                    margin: 20px;
                    padding: 10px;
                    box-shadow: #141414 0px 0px 8px;
                }
                
                .progress_inner {
                    width: 180px;
                    height: 180px;
                    font-size: 30px;
                    color: #fff;
                    border-radius: 50%;
                    overflow: hidden;
                    position: relative;
                    background: #141414;
                    text-align: center;
                    line-height: 180px;
                    font-weight: 700;
                    box-shadow: #141414 0px 0px 8px;
                }
                
                .progress_inner .title {
                    position: relative;
                    z-index: 100;
                }
                
                .progress_inner .overlay {
                    width: 50%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 1;
                    background-color: #141414
                }
                
                .progress_inner .left,
                .progress_inner .right {
                    width: 50%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    border: 12px solid #21D0B2;
                    border-radius: 100px 0px 0px 100px;
                    border-right: 0;
                    transform-origin: right;
                }
                
                .splide__slide {
                    display: flex;
                }
                
                .two .progress_inner .left,
                .two .progress_inner .right,
                .four .progress_inner .left,
                .four .progress_inner .right {
                    border: 12px solid #FFB494;
                    border-radius: 100px 0px 0px 100px;
                    border-right: 0;
                }
                
                .progress_inner .left {
                    animation: load1 1s linear forwards 1s;
                }
                
                .progress:nth-of-type(2) .right,
                .progress:nth-of-type(3) .right {
                    animation: load2 .5s linear forwards 2s;
                }
                
                .progress:last-of-type .right,
                .progress:first-of-type .right {
                    animation: load3 .8s linear forwards 2s;
                }
                
                @keyframes load1 {
                    0% {
                        transform: rotate(0deg);
                    }
                    100% {
                        transform: rotate(180deg);
                    }
                }
                
                @keyframes load2 {
                    0% {
                        z-index: 100;
                        transform: rotate(180deg);
                    }
                    100% {
                        z-index: 100;
                        transform: rotate(360deg);
                    }
                }
                
                @keyframes load3 {
                    0% {
                        z-index: 100;
                        transform: rotate(180deg);
                    }
                    100% {
                        z-index: 100;
                        transform: rotate(360deg);
                    }
                }
                /***********************/
                
                .mapplscamera_view {
                    background: url(https://cdn-public.mappls.com/about-mappls/assets/app/images_v1/mappls-camera.png) center 30px no-repeat;
                    background-size: cover;
                    width: 308px;
                    height: 577px;
                    margin: auto;
                    background-size: 100% auto;
                    border-radius: 30px;
                }
                
                .jn_view {
                    background: url(../images_v1/gif/470x850_JV.gif) center -20px no-repeat;
                    background-size: cover;
                    width: 320px;
                    height: 577px;
                    margin: auto;
                    border-radius: 30px;
                }
                
                .Mappls_pin_view {
                    background: url(../images_v1/gif/416x850_Mappls_Pin_1.gif) center -14px no-repeat;
                    background-size: auto 104%;
                    width: 252px;
                    height: 531px;
                    margin: auto;
                    border-radius: 30px;
                }
                
                .speed_view {
                    background: url(../images_v1/gif/416x850_Speed_Limits_2.gif) center -3px no-repeat;
                    background-size: cover;
                    width: 259px;
                    height: 557px;
                    margin: auto;
                    border-radius: 33px;
                }
                
                .txt_more_feature {
                    padding: 40px 0 80px;
                    background: #fff;
                }
                
                .txt_more_feature .title_h2_tag {
                    width: 100%;
                }
                
                .txt_more_feature .title_h2_tag h2 {
                    font-size: 30px;
                    font-weight: 800;
                    padding: 20px 0px 30px;
                    text-align: left;
                }
                
                .row_list {
                    flex: 0 0 100%;
                }
                
                .mappls_app_more {
                    display: grid;
                    column-gap: 40px;
                    row-gap: 40px;
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }
                
                .tile_con {
                    font-size: 18px;
                    font-weight: 600;
                    padding: 25px 0 0;
                }
                
                .img_area {
                    height: 220px;
                    position: relative;
                    overflow: hidden;
                    border-radius: 10px;
                }
                
                .img_area img {
                    height: 100%;
                    position: absolute;
                }
                
                .pic_box {
                    --origin: calc(var(--gap) * -2);
                    --destination: calc(var(--card-height) * 3.4 + var(--gap));
                }
                
                .pic_box img {
                    aspect-ratio: 5 / 7;
                }
                
                @keyframes scale {
                    0% {
                        transform: translateY(var(--origin, 0%));
                    }
                    100% {
                        transform: translateY(var(--destination, -50%));
                    }
                }
                /************/
                
                @media (min-width:981px) {
                    .testimonial_feedback .splide__pagination {
                        display: none;
                    }
                }
                
                @media (max--width:1180px) {
                    .testimonial_feedback .splide__pagination {
                        display: none;
                    }
                    .container {
                        padding: 0px 15px;
                    }
                }
                
                .testimonial_feedback {
                    background: #fff;
                    padding: 60px 0;
                }
                
                .InnerBox {
                    flex: 0 0 100%;
                    max-width: 100%;
                    padding: 30px 0;
                }
                
                .title_h2_tag {
                    justify-content: start;
                    width: 100%;
                }
                
                .testimonial_feedback .title_h2_tag h2 {
                    color: #222;
                    font-size: 30px;
                    font-weight: 800;
                    padding: 0px;
                    text-align: left;
                }
                
                .title_h2_tag h2 {
                    text-align: left;
                    font-size: 32px;
                    font-weight: 700;
                    padding-bottom: 15px;
                    color: #fff;
                }
                
                .splide__arrow svg {
                    fill: #000 !important;
                }
                
                .splide__arrows button {
                    background: #ccf8f7 !important;
                }
                
                .about_splide ul li div.list_B {
                    background: rgb(212, 255, 244);
                    padding: 25px;
                    border-radius: 10px;
                    background: linear-gradient(343deg, rgba(212, 255, 244, 1) 0%, rgba(183, 229, 255, 1) 100%);
                }
                
                .about_splide ul li:nth-child(even) div.list_B {
                    background: rgb(218, 235, 251);
                    background: linear-gradient(173deg, rgba(218, 235, 251, 1) 0%, rgba(249, 227, 211, 1) 100%);
                }
                
                .list_B p {
                    font-size: 16px;
                    line-height: 26px;
                }
                
                .list_B h3 {
                    font-size: 18px;
                    font-weight: 600;
                    padding-top: 10px;
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
                
                .author_box p {
                    margin: 0px;
                    padding-top: 5px;
                }
                
                .about_splide .splide__track {
                    padding-bottom: 50px;
                }
                
                .splide__arrows {
                    position: absolute;
                    right: 41px;
                    top: -46px;
                }
                
                .splide__arrow svg {
                    width: 1.2em;
                    height: 1.2em;
                    fill: #fff;
                }
                
                .splide__arrows button {
                    height: 40px;
                    width: 40px;
                    background: #3A3A3A;
                }
                
                .splide__arrows .splide__arrow--prev {
                    left: -58px;
                }
                
                .splide__arrows .splide__arrow--next {
                    right: -40px;
                }
                
                .mappls_t_footer {
                    background-color: #141414;
                    border-top: #A4A4A4 1px solid;
                    padding: 0px;
                }
                
                .mappls_t_footer .title_h2_tag h2 {
                    text-align: center;
                }
                
                .button_app_a {
                    display: flex;
                    justify-content: center;
                    width: 100%;
                }
                
                .link_portal {
                    display: flex;
                    justify-content: center;
                    width: 100%;
                    padding-top: 20px;
                }
                
                .link_portal a {
                    font-size: 20px;
                    font-weight: 700;
                    color: #21D0B2;
                    text-decoration: underline;
                }
                
                .link_portal a:hover {
                    text-decoration: none;
                }
                
                .button_app_a a {
                    width: 62px;
                    margin: 23px 26px;
                }
                
                .app_store_google {
                    background: url(../images_v1/logo.png) 0 0 no-repeat;
                    background-size: auto 62px;
                    height: 62px;
                    border-radius: 10px;
                    overflow: hidden;
                }
                
                .app_store_apple {
                    background: url(../images_v1/logo.png) 100% 0 no-repeat;
                    background-size: auto 62px;
                    height: 62px;
                    border-radius: 10px;
                    overflow: hidden;
                }
                
                .reveal {
                    position: relative;
                    transform: translateY(120px);
                    opacity: 0;
                    transition: 0.9s all ease;
                }
                
                .reveal.active {
                    transform: translateY(0);
                    opacity: 1;
                }
                
                .txt_more_feature .title_h2_tag h2 {
                    color: #000;
                }
                
                .splide__pagination__page.is-active {
                    background-color: #21D0B2;
                    border: #21D0B2 1px solid;
                    transform: scaleZ(1);
                }
                
                .splide__pagination__page {
                    height: 12px;
                    width: 12px;
                    border: #999 1px solid;
                    background-color: transparent;
                }
                /************Popup Module***********/
                
                .modal_shadow.addC_show {
                    transform: translateY(0);
                    opacity: 1;
                    visibility: visible;
                    pointer-events: all
                }
                
                .close_box {
                    z-index: 999;
                }
                
                .content_mmi {
                    position: relative;
                    z-index: 1;
                }
                
                .modal_shadow {
                    position: fixed;
                    top: 0;
                    padding: 0 20px;
                    z-index: 99999999999;
                    background: rgba(0, 0, 0, .6);
                    height: 100%;
                    width: 100%;
                    visibility: hidden;
                    pointer-events: none;
                    transition: all .3s;
                    opacity: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    display: flex;
                    align-items: center
                }
                
                .list_slider {
                    text-align: center;
                    padding-bottom: 80px;
                }
                
                .splide_res .splide__pagination {
                    bottom: 40px;
                }
                /**************END **************/
                
                .close_box img {
                    cursor: pointer;
                }
                
                .close_box {
                    text-align: right;
                    height: 32px;
                    position: absolute;
                    right: 24px;
                    top: 19px;
                }
                
                .inner_div_Box_content {
                    position: relative;
                    max-width: 1100px;
                    width: 96%;
                    max-height: 630px;
                    margin: auto;
                    background-color: #fff;
                    border-radius: 30px;
                    overflow: hidden;
                }
                
                .inner_div_Box_content {}
                
                .addC_show .inner_div_Box_content {}
                
                .content_mmi {
                    max-height: calc(100vh - 120px);
                    padding: 20px;
                    margin-top: 2%;
                    padding-bottom: 20px;
                    overflow: auto;
                }
                
                .content_area {
                    padding-bottom: 25px;
                }
                
                .content_area {
                    color: #666666;
                }
                
                .content_area h3 {
                    font-size: 24px;
                    font-weight: 800;
                }
                
                .content_area p {
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 28px;
                }
                
                .tow_slide {
                    display: flex;
                    flex-wrap: wrap;
                }
                
                .tow_slide>div {
                    flex: 2;
                }
                
                .tow_slide .content_area {
                    padding-left: 40px;
                }
                
                .tow_slide .image-part {
                    flex: 0 0 450px;
                    padding-top: 15px;
                    padding-left: 25px;
                    display: flex;
                    align-items: end;
                }
                /**********Media Query**********/
                
                .list_slider h3 {
                    font-size: 16px;
                    line-height: 26px;
                    padding: 30px 0 5px;
                    color: #21D0B2;
                }
                
                .list_slider p {
                    font-size: 14px;
                    line-height: 22px;
                    ;
                }
                
                .parallax-mirror.display-optx {
                    opacity: 0;
                    display: none;
                }
                
                .parallax-mirror.display-optx_1 {
                    opacity: 0;
                    display: none;
                }
                
                .ibg_middle_box .parallax-window {
                    opacity: 0;
                    display: none;
                }
                
                .parallax-window {
                    min-height: 10800px;
                    background: transparent;
                }
                
                .inner_buttonBox.floating_wget {
                    display: block;
                    position: fixed;
                    visibility: hidden;
                    pointer-events: none;
                    top: -50px;
                    right: 20px;
                    left: auto;
                    transition: all 0.3s;
                    z-index: 9999;
                }
                
                .inner_buttonBox.floating_wget a {
                    box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px;
                    border: #1db89e 1px solid;
                }
                
                .add_scroll-down .inner_buttonBox.floating_wget {
                    visibility: visible;
                    pointer-events: all;
                    top: 40px;
                }
                
                .add_scroll-down.scroll-up .inner_buttonBox.floating_wget {
                    visibility: visible;
                    pointer-events: all;
                    top: 95px;
                    right: 20px;
                    left: auto;
                }
                
                .buTClose {
                    position: absolute;
                    right: 0;
                    background: #fff;
                    border-radius: 22px;
                    height: 32px;
                    width: 32px;
                    justify-content: center;
                    align-items: center;
                    top: -10px;
                    display: flex;
                    font-weight: 500;
                    cursor: pointer;
                    font-size: 14px;
                }
                
                .app_icon {
                    display: flex;
                }
                
                .banner-bt .app_icon a,
                .small_bt .app_icon a {
                    flex-wrap: wrap;
                    align-items: center;
                    display: flex;
                    box-shadow: rgba(0, 0, 0, 0.1) 0 0px 10px;
                    border-radius: 36px;
                    overflow: hidden;
                    margin-right: 25px;
                    padding: 0 20px 0px 10px;
                    height: 52px;
                    align-items: center;
                    justify-content: center;
                }
                
                .app_icon a span {
                    display: inline-flex;
                    padding: 0;
                    margin;
                }
                
                .app_icon a span img {
                    height: 42px;
                    margin: 0 !important;
                }
                
                .featureList .small_bt .app_icon a {
                    height: 48px;
                    width: auto;
                    padding-right: 20px;
                }
                
                .featureList .small_bt .app_icon a img {
                    height: 46px;
                }
                /* sub menu */
                
                #headerSec .inn-button ul li.mmi-login a {
                    background-color: transparent;
                    color: #000;
                    opacity: 0.8;
                    border: #000 1px solid
                }
                
                #headerSec .inn-button ul li.mmi-login a:hover {
                    opacity: 1;
                }
                
                .left_title {
                    font-size: 24px;
                    color: #fff;
                    font-weight: 600;
                    padding: 16px 0px;
                    flex: 0 0 21.6%
                }
                
                .mobile_menu li>a {
                    color: #fff;
                    font-size: 14px;
                    padding: 14px 0;
                    display: block;
                }
                
                .right_menu {
                    flex: 1;
                }
                
                #headerSec .mmi-Nav-mb ul li:hover>a,
                #headerSec .mmi-Nav-mb ul li.active>a {
                    color: #F18F4A;
                }
                
                .ML_sub_menu .right_menu ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex
                }
                
                .ML_sub_menu .right_menu ul li {
                    list-style: none;
                    flex: 0 0 153px;
                    text-align: left;
                }
                
                .ML_sub_menu .right_menu ul li a.active,
                .ML_sub_menu .right_menu ul li a:hover {
                    color: #F18F4A;
                    background-color: transparent;
                }
                
                .meta3d .fictureB {
                    position: absolute;
                    bottom: 29px;
                    right: 102px;
                    width: 278px;
                }
                
                .ML_sub_menu {
                    border-top: rgba(255, 255, 255, 0.2) solid 1px;
                }
                
                .in_b_area.img_pos_rel_11 .fictureB {
                    width: 358px;
                    bottom: -5px;
                    left: 77px;
                    right: auto;
                    text-align: center;
                    /* margin: auto; */
                    top: 27px;
                }
                /* sub menu */
                
                .in_b_area.dark_color.bg_3_gra .fictureB {
                    position: absolute;
                    bottom: 93px;
                }
                
                @media (max-width:980px) {
                    .buTClose {
                        display: none;
                    }
                    .inner_buttonBox.floating_wget {
                        display: block;
                        position: fixed;
                        bottom: -60px;
                        top: auto;
                        left: 00px;
                        top: auto;
                        z-index: 9999;
                        width: 100%;
                    }
                    .add_scroll-down .inner_buttonBox.floating_wget,
                    .add_scroll-down.scroll-up .inner_buttonBox.floating_wget {
                        visibility: visible;
                        top: auto;
                        pointer-events: all;
                        bottom: 0 !important;
                        width: 100%;
                        left: 0;
                        right: 0;
                    }
                    .inner_buttonBox.floating_wget a {
                        border-radius: 0;
                        font-weight: 700;
                        padding: 22px 20px;
                        font-size: 16px;
                        width: 100%;
                        text-align: center;
                        box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 10px;
                        justify-content: center;
                    }
                    .parallax-window.pic_box.pic_top {
                        background-position: right top;
                        display: block;
                        opacity: 1;
                        min-height: auto;
                    }
                    .res_section h2 {
                        font-size: 20px;
                        text-align: center;
                        padding: 15px 0px 20px;
                        font-weight: 900;
                    }
                    .readmore a {
                        padding: 14px 23px;
                    }
                    .tab-reponsive {
                        padding: 50PX 0PX;
                        width: 100%;
                        color: #FFF;
                    }
                    .tab-reponsive .splide__arrows {
                        display: none;
                    }
                    .splide {
                        width: 100%;
                    }
                    .in_b_area.dark_color {
                        background-color: #000;
                    }
                    .container {
                        padding: 0px 15px;
                    }
                    .in_b_area {
                        flex-wrap: wrap;
                        padding: 0;
                    }
                    .in_b_area .fictureB {
                        order: 1;
                        width: 100%;
                        position: static;
                        width: 100%;
                        max-height: 600px;
                        overflow: hidden;
                        text-align: center;
                        padding: 40px;
                    }
                    .in_b_area .fictureB,
                    .in_b_area.second_row .fictureB,
                    .in_b_area:nth-child(even) .fictureB,
                    .in_b_area.bg_2_gra:nth-child(even) .fictureB,
                    .in_b_area.bg_3_gra:nth-child(odd) .fictureB {
                        order: 1;
                        width: 100%;
                        position: static;
                        width: 100%;
                        overflow: hidden;
                    }
                    .in_b_area.bg_3_gra:nth-child(odd) .fictureB {
                        height: 400px;
                        text-align: center;
                    }
                    .in_b_area .mappple_f_l,
                    .in_b_area:nth-child(even) .mappple_f_l,
                    .in_b_area.bg_2_gra:nth-child(even) .mappple_f_l,
                    .in_b_area.bg_3_gra:nth-child(odd) .mappple_f_l {
                        order: 2;
                        width: 100%;
                        position: static;
                        padding: 40px 20px 30px;
                        margin-left: auto;
                        margin-right: 0;
                        flex: 0 0 100%;
                        max-width: 100%;
                    }
                    .fictureB img {
                        margin: auto;
                    }
                    .mappls_app_more {
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                    }
                    .in_b_area.bg_newImg {
                        padding-top: 400px;
                    }
                    .in_b_area.solid_black:nth-child(even) .fictureB {
                        text-align: center;
                        height: auto;
                    }
                    .in_b_area .mappple_f_l {
                        height: auto;
                    }
                    .ibg_middle_box {
                        padding: 50px 0;
                    }
                    .in_b_area {
                        margin: 30px 0;
                    }
                    .hero-banner {
                        align-items: flex-start;
                        padding-top: 70px;
                        background: url(../images_v1/bg_mobile.png) center bottom no-repeat;
                        background-size: cover;
                        height: 1000px;
                    }
                    .sub-title {
                        font-size: 18px;
                        font-weight: 900;
                        margin-bottom: 0;
                    }
                    .banner-bt a {
                        display: flex;
                        transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
                        color: #000;
                        padding: 10px 20px;
                        background-color: #fff;
                        border-radius: 30px;
                        font-weight: 700;
                        font-size: 14px;
                    }
                    .text-long.animate-it {
                        padding: 0;
                        max-width: 100%;
                    }
                }
                
                @media (max-width:1300px) and (min-width:1024px) {
                    .hero-banner {}
                    .heading img {
                        max-height: 112px !important;
                    }
                }
                
                @media (max-width:1023px) and (min-width:600px) {
                    body .hero-banner {
                        background: url(../images_v1/bg_mobile.png) center -170px no-repeat;
                        background-size: cover;
                    }
                }
                
                .img_pos_rel_11.in_b_area .fictureB {
                    max-height: 385px;
                    left: auto;
                    right: 30px;
                }
                
                #meta3d_realview .fictureB {
                    bottom: 32px;
                    left: 73px;
                    width: 308px;
                }
                
                #different_travel .fictureB img {
                    transform: scaleX(-1);
                }
                
                #different_travel .fictureB {
                    left: 0;
                    width: 79%;
                    bottom: 0;
                    z-index: -1;
                    right: 0;
                }
                
                @media (max-width:768px) {
                    #different_travel .mappple_f_l {
                        border-top: #4a4a4a 1px solid;
                        margin-top: 15px;
                        background: #fff;
                    }
                    #safety-alerts.img_third_row .fictureB {
                        position: static;
                        width: 100%;
                    }
                    #different_travel .fictureB {
                        display: none;
                    }
                    .tow_slide {
                        padding-bottom: 30px;
                    }
                    .in_b_area:nth-child(odd) .fictureB {
                        position: static;
                    }
                    .mapplscamera_view {
                        background: url(https://cdn-public.mappls.com/about-mappls/assets/app/images_v1/mappls-camera.png) center bottom no-repeat;
                        height: 429px;
                        background-size: 100% auto;
                        background-size: 100% auto;
                        border-radius: 0px;
                    }
                    .in_b_area.img_pos_rel_11 .fictureB img {
                        width: 320px;
                        margin: auto;
                    }
                    .in_b_area:nth-child(odd) .fictureB {
                        width: 100%;
                    }
                    .in_b_area.dark_color.bg_3_gra .fictureB {
                        position: static;
                    }
                    .bg_3_gra .fictureB {
                        border-bottom: none!important;
                    }
                    .bg_3_gra .fictureB img {
                        padding: 0px;
                    }
                    .fictureB.height_bot {
                        border-bottom: none!important;
                    }
                    #hyperlocal0a-and-precis .fictureB {
                        padding: 0px
                    }
                    #hyperlocal0a-and-precis .fictureB img {
                        display: block;
                        padding: 0px;
                        max-width: 100%;
                    }
                    #different_travel .mappple_f_l {
                        border-top: #4a4a4a 1px solid;
                        margin-top: 16px;
                        padding-top: 30px;
                        background: #fff;
                    }
                    .tile_con {
                        text-align: center;
                    }
                    .in_b_area .fictureB {
                        border-bottom: #4a4a4a 1px solid;
                    }
                    #apply-modal-9 .tow_slide .image-part {
                        height: 497px;
                        padding-left: 32px;
                    }
                    #apply-modal-1 .tow_slide .image-part {
                        align-items: start;
                    }
                    #apply-modal-4 .tow_slide .image-part img {
                        width: 260px;
                        max-width: 250px;
                        margin: auto;
                        border-radius: 38px;
                    }
                    .hero-banner {
                        background: url(../images_v1/bg_mobile.png) center 0px no-repeat;
                        background-size: cover;
                    }
                    body .homePageG {
                        padding-top: 100px;
                        justify-content: start;
                        padding-left: 22px;
                    }
                    .heading img {
                        max-height: 68px !important;
                    }
                    .app_icon a {
                        font-size: 0px;
                    }
                    body .readmore .app_icon a {
                        text-indent: -20em;
                        overflow: hidden;
                        height: 62px;
                        width: 62px;
                        padding: 0;
                        border-radius: 12px;
                    }
                    body .readmore .app_icon a span img {
                        height: 62px;
                    }
                    .left_title {
                        display: none;
                    }
                    body .ML_sub_menu .right_menu ul li {
                        flex: 0 0 auto;
                        display: flex;
                    }
                    body .ML_sub_menu .right_menu ul li {
                        padding: 10px 20px;
                    }
                    .content_mmi {
                        padding: 0px;
                    }
                    .item_list {
                        max-width: 100%;
                        margin: auto;
                    }
                    .img_area {
                        text-align: center;
                    }
                    .img_area {
                        height: auto;
                    }
                    .img_area img {
                        text-align: center;
                        height: auto;
                        margin: auto;
                        position: static
                    }
                    .content_area h3 {
                        font-size: 18px;
                        font-weight: 800;
                        padding: 15px 0 0;
                    }
                    .close_box {
                        text-align: right;
                        height: 40px;
                        position: absolute;
                        right: 8px;
                        top: 8px;
                        overflow: hidden;
                        border-radius: 42px;
                        width: 40px;
                    }
                    .inner_div_Box_content {
                        max-height: 82vh;
                        padding-bottom: 40px;
                    }
                    .image-part {
                        order: 1;
                    }
                    .content_area {
                        order: 2;
                    }
                    .tow_slide .content_area {
                        padding: 15px 30px;
                    }
                    .tow_slide .image-part {
                        flex: 0 0 100%;
                        align-items: end;
                        max-width: 100%;
                        padding: 0;
                        height: 400px;
                        overflow: hidden;
                    }
                    .tow_slide .image-part {
                        padding: 30px;
                        border-bottom: 1px #4a4a4a solid;
                    }
                    .img_pos_rel_11.in_b_area .fictureB img {
                        max-width: 100%;
                    }
                    .tow_slide> {
                        flex: 0 0 100%;
                    }
                    .in_b_area {
                        background-color: #fff;
                    }
                    .in_b_area.bg_newImg {
                        background: #fff url(../images_v1/bg_mob_n-gert.png) 0 0 no-repeat;
                        background-size: 100% auto;
                        padding-top: 310px;
                    }
                    .button_app_a {
                        flex-wrap: wrap;
                    }
                    .mappls_t_footer {
                        padding: 40px 40px;
                    }
                    .testimonial_feedback .splide__arrows {
                        position: absolute;
                        right: 45%;
                        bottom: 14px;
                        top: auto;
                    }
                    .splide__slide img {
                        vertical-align: bottom;
                        width: 100%;
                    }
                    #made-in-india-for-the-world .fictureB {
                        padding: 15px 15px 0;
                    }
                    #made-in-india-for-the-world .fictureB img {
                        margin-bottom: -19px;
                        max-width: 100%;
                        padding: 0px;
                    }
                    .testimonial_feedback .splide__pagination {
                        display: none;
                    }
                    .testimonial_feedback .title_h2_tag h2,
                    .title_h2_tag h2,
                    .txt_more_feature .title_h2_tag h2 {
                        text-align: center;
                    }
                    .map_img {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                    }
                    #Trip-cost .fictureB {
                        padding-left: 76px;
                    }
                    #in-LANGUAGES .fictureB {
                        padding: 0px;
                    }
                    .mappple_f_l .readmore {
                        display: none;
                    }
                    .in_b_area .fictureB {
                        order: 1;
                        width: 100%;
                        position: static;
                        width: 100%;
                        max-height: 450px;
                        overflow: hidden;
                        text-align: center;
                        padding: 20px;
                    }
                    .mappls_app_more {
                        grid-template-columns: repeat(1, minmax(0, 1fr));
                    }
                    .in_b_area.bg_3_gra:nth-child(odd) .fictureB {
                        height: 350px;
                        max-height: 199px;
                        text-align: center;
                    }
                    .fictureB img {
                        padding: 25px;
                    }
                    .showcase-top {
                        background: #161617 url(../images_v1/bg_showcase.png) center 0 no-repeat;
                        ;
                    }
                    body div.in_b_area .height_bot {
                        max-height: 400px
                    }
                    body div.in_b_area .height_bot img {
                        margin-top: -160px;
                    }
                    .banner-bt a.outerline {
                        margin: 25px 0 0;
                    }
                    .in_b_area {
                        border-radius: 12px;
                    }
                    .wrap_ad2c {
                        bottom: 40px !important;
                    }
                    .hero-banner .homePageG {
                        height: 329px;
                    }
                    .fictureB img {
                        max-width: 300px;
                    }
                    .inner_div_Box_content .readmore a {
                        margin-bottom: 30px;
                    }
                    .inner_div_Box_content .readmore {
                        display: flex;
                        justify-content: center;
                        flex-wrap: wrap;
                    }
                    .footer-bottom-menu {
                        padding-bottom: 40px;
                    }
                    .wrap_f1eb {
                        bottom: 56px!important;
                    }
                }
                
                .star_icons {
                    padding: 10px 0 5px;
                }
                
                .star_icons img {
                    height: 20px;
                }
                
                #slide_5 .splide__pagination {
                    display: none;
                }
                /**********************/
                
                .author_box p .star {
                    margin-top: 10px;
                }
                
                .star {
                    position: relative;
                    display: inline-block;
                    width: 0;
                    height: 0;
                    margin-left: .9em;
                    margin-right: .9em;
                    margin-bottom: 1.2em;
                    border-right: .3em solid transparent;
                    border-bottom: .7em solid #FFB509;
                    border-left: .3em solid transparent;
                    /* Controlls the size of the stars. */
                    font-size: 12px;
                    &:before,
                    &:after {
                        content: '';
                        display: block;
                        width: 0;
                        height: 0;
                        position: absolute;
                        top: .6em;
                        left: -1em;
                        border-right: 1em solid transparent;
                        border-bottom: .7em solid #FFB509;
                        border-left: 1em solid transparent;
                        transform: rotate(-35deg);
                    }
                    &:after {
                        transform: rotate(35deg);
                    }
                }
                
                @media (min-width: 789px) {
                    #digi-cost .fictureB {
                        position: absolute;
                        bottom: -2px;
                        right: 58px;
                        width: 364px;
                    }
                }
                
                @media (min-width: 980px) {
                    #Toll-Pass .fictureB {
                        bottom: 0;
                        display: flex;
                        justify-content: center;
                    }
                    #Live-Traffic-Intelligence .fictureB {
                        left: auto;
                        right: 42px;
                    }
                    #apply-modal-10 .tow_slide .image-part {
                        flex: 0 0 48%;
                        align-items: start;
                        max-width: 48%;
                    }
                    .in-lnag-details {
                        max-height: 400px;
                        overflow: auto;
                    }
                    #in-LANGUAGES .fictureB {
                        position: relative;
                        border: 0;
                        width: 470px;
                        left: -36px;
                        bottom: -60px;
                        margin-top: -85px;
                    }
                    #in-LANGUAGES .mappple_f_l {
                        flex: 0 0 40%;
                        max-width: 40%;
                        margin-left: 0;
                        margin-right: auto;
                    }
                }
                /***********/
                /* digipinsec start */
                
                .textdigi {
                    color: #B12925;
                }
                
                .digipinsec .fictureB {
                    top: unset !important;
                }
                
                .digipinpopup .image-part {
                    margin-bottom: -20px;
                }
                
                .World-Class {
                    padding-top: 80px;
                }
                
                h2.worldClassF {
                    font-size: 32px;
                    text-align: center;
                    font-weight: 800;
                }
                
                .grid-container {
                    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px;
                    border-radius: 36px;
                    background-color: #fff;
                    padding: 40px;
                }
                
                .icoN_action_b img {
                    border-radius: 100%;
                }
                
                .icoN_action_b img:hover {
                    filter: brightness(0.1);
                    border: 0.5px solid;
                    border-radius: 100%;
                }
                
                .World-Class .grid-four-col {
                    margin: 40px 0 0 0;
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    /* Creates 4 columns, each taking up an equal fraction of available space */
                    gap: 40px;
                    /* Optional: Adds space between grid items */
                }
                
                .World-Class .grid-four-col .icons_de {
                    height: 70px;
                }
                
                .World-Class .grid-four-col h4 {
                    font-size: 16px;
                    font-weight: 700;
                }
                
                .World-Class .grid-four-col p {
                    font-size: 14px;
                    margin-top: 0;
                    font-weight: 500;
                }
                
                .World-Class .readmore a {
                    display: flex;
                    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
                    color: #000;
                    padding: 17px 30px;
                    background-color: #21D0B2;
                    border-radius: 30px;
                    font-weight: 700;
                    border: #21D0B2 1px solid;
                    font-size: 16px;
                }
                
                @media(max-width:1180px) {
                    .World-Class .grid-four-col {
                        margin: 20px 0 0 0;
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        /* Creates 4 columns, each taking up an equal fraction of available space */
                        gap: 30px;
                        /* Optional: Adds space between grid items */
                    }
                }
                
                @media(max-width:767px) {
                    .World-Class {
                        padding-top: 0px;
                    }
                    .grid-container {
                        padding: 30px;
                        border-radius: 14px;
                    }
                    h2.worldClassF {
                        font-size: 22px;
                        text-align: left;
                        font-weight: 800;
                    }
                    h2.worldClassF br {
                        display: none;
                    }
                    .World-Class .grid-four-col h4 {
                        font-size: 16px;
                        font-weight: 700;
                    }
                    .World-Class .grid-four-col p {
                        font-size: 14px;
                    }
                    .mappple_f_l h4 {
                        font-size: 16px;
                    }
                    .World-Class .grid-four-col {
                        margin: 20px 0 0 0;
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        /* Creates 4 columns, each taking up an equal fraction of available space */
                        gap: 30px;
                        /* Optional: Adds space between grid items */
                    }
                    #hyperlocal0a-and-precis .fictureB {
                        position: static;
                    }
                    #Toll-Pass .fictureB img {
                        max-width: 100%!important;
                    }
                    #Toll-Pass .fictureB {
                        padding-bottom: 0px;
                    }
                    .digipinsec .fictureB {
                        padding-bottom: 0px;
                        max-height: 100% !important;
                    }
                    .digipinpopup .image-part {
                        margin-bottom: -0px;
                        padding-bottom: 0px;
                    }
                }
                /* digipinsec end */