@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon/icomoon.eot?srf3rx");
    src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"),
     url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), 
     url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), 
     url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica";
    src: url("../fonts/Helvetica/icomoon.eot?srf3rx");
    src: url("../fonts/Helvetica/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), 
    url("../fonts/Helvetica/icomoon.ttf?srf3rx") format("truetype"), 
    url("../fonts/Helvetica/icomoon.woff?srf3rx") format("woff"), 
    url("../fonts/Helvetica/icomoon.svg?srf3rx#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Pe-icon-7-stroke";
    src: url("../fonts/peFonts/Pe-icon-7-stroke.eot?d7yf1v");
    src: url("../fonts/peFonts/Pe-icon-7-stroke.eot?#iefixd7yf1v") format("embedded-opentype"), url("../fonts/peFonts/Pe-icon-7-stroke.woff?d7yf1v") format("woff"), url("../fonts/peFonts/Pe-icon-7-stroke.ttf?d7yf1v") format("truetype"), url("../fonts/peFonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* ======================================================= * * Template Style * * ======================================================= */

button.toggle_btn.collapsed:before {
    content: "Read more...";
    display: block;
}

button.toggle_btn:before {
    content: "Read less...";
    display: block;
}

.checkbox label:after,
.radio label:after {
    content: "";
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: 0.25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: 0.5em;
}

.radio .cr {
    border-radius: 50%;
}

.radio label,
.checkbox label {
    padding-left: 5px;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: 0.8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all 0.3s ease-in;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
    opacity: 0.5;
}

.search_filter {
    border: 1px solid #a9a9a9;
    width: 100%;
    padding: 0 10px;
    height: 40px;
    margin-bottom: 10px;
}

.searchpopups {
    display: none;
    width: 35%;
    background: white;
    border-radius: 15px;
}

.popupremove {
    text-align: right;
    margin: 10px 15px;
    cursor: pointer;
}

.popup_text {
    font-size: 18px;
    line-height: 1.5;
}

.popup-search-container {
    padding: 20px;
}

.cust-bttn {
    background: #31a600 !important;
    color: #fff !important;
    border: 0 !important;
}

.checkbox label:after,
.radio label:after {
    content: "";
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: 0.25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: 0.5em;
}

.radio .cr {
    border-radius: 50%;
}

.radio label,
.checkbox label {
    padding-left: 5px;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: 0.8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all 0.3s ease-in;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
    opacity: 0.5;
}

.search_filter {
    border: 1px solid #a9a9a9;
    width: 100%;
    padding: 0 10px;
    height: 40px;
    margin-bottom: 10px;
}

.searchpopups {
    display: none;
    width: 35%;
    background: white;
    border-radius: 15px;
}

.popupremove {
    text-align: right;
    margin: 10px 15px;
    cursor: pointer;
}

.popup_text {
    font-size: 18px;
    line-height: 1.5;
}

.popup-search-container {
    padding: 20px;
}

.cust-bttn {
    background: #31a600 !important;
    color: #fff !important;
    border: 0 !important;
    height: 40px;
    width: 100px;
}

canvas {
    background: none !important;
}

body {
    font-family: "Work Sans", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #5b5b5b;
    background: #fff;
    top: 0 !important;
    /* overflow:  visible !important; */
    margin-right: auto !important;
    margin: auto;
}

/* @media screen and (max-width: 1024px) {
    body {
        font-family: "Work Sans", Arial, sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.3;
        color: #5b5b5b;z
        background: #fff;
        top: 0 !important;
        /* overflow:  visible !important; */
        /* margin-right: auto !important;
        margin: auto;
    
} */ 
/* .abc{
overflow: hidden;
} */

#page {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    
}
@media screen and (max-width: 1000px) {
    #page {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        margin-top: -115px;
    }
    
}

.skiptranslate iframe {
    display: none;
}

.girmiti-tab-content .col-md-8 {
    text-align: justify;
}


/* #google_translate_element .skiptranslate  {
	display: block;
} */

#google_translate_element {
    position: absolute;
    right: 60px;
    z-index: 3;
    margin-top: 3px;
}

.google_translate_element {
    opacity: 0;
    visibility: hidden;
}

.google_translate_element,
.select2 {
    position: fixed !important;
    right: 40px;
    z-index: 3;
    min-width: 170px;
    top: 8px;
}

.google_translate_element_Index,
.select2Index {
    position: absolute !important;
    top: 35px;
}

.affix_google_translate_element_Index,
.affixSelect2Index {
    top: 12px;
}

@media screen and (max-width: 1326px) {
    .google_translate_element,
    .select2 {
        position: absolute !important;
        z-index: 2;
    }
    .google_translate_element_Index,
    .select2Index {
        margin: 0 !important;
        top: -50px;
        right: 10px;
    }
}

@media screen and (max-width: 1000px) {
    .google_translate_element,
    .select2 {
        position: fixed !important;
        z-index: 4;
        top: -3px;
    }
}

.select2-dropdown {
    min-width: 220px !important;
    left: -50px !important;
}

.select2 {
    /* margin-top: -5px !important; */
}

.google_icon {}

.nav_otherpages .select2 {
    margin-top: -3px !important;
}

@media screen and (max-width: 1327px) {
    .google_translate_element,
    .select2,
    .nav_otherpages .select2 {
        margin-top: 17.5em !important;
    }
    .google_translate_element_Index,
    .select2Index {
        margin-top: 0 !important;
    }
    .affix-top .google_translate_element,
    .affix-top .select2,
    .affix-top .nav_otherpages .select2,
    .affix-top .google_translate_element_Index,
    .affix-top .select2Index {
        margin-top: -50px !important;
        top: 0;
    }
}

@media screen and (max-width: 1000px) {
    .google_translate_element,
    .select2,
    .nav_otherpages .select2,
    .select2-container {
        margin-top: 20px !important;
        margin-right: 60px !important;
    }
    .google_translate_element_Index,
    .select2Index,
    .affix-top .select2Index {
        margin: 0 !important;
        top: 15px;
        /* left: 0 */
        right: 50px;
    }
    #girmiti-footer .girmiti-widget {
        margin-bottom: 30px;
    }
    .bread-crumb-container {
        margin-top: 168px !important;
    }
}

@media screen and (max-width: 480px) {
    .google_translate_element,
    .select2,
    .nav_otherpages .select2 {
        margin-top: 60px !important;
        margin-right: 0;
        left: 15%;
        right: 15%;
        width: auto !important;
        margin-right: 0 !important;
    }
    .select2-dropdown {
        min-width: 190px !important;
        left: 0 !important;
    }
    .google_translate_element_Index,
    .select2Index,
    .affix-top .select2Index {
        margin: 0 !important;
        top: 55px;
        /* left: 0 */
        right: 50px;
    }
    .bread-crumb-container {
        /* margin-top: 100px !important; */
        margin-top: 74px !important;
    }
    #intertoaccount {
        margin-top:28px !important;
    }
    #intertoaccount2 {
        margin-top:56px !important;
    }
    #intertoaccount3 {
        margin-top:57px !important;
    }
    #intertoaccount4 {
        margin-top:70px !important;
    }
}

@media screen and (Max-width: 330px) {
    .bread-crumb-container {
        /* margin-top: 100px !important; */
        margin-top: 61px !important;
    }
    #fcm {
        font-size: 25px !important;
    }
    #intertoaccount3 {
        margin-top:45px !important;
    }
}

@media screen and (Max-width: 380px) {
    .bread-crumb-container {
        /* margin-top: 100px !important; */
        margin-top: 61px !important;
    }
   
    #intertoaccount4 {
        margin-top:60px !important;
    }
    #oppp {
        margin-top :40px !important;
        }

}

@media screen and (max-width: 330px) {
    #intertoaccount2 {
        margin-top:61px !important;
    }
    #intertoaccount {
        margin-top:30px !important;
    }
    #intertoaccount4 {
        margin-top:40px !important;
    }
    #oppp {
        margin-top :40px !important;
        }
       
}


@media screen and (max-width: 380px) {
    #intertoaccount {
        margin-top:21px !important;
    }
    #intertoaccount2 {
        margin-top:40px !important;
    }
    #oppp {
        margin-top :40px !important;
        }
    }
    

   
@media screen and (max-width: 480px) {
    .girmiti-nav {
        height: 106px;
    }
}

.other_pages_nav_big #google_translate_element {
    margin-top: 2px;
}

.goog-te-gadget-simple {
    border: 1px solid #dfdfdf !important;
    padding: 8px !important;
    margin-top: -8px;
}

.goog-te-menu-value span:last-of-type {
    /* color: transparent !important;
	font-size: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden; */
    display: inline-block;
    -webkit-transform: scale(2, 1);
    /* Safari and Chrome */
    -moz-transform: scale(2, 1);
    /* Firefox */
    -ms-transform: scale(2, 1);
    /* IE 9 */
    -o-transform: scale(2, 1);
    /* Opera */
    transform: scale(2, 1);
    font-size: 7px;
    position: absolute;
    margin-top: 7px;
}

.goog-te-menu-frame {
    box-shadow: none !important;
    width: 155px !important;
}

.goog-te-menu2 {
    border: 0 !important;
}


/* .goog-te-menu-value span:last-of-type:after {
	content: "›";
	color: #000 !important;
	font-size: 22px;
	transform: rotate(90deg) !important;
	display: inline-block;
	position: absolute;
	right: 10px;
	margin-top: -3px;
} */

.goog-te-menu-value span {
    border: 0 !important;
}

.goog-te-gadget-icon {
    display: none;
}
#certiiii {
    /* margin-top: 83px; */
}

@media screen and (max-width: 1024px) {
    #certiiii {
        margin-top: 105px;
    }
}
.offcanvas #page {
    overflow: hidden;
    position: absolute;
}

.offcanvas #page:after {
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.7);
    content: "";
}

a {
    color: #31a600;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a:hover,
a:active,
a:focus {
    color: #31a600;
    outline: none;
    text-decoration: none;
}

p {
    margin-bottom: 7px;
}

h1,
h2,
h3,
h6,
figure {
    color: #000;
    font-family: "Work Sans", Arial, sans-serif;
    font-weight: 400;
    margin: 0 0 20px 0;
}

h4,
h5 {
    color: #000;
}

@media screen and (max-width: 1024px) {
    .quick_links h3 {
    color: #000;
    font-family: "Work Sans", Arial, sans-serif;
    font-weight: 400;
    margin: 0 0 5px 0;
}

}

::-webkit-selection {
    color: #fff;
    background: #31a600;
}

::-moz-selection {
    color: #fff;
    background: #31a600;
}

::selection {
    color: #fff;
    background: #31a600;
}

.girmiti-container {
    max-width: 1140px;
    position: relative;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 768px) {
    /* .girmiti-container, .girmiti-container div{
		height: 100%; 
	} */
    .girmiti-container .bread-crumb-container {
        height: auto;
    }
}


/*  .girmiti-container ul li{
     margin-bottom: -5px;
} */

.girmiti-nav {
    position: absolute;
    top: 85vh;
    margin: 0;
    width: 100%;
    padding: 35px 0;
    z-index: 2;
    /* box-shadow: 0 -9px 29px 0 rgba(0, 0, 0, 0.2); */
    background: #fff;
}

.slider-text {
    position: relative;
    top: 0;
    left: 4%;
    right: auto;
    width: 25.667%;
    color: #fff;
    text-align: center;
    height: 100%;
    display: table;
    z-index: 5;
}

.transit_slider-text {
    position: relative;
    top: 0;
    left: 0%;
    right: auto;
    width: 25.667%;
    color: #fff;
    text-align: center;
    height: 100%;
    display: table;
    z-index: 5;
}

.iframeslider-text {
    position: absolute;
    left: 6%;
}

.display-tc h1 {
    text-transform: uppercase;
}

.slider-text_left {
    position: absolute;
    top: 0;
    left: 8.8%;
    right: auto;
    width: 46.66666666666666%;
    color: #fff;
    text-align: center;
}

.slider-text h1,
.slider-text h2,
.slider-text_left h1,
.slider-text_left h2 {
    color: #000;
}

.slider-text_left h1 {
    font-size: 45px;
}

.slider-text h1 {
    font-size: 35px !important;
    font-weight: 600;
}

.parallax {
    background-image: url(../images/img_bg_2_bottomcover.jpg);
    height: 500px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* tab contant css start */

.ImplementationContentDIV ul {
    padding-left: 50px;
    width: 50%;
}

.ImplementationContentDIV ul li,
.EMV-ul li {
    margin-bottom: 5px;
}

.press-release .tabbable-panel .nav>li {
    white-space: nowrap;
    padding: 0;
    text-align: center;
    /* width: 116px; */
    width: 170px;
}

@media screen and (max-width: 480px) {
    .press-release .tabbable-panel .nav>li {
        white-space: nowrap;
        padding: 0;
        text-align: center;
        /* width: 116px; */
        width : 25%;
        
    }
    #presswid {
        width: 123%;
    }
    #presswid1 {
        width: 108%;

    }
}

.nav-tabs li a {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 480px) {
    .datamob {
      margin-right: -19px !important;
    }
    .migramob {
        margin-right: -26px !important;
        left: 14px !important;
    }
    .warehousemob {
        margin-right: -61px !important;
        left: 36px !important;
    }
    .bimob {
        left: 90px !important;
    }
  }

@media screen and (max-width: 330px) {
    .datamob {
        margin-right: -28px !important;
      }
      .migramob {
        margin-right: -28px !important;
        left: 23px !important;
    }
    .warehousemob {
        margin-right: -71px !important;
        left: 48px !important;
    }
    .bimob {
        left: 107px !important;
    }
}

.nav-tabs li a.not-hidden {
    overflow: visible;
    text-overflow: inherit;
}

.press-release h2 {
    margin-top: 20px;
}


/* tab contant css end */


/* .cover-overlay {
     height: 100%;
     position: absolute;
     top: 0;
     width: 100%;
     background: url("../images/grid.png");
     opacity: 0.7;
     background-position: fixed;
}
 */

.parallax-sliders {
    height: 900px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slideimg1 {
    background-image: url(../images/banner1.jpg);
}

.scroll-container {
    /* 	max-height: 220px;  */
    max-height: 184px;
}

.scrollable.default-skin .scroll-bar .thumb {
    background-color: #afadad;
    /* opacity: 0; */
    display: none;
}


/* .skiptranslate iframe {
	display: none;
} */

.slideimg3dCarousel {
    background-image: url(../images/carousel3dimg.png);
    width: 100%;
    height: 600px;
    position: absolute;
    right: 0;
    /* box-shadow: -13px 0 12px #0003;
     */
    /* background-color: #66a7e3;
     */
    background-repeat: no-repeat;
    background-position: 88% 310px;
}

.carousel-inner .item {
    height: 85vh;
    -webkit-background-position: top;
    -moz-background-position: top;
    -o-background-position: top;
    background-position: top;
    -webkit-background-attachment: fixed;
    -moz-background-attachment: fixed;
    -o-background-attachment: fixed;
    background-attachment: fixed;
    /* background-repeat: no-repeat;
     */
    /* background-size: auto 90% !important;
     */
    /* background-size: 100vw 90vh !important;
     */
}

.slideimg2 {
    background-image: url(../images/banner2.jpg);
    /* background-image:url(../images/inner_banner2/image.png);
     */
    /* background-size: 100% !important;
     */
}

.slideimg3 {
    background-image: url(../images/inner_banner2/banner3.png);
}

.slideimg4 {
    background-image: url(../images/animation_assets/third_banner_images/background.png);
}

.slideimg5 {
    background-image: url(../images/banner1.jpg);
}

.slideimg6 {
    background-image: url(../images/inner_banner2/banner3.png);
}

.slideimg7 {
    /* background: linear-gradient(skyblue 0%,skyblue 50%,white 100%); */
    background: #d4d4d4;
}

.slideimg8 {
    background-image: url(../images/inner_banner2/banner8.jpg);
}


/* .slideimg7 .slider-text h1{
	    border: 1px solid azure;
    background-color: #6d6db5;
    border-radius: 10px;
}   */

.carousel-inner .item {
    height: 85vh;
    -webkit-background-position: top;
    -moz-background-position: top;
    -o-background-position: top;
    background-position: top;
    -webkit-background-attachment: fixed;
    -moz-background-attachment: fixed;
    -o-background-attachment: fixed;
    background-attachment: fixed;
    /* background-repeat: no-repeat;
     */
    /* background-size: auto 90% !important;
     */
    background-size: 100vw 90vh !important;
}

.carousel-inner>.item {}

.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right,
.carousel-inner>.item.active {
    -webkit-transform: none;
    transform: none;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}


/* .carousel-fade .carousel-control {
  z-index: 2;
} */

.fade-carousel {
    position: relative;
    /* height: 100vh; */
}

.fade-carousel .carousel-inner .item {
    /* height: 100vh; */
    overflow: hidden;
}

.fade-carousel .carousel-indicators>li {
    margin: 0 2px;
    background-color: #fff;
    border-color: #f4f4f4;
    opacity: 0.7;
}

.fade-carousel .carousel-indicators>li.active {
    width: 10px;
    height: 10px;
    opacity: 1;
}


/********************************/


/*          Hero Headers        */


/********************************/

.hero {
    position: absolute;
    top: auto;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    /*  text-transform: uppercase; */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.hero h1 {
    /* font-size: 6em;   */
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out 0.1s;
    -moz-transition: 2s all ease-in-out 0.1s;
    -ms-transition: 2s all ease-in-out 0.1s;
    -o-transition: 2s all ease-in-out 0.1s;
    transition: 2s all ease-in-out 0.1s;
}

.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out 0.1s;
    -moz-transition: 2s all ease-in-out 0.1s;
    -ms-transition: 2s all ease-in-out 0.1s;
    -o-transition: 2s all ease-in-out 0.1s;
    transition: 2s all ease-in-out 0.1s;
}


/********************************/


/*          Custom Buttons      */


/********************************/

.btn.btn-lg {
    padding: 10px 40px;
}

.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}


/********************************/


/*       Slides backgrounds     */


/********************************/


/* .fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
} */


/* .fade-carousel .slides .slide-1 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
}
.fade-carousel .slides .slide-3 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
}
 */


/********************************/


/*          Media Queries       */


/********************************/

@media screen and (min-width: 980px) {
    .hero {
        width: 980px;
    }
}

@media screen and (max-width: 640px) {
    .hero h1 {
        font-size: 4em;
    }
}

footer {
    background: #fbfbfb;
}

#girmiti-footer p,
#girmiti-footer li {
    font-size: 13px;
}

.floating-social-icons {
    position: absolute;
    right: 80px;
    top: -80vh;
}

.floating-social-icons ul li a {
    padding: 0px 10px !important;
    color: #fff !important;
}

.girmiti-nav #girmiti-logo {
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.girmiti-nav a {
    padding: 5px 10px;
    color: #fff;
}

@media screen and (min-width: 1100px) {
    .girmiti-nav ul li a {
        padding: 30px 5px;
    }
}

@media screen and (max-width: 1000px) {
    .slideimg8 {
        background-image: url(../images/inner_banner2/banner3.png);
    }
    .metro2_animation,
    .metro1_animation,
    .train_table {
        display: none;
    }
    .application,
    .android_mobiles1 {
        display: none;
    }
    .girmiti-nav .menu-1,
    .girmiti-nav .menu-2 {
        display: none;
    }
    #girmiti-logo img {
        width: 200px;
    }
    .slideimg2 img,
    .bar {
        display: none;
    }
    .slideimg2 {
        background-image: url(../images/banner2_mobile.jpg);
    }
    .slideimg3 img {
        display: none;
    }
    .slideimg3 {
        background-image: url(../images/banner3_mobile.jpg);
    }
    .slideimg4 {
        display: none;
    }
    .cloud_slide5,
    .rain {
        display: none;
    }
    .slideimg5 {
        display: none;
    }
    .wifi_banner6_animation img {
        display: none;
    }
    .slideimg6 {
        background-image: url(../images/inner_banner2/banner3_mobile.jpg);
    }
    .train1_animation,
    .train2_animation img,
    .bus_animation img {
        display: none;
    }
    .building_container {
        background: none;
    }
    .metro_animation img {
        display: none;
    }
    .bus_stop img {
        display: none;
    }
    .building_container {
        display: none;
    }
    .slideimg7 {
        background-image: url(../images/inner_banner2/station3_mobile.jpg);
    }
    .img-container img {
        width: 100%;
    }
    .img-container2 img {
        width: 100%;
    }
}

.girmiti-nav ul {
    padding: 0;
    margin: 2px 52px 0 0;
    position: relative;
    right: 50;
}

.girmiti-nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
}

.girmiti-nav ul li a {
    font-size: 1.1vw;
    padding: 12px 20px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.menubar_icon {
    width: 25px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/all_icons.png);
    display: inline-block;
}

@media screen and (max-width: 1024px) {
    .menubar_icon {
        width: 0px;
        height: 0px;
        background-image: url(../images/menu_bar_icons/all_icons.png);
        /* display: inline-block; */
    }
    

}
.menubar_icon_default {
    width: 25px;
    height: 20px;
    display: inline-block;
}

.sub-link {
    margin-top: 10px;
    margin-left: 10px;
}

.ibm_sub-link {
    margin: 5px 0px 4px 16px;
}

.who_we_are_icon {
    background-position: 62px 145px;
}

.history_icon {
    background-position: 180px 191px;
}

.investors_icon {
    background-position: -157px -93px;
}

.events_icon {
    background-position: 100px 189px;
}

.issuance_icon {
    background-position: -119px -91px;
}

.glyphicon-sort-by-attributes {
    /* margin-right: 11px; */
}

.prepaid_icon {
    background-position: 0px -10px;
}

.acquiring_icon {
    background-position: -119px 144px;
}

.acquiring_text {
    margin-left: 0 !important;
}

.remmitance_icon {
    background-position: 142px -8px;
}

.payment_interface_icon {
    background-position: 61px -6px;
}

.merchant_portal_icon {
    background-position: 63px -50px;
}

.tms_icon {
    background-position: 182px 64px;
}

.mobile_wallet_icon {
    background-position: 28px 143px;
}

.mobile_wallet_text {
    margin-left: 0 !important;
}

.mobile_banking_icon {
    background-position: 142px -46px;
}

.remitance_icon {
    background-position: 142px -6px;
}

.mcommerce_icon {
    background-position: 27px -44px;
}

.middleware_icon {
    background-position: 102px -55px;
}

.hce_icon {
    background-position: 142px 192px;
}

.se_tsm_icon {
    background-position: 100px 104px;
}

.sp_tsm_icon {
    background-position: 147px 108px;
}

.tokenization_icon {
    background-position: 0px 105px;
}

.emv_icon {
    background-position: 2px 25px;
}

.nfc_icon {
    background-position: 0px 64px;
}

.emv_isuuance_icon {
    background-position: 1px 145px;
}

.readers_icon {
    background-position: 0px -55px;
}

.personalization_icon {
    background-position: -39px -5px;
}

.emv_testing_tools_icon {
    background-position: 29px 193px;
}

.legacy_enablement_icon {
    background-position: -40px -88px;
}

.maintanence_icon {
    background-position: 0px -90px;
}

.reenginering_icon {
    background-position: 60px 103px;
}

.java_icon {
    background-position: -77px -91px;
}

.mobile_services_icon {
    background-position: -38px -50px;
}

.ccpp_icon {
    background-position: -39px -175px;
}

.ibm_services_icon {
    background-position: 0px -131px;
}

.ibm_services_text {
    margin-left: 0 !important;
}

.pci_icon {
    background-position: 101px -5px;
}

.automation_icon {
    background-position: 143px 145px;
}

.ticket_terminal_icon {
    background-position: 150px 67px;
}

@media screen and (max-width: 1024px) {
    .ticket_terminal_icon {
        /* background-position: 150px 67px; */
    }
    }
.mcommerce_icon {
    background-position: 180px 63px;
}

.afcs_icon {
    background-position: 102px 63px;
}

.girmiti-nav .floating-social-icons ul li a {
    font-size: 15px;
}

.pos_icon {
    background-position: 28px 105px;
}

.pno_icon {
    background-position: 60px 65px;
}

.payment_getway_icon {
    background-position: 25px 66px;
}

.mobile_payment_icon {
    background-position: 25px 314px;
}

.girmiti-nav ul li a:hover,
.girmiti-nav ul li a:focus,
.girmiti-nav ul li a:active {
    color: #000;
}

.girmiti-nav ul li.has-dropdown {
    position: relative;
}

.girmiti-nav ul li.has-dropdown .dropdown {
    width: 170px;
    -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
    z-index: 1002;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 40px;
    left: 0;
    text-align: left;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.girmiti-nav ul li.has-dropdown .dropdown:before {
    bottom: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.girmiti-nav ul li.has-dropdown .dropdown li {
    display: block;
    margin-bottom: 7px;
}

.girmiti-nav ul li.has-dropdown .dropdown li:last-child {
    margin-bottom: 0;
}

.girmiti-nav ul li.has-dropdown .dropdown li a {
    padding: 2px 0;
    display: block;
    color: #999999;
    line-height: 1.2;
    text-transform: none;
    font-size: 15px;
}

.girmiti-nav ul li.has-dropdown .dropdown li a:hover {
    color: #000;
}

.girmiti-nav ul li.has-dropdown:hover a,
.girmiti-nav ul li.has-dropdown:focus a {
    color: #000;
}

.girmiti-nav ul li.btn-cta a {
    color: #52d3aa;
}

.girmiti-nav ul li.btn-cta a span {
    background: #fff;
    padding: 4px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
}

.girmiti-nav ul li.btn-cta a:hover span {
    -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}

.girmiti-nav ul li.active>a {
    color: #31a600 !important;
}

#girmiti-header,
#girmiti-counter,
.girmiti-bg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}

@media screen and (max-width:1024px) {
#girmiti-header,
#girmiti-counter,
.girmiti-bg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    background-position: right 44px;
    }
}   


.girmiti-bg {
    /* background-position: -40em 0 !important;
     */
    overflow: hidden;
}

.otherpages-cover {
    -webkit-background-size: 100% 300px !important;
    -moz-background-size: 100% 300px !important;
    -o-background-size: 100% 300px !important;
    background-size: 100% 350px !important;
    -webkit-background-position: 0 80% !important;
    -moz-background-position: 0 80% !important;
    -o-background-position: 0 80% !important;
    background-position: center;
    -webkit-background-attachment: fixed;
    -moz-background-attachment: fixed;
    -o-background-attachment: fixed;
    background-attachment: fixed;
    /*background-image:url(../images/placeholder.jpg);
    */
}

@media screen and (max-width: 1024px) {
    .otherpages-cover {
    -webkit-background-size: 100% 300px !important;
    -moz-background-size: 100% 300px !important;
    -o-background-size: 100% 300px !important;
    background-size: 100% 15% !important;
    -webkit-background-position: 0 80% !important;
    -moz-background-position: 0 80% !important;
    -o-background-position: 0 80% !important;
    background-position: center;
    -webkit-background-attachment: fixed;
    -moz-background-attachment: fixed;
    -o-background-attachment: fixed;
    /* background-attachment: fixed; */
    /*background-image:url(../images/placeholder.jpg);
    */
    }
}



.services-cover {
    background-image: url(../images/inner_banner/supportService.jpg);
}

.supportAndservices-cover {
    background-image: url(../images/inner_banner/supportService.jpg);
}

.technology-cover {
    background-image: url(../images/inner_banner/Technology.jpg);
}

.telecom-cover {
    background-image: url(../images/inner_banner/telecom.jpg);
}

.testing-cover {
    background-image: url(../images/inner_banner/testing.jpg);
}

.tokenization-cover {
    background-image: url(../images/inner_banner/Tokenization.jpg);
}

.topup-cover {
    background-image: url(../images/inner_banner/telecom.jpg);
}

.utility-cover {
    background-image: url(../images/inner_banner/telecom.jpg);
}

.who_we_are-cover {
    background-image: url(../images/inner_banner/Who_we_are.jpg);
}

.working_at_girmiti-cover {
    background-image: url(../images/inner_banner/careers.jpg);
}

.solutions-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.shopping-cart-cover {
    background-image: url(../images/inner_banner/Retail.jpg);
}

.wallet-cover {
    background-image: url(../images/inner_banner/Wallet_cover_new.jpg);
}

.about_us-cover {
    background-image: url(../images/inner_banner/About_us.jpg);
}

.search-cover {
    background-image: url(../images/search.jpg);
}

.history_culture-cover {
    background-image: url(../images/inner_banner/History_and_Culture.jpg);
}

.management-cover {
    background-image: url(../images/inner_banner/Management_Team.jpg);
}

.investors-cover {
    background-image: url(../images/inner_banner/Aboutus.jpg);
}

.acquirer-cover {
    background-image: url(../images/inner_banner/Acquiring.jpg);
}

.career_track-cover {
    background-image: url(../images/inner_banner/careers.jpg);
}

.careers-cover {
    background-image: url(../images/inner_banner/careers.jpg);
}

.current_openings-cover {
    background-image: url(../images/inner_banner/careers.jpg);
}

.news-cover {
    background-image: url(../images/inner_banner/News.jpg);
}

.events-cover {
    background-image: url(../images/inner_banner/News.jpg);
}

.news_articles-cover {
    background-image: url(../images/inner_banner/News.jpg);
}

.press-release-cover {
    background-image: url(../images/inner_banner/News.jpg);
}

.Cloud_hce_Certification_bg-cover {
    background-image: url(../images/inner_banner/Cloud_hce_Certification.jpg);
}

.Certification_bg-cover {
    background-image: url(../images/inner_banner/certification.jpg);
}

.consulting_bg-cover {
    background-image: url(../images/inner_banner/consulting.jpg);
}

.helpdesk_support-cover {
    background-image: url(../images/inner_banner/supportService.jpg);
}

.implementation_partner-cover {
    background-image: url(../images/inner_banner/parternership.jpg);
}

.integration-cover {
    background-image: url(../images/inner_banner/supportService.jpg);
}

.manual-cover {
    background-image: url(../images/inner_banner/testing.jpg);
}

.oracle-cover {
    background-image: url(../images/inner_banner/parternership.jpg);
}

.partnership-cover {
    background-image: url(../images/inner_banner/parternership.jpg);
}

.Big-Data-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.emv_bg-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.emv_acquirer-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.emv_issuance-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.identification_tools-cover {
    background-image: url(../images/inner_banner/Identification_Tools.jpg);
}

.marketing-cover {
    background-image: url(../images/inner_banner/Marketing.jpg);
}

.middleware-cover {
    background-image: url(../images/inner_banner/Middleware_cover.jpg);
}


/*  .mobile_bg-cover{
     background-image:url(../images/inner_banner/mobli_cloude_emv.jpg);
} */

.mobile_bg-cover {
    background-image: url(../images/inner_banner/Mobile_cover.jpg);
}

.mobile_banking-cover {
    background-image: url(../images/inner_banner/Mobile_banking_cover.jpg);
}

.utility_banking-cover {
    background-image: url(../images/inner_banner/utility_paymnet.jpg);
}
.cloudd_banking-cover {
    background-image: url(../images/inner_banner/utility_paymnet.jpg);
}

.collection_banking-cover {
    background-image: url(../images/inner_banner/collection_management.jpg);
}
.oparation_sytem-cover {
    background-image: url(../images/inner_banner/operational_systems_blank.jpg);
}

.regulatory_sytem-cover {
    background-image: url(../images/inner_banner/regulatory_complience.jpg);
}

.emi_blank-cover {
    background-image: url(../images/inner_banner/emi_blank.jpg);
}

.echallan_blank-cover {
    background-image: url(../images/inner_banner/echallann.jpg);
}

.mcommerce-cover {
    background-image: url(../images/inner_banner/mCommerce_cover.jpg);
}

.emv_testing_tool-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.mobile_pos-cover {
    background-image: url(../images/inner_banner/Mobile_POS_cover.jpg);
}

.mobile-payments-cover {
    background-image: url(../images/inner_banner/Mobile_Payments_cover.jpg);
}

.nfc_bio-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.personalization-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.reader_bg-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.security_fraud-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.Remittance_bg-cover {
    background-image: url(../images/inner_banner/BankingAndFinancials.jpg);
}

.Banking-and-Financials-cover {
    background-image: url(../images/inner_banner/BankingAndFinancials.jpg);
}

.Gift-Loyalty-cover {
    background-image: url(../images/inner_banner/Retail.jpg);
}

.Issuance_bg-cover {
    background-image: url(../images/inner_banner/BankingAndFinancials.jpg);
}

.Payment-Interfaces-cover {
    background-image: url(../images/inner_banner/telecom.jpg);
}

.Prepaid-cover {
    background-image: url(../images/inner_banner/BankingAndFinancials.jpg);
}

.Processor_bg-cover {
    background-image: url(../images/inner_banner/BankingAndFinancials.jpg);
}

.Retail-cover {
    background-image: url(../images/inner_banner/Retail.jpg);
}

.Sporting-Events-cover {
    background-image: url(../images/inner_banner/SportsandEvents.jpg);
}

.Store-Apps-cover {
    background-image: url(../images/inner_banner/telecom.jpg);
}

.Merchant-Portal-cover {
    background-image: url(../images/inner_banner/Retail.jpg);
}

.current_openings-cover {
    background-image: url(../images/inner_banner/careers.jpg);
}

.automation_testing-cover {
    background-image: url(../images/inner_banner/testing.jpg);
}

.channels_bg-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.chatak_reporting-cover {
    background-image: url(../images/inner_banner/parternership.jpg);
}

.compliance-cover {
    background-image: url(../images/inner_banner/compliance.jpg);
}

.delivery_model-cover {
    background-image: url(../images/inner_banner/DeliveryModle.jpg);
}

.deployment-cover {
    background-image: url(../images/inner_banner/supportService.jpg);
}

.global_model-cover {
    background-image: url(../images/inner_banner/DeliveryModle.jpg);
}

.IBM_Services_bg-cover {
    background-image: url(../images/inner_banner/parternership.jpg);
}

.ibm_worklight-cover {
    background-image: url(../images/inner_banner/parternership.jpg);
}

.installation-cover {
    background-image: url(../images/inner_banner/supportService.jpg);
}

.installation2-cover {
    background-image: url(../images/inner_banner/google_plat.jpg);
}
.iso_protocols-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.legacy_enablement-cover {
    background-image: url(../images/inner_banner/supportService.jpg);
}

.maintenance_migration_bg-cover {
    background-image: url(../images/inner_banner/supportService.jpg);
}

.methodology-cover {
    background-image: url(../images/inner_banner/DeliveryModle.jpg);
}

.pa-dss_compliance-cover {
    background-image: url(../images/inner_banner/compliance.jpg);
}

.pci_compliance_bg-cover {
    background-image: url(../images/inner_banner/compliance.jpg);
}

.persformance_testing_bg-cover {
    background-image: url(../images/inner_banner/testing.jpg);
}

.process_bg-cover {
    background-image: url(../images/inner_banner/DeliveryModle.jpg);
}

.porting_re_engineering-cover {
    background-image: url(../images/inner_banner/supportService.jpg);
}

.java-j2ee-bg-cover {
    background-image: url(../images/inner_banner/Technology.jpg);
}

.mobile-services-bg-cover {
    background-image: url(../images/inner_banner/Technology.jpg);
}

.c-cpp-bg-cover {
    background-image: url(../images/inner_banner/Technology.jpg);
}

.scripting-bg-cover {
    background-image: url(../images/inner_banner/Technology.jpg);
}

.database-bg-cover {
    background-image: url(../images/inner_banner/datacenter_1.jpg);
}

.microsoft-dotnet-bg-cover {
    background-image: url(../images/inner_banner/microsoft.jpg);
}

.machine-bg-cover {
    background-image: url(../images/inner_banner/machine_learnn.jpg);
}

.mobile_remittance-bg-cover {
    background-image: url(../images/inner_banner/Remittance_cover.jpg);
}

.pos-bg-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.cloud-hce-bg-cover {
    background-image: url(../images/inner_banner/CloudeHCE.jpg);
}

.healthcare-bg-cover {
    background-image: url(../images/inner_banner/health.jpg);
}

.erp-bg-cover {
    background-image: url(../images/inner_banner/Retail.jpg);
}

.verticals-bg-cover {
    background-image: url(../images/inner_banner/verticals.jpg);
}

.hce-bg-cover {
    background-image: url(../images/inner_banner/HCE_banner.jpg);
}

.se-in-cloud-bg-cover {
    background-image: url(../images/inner_banner/SE_TSM.jpg);
}
@media screen and (max-width: 1024px) {
    .se-in-cloud-bg-cover {
        background-image: url(../images/inner_banner/SE_TSM2.jpg);
    }
}
.sms-gateway-bg-cover {
    background-image: url(../images/inner_banner/telecom.jpg);
}

.TMS-bg-cover {
    background-image: url(../images/inner_banner/Retail.jpg);
}

.innovation-labs-bg-cover {
    background-image: url(../images/inner_banner/Innovation_Lab.jpg);
}

.interchange-bg-cover {
    background-image: url(../images/inner_banner/Interchange.jpg);
}

.sp-tsm-bg-labs-bg-cover {
    background-image: url(../images/inner_banner/SP_TSM.jpg);
}

.acquiring-gateway-bg-cover {
    background-image: url(../images/inner_banner/BankingAndFinancials.jpg);
}

.front-end-channels-bg-cover {
    background-image: url(../images/inner_banner/Retail.jpg);
}

.iot-bg-cover {
    background-image: url(../images/inner_banner/iot.png);
}

.transit-cover {
    background-image: url(../images/inner_banner/iot.png);
}
.transit1-cover {
    background-image: url(../images/inner_banner/upi_blank.png);
}
.transit_AFCS-cover {
    background-image: url(../images/inner_banner/CloudeHCE.jpg);
}

.transit_mcommerce-cover {
    background-image: url(../images/inner_banner/verticals.jpg);
}

.transit_tickets_terminal-cover {
    background-image: url(../images/inner_banner/mobli_cloude_emv.jpg);
}

.transit_wallet-cover {
    background-image: url(../images/inner_banner/Technology.jpg);
}

.pno-bg-cover {
    background-image: url(../images/inner_banner/Technology.jpg);
}

.vending-cover {
    background-image: url(../images/inner_banner/Attended_&_Unattended_devices.jpg);
}

.terms_cover {
    background-image: url(../images/inner_banner/Terms_Of_Use.jpg);
}

.upi_cover {
    background-image: url(../images/inner_banner/upi_blank.jpg);
}

.referal_cover {
    background-image: url(../images/inner_banner/referal_program.jpg);
}

.azur_cover {
    background-image: url(../images/inner_banner/azure_cloud_platform1.jpg);
}

.op_man_cover {
    background-image: url(../images/inner_banner/operational_management_cover.jpg);
}

.suppdesk_cover {
    background-image: url(../images/inner_banner/support_&_helpdesk.jpg);
}

.dcc_bg_cover {
    background-image: url(../images/inner_banner/dcccc.jpg);
}

.consumer_bg_cover {
    background-image: url(../images/inner_banner/consumer_1.jpg);
}
.hsm_bg_cover {
    background-image: url(../images/inner_banner/hsm.jpg);
}

/* @media screen and (max-width: 1024px) {
    .hsm_bg_cover {
        background-image: url(../images/inner_banner/hsmmobile.jpg);
}
} */

.forex_bg_cover {
    background-image: url(../images/inner_banner/forex.jpg);
}
.ecomerce_bg_cover {
    background-image: url(../images/inner_banner/ecommerce1.jpg);
}
.datacenter_bg_cover {
    background-image: url(../images/inner_banner/datacenter_1.jpg);
}
.devops_bg_cover {
    background-image: url(../images/inner_banner/devops.jpg);
}
.operations_bg_cover {
    background-image: url(../images/inner_banner/operations.jpg);
}
.chatbot_bg_cover {
    background-image: url(../images/inner_banner/chatbot.jpg);
}

.installation_bg_cover {
    background-image: url(../images/inner_banner/installation.jpg);
}

.interface_to_account_bg_cover {
    background-image: url(../images/inner_banner/interface_to_accounting_and_other_third_party.psd.jpg);
}

.crmm_bg_cover {
    background-image: url(../images/inner_banner/crm.jpg);
}
.adjustment_bg_cover {
    background-image: url(../images/inner_banner/adjustments.jpg);
}
.ivr_and_call_bg_cover {
    background-image: url(../images/inner_banner/ivr-and-call-center.jpg);
}
.fee_and_commi_bg_cover {
    background-image: url(../images/inner_banner/fees_and_commissions_management.jpg);
}






/*.contact_us_bg-cover{
     background-image:url(../images/contact_us_bg.jpg);
}
*/

.girmiti-bg {
    background-position: center center;
    width: 100%;
    float: left;
    position: relative;
}

.girmiti-video {
    height: 450px;
    overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
}

.girmiti-video a {
    z-index: 1001;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    width: 90px;
    height: 90px;
    display: table;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.girmiti-video a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 40px;
}

.girmiti-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.girmiti-video:hover .overlay {
    background: rgba(0, 0, 0, 0.7);
}

.girmiti-video:hover a {
    position: relative;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.girmiti-cover {
    height: 100vh;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    width: 100%;
}

.girmiti-cover .overlay {
    z-index: 1;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
}

.girmiti-cover>.girmiti-container {
    position: relative;
    z-index: 0;
}

.girmiti-cover .display-t,
.girmiti-cover .display-tc {
    /*  height: 90vh; */
    display: table;
    width: 100%;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.transit_display-t {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.transit_display-tc {
    background: rgba(41, 41, 41, 0.8);
    border-radius: 0;
    position: relative;
    top: -30px;
}

.transit_display-tc h1 {
    padding-top: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.transit_display-tc h2 {
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 30px !important;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    /*   .girmiti-cover .display-t, .girmiti-cover .display-tc {
         height: 100%;
    } */
}

.girmiti-cover.girmiti-cover-sm {
    height: 336px;
}

@media screen and (max-width: 768px) {
    .girmiti-cover.girmiti-cover-sm {
        /* height: 300px; */
        height: 161px;
    }
}

.girmiti-cover.girmiti-cover-sm .display-t,
.girmiti-cover.girmiti-cover-sm .display-tc {
    height: 600px;
    display: table;
    width: 100%;
}

.girmiti-cover.girmiti-cover-sm.otherpages-cover .display-t,
.girmiti-cover.girmiti-cover-sm.otherpages-cover .display-tc {
    height: 370px;
    display: table;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .girmiti-cover.girmiti-cover-sm .display-t,
    .girmiti-cover.girmiti-cover-sm .display-tc {
        height: 400px;
        
    }
}

#girmiti-counter {
    height: 550px;
    margin-top: 31.5rem;
}

#girmiti-counter .display-t,
#girmiti-counter .display-tc {
    height: 560px;
    display: table;
    width: 100%;
}

@media screen and (max-width: 430px) {
    #girmiti-counter {
        height: inherit;
        padding: 1em 0;
        margin-top: 10vw !important;
    }
    #girmiti-counter .display-t,
    #girmiti-counter .display-tc {
        height: inherit;
    }
}

.girmiti-staff {
    text-align: center;
    margin-bottom: 30px;
}

.girmiti-staff img {
    width: 100px;
    margin-bottom: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.girmiti-staff h3 {
    font-size: 24px;
    margin-bottom: 5px;
}

.girmiti-staff p {
    margin-bottom: 30px;
}

.girmiti-staff .role {
    color: #bfbfbf;
    margin-bottom: 30px;
    font-weight: normal;
    display: block;
}

.girmiti-social-icons {
    margin: 0;
    padding: 0;
    width: 200px;
}

footer .girmiti-social-icons {
    margin-top: -9px;
}

.girmiti-social-icons li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.girmiti-social-icons li a,
.floating-social-icons ul li a {
    zoom: 1;
    *display: inline;
    /*      color: #31a600; */
    color: #474a46;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    height: 25px;
    width: 26px;
    text-align: center;
    margin: 0;
}

.girmiti-social-icons li.twitter,
.floating-social-icons ul li.twitter {
    background-position: -1px -62px;
    height: 30px;
}

.girmiti-social-icons li.twitter:hover,
.floating-social-icons ul li.twitter:hover {
    background-position: -1px -91px;
    border-color: #1da1f2;
}

.girmiti-social-icons li.facebook,
.floating-social-icons ul li.facebook {
    background-position: -1px -1px;
}

.girmiti-social-icons li.facebook:hover,
.floating-social-icons ul li.facebook:hover {
    background-position: -1px -32px;
    border-color: #245fa9;
}

.girmiti-social-icons li.instagram,
.floating-social-icons ul li.instagram {
    background-position: -1px -182px;
    height: 29px;
}

.girmiti-social-icons li.instagram:hover,
.floating-social-icons ul li.instagram:hover {
    background-position: -1px -211px;
    border-color: #fa3c8c;
}

.girmiti-social-icons li.youtube,
.floating-social-icons ul li.youtube {
    background-position: -1px -243px;
    height: 29px;
}

.girmiti-social-icons li.youtube:hover,
.floating-social-icons ul li.youtube:hover {
    background-position: -1px -275px;
    border-color: red;
}



.girmiti-social-icons li.linkedin,
.floating-social-icons ul li.linkedin {
    background-position: -1px -122px;
    height: 29px;
}

.girmiti-social-icons li.linkedin:hover,
.floating-social-icons ul li.linkedin:hover {
    background-position: -1px -152px;
    border-color: #006fe4;
}


/* .icon-twitter:hover{
	background: #1da1f2;
    border-color: #1da1f2;
    color: white;
}
.icon-facebook:hover{
	background: #4267B2;
    border-color: #4267B2;
    color: white;
}
.icon-linkedin:hover{
	background: #0077b5;
    border-color: #0077b5;
    color: white;
}
.icon-instagram:hover{
	background: #5851db;
    border-color: #5851db;
    color: white;
} */

.girmiti-social-icons li a i {
    font-size: 14px;
    border: 1px solid;
    padding: 7px;
    border-radius: 50px;
}

.girmiti-social-icons li,
.floating-social-icons ul li {
    background-image: url(../images/menu_bar_icons/social_icon.png);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 0 100px;
    display: inline-block;
    margin: -1px 5px 5px 0;
    padding: 1px;
    border-radius: 100%;
    overflow: visible;
    transition: all 0.3s ease;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-border-radius: 100%;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    border: 1px solid #fff;
}

.girmiti-contact-info ul {
    padding: 0;
    margin: 0;
}

.girmiti-contact-info ul li {
    padding: 0 0 0 50px;
    margin: 0 0 30px 0;
    list-style: none;
    position: relative;
}

.girmiti-contact-info ul li:before {
    color: #52d3aa;
    position: absolute;
    left: 0;
    top: 0.05em;
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.girmiti-contact-info ul li.address:before {
    font-size: 30px;
    content: "\e9d1";
}

.girmiti-contact-info ul li.phone:before {
    font-size: 23px;
    content: "\e9f4";
}

.girmiti-contact-info ul li.email:before {
    font-size: 23px;
    content: "\e9da";
}

.girmiti-contact-info ul li.url:before {
    font-size: 23px;
    content: "\e9af";
}

form label {
    font-weight: normal !important;
}

.current_openings_container p {
    margin-bottom: 0;
}

.current_openings_container h5 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}

.current_openings_container h6 {
    margin-bottom: 10px;
}

#girmiti-header .display-tc,
#girmiti-counter .display-tc,
.girmiti-cover .display-tc {
    display: table-cell !important;
    vertical-align: middle;
}

#girmiti-header .display-tc h1,
#girmiti-header .display-tc h2,
#girmiti-counter .display-tc h1,
#girmiti-counter .display-tc h2,
.girmiti-cover .display-tc h1,
.girmiti-cover .display-tc h2 {
    margin: 0;
    padding: 0;
    color: #fff;
    /* text-transform: uppercase; */
}

#girmiti-header .display-tc h1,
#girmiti-counter .display-tc h1,
.girmiti-cover .display-tc h1 {
    margin-bottom: 0px;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.5;
}

#girmiti-header .index.display-tc h1,
#girmiti-counter .index.display-tc h1,
.girmiti-cover .index.display-tc h1 {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    position: relative;
    left: -70px;
    top: -50px;
    color: #000;
}

@media screen and (max-width: 768px) {
    #girmiti-header .display-tc h1,
    #girmiti-counter .display-tc h1,
    .girmiti-cover .display-tc h1 {
        font-size: 40px;
    }
}

#girmiti-header .display-tc h2,
#girmiti-counter .display-tc h2,
.girmiti-cover .display-tc h2 {
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 30px;
}

#girmiti-header .display-tc .btn,
#girmiti-counter .display-tc .btn,
.girmiti-cover .display-tc .btn {
    padding: 15px 30px;
    background: #fff !important;
    color: #52d3aa;
    border: none !important;
    font-size: 18px;
    text-transform: uppercase;
}

#girmiti-header .display-tc .btn:hover,
#girmiti-counter .display-tc .btn:hover,
.girmiti-cover .display-tc .btn:hover {
    background: #fff !important;
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}

.marquee {
    width: 1366px;
    overflow: hidden;
}

.js-marquee {
    margin-right: 50px !important;
}

.bread-crumb-container {
    font-size: 16px;
    color: #fff;
    margin-top: 162px;
}


/*Tms*/

.bread-crumb-container-black {
    font-size: 16px;
    color: #fff;
}

.bread-crumb-container-black span {
    display: inline-block;
    margin-right: 5px;
}

.bread-crumb-container-black a {
    color: #fff;
}

.bread-crumb-container-black h1 {
    color: #fff;
    font-size: 22px;
}

.bread-crumb-container span {
    display: inline-block;
    margin-right: 5px;
}



/* @media screen and (max-width: 1024px) {
    #intertoaccount {
        margin-right: -3px;
        margin-left: -6px;
        }
} */
.bread-crumb-container a {
    color: #fff;
}

.bread-crumb-container h1 {
    color: #fff;
    font-size: 22px;
}

#girmiti-counter {
    text-align: center;
}

#girmiti-counter .counter {
    font-size: 50px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 100;
    display: block;
}

#girmiti-counter .counter-label {
    margin-bottom: 0;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
    #girmiti-counter .feature-center {
        margin-bottom: 50px;
    }
}

#girmiti-counter .icon {
    width: 70px;
    height: 70px;
    text-align: center;
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    margin-bottom: 30px;
}

#girmiti-counter .icon i {
    height: 70px;
}

#girmiti-counter .icon i:before {
    display: block;
    text-align: center;
    margin-left: 3px;
}

#girmiti-features,
#girmiti-features-2,
#girmiti-testimonial,
#girmiti-services,
#girmiti-started,
#girmiti-footer,
.girmiti-section {
    padding: 5em 0 0 0;
    clear: both;
}

@media screen and (max-width: 768px) {
    #girmiti-features,
    #girmiti-features-2,
    #girmiti-testimonial,
    #girmiti-services,
    #girmiti-started,
    
    .girmiti-section {
        padding: 3em 0;
        margin-top: -5rem;
    }
}

@media screen and (max-width: 768px) {
#girmiti-footer {
    padding: 3em 0;
    margin-top: -3rem;
}
}

#girmiti-features-2 {
    background: #efefef;
    position: relative;
    float: left;
    width: 100%;
}

.feature-center {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .feature-center {
        margin-bottom: 50px;
    }
}

.feature-center .icon {
    width: 90px;
    height: 90px;
    background: #efefef;
    display: table;
    text-align: center;
    margin: 0 auto 30px auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.feature-center .icon i {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    font-size: 40px;
    line-height: 40px;
    color: #52d3aa;
}

.feature-center p,
.feature-center h3 {
    margin-bottom: 30px;
}

.feature-center h3 {
    text-transform: uppercase;
    font-size: 18px;
    color: #5d5d5d;
}

.feature-left {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.feature-left:last-child {
    margin-bottom: 0;
}

.feature-left .icon {
    float: left;
    margin-right: 5%;
    width: 54px;
    height: 54px;
    background: #fff;
    display: table;
    text-align: center;
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

@media screen and (max-width: 768px) {
    .feature-left .icon {
        margin-right: 5%;
    }
}

.feature-left .icon i {
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    color: #52d3aa;
}

.feature-left .feature-copy {
    float: left;
    width: 80%;
}

@media screen and (max-width: 768px) {
    .feature-left .feature-copy {
        width: 70%;
        float: left;
    }
}

.feature-left .feature-copy h3 {
    text-transform: uppercase;
    font-size: 18px;
    color: #5d5d5d;
    margin-bottom: 10px;
}

.girmiti-heading {
    margin-bottom: 5em;
}

.girmiti-heading.girmiti-heading-sm {
    margin-bottom: 2em;
}

.girmiti-heading h2 {
    font-size: 36px;
    margin-bottom: 10px;
    line-height: 1.5;
    font-weight: bold;
    color: #000;
}

.girmiti-heading p {
    font-size: 18px;
    line-height: 1.5;
    color: #828282;
}

#girmiti-testimonial {
    background: #efefef;
}

#girmiti-testimonial .testimony-slide {
    text-align: center;
}

#girmiti-testimonial .testimony-slide span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    display: block;
}

#girmiti-testimonial .testimony-slide figure {
    margin-bottom: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#girmiti-testimonial .testimony-slide figure img {
    width: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

#girmiti-testimonial .testimony-slide blockquote {
    border: none;
    margin: 30px auto;
    width: 50%;
    position: relative;
    padding: 0;
}

@media screen and (max-width: 992px) {
    #girmiti-testimonial .testimony-slide blockquote {
        width: 100%;
    }
    .searchContainer,
    .offcanvas-has-dropdown .col-xs-9 h1,
    .offcanvas-has-dropdown .col-xs-9 hr {
        display: none;
    }
    .offcanvas-has-dropdown .col-xs-4,
    .offcanvas-has-dropdown .col-xs-9,
    .offcanvas-has-dropdown .col-xs-9 .col-xs-6 {
        width: 100%;
        padding: 0px 0 10px;
    }
    .offcanvas-has-dropdown .col-xs-4 h2,
    .offcanvas-has-dropdown .col-xs-4 li a,
    .offcanvas-has-dropdown .col-xs-9 .h1 a,
    .offcanvas-has-dropdown .col-xs-9 .h2 a,
    .offcanvas-has-dropdown .col-xs-9 .h3,
    .offcanvas-has-dropdown h2 a {
        font-size: 16px;
    }
    .offcanvas-has-dropdown .col-xs-4 h2,
    .offcanvas-has-dropdown .col-xs-9 .h1,
    .offcanvas-has-dropdown .col-xs-9 .h2,
    .offcanvas-has-dropdown .col-xs-9 .h3,
    .offcanvas-has-dropdown h2 {
        font-weight: bold;
        margin: 0;
    }
    .offcanvas-has-dropdown .girmiti-social-icons {
        display: none !important;
    }
    .verticalsLink,
    .aboutLink,
    .solutionsLink,
    .servicesLink,
    .offcanvas-has-dropdown {
        clear: both;
    }
    .lnr-chevron-right,
    .lnr-chevron-left {
        /* top: 35vh; */
        top:24vh;
        display: table-cell;
        vertical-align: top;
        right: 0;
        left: 0;
    }
    .carousel-control {
        display: table;
    }
}

.bannerView {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-top: 14px;
}

@media screen and (max-width: 1024px) {
    .carousel-indicators {
        display: none;
    }
    .bannerView {
        overflow: hidden;
        width: 100%;
        height: 100%;

    }
    .fade-carousel .carousel-inner .item {
        /* height: 26vh; */
        height: 68vh;
    }
    .girmiti-cover {
        height: 26vh;
    }
    .girmiti-nav .col-xs-3 {
        width: 12%;
    }
    .girmiti-nav .col-xs-8 {
        width: 86.667%;
    }
    .girmiti-nav .col-xs-3 img {
        width: 170px;
    }
    .floating-social-icons {
        top: 50px;
        transform: rotate(90deg);
        right: -40px;
        border-radius: 18px;
        display: none;
    }
    .floating-social-icons ul li a {
        padding: 10px 10px !important;
    }
    .girmiti-nav ul li a {
        font-size: 15px;
    }
    .slider-text {
        width: 22.667%;
    }
    .slider-text h1,
    #girmiti-header .display-tc h1,
    #girmiti-counter .display-tc h1,
    .girmiti-cover .display-tc h1 {
        font-size: 28px !important;
    }
    #girmiti-header .display-tc h2,
    #girmiti-counter .display-tc h2,
    .girmiti-cover .display-tc h2 {
        font-size: 17px;
    }
}

#girmiti-testimonial .arrow-thumb {
    position: absolute;
    top: 40%;
    display: block;
    width: 100%;
}

#girmiti-testimonial .arrow-thumb a {
    font-size: 32px;
    color: #dadada;
}

#girmiti-testimonial .arrow-thumb a:hover,
#girmiti-testimonial .arrow-thumb a:focus,
#girmiti-testimonial .arrow-thumb a:active {
    text-decoration: none;
}

.girmiti-tabs .girmiti-tab-nav {
    clear: both;
    margin: 0 0 3em 0;
    padding: 3px;
    float: left;
    width: 100%;
    background: #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

@media screen and (max-width: 768px) {
    .girmiti-tabs .girmiti-tab-nav {
      
       clear: both;
       margin: 0 0 3em 0;
       padding: 3px;
       float: left;
       width: 125%;
       background: #f2f2f2;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       -ms-border-radius: 4px;
       border-radius: 4px;
       margin-top: -9%;
    }
}

.girmiti-tab-nav a {
    font-size: 16px;
}

.emv-icon {
    /* background-image: url(../images/emv.png);
    width: 35px;
    height: 51px;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 8px;
    margin: 0 auto; */
}

.active .emv-icon {
    background-position: -36px 8px;
}


/*.emv-icon:hover {
     background-position: -72px 8px;
}
*/

.big-icon {
    font-size: 38px;
    line-height: 0;
    margin-top: 5px;
    display: block;
    height: 46px;
}

.girmiti-tabs .girmiti-tab-nav li {
    float: left;
    margin: 0;
    padding: 0;
    width: 20%;
    text-align: center;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    white-space: nowrap;
}

@media screen and (max-width: 1000px) {
    .girmiti-tabs .girmiti-tab-nav li {
        float: left;
        margin: 0;
        padding: 0;
        width: 20%;
        text-align: center;
        list-style: none;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        white-space: normal;
        height: 81px;
    }
}

#navv ul {
   /* display: none; */
    /* height: inherit; */
   
}   

@media screen and (max-width: 1024px) {

#navv ul {
    /* overflow: scroll;
    height: inherit; */
    overflow-x: Scroll;
   overflow-y: hidden;
   white-space: nowrap;
   width: auto;
 
   
} 
    
}
.girmiti-tabs .girmiti-tab-nav li .icon {
    font-size: 30px;
}

.girmiti-tabs .girmiti-tab-nav li a {
    padding: 20px;
    width: 100%;
    float: left;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #b3b3b3;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 1000px) {
    .girmiti-tabs .girmiti-tab-nav li a {
        padding: 20px;
        width: 100%;
        float: left;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        color: #b3b3b3;
        display: flex;
        height: 95%;
        justify-content: center;
    }
}

/* #nffcc {

}

@media screen and (max-width: 1024px) {
 .girmiti-tab-nav#navv ul {

}
} */

#implemen {
    margin-left: 0%;
}

@media screen and (max-width: 1000px) {
    #implemen {
        margin-left: 0%;
        width:fit-content;
        /* font-size: 14px; */
    
    }
    
}
@media screen and (max-width: 1000px) {
   .girmiti-tabs .girmiti-tab-nav li.active #implemen {
        margin-left: 0px;
        /* font-size: 14px; */
        /* word-break: break-word; */
         width: fit-content;
    
    }
    
}

@media screen and (min-width: 430px) and (max-width:768px){
    .girmiti-tabs .girmiti-tab-nav li #implemen {
        /* padding: 20px; */
        /* width: 125%; */
        /* float: left;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        color: #b3b3b3;
        display: flex; */
        /* justify-content: center; */
    }
}
.imull {
width:fit-content
}
@media screen and (max-width: 1000px) {
    .imull {
       
        margin-left:77%;

    }
    }



.girmiti-tabs .girmiti-tab-nav li a:hover {
    color: #4d4d4d;
}
@media screen and (max-width: 1000px) {
    .girmiti-tabs .girmiti-tab-nav li #implemen:hover {
      
    width:fit-content;
         /* font-size: 14px; */
     
     }
     
 }

.girmiti-tabs .girmiti-tab-nav li.active a {
    background: #fff;
    color: #31a600;
    /* width: fit-content; */
   
}

.girmiti-tabs .girmiti-tab-content-wrap {
    clear: both;
    position: relative;
    top: 10px;
    height: 465px !important;
}

.girmiti-tabs .girmiti-tab-content-wrap .tab-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.tab-content img {
    /* height: 300px; */
    vertical-align: top;
    max-width: -webkit-fill-available;
}

.girmiti-tabs .girmiti-tab-content-wrap .tab-content.active {
    opacity: 1;
    visibility: visible;
    display: inline-block;
}

.girmiti-tabs .icon-xlg {
    font-size: 400px;
    margin-bottom: 30px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .girmiti-tabs .icon-xlg {
        font-size: 300px;
    }
}

.girmiti-tabs .icon-xlg i {
    color: #52d3aa;
}

#girmiti-started {
    background: #4cc1bd;
    background: -moz-linear-gradient(-45deg, #4cc1bd 0%, #3f95ea 100%);
    background: -webkit-gradient( left top, right bottom, color-stop(0%, #4cc1bd), color-stop(100%, #3f95ea));
    background: -webkit-linear-gradient(-45deg, #4cc1bd 0%, #3f95ea 100%);
    background: -o-linear-gradient(-45deg, #4cc1bd 0%, #3f95ea 100%);
    background: -ms-linear-gradient(-45deg, #4cc1bd 0%, #3f95ea 100%);
    background: linear-gradient(135deg, #4cc1bd 0%, #3f95ea 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4cc1bd', endColorstr='#3f95ea', GradientType=1);
}

#girmiti-started .girmiti-heading h2 {
    color: #fff;
}

#girmiti-started .form-control {
    background: rgba(255, 255, 255, 0.2);
    border: none !important;
    color: #fff;
    font-size: 16px !important;
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#girmiti-started .form-control::-webkit-input-placeholder {
    color: #fff;
}

#girmiti-started .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

#girmiti-started .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

#girmiti-started .form-control:-ms-input-placeholder {
    color: #fff;
}

#girmiti-started .form-control:focus {
    background: rgba(255, 255, 255, 0.3);
}

#girmiti-started .btn {
    height: 54px;
    border: none !important;
    background: #52d3aa;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 50px;
    padding-right: 50px;
}

#girmiti-started .form-inline .form-group {
    width: 100% !important;
    margin-bottom: 10px;
}

#girmiti-started .form-inline .form-group .form-control {
    width: 100%;
}

#girmiti-started .girmiti-heading {
    margin-bottom: 30px;
}

#girmiti-started .girmiti-heading h2 {
    margin-bottom: 0;
}

#girmiti-footer .girmiti-footer-links {
    padding: 0;
    /*margin: 0;
    */
}

#girmiti-footer .girmiti-footer-links font {
    white-space: initial;
}

#girmiti-footer .girmiti-footer-links li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#girmiti-footer .girmiti-footer-links li a {
    color: #000;
    text-decoration: none;
    white-space: nowrap;
}

#girmiti-footer .girmiti-footer-links li a:hover {
    text-decoration: underline;
}


/* #girmiti-footer .girmiti-widget {
     margin-bottom: 30px;
}
 */

#girmiti-footer .girmiti-widget h3 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    #girmiti-footer .copyright .pull-left,
    #girmiti-footer .copyright .pull-right {
        float: none !important;
        text-align: center;
    }
}

#girmiti-footer .copyright .block {
    display: block;
}

.owl-carousel .owl-controls .owl-dot span {
    background: #e6e6e6;
}

.owl-carousel .owl-controls .owl-dot span:hover,
.owl-carousel .owl-controls .owl-dot span:focus {
    background: #cccccc;
}

.owl-carousel .owl-controls .owl-dot:hover span,
.owl-carousel .owl-controls .owl-dot:focus span {
    background: #cccccc;
}

.owl-carousel .owl-controls .owl-dot.active span {
    background: transparent;
    border: 2px solid #52d3aa;
}

#girmiti-offcanvas {
    position: fixed;
    z-index: 1901;
    width: 270px;
    background:whitesmoke;
    top: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* padding: 45px 40px 40px 40px; */
    padding: 45px 68px 68px 82px;
    overflow-y: auto;
    display: none;
    -moz-transform: translateX(270px);
    -webkit-transform: translateX(270px);
    -ms-transform: translateX(270px);
    -o-transform: translateX(270px);
    transform: translateX(270px);
    -webkit-transition: 0.5s; 
    -o-transition: 0.5s;
    transition: 0.5s; 
   

}

.offcanvas #girmiti-offcanvas {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    width: 100%;
}

#girmiti-offcanvas a {
    color: black;
  
}

#girmiti-offcanvas i {
    /* width: 16px; */
    width: 40px;
    margin-left: -7px;
}

.offcanvas-has-dropdown .h1 {
    margin-left: 15px !important;
}

#girmiti-offcanvas a:hover {
    color:black;
}

#girmiti-offcanvas ul {
    padding: 0;
    margin: 0;
}

#girmiti-offcanvas ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    
}


#girmiti-offcanvas ul li>ul {
    /* padding-left: 20px;
     */
    display: none;
}

#girmiti-offcanvas ul li.offcanvas-has-dropdown>a {
    /* display: block;
    position: relative;
    font-size: 25px; */
    line-height: 1.8;
    display: block;
    margin: 22px -15px 19px 0;
    font-size: 25px;
    font-weight: bold;
    position: relative;
    padding: 0 18px -1px 30px;
    cursor: pointer;
}

#girmiti-offcanvas #homee>a {
    /* display: block;
    position: relative;
    font-size: 25px; */
    line-height: 1.8;
    display: block;
    margin: 22px -15px 19px 0;
    font-size: 25px;
    font-weight: bold;
    position: relative;
    padding: 0 18px -1px 30px;
    cursor: pointer;
}


#girmiti-offcanvas ul li.offcanvas-has-dropdown>a:after {
    position: absolute;
    right: 0px;
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e921";
    font-size: 20px;
    color:black;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-top:8.5px;
}

#girmiti-offcanvas ul li.offcanvas-has-dropdown.active a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.uppercase {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.gototop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.gototop.active {
    opacity: 1;
    visibility: visible;
}

.gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.gototop a i {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}

.gototop a:hover,
.gototop a:active,
.gototop a:focus {
    text-decoration: none;
    outline: none;
}

.girmiti-nav-toggle {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
}

.girmiti-nav-toggle.active i::before,
.girmiti-nav-toggle.active i::after {
    background: #444;
}

.girmiti-nav-toggle:hover,
.girmiti-nav-toggle:focus,
.girmiti-nav-toggle:active {
    outline: none;
    border-bottom: none !important;
}

.girmiti-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #252525;
    font: bold 14px/0.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #252525;
    transition: all 0.2s ease-out;
}

.girmiti-nav-toggle i::before,
.girmiti-nav-toggle i::after {
    content: "";
    width: 25px;
    height: 2px;
    background: #252525;
    position: absolute;
    left: 0;
    transition: all 0.2s ease-out;
}

.girmiti-nav-toggle.girmiti-nav-white>i {
    color: #fff;
    background: #fff;
}

.girmiti-nav-toggle.girmiti-nav-white>i::before,
.girmiti-nav-toggle.girmiti-nav-white>i::after {
    background: #fff;
}

.girmiti-nav-toggle i::before {
    top: -7px;
}

.girmiti-nav-toggle i::after {
    bottom: -7px;
}

.girmiti-nav-toggle:hover i::before {
    top: -10px;
}

.girmiti-nav-toggle:hover i::after {
    bottom: -10px;
}

.girmiti-nav-toggle.active i {
    background: transparent;
}

.girmiti-nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.girmiti-nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.girmiti-nav-toggle {
    position: absolute;
    right: 0px;
    top: -8px;
    z-index: 21;
    padding: 6px 0 0 0;
    display: block;
    margin: 0 auto;
    display: none;
    height: 44px;
    width: 44px;
    z-index: 2001;
    border-bottom: none !important;
}

@media screen and (max-width: 1000px) {
    .girmiti-nav-toggle {
        display: block;
    }
    #girmiti-offcanvas {
        display: block;
    }
}

.btn {
    margin-right: 141px;
    margin-bottom: 4px;
    font-family: "Work Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 0px 20px;
}

.btn.btn-md {
    padding: 8px 20px !important;
}

.btn.btn-lg {
    padding: 18px 36px !important;
}

.btn:hover,
.btn:active,
.btn:focus {
    box-shadow: none !important;
    outline: none !important;
}

.btn-primary {
    background: #52d3aa;
    color: #fff;
    border: 2px solid #52d3aa;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #66d8b4 !important;
    border-color: #66d8b4 !important;
}

.btn-primary.btn-outline {
    background: transparent;
    color: #52d3aa;
    border: 2px solid #52d3aa;
}

.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:active {
    background: #52d3aa;
    color: #fff;
}

.btn-success {
    background: #5cb85c;
    color: #fff;
    border: 2px solid #5cb85c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background: #4cae4c !important;
    border-color: #4cae4c !important;
}

.btn-success.btn-outline {
    background: transparent;
    color: #5cb85c;
    border: 2px solid #5cb85c;
}

.btn-success.btn-outline:hover,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:active {
    background: #5cb85c;
    color: #fff;
}

.btn-info {
    background: #5bc0de;
    color: #fff;
    border: 2px solid #5bc0de;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background: #46b8da !important;
    border-color: #46b8da !important;
}

.btn-info.btn-outline {
    background: transparent;
    color: #5bc0de;
    border: 2px solid #5bc0de;
}

.btn-info.btn-outline:hover,
.btn-info.btn-outline:focus,
.btn-info.btn-outline:active {
    background: #5bc0de;
    color: #fff;
}

.btn-warning {
    background: #f0ad4e;
    color: #fff;
    border: 2px solid #f0ad4e;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background: #eea236 !important;
    border-color: #eea236 !important;
}

.btn-warning.btn-outline {
    background: transparent;
    color: #f0ad4e;
    border: 2px solid #f0ad4e;
}

.btn-warning.btn-outline:hover,
.btn-warning.btn-outline:focus,
.btn-warning.btn-outline:active {
    background: #f0ad4e;
    color: #fff;
}

.btn-danger {
    background: #d9534f;
    color: #fff;
    border: 2px solid #d9534f;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background: #d43f3a !important;
    border-color: #d43f3a !important;
}

.btn-danger.btn-outline {
    background: transparent;
    color: #d9534f;
    border: 2px solid #d9534f;
}

.btn-danger.btn-outline:hover,
.btn-danger.btn-outline:focus,
.btn-danger.btn-outline:active {
    background: #d9534f;
    color: #fff;
}

.btn-outline {
    background: none;
    border: 2px solid gray;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
    box-shadow: none;
}

.btn.with-arrow {
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn.with-arrow i {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.btn.with-arrow:hover {
    padding-right: 50px;
}

.btn.with-arrow:hover i {
    color: #fff;
    right: 18px;
    visibility: visible;
    opacity: 1;
}

.form-control {
    box-shadow: none;
    background: transparent;
    /* border: 2px solid rgba(0, 0, 0, 0.1); */
    border-radius: 17px;
    width: 329px;
    height: 25px;
    font-size: 14px;
    font-weight: 300;
    resize: none;
}

@media screen and (max-width: 330px) {
    .form-control {
        width: 295px !important;
    }
}




.form-control:active,
.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #52d3aa;
}

.row-pb-md {
    padding-bottom: 4em !important;
}

.row-pb-sm {
    padding-bottom: 2em !important;
}

.girmiti-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader.gif) center no-repeat #fff;
}

.gif-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader.gif) center no-repeat;
}

.js .animate-box {
    opacity: 0;
}


/* Bootstrap overrides */

.carousel-indicators {
    bottom: 125px;
    position: fixed;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#modalpop1 {
    max-width: 100%;
    margin: 2rem auto;
}

@media screen and (max-width: 380px) {
    #modalpop1 {
        max-width: 98% !important;
        margin: 5rem auto !important;
        left: 1% !important;
    }
}

@media screen and (min-width:381px) and (max-width: 480px) {
    #modalpop1 {
        max-width: 98% !important;
        margin: 5rem auto !important;
        left: 4% !important;
    }
}

.affix {
    top: 0 !important;
    width: 96%;
    position: fixed;
    padding: 26px 0;
}

.affix ul li a {
    font-size: 2.3vh;
    padding: 10px;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    filter: none;
}

@media screen and (max-width: 480px) {
    .carousel-control.left,
.carousel-control.right {
    background-image: none;
    filter: none;
    margin-top: 3%;
}
}

.carousel-control,
.carousel-control:hover,
.carousel-control:focus {
    color: #363636;
    opacity: 0.5;
}

.carousel-control {
    opacity: 0;
}

.word-wrap {
    white-space: wrap;
}

.right-align {
    text-align: right;
}

.word-nowrap {
    white-space: nowrap;
}

.invisible.micro {
    width: 44px;
    height: 45px;
}

.invisible.small {
    width: 52px;
    height: 53px;
}

.invisible.medium {
    width: 61px;
    height: 74px;
}

.invisible.large {
    width: 87px;
    height: 86px;
}

.invisible {
    visibility: visible;
    position: absolute;
    width: 100px;
    height: 100px;
    /*  border: 1px solid; */
    cursor: default;
}

.invisible span {
    display: none;
    position: relative;
    text-align: center;
    line-height: 1.2;
    top: 95px;
    color: #000;
    left: -2px;
}

#online_secure {
    top: -44px;
    word-break: break-word;
    width: 96px;
}

#velocity_reversal {
    top: -45px;
}

#Audit_settlement {
    top: -47px;
    word-break: break-word;
    width: 113px;
    left: -8px;
}

#payment_processor {
    top: -50px;
    word-break: break-word;
    width: 132px;
    left: -17px;
}

.invisible:hover span {
    display: block;
}

.invisible.top_80 span {
    top: 78px;
}

.invisible.top_85 span {
    top: 85px;
}

.invisible.top_70 span {
    top: 70px;
}

.invisible.top_50 span {
    top: 50px;
}

.invisible.top_60 span {
    top: 60px;
}

.invisible.top_65 span {
    top: 65px;
}

.invisible.top_105 span {
    top: 105px;
}

.invisible.top_115 span {
    top: 115px;
}

.invisible.top_90 span {
    top: 90px;
}

.marginLeft_5 {
    margin-left: -5px;
}

.marginLeft_10 {
    margin-left: -10px;
}

.marginLeft_15 {
    margin-left: -15px;
}

.marginLeft_25 {
    margin-left: -25px;
}

.marginLeft_35 {
    margin-left: -35px;
}

.marginLeft_45 {
    margin-left: -45px;
}

.left_align span {
    top: 12px;
    left: -55px;
}

.right_align span {
    top: 18px;
    left: 50px;
}

#intelligence {
    left: 100px;
    margin-top: 50px;
}

#conceptualize {
    left: 235px;
    margin-top: 50px;
}

#qa {
    left: 370px;
    margin-top: 50px;
}

#consultancy {
    left: 505px;
    margin-top: 50px;
}

#support {
    left: 40px;
    margin-top: 165px;
}

#implementation {
    left: 170px;
    margin-top: 165px;
}

#solutions {
    left: 303px;
    margin-top: 165px;
}

#delivery {
    left: 432px;
    margin-top: 165px;
}

#call {
    left: 568px;
    margin-top: 165px;
}


/*--------------------------Banking and Finance mapping start----------------------*/

#reqAnId {
    top: -23%;
    left: -108%;
    text-align: right;
    width: 127%;
}

#bank_transit {
    left: 380px;
    margin-top: 16px;
}

#bank_transit span {
    top: 54px;
    font-size: 12px;
}

#bank-telecom {
    left: 271px;
    margin-top: 19px;
}

#bank-telecom span {
    top: 54px;
    font-size: 12px;
}

#bank-oem {
    left: 108px;
    margin-top: 48px;
}

#bank-oem span {
    top: 46px;
    font-size: 12px;
}

#bank-association {
    left: 443px;
    margin-top: 107px;
    font-size: 12px;
}

#bank-association span {
    left: -2px;
    top: 45px;
}

#sports_and_events {
    left: 600px;
    margin-top: 115px;
    font-size: 12px;
}

#sports_and_events span {
    top: 41px !important;
}

#bank_petro {
    left: 418px;
    margin-top: 207px;
}

#bank_petro span {
    left: 2px;
    margin-top: 22px;
    font-size: 12px;
}

#bank_processor {
    left: 530px;
    margin-top: 45px;
}

#bank_processor span {
    left: 0px;
    margin-top: 28px;
    font-size: 12px;
}

#bank_retailors {
    left: 530px;
    margin-top: 184px;
}

#bank_retailors span {
    top: 49px;
    left: 1px;
    font-size: 12px;
}

#bank_aquirers {
    left: 213px;
    margin-top: 214px;
}

#bank_aquirers span {
    top: 43px;
    font-size: 12px;
}

#bank_gift_and_loyalty {
    left: 119px;
    margin-top: 177px;
}

#bank_gift_and_loyalty span {
    margin-top: -26px;
    font-size: 12px;
}

#bank_issuance {
    left: 200px;
    margin-top: 99px;
}

#bank_issuance span {
    margin-top: -26px;
    font-size: 12px;
    left: 2px;
}

#bank_health_care {
    left: 33px;
    margin-top: 113px;
}

#bank_health_care span {
    top: 47px;
    font-size: 12px;
    left: -2px;
}


/*--------------------------Banking and Finance mapping end----------------------*/


/*--------------------------c c++ mapping start----------------------*/

#c_cpp_pos {
    margin-left: -223px;
    margin-top: 38px;
}

#c_cpp_pos span {
    top: 53px;
}

#c_cpp_mpos {
    margin-left: -168px;
    margin-top: 178px;
}

#c_cpp_mpos span {
    top: 53px;
}

#c_cpp_pc_pos {
    margin-left: -226px;
    margin-top: 319px;
}

#c_cpp_pc_pos span {
    top: 50px;
}

#c_cpp_mwallet {
    left: 181px;
    margin-top: 318px;
}

#c_cpp_mwallet span {
    left: 0px;
    top: 50px;
    letter-spacing: -1px;
}

#c_cpp_readers {
    left: 121px;
    margin-top: 178px;
}

#c_cpp_readers span {
    left: 3px;
    top: 47px;
    letter-spacing: -1px;
}

#c_cpp_emv_kernal {
    left: 182px;
    margin-top: 37px;
}

#c_cpp_emv_kernal span {
    top: 39px;
    letter-spacing: -1px;
    left: -1px;
}


/*--------------------------c c++ mapping end----------------------*/


/*--------------------------compliance mapping start----------------------*/

#compliance_policies {
    left: 491px;
    margin-top: 91px;
}

#compliance_policies span {
    margin-top: -67px;
    left: 75px;
}

#compliance_implementation {
    left: 425px;
    margin-top: 35px;
}

#compliance_implementation span {
    left: 67px;
    margin-top: 30px;
    font-size: 12px;
}

#compliance_Planning {
    left: 321px;
    margin-top: 13px;
}

#compliance_Planning span {
    left: 46px;
    margin-top: 14px;
    font-size: 14px;
}

#compliance_requirement {
    left: 223px;
    margin-top: 35px;
}

#compliance_requirement span {
    left: -91px;
    margin-top: -4px;
    font-size: 13px;
}

#compliance_consulting {
    left: 152px;
    margin-top: 91px;
}

#compliance_consulting span {
    left: -81px;
    margin-top: 15px;
    font-size: 13px;
}


/*--------------------------compliance mapping end----------------------*/


/*--------------------------testing_EMV mapping Start----------------------*/

#test_emv_testing {
    margin-left: -590px;
    margin-top: 112px;
}

#test_emv_testing span {
    margin-top: 113px;
    word-break: break-word;
    width: 83px;
}

#test_tmnl_card {
    left: 246px;
}

#test_tmnl_card span {
    left: 28px;
    font-size: 11px;
    margin-top: 82px;
}

#test_EMV_tags {
    left: 336px;
    margin-top: 23px;
}

#test_EMV_tags span {
    margin-top: 81px;
    font-size: 11px;
    left: 32px;
}

#test_emv_risk {
    left: 425px;
}

#test_emv_risk span {
    font-size: 12px;
    width: 132px;
    letter-spacing: -1px;
    left: 19px;
    margin-top: 26px;
}

#test_emv_schems {
    left: 562px;
    margin-top: 205px;
}

#test_emv_schems span {
    font-size: 11px;
    left: 30px;
    margin-top: -22px;
}

#test_emv_merchant {
    left: 470px;
    margin-top: 226px;
}

#test_emv_merchant span {
    font-size: 12px;
    letter-spacing: -1px;
    left: 28px;
    margin-top: -22px;
}

#test_emv_gateway {
    left: 380px;
    margin-top: 204px;
}

#test_emv_gateway span {
    letter-spacing: -1px;
    font-size: 12px;
    left: 27px;
    margin-top: -23px;
}

#test_emv_issuer {
    left: 289px;
    margin-top: 225px;
}

#test_emv_issuer span {
    letter-spacing: -1px;
    font-size: 12px;
    left: 20px;
    margin-top: -24px;
}


/*--------------------------testing_EMV mapping end----------------------*/


/*acquiring gateway mapping start*/

#gateway_merchant {
    left: 178px;
    margin-top: 10px;
}

#gateway_merchant span {
    font-size: 12px;
}

#gateway_digital {
    left: 387px;
    margin-top: 46px;
}

#gateway_digital span {
    margin-top: 22px;
    font-size: 13px;
    width: 100px;
    left: -19px;
}

#gateway_fees {
    left: 504px;
    margin-top: 18px;
}

#gateway_fees span {
    font-size: 13px;
    width: 100px;
    left: -19px;
}

#gateway_settlement {
    left: 256px;
    margin-top: 130px;
}

#gateway_settlement span {
    font-size: 13px;
}

#gateway_iso {
    left: 448px;
    margin-top: 174px;
}

#gateway_iso span {
    font-size: 13px;
    margin-top: 10px;
}

#gateway_pno {
    left: 594px;
    margin-top: 185px;
}

#gateway_pno span {
    margin-top: 7px;
    font-size: 13px;
    left: 4px;
}

#gateway_Ivr {
    left: 324px;
    margin-top: 188px;
}

#gateway_Ivr span {
    left: -18px;
    font-size: 13px;
    width: 100px;
}

#gateway_card {
    left: 174px;
    margin-top: 200px;
}

#gateway_card span {
    font-size: 13px;
    left: -14px;
    width: 100px;
}


/*acquiring_Gateway mapping end*/


/*--------------------------Channels mapping start----------------------*/

#channel_mpos {
    left: 201px;
    margin-top: 87px;
}

#channel_mpos span {
    color: white;
    margin-top: -42px;
}

#channel_card {
    left: 274px;
    margin-top: 46px;
}

#channel_card span {
    color: white;
    margin-top: 62px;
}

#channel_tpos {
    left: 273px;
    margin-top: 125px;
}

#channel_tpos span {
    margin-top: 70px;
    color: white;
}

#channel_pcpos {
    left: 342px;
    margin-top: 165px;
}

#channel_pcpos span {
    left: 0px;
    margin-top: 12px;
    color: white;
}

#channel_bluetooth {
    left: 273px;
    margin-top: 203px;
}

#channel_bluetooth span {
    left: -1px;
    letter-spacing: -1px;
    margin-top: 22px;
    font-size: 13px;
    color: white;
}

#channel_dongle {
    left: 275px;
    margin-top: 280px;
}

#channel_dongle span {
    color: white;
    margin-top: -25px;
    left: 1px;
    font-size: 13px;
}

#channel_qr {
    left: 203px;
    margin-top: 242px;
}

#channel_qr span {
    margin-top: -21px;
    color: white;
}

#channel_reader {
    left: 132px;
    margin-top: 281px;
}

#channel_reader span {
    left: 1px;
    margin-top: 14px;
    letter-spacing: -1px;
    color: white;
}

#channel_bar {
    left: 147px;
    margin-top: 203px;
}

#channel_bar span {
    margin-top: -22px;
    font-size: 15px;
    left: -1px;
    color: white;
}

#channel_emv {
    left: 147px;
    margin-top: 124px;
}

#channel_emv span {
    left: -1px;
    margin-top: -20px;
    color: white;
}

#channel_nac {
    left: 133px;
    margin-top: 47px;
}

#channel_nac span {
    margin-top: -24px;
    color: white;
}

#channel_scanner {
    left: 62px;
    margin-top: 165px;
}

#channel_scanner span {
    margin-top: -24px;
    font-size: 13px;
    color: white;
}

#channel_processor {
    left: 587px;
    margin-top: 93px;
}

#channel_processor span {
    margin-top: -24px;
    letter-spacing: -1px;
    font-size: 15px;
    left: -1px;
    color: white;
}

#channel_merchants {
    left: 490px;
    margin-top: 164px;
}

#channel_merchants span {
    margin-top: -22px;
    letter-spacing: -1px;
    font-size: 13px;
    color: white;
}

#channel_payment_gateway {
    left: 572px;
    margin-top: 234px;
}

#channel_payment_gateway span {
    margin-top: -25px;
    letter-spacing: -1px;
    font-size: 13px;
    line-height: 14px;
    color: white;
}


/*--------------------------Channels mapping end----------------------*/


/*--------------------------EMV Issuance mapping start----------------------*/

#emv_issue_interface {
    left: 325px;
    margin-top: 26px;
}

#emv_issue_interface span {
    letter-spacing: -1px;
    left: 63px;
    margin-top: -89px;
}

#emv_issue_auth {
    left: 392px;
    margin-top: 46px;
}

#emv_issue_auth span {
    left: 71px;
    margin-top: 45px;
    letter-spacing: -1px;
}

#emv_issue_pin {
    left: 438px;
    margin-top: 100px;
}

#emv_issue_pin span {
    left: 51px;
    margin-top: 44px;
}

#emv_issue_verifiction {
    left: 448px;
    margin-top: 169px;
}

#emv_issue_verifiction span {
    left: 72px;
    margin-top: 2px;
    letter-spacing: -1px;
}

#emv_issue_on_off {
    left: 418px;
    margin-top: 233px;
}

#emv_issue_on_off span {
    width: 108px;
    letter-spacing: -1px;
    left: 64px;
    margin-top: 9px;
}

#emv_issue_digital {
    left: 359px;
    margin-top: 270px;
}

#emv_issue_digital span {
    letter-spacing: -1px;
    width: 37px;
    left: 69px;
    margin-top: -29px;
    line-height: 14px;
}

#emv_issue_pin_mgmt {
    left: 288px;
    margin-top: 269px;
}

#emv_issue_pin_mgmt span {
    left: -67px;
    margin-top: -25px;
    letter-spacing: -1px;
    width: 56px;
    line-height: 12px;
    text-align: right;
}

#emv_issue_risk {
    left: 229px;
    margin-top: 233px;
}

#emv_issue_risk span {
    width: 97px;
    letter-spacing: -1px;
    left: -110px;
    margin-top: 1px;
}

#emv_issue_processing {
    left: 215px;
    margin-top: 170px;
}

#emv_issue_processing span {
    letter-spacing: -1px;
    left: -77px;
    margin-top: -43px;
}

#emv_issue_hce {
    left: 226px;
    margin-top: 98px;
}

#emv_issue_hce span {
    letter-spacing: -1px;
    width: 65px;
    left: -78px;
    margin-top: -40px;
}

#emv_issue_sp_tsm {
    left: 255px;
    margin-top: 43px;
}

#emv_issue_sp_tsm span {
    left: -65px;
    margin-top: -37px;
}


/*--------------------------EMV Issuance mapping end----------------------*/


/*--------------------------EMV mapping Start----------------------*/

#emv_pos_terminal {
    left: 223px;
    margin-top: 72px;
}

#emv_pos_terminal span {
    left: -62px;
    top: 14px;
    font-size: 13px;
    width: 52px;
}

#emv_mobile_pos {
    left: 283px;
    margin-top: 20px;
}

#emv_mobile_pos span {
    left: -48px;
    top: 11px;
    font-size: 13px;
}

#emv_pc_pos {
    right: 337px;
    margin-top: 19px;
}

#emv_pc_pos span {
    font-size: 13px;
    white-space: nowrap;
    top: 20px;
    left: 53px;
}

#emv_pno {
    right: 280px;
    margin-top: 72px;
}

#emv_pno span {
    font-size: 13px;
    top: 23px;
    left: 44px;
}

#emv_acquirer_a {
    left: 241px;
    margin-top: 221px;
}

#emv_acquirer_a span {
    top: 59px;
    font-size: 14px;
    left: -8px;
}

#emv_processor {
    right: 387px;
    margin-top: 221px;
}

#emv_processor span {
    top: 60px;
    font-size: 14px;
    left: -10px;
}

#emv_issuer {
    right: 297px;
    margin-top: 222px;
}

#emv_issuer span {
    top: 60px;
    font-size: 14px;
}


/*--------------------------EMV mapoping end----------------------*/


/*--------------------------Innovation Labs mapping start----------------------*/

#innovation_labs_mobile {
    left: 382px;
    margin-top: 42px;
}

#innovation_labs_mobile span {
    letter-spacing: -1px;
    left: 70px;
    margin-top: 45px;
}

#innovation_labs_wallet {
    left: 430px;
    margin-top: 130px;
}

#innovation_labs_wallet span {
    letter-spacing: -1px;
    left: 70px;
    margin-top: 45px;
}

#innovation_labs_hce {
    left: 381px;
    margin-top: 216px;
}

#innovation_labs_hce span {
    left: 65px;
    margin-top: 1px;
}

#innovation_labs_nfc {
    left: 278px;
    margin-top: 215px;
}

#innovation_labs_nfc span {
    letter-spacing: -1px;
    left: -66px;
    margin-top: 10px;
}

#innovation_labs_big_data {
    left: 228px;
    margin-top: 130px;
}

#innovation_labs_big_data span {
    left: -76px;
    margin-top: -42px;
    letter-spacing: -1px;
}

#innovation_labs_cloud {
    left: 277px;
    margin-top: 43px;
}

#innovation_labs_cloud span {
    letter-spacing: -1px;
    left: -68px;
    margin-top: -42px;
}


/*--------------------------Innovation Labs mapping end----------------------*/


/*--------------------------Middleware Apps mapping Start----------------------*/

#middleware_kony {
    left: 302px;
    margin-top: 34px;
}

#middleware_kony span {
    left: 75px;
    letter-spacing: -1px;
    margin-top: 35px;
}

#middleware_ibm {
    left: 410px;
    margin-top: 112px;
}

#middleware_ibm span {
    letter-spacing: -1px;
    width: 83px;
    left: 90px;
    margin-top: 45px;
}

#middleware_maf {
    left: 367px;
    margin-top: 238px;
}

#middleware_maf span {
    left: 77px;
    margin-top: 4px;
}

#middleware_phonegap {
    left: 236px;
    margin-top: 238px;
}

#middleware_phonegap span {
    letter-spacing: -1px;
    left: -94px;
    margin-top: 3px;
}

#middleware_sencha {
    left: 196px;
    margin-top: 112px;
}

#middleware_sencha span {
    letter-spacing: -1px;
    left: -84px;
    margin-top: -43px;
}


/*--------------------------Middleware Apps mapping end----------------------*/


/*--------------------------ERP mapping Start----------------------*/

#erp-statistics {
    left: 222px;
    margin-top: 46px;
}

#erp-statistics span {
    letter-spacing: -1px;
    width: 79px;
    margin-top: -83px;
    left: 72px;
}

#erp_sales {
    left: 296px;
    margin-top: 79px;
}

#erp_sales span {
    letter-spacing: -1px;
    left: 58px;
    margin-top: 45px;
}

#erp_inventory {
    left: 324px;
    margin-top: 150px;
}

#erp_inventory span {
    left: 70px;
    letter-spacing: -1px;
    margin-top: 44px;
}

#erp_supply_chain {
    left: 299px;
    margin-top: 222px;
}

#erp_supply_chain span {
    left: 59px;
    margin-top: 1px;
    letter-spacing: -1px;
    width: 62px;
    line-height: 14px;
}

#erp_logistic {
    left: 223px;
    margin-top: 253px;
}

#erp_logistic span {
    letter-spacing: -1px;
    margin-top: 27px;
    left: 62px;
}

#erp_distribution {
    left: 152px;
    margin-top: 223px;
}

#erp_distribution span {
    letter-spacing: -1px;
    left: -80px;
    margin-top: -42px;
}

#erp_portals {
    left: 120px;
    margin-top: 152px;
}

#erp_portals span {
    letter-spacing: -1px;
    left: -69px;
    line-height: 16px;
    margin-top: -51px;
    text-align: center;
}

#erp_dashboard {
    left: 151px;
    margin-top: 77px;
}

#erp_dashboard span {
    letter-spacing: -1px;
    left: -79px;
    margin-top: 3px;
}

#erp_3rd_party {
    left: 540px;
    margin-top: 33px;
}

#erp_3rd_party span {
    letter-spacing: -1px;
    left: 70px;
    line-height: 15px;
    margin-top: -49px;
}

#erp_payment_solution {
    left: 543px;
    margin-top: 144px;
}

#erp_payment_solution span {
    letter-spacing: -1px;
    width: 1px;
    left: 76px;
    margin-top: -49px;
    line-height: 15px;
}

#erp_merchant {
    left: 525px;
    margin-top: 254px;
}

#erp_merchant span {
    letter-spacing: -1px;
    width: 1px;
    left: 77px;
    margin-top: -48px;
    line-height: 15px;
}


/*--------------------------ERP mapping end----------------------*/


/*--------------------------Payment Interfaces mapping start----------------------*/


/*-------------------------- Mobile Payments mapping start----------------------*/

#mpayment_mCommerce {
    left: 56px;
    margin-top: 39px;
}

#mpayment_mCommerce span {
    top: 12px;
    left: 56px;
    font-size: 14px;
}

#mpayment_marchants {
    left: 113px;
    margin-top: 76px;
}

#mpayment_marchants span {
    top: 19px;
    left: 56px;
    font-size: 14px;
}

#mpayment_mobileATM {
    left: 148px;
    margin-top: 130px;
}

#mpayment_mobileATM span {
    top: 22px;
    left: 56px;
    font-size: 14px;
    white-space: nowrap;
}

#mpayment_gift {
    left: 514px;
    margin-top: 130px;
}

#mpayment_gift span {
    top: 18px;
    left: -94px;
    font-size: 14px;
    white-space: nowrap;
}

#mpayment_partners {
    left: 148px;
    margin-top: 198px;
}

#mpayment_partners span {
    top: 20px;
    left: 55px;
    font-size: 14px;
}

#mpayment_cr {
    left: 515px;
    margin-top: 198px;
}

#mpayment_cr span {
    top: 15px;
    left: -54px;
    font-size: 14px;
}

#mpayment_topup {
    left: 548px;
    margin-top: 76px;
}

#mpayment_topup span {
    top: 15px;
    left: -58px;
    font-size: 14px;
    white-space: nowrap;
}

#mpayment_microPay {
    left: 113px;
    margin-top: 255px;
}

#mpayment_microPay span {
    top: 19px;
    left: 56px;
    font-size: 14px;
    white-space: nowrap;
}

#mpayment_transfer {
    left: 548px;
    margin-top: 255px;
}

#mpayment_transfer span {
    top: 15px;
    left: -117px;
    font-size: 14px;
    white-space: nowrap;
}

#mpayment_cradle {
    left: 56px;
    margin-top: 288px;
}

#mpayment_cradle span {
    top: 31px;
    left: 53px;
    font-size: 14px;
    white-space: nowrap;
}

#mpayment_disbursements {
    left: 605px;
    margin-top: 288px;
}

#mpayment_disbursements span {
    top: 30px;
    left: -113px;
    font-size: 14px;
    white-space: nowrap;
}

#mpayment_utilites {
    left: 605px;
    margin-top: 39px;
}

#mpayment_utilites span {
    top: 12px;
    left: -64px;
    font-size: 14px;
}


/*-------------------------- Mobile Payment  mapping end----------------------*/

#payment_interfaces_pgateway {
    left: 361px;
    margin-top: 13px;
}

#payment_interfaces_pgateway span {
    letter-spacing: -1px;
    width: 108px;
    left: 66px;
    margin-top: 41px;
}

#payment_interfaces_schemes {
    left: 413px;
    margin-top: 70px;
}

#payment_interfaces_schemes span {
    letter-spacing: -1px;
    left: 66px;
    margin-top: 41px;
}

#payment_interfaces_sproviders {
    left: 416px;
    margin-top: 150px;
}

#payment_interfaces_sproviders span {
    letter-spacing: -1px;
    width: 108px;
    left: 63px;
    margin-top: 8px;
}

#payment_interfaces_certifications {
    left: 359px;
    margin-top: 212px;
}

#payment_interfaces_certifications span {
    letter-spacing: -1px;
    left: 68px;
    margin-top: 11px;
}

#payment_interfaces_postpaid {
    left: 177px;
    margin-top: 143px;
}

#payment_interfaces_postpaid span {
    letter-spacing: -1px;
    left: -65px;
    margin-top: -36px;
}

#payment_interfaces_prepaid {
    left: 181px;
    margin-top: 61px;
}

#payment_interfaces_prepaid span {
    letter-spacing: -1px;
    left: -61px;
    margin-top: -48px;
}


/*--------------------------Payment Interfaces mapping end----------------------*/


/*--------------------------Shopping Cart mapping start----------------------*/

#shopping_cart_mobile {
    left: 204px;
    margin-top: 28px;
}

#shopping_cart_mobile span {
    letter-spacing: -1px;
    width: 116px;
    left: 73px;
    margin-top: -66px;
}

#shopping_cart_sms {
    left: 227px;
    margin-top: 96px;
}

#shopping_cart_sms span {
    letter-spacing: -1px;
    width: 116px;
    left: 50px;
    margin-top: 45px;
}

#shopping_cart_collection {
    left: 249px;
    margin-top: 165px;
}

#shopping_cart_collection span {
    letter-spacing: -1px;
    left: 71px;
    margin-top: 46px;
}

#shopping_cart_monitoring {
    left: 228px;
    margin-top: 234px;
}

#shopping_cart_monitoring span {
    letter-spacing: -1px;
    left: 71px;
    margin-top: 1px;
}

#shopping_cart_sdk {
    left: 204px;
    margin-top: 304px;
}

#shopping_cart_sdk span {
    letter-spacing: -1px;
    left: 54px;
    margin-top: 9px;
}

#shopping_cart_logistics {
    left: 519px;
    margin-top: 125px;
}

#shopping_cart_logistics span {
    letter-spacing: -1px;
    left: 65px;
    margin-top: -42px;
}

#shopping_cart_distribution {
    left: 518px;
    margin-top: 201px;
}

#shopping_cart_distribution span {
    letter-spacing: -1px;
    left: 72px;
    margin-top: -42px;
}


/*--------------------------Shopping Cart mapping end----------------------*/


/*--------------------------Testing mapping Start----------------------*/

#testing_automation {
    left: 316px;
    margin-top: 26px;
}

#testing_automation span {
    letter-spacing: -1px;
    left: 71px;
    margin-top: -95px;
}

#testing_api {
    left: 405px;
    margin-top: 50px;
}

#testing_api span {
    letter-spacing: -1px;
    left: 56px;
    margin-top: 41px;
}

#testing_performance {
    left: 466px;
    margin-top: 112px;
}

#testing_performance span {
    letter-spacing: -1px;
    left: 78px;
    margin-top: 43px;
}

#testing_install {
    left: 488px;
    margin-top: 203px;
}

#testing_install span {
    letter-spacing: -1px;
    left: 63px;
    margin-top: -2px;
}

#testing_device {
    left: 144px;
    margin-top: 204px;
}

#testing_device span {
    letter-spacing: -1px;
    left: -68px;
    margin-top: 5px;
}

#testing_security {
    left: 166px;
    margin-top: 113px;
}

#testing_security span {
    letter-spacing: -1px;
    left: -72px;
    margin-top: -43px;
}

#testing_functional {
    left: 230px;
    margin-top: 50px;
}

#testing_functional span {
    letter-spacing: -1px;
    left: -79px;
    margin-top: -45px;
}


/*--------------------------Testing mapping end----------------------*/


/*--------------------------Prepaid mapping Start----------------------*/

#prepaid_kyc {
    left: 207px;
    margin-top: 85px;
}

#prepaid_kyc span {
    margin-top: -112px;
    left: 25px;
    font-size: 13px;
}

#prpaid_distribution {
    left: 256px;
    margin-top: 101px;
}

#prpaid_distribution span {
    letter-spacing: -1px;
    left: 44px;
    font-size: 14px;
    margin-top: 20px;
}

#prepaid_cashflow {
    left: 290px;
    margin-top: 153px;
}

#prepaid_cashflow span {
    left: 42px;
    font-size: 14px;
    letter-spacing: -1px;
    margin-top: 30px;
}

#prepaid_inventory {
    left: 284px;
    margin-top: 208px;
}

#prepaid_inventory span {
    letter-spacing: -1px;
    font-size: 14px;
    left: 50px;
    margin-top: -3px;
}

#prepaid_funding {
    left: 260px;
    margin-top: 260px;
}

#prepaid_funding span {
    letter-spacing: -1px;
    font-size: 14px;
    left: 38px;
    margin-top: 19px;
}

#prepaid_programs {
    left: 206px;
    margin-top: 282px;
}

#prepaid_programs span {
    letter-spacing: -1px;
    font-size: 14px;
    left: 29px;
    margin-top: -16px;
}

#prepaid_fee {
    left: 148px;
    margin-top: 282px;
}

#prepaid_fee span {
    letter-spacing: -1px;
    font-size: 14px;
    left: -18px;
    margin-top: -18px;
}

#prepaid_creation {
    left: 104px;
    margin-top: 260px;
}

#prepaid_creation span {
    letter-spacing: -1px;
    width: 78px;
    font-size: 14px;
    margin-top: 4px;
    left: -72px;
    line-height: 15px;
}

#prepaid_fund_trans {
    left: 92px;
    margin-top: 208px;
}

#prepaid_fund_trans span {
    left: -52px;
    letter-spacing: -1px;
    font-size: 14px;
    margin-top: -47px;
    width: 33px;
}

#prepaid_portals {
    left: 90px;
    margin-top: 153px;
}

#prepaid_portals span {
    letter-spacing: -1px;
    font-size: 14px;
    left: -57px;
    margin-top: -57px;
}

#prepaid_settlement {
    left: 103px;
    margin-top: 100px;
}

#prepaid_settlement span {
    letter-spacing: -1px;
    font-size: 14px;
    width: 78px;
    line-height: 14px;
    left: -81px;
    margin-top: -79px;
}

#prepaid_ac {
    left: 159px;
    margin-top: 84px;
}

#prepaid_ac span {
    letter-spacing: -1px;
    font-size: 14px;
    width: 61px;
    left: -51px;
    margin-top: -88px;
}

#prepaid_transit {
    left: 556px;
    margin-top: 27px;
}

#prepaid_transit span {
    left: 49px;
    font-size: 14px;
    margin-top: -75px;
}

#prpaid_banking {
    left: 556px;
    margin-top: 87px;
}

#prpaid_banking span {
    font-size: 14px;
    left: 48px;
    margin-top: 36px;
}

#prepaid_healthcare {
    left: 557px;
    margin-top: 148px;
}

#prepaid_healthcare span {
    font-size: 14px;
    left: 48px;
    margin-top: 36px;
}

#prepaid_loyalty {
    left: 556px;
    margin-top: 209px;
}

#prepaid_loyalty span {
    font-size: 15px;
    letter-spacing: -1px;
    left: 48px;
    margin-top: -10px;
}

#prepaid_card_mnfctr {
    left: 556px;
    margin-top: 269px;
}

#prepaid_card_mnfctr span {
    letter-spacing: -1px;
    font-size: 14px;
    line-height: 13px;
    width: 27px;
    left: 49px;
    margin-top: -6px;
}

#prepaid_billing {
    margin-left: -134px;
    margin-top: 328px;
}

#prepaid_billing span {
    font-size: 14px;
    width: 55px;
    top: 11px;
    left: 48px;
}

#prepaid_aquiring {
    margin-left: -199px;
    margin-top: 329px;
}

#prepaid_aquiring span {
    font-size: 14px;
    left: -70px;
    top: 16px;
}

#prepaid_hce {
    left: 495px;
    margin-top: 267px;
}

#prepaid_hce span {
    font-size: 15px;
    top: 19px;
}

#prepaid_schemes {
    left: 510px;
    margin-top: 206px;
}

#prepaid_schemes span {
    font-size: 14px;
    left: -69px;
    top: 22px;
}

#prepaid_retail {
    left: 505px;
    margin-top: 148px;
}

#prepaid_retail span {
    font-size: 14px;
    left: -46px;
    top: 20px;
}

#prepaid_switch {
    left: 496px;
    margin-top: 89px;
}

#prepaid_switch span {
    font-size: 14px;
    top: 18px;
    left: -55px;
}

#prepaid_wallet {
    left: 490px;
    margin-top: 26px;
}

#prepaid_wallet span {
    font-size: 14px;
    left: -48px;
    top: 20px;
}


/*--------------------------Prepaid mapping end----------------------*/


/*--------------------------Topup mapping start----------------------*/

#topup_mpos {
    left: 185px;
    margin-top: 45px;
}

#topup_mpos span {
    top: -2px;
    font-size: 13px;
    left: 48px;
}

#topup_digital {
    left: 227px;
    margin-top: 86px;
}

#topup_digital span {
    width: 108px;
    font-size: 12px;
    left: 38px;
    margin-top: 18px;
}

#topup_wearable {
    left: 271px;
    margin-top: 128px;
}

#topup_wearable span {
    left: 51px;
    font-size: 13px;
    margin-top: 16px;
}

#topup_nfc {
    left: 314px;
    margin-top: 170px;
}

#topup_nfc span {
    font-size: 14px;
    left: 57px;
    margin-top: -8px;
}

#topup_ble {
    left: 270px;
    margin-top: 214px;
}

#topup_ble span {
    font-size: 14px;
    left: 42px;
    margin-top: 24px;
}

#topup_loyalty {
    left: 227px;
    margin-top: 256px;
}

#topup_loyalty span {
    width: 108px;
    font-size: 13px;
    margin-top: -26px;
    left: 35px;
}

#topup_gift {
    left: 183px;
    margin-top: 300px;
}

#topup_gift span {
    width: 108px;
    font-size: 13px;
    left: 22px;
    margin-top: -28px;
}

#topup_processor {
    left: 502px;
    margin-top: 96px;
}

#topup_processor span {
    left: 64px;
    font-size: 14px;
    margin-top: -2px;
}

#topup_schemes {
    left: 502px;
    margin-top: 175px;
}

#topup_schemes span {
    font-size: 14px;
    left: 65px;
    margin-top: -50px;
}

#topup_payment {
    left: 502px;
    margin-top: 256px;
}

#topup_payment span {
    font-size: 14px;
    left: 65px;
    letter-spacing: -1px;
    margin-top: -57px;
}


/*--------------------------Topup mapping end----------------------*/


/*--------------------------Utilities mapping Start----------------------*/

#utilities_postpaid {
    left: 203px;
    margin-top: 34px;
}

#utilities_postpaid span {
    left: 67px;
    letter-spacing: -1px;
    margin-top: -91px;
}

#utilities_services {
    left: 284px;
    margin-top: 63px;
}

#utilities_services span {
    letter-spacing: -1px;
    left: 71px;
    margin-top: 41px;
}

#utilities_prepaid {
    left: 319px;
    margin-top: 140px;
}

#utilities_prepaid span {
    letter-spacing: -1px;
    left: 70px;
    margin-top: 44px;
}

#utilities_gas {
    left: 290px;
    margin-top: 219px;
}

#utilities_gas span {
    letter-spacing: -1px;
    left: 57px;
    margin-top: 2px;
}

#utilities_electricity {
    left: 212px;
    margin-top: 259px;
}

#utilities_electricity span {
    letter-spacing: -1px;
    left: 70px;
    margin-top: 33px;
}

#utilities_water {
    left: 132px;
    margin-top: 229px;
}

#utilities_water span {
    left: -64px;
    margin-top: -41px;
}

#utilities_taxes {
    left: 95px;
    margin-top: 151px;
}

#utilities_taxes span {
    left: -64px;
    margin-top: -44px;
}

#utilities_dth {
    left: 125px;
    margin-top: 69px;
}

#utilities_dth span {
    left: -58px;
    margin-top: 8px;
}

#utilities_service {
    left: 528px;
    margin-top: 33px;
}

#utilities_service span {
    width: 50px;
    line-height: 13px;
    left: 77px;
    margin-top: -48px;
}

#utilities_schemes {
    left: 528px;
    margin-top: 109px;
}

#utilities_schemes span {
    letter-spacing: -1px;
    left: 74px;
    margin-top: -41px;
}

#utilities_bank {
    left: 528px;
    margin-top: 186px;
}

#utilities_bank span {
    left: 61px;
    margin-top: -42px;
}

#utilities_payment {
    left: 528px;
    margin-top: 262px;
}

#utilities_payment span {
    line-height: 13px;
    left: 72px;
    margin-top: -46px;
    letter-spacing: -1px;
}


/*--------------------------Utilities mapping end----------------------*/


/*--------------------------Verticals mapping Start----------------------*/

#verticals_banking {
    left: 331px;
    margin-top: 40px;
}

#verticals_banking span {
    width: 126px;
    left: 92px;
    letter-spacing: -1px;
    margin-top: -78px;
}

#verticals_retail {
    left: 431px;
    margin-top: 99px;
}

#verticals_retail span {
    left: 75px;
    letter-spacing: -1px;
    margin-top: 53px;
}

#verticals_telecom {
    left: 434px;
    margin-top: 207px;
}

#verticals_telecom span {
    left: 82px;
    letter-spacing: -1px;
    margin-top: 53px;
}

#verticals_transit {
    left: 333px;
    margin-top: 256px;
}

#verticals_transit span {
    left: 69px;
    top: 72px;
}

#verticals_sporting {
    left: 230px;
    margin-top: 207px;
}

#verticals_sporting span {
    width: 108px;
    left: -117px;
    top: 35px;
    letter-spacing: -1px;
}

#verticals_health {
    left: 229px;
    margin-top: 100px;
}

#verticals_health span {
    letter-spacing: -1px;
    left: -95px;
    top: 34px;
}


/*--------------------------Verticals mapping end----------------------*/


/*--------------------------IBM Service mapping start----------------------*/

#ibm_services_service {
    left: 372px;
    margin-top: 120px;
}

#ibm_services_service span {
    letter-spacing: -1px;
    top: 106px;
    left: 7px;
}

#ibm_services_implement {
    left: 491px;
    margin-top: 96px;
}

#ibm_services_implement span {
    letter-spacing: -1px;
    left: -2px;
    top: -35px;
}

#ibm_services_integration {
    left: 579px;
    margin-top: 57px;
}

#ibm_services_integration span {
    letter-spacing: -1px;
    top: -32px;
}

#ibm_services_optimize {
    left: 575px;
    margin-top: 158px;
}

#ibm_services_optimize span {
    letter-spacing: -1px;
    top: 92px;
    left: -1px;
}

#ibm_services_adapt {
    left: 288px;
    margin-top: 170px;
}

#ibm_services_adapt span {
    letter-spacing: -1px;
    left: 2px;
    top: 85px;
}

#ibm_services_maintenance {
    left: 194px;
    margin-top: 131px;
}

#ibm_services_maintenance span {
    letter-spacing: -1px;
    left: -7px;
    top: 94px;
}

#ibm_services_admin {
    left: 71px;
    margin-top: 86px;
}

#ibm_services_admin span {
    letter-spacing: -1px;
    left: 1px;
    top: 111px;
}

#ibm_services_define {
    left: 286px;
    margin-top: 69px;
}

#ibm_services_define span {
    letter-spacing: -1px;
    top: -38px;
}


/*--------------------------IBM Service  mapping end----------------------*/


/*--------------------------IBM Worklight mapping end----------------------*/

#ibm_worklight_mobile_first {
    left: 269px;
    margin-top: 126px;
}

#ibm_worklight_mobile_first span {
    margin-top: 30px;
    letter-spacing: -1px;
}

#ibm_worklight_enterpise {
    left: 172px;
    margin-top: 222px;
}

#ibm_worklight_enterpise span {
    letter-spacing: -1px;
    left: -80px;
    top: 23px;
    font-size: 14px;
}

#ibm_worklight_webservies {
    left: 142px;
    margin-top: 138px;
}

#ibm_worklight_webservies span {
    width: 108px;
    font-size: 14px;
    letter-spacing: -1px;
    left: -117px;
    top: 14px;
}

#ibm_worklight_db {
    left: 171px;
    margin-top: 53px;
}

#ibm_worklight_db span {
    left: -79px;
    top: 15px;
    font-size: 14px;
    letter-spacing: -1px;
}


/*--------------------------IBM Worklight  mapping end----------------------*/


/*--------------------------EMV Acquire mapping Start----------------------*/

#emv_acquire_certifications {
    left: 375px;
    margin-top: 57px;
}

#emv_acquire_certifications span {
    letter-spacing: -1px;
    top: -4px;
    left: 70px;
}

#emv_acquire_interface {
    left: 455px;
    margin-top: 140px;
}

#emv_acquire_interface span {
    letter-spacing: -1px;
    left: 72px;
    top: 17px;
}

#emv_acquire_contact {
    left: 453px;
    margin-top: 229px;
}

#emv_acquire_contact span {
    letter-spacing: -1px;
    left: 68px;
    top: 59px;
}

#emv_acquire_contactless {
    left: 374px;
    margin-top: 308px;
}

#emv_acquire_contactless span {
    letter-spacing: -1px;
    left: 70px;
    top: 75px;
}

#emv_acquire_auth {
    left: 286px;
    margin-top: 312px;
}

#emv_acquire_auth span {
    letter-spacing: -1px;
    left: -71px;
    top: 71px;
}

#emv_acquire_verification {
    left: 208px;
    margin-top: 227px;
}

#emv_acquire_verification span {
    letter-spacing: -1px;
    left: -77px;
    top: 61px;
}

#emv_acquire_digital_sig {
    left: 205px;
    margin-top: 141px;
}

#emv_acquire_digital_sig span {
    width: 113px;
    letter-spacing: -1px;
    left: -106px;
    top: 16px;
}

#emv_acquire_online {
    left: 287px;
    margin-top: 59px;
}

#emv_acquire_online span {
    width: 115px;
    letter-spacing: -1px;
    left: -94px;
    top: -14px;
    line-height: 14px;
}


/*--------------------------EMV Acquire mapping end----------------------*/


/*--------------------------m_Commerce mapping Start----------------------*/

#commerce_utility {
    left: 515px;
    margin-top: 51px;
}

#commerce_utility span {
    letter-spacing: -1px;
    font-size: 14px;
    left: 52px;
    top: 19px;
}

#commerce_billing {
    left: 562px;
    margin-top: 107px;
}

#commerce_billing span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 50px;
    top: 19px;
}

#commerce_ticketing {
    left: 576px;
    margin-top: 168px;
}

#commerce_ticketing span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 58px;
    top: 21px;
}

#commerce_ordering {
    left: 562px;
    margin-top: 234px;
}

#commerce_ordering span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 57px;
    top: 22px;
}

#commerce_fund_transfer {
    left: 517px;
    margin-top: 286px;
}

#commerce_fund_transfer span {
    font-size: 14px;
    width: 95px;
    letter-spacing: -1px;
    left: 49px;
    top: 24px;
}

#commerce_perchase {
    left: 167px;
    margin-top: 286px;
}

#commerce_perchase span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -70px;
    top: 21px;
}

#commerce_Invnetory {
    left: 120px;
    margin-top: 234px;
}

#commerce_Invnetory span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -68px;
    top: 18px;
}

#commerce_comparison {
    left: 102px;
    margin-top: 170px;
}

#commerce_comparison span {
    font-size: 14px;
    left: -83px;
    letter-spacing: -1px;
    top: 20px;
}

#commerce_carts {
    left: 118px;
    margin-top: 106px;
}

#commerce_carts span {
    letter-spacing: -1px;
    font-size: 14px;
    left: -50px;
    top: 20px;
}

#commerce_loyalty {
    left: 164px;
    margin-top: 50px;
}

#commerce_loyalty span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -55px;
    top: 15px;
}


/*--------------------------m_Commerce mapping end----------------------*/


/*--------------------------Interchange mapping Start----------------------*/

#interchange_processors {
    left: 335px;
    margin-top: 25px;
}

#interchange_processors span {
    letter-spacing: -1px;
    top: -4px;
    font-size: 12px;
    left: -5px;
}

#interchange_schemes {
    left: 416px;
    margin-top: 47px;
}

#interchange_schemes span {
    letter-spacing: -1px;
    top: 13px;
    left: 2px;
}

#interchange_gateway {
    left: 474px;
    margin-top: 74px;
}

#interchange_gateway span {
    letter-spacing: -1px;
    top: 2px;
    left: 7px;
}

#interchange_terminals {
    left: 432px;
    margin-top: 141px;
}

#interchange_terminals span {
    letter-spacing: -1px;
    left: -1px;
    top: 3px;
}

#interchange_mobile {
    left: 494px;
    margin-top: 128px;
}

#interchange_mobile span {
    top: 5px;
    letter-spacing: -1px;
    left: -2px;
}

#interchange_readers {
    left: 556px;
    margin-top: 110px;
}

#interchange_readers span {
    top: -2px;
}

#interchange_ebusiness {
    left: 504px;
    margin-top: 232px;
}

#interchange_ebusiness span {
    white-space: nowrap;
    left: 44px;
    letter-spacing: -1px;
    top: 28px;
}

#interchange_ecommerce {
    left: 560px;
    margin-top: 366px;
}

#interchange_ecommerce span {
    letter-spacing: -1px;
    top: 53px;
    left: -8px;
}

#interchange_food {
    left: 497px;
    margin-top: 335px;
}

#interchange_food span {
    letter-spacing: -1px;
    left: -2px;
    top: 45px;
}

#interchange_sports {
    left: 440px;
    margin-top: 322px;
}

#interchange_sports span {
    top: 56px;
    letter-spacing: -1px;
    left: 4px;
}

#interchange_events {
    left: 467px;
    margin-top: 385px;
}

#interchange_events span {
    letter-spacing: -1px;
    left: 2px;
    top: 54px;
}

#interchange_prepaid {
    left: 407px;
    margin-top: 418px;
}

#interchange_prepaid span {
    letter-spacing: -1px;
    top: 57px;
}

#interchange_health {
    left: 338px;
    margin-top: 440px;
}

#interchange_health span {
    letter-spacing: -1px;
    top: 57px;
    left: -2px;
}

#interchange_insurance {
    left: 260px;
    margin-top: 420px;
}

#interchange_insurance span {
    letter-spacing: -1px;
    top: 55px;
    left: -4px;
}

#interchange_gas {
    left: 198px;
    margin-top: 394px;
}

#interchange_gas span {
    left: 0px;
    letter-spacing: -1px;
    top: 45px;
    line-height: 13px;
}

#interchange_payments {
    left: 239px;
    margin-top: 317px;
}

#interchange_payments span {
    left: -4px;
    top: 55px;
    letter-spacing: -1px;
}

#interchange_securities {
    left: 179px;
    margin-top: 332px;
}

#interchange_securities span {
    letter-spacing: -1px;
    top: 57px;
}

#interchange_foreign {
    left: 113px;
    margin-top: 361px;
}

#interchange_foreign span {
    letter-spacing: -1px;
    top: 56px;
    line-height: 12px;
}
#othermerg {
    margin-top: -10px;
}

@media screen and (max-width: 1024px) {
    #othermerg {
        margin-top: 0px;
          }
}

#othermerg1 {
    margin-top: 10px;
}

@media screen and (max-width: 1024px) {
    #othermerg1 {
        margin-top: 0px;
          }
}

#interchange_trade_services {
    left: 159px;
    margin-top: 228px;
}

#interchange_trade_services span {
    width: 85px;
    left: -74px;
    top: 30px;
    letter-spacing: -1px;
}

#interchange_http {
    left: 245px;
    margin-top: 168px;
}

#interchange_http span {
    width: 54px;
    letter-spacing: -1px;
    left: -9px;
    top: -12px;
}

#interchange_web {
    left: 178px;
    margin-top: 148px;
}

#interchange_web span {
    width: 79px;
    letter-spacing: -1px;
    left: -16px;
    top: -14px;
}

#interchange_cards {
    left: 116px;
    margin-top: 130px;
}

#interchange_cards span {
    left: -3px;
    top: -14px;
}

#interchange_iso {
    left: 190px;
    margin-top: 86px;
}

#interchange_iso span {
    line-height: 13px;
    left: -4px;
    top: -23px;
}

#interchange_hce {
    left: 248px;
    margin-top: 72px;
}

#interchange_hce span {
    top: -9px;
    left: 3px;
}


/*--------------------------Interchange mapping end----------------------*/


/*--------------------------EMV Security Fraud mapping start----------------------*/

#fraud_auth {
    left: 93px;
    margin-top: 128px;
}

#fraud_auth span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -23px;
    top: 56px;
}

#fraud_encryption {
    left: 171px;
    margin-top: 133px;
}

#fraud_encryption span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -10px;
    top: 50px;
}

#fraud_cnp {
    left: 84px;
    margin-top: 181px;
}

#fraud_cnp span {
    font-size: 14px;
    width: 73px;
    top: 52px;
    left: -15px;
    letter-spacing: -1px;
}

#fraud_verification {
    left: 169px;
    margin-top: 185px;
}

#fraud_verification span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -7px;
    top: 48px;
}

#fraud_cvv2 {
    left: 127px;
    margin-top: 229px;
}

#fraud_cvv2 span {
    font-size: 14px;
    top: 49px;
}

#fraud_rules {
    left: 319px;
    margin-top: 136px;
}

#fraud_rules span {
    font-size: 14px;
    letter-spacing: -1px;
    top: 48px;
}

#fraud_risk {
    left: 403px;
    margin-top: 134px;
}

#fraud_risk span {
    font-size: 14px;
    width: 85px;
    letter-spacing: -1px;
    left: -23px;
    top: 49px;
}

#fraud_categorising {
    left: 315px;
    margin-top: 190px;
}

#fraud_categorising span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -11px;
    top: 42px;
}

#fraud_resolution {
    left: 403px;
    margin-top: 189px;
}

#fraud_resolution span {
    font-size: 14px;
    letter-spacing: -1px;
    top: 43px;
    left: -7px;
}

#fraud_management {
    left: 359px;
    margin-top: 235px;
}

#fraud_management span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -17px;
    top: 42px;
}

#fraud_issuance {
    left: 529px;
    margin-top: 53px;
}

#fraud_issuance span {
    letter-spacing: -1px;
    left: 0px;
    top: 47px;
}

#fraud_pg {
    left: 570px;
    margin-top: 181px;
}

#fraud_pg span {
    letter-spacing: -1px;
    line-height: 12px;
    top: 39px;
}

#fraud_schemes {
    left: 530px;
    margin-top: 307px;
}

#fraud_schemes span {
    letter-spacing: -1px;
    left: -2px;
    top: 50px;
}


/*--------------------------EMV Security Fraud mapping end----------------------*/


/*--------------------------Card Personalization mapping Start----------------------*/

#personalization_auth {
    left: 407px;
    margin-top: 65px;
}

#personalization_auth span {
    letter-spacing: -1px;
    left: 87px;
    top: 3px;
}

#personalization_hsm {
    left: 489px;
    margin-top: 103px;
}

#personalization_hsm span {
    left: 63px;
    top: 30px;
}

#personalization_issuer {
    left: 519px;
    margin-top: 183px;
}

#personalization_issuer span {
    font-size: 14px;
    letter-spacing: -1px;
    width: 74px;
    left: 64px;
    top: 20px;
}

#personalization_app {
    left: 437px;
    margin-top: 166px;
}

#personalization_app span {
    letter-spacing: -1px;
    top: 89px;
    left: -7px;
}

#personalization_crypt {
    left: 207px;
    margin-top: 170px;
}

#personalization_crypt span {
    letter-spacing: -1px;
    left: -104px;
    top: 49px;
}

#personalization_data {
    left: 140px;
    margin-top: 147px;
}

#personalization_data span {
    width: 81px;
    font-size: 14px;
    left: -95px;
    letter-spacing: -1px;
    top: 16px;
}

#personalization_parameter {
    left: 183px;
    margin-top: 84px;
}

#personalization_parameter span {
    left: -83px;
    letter-spacing: -1px;
    top: 28px;
}

#personalization_mgmt {
    left: 264px;
    margin-top: 44px;
}

#personalization_mgmt span {
    letter-spacing: -1px;
    left: -108px;
    top: 11px;
}


/*--------------------------Card Personalization mapping end----------------------*/


/*--------------------------Microsoft Dot Net mapping Start----------------------*/

#dot_net_web {
    left: 316px;
    margin-top: 28px;
}

#dot_net_web span {
    white-space: nowrap;
    font-size: 14px;
    letter-spacing: -1px;
    left: -90px;
    top: 18px;
}

#dot_net_enterprise {
    left: 384px;
    margin-top: 69px;
}

#dot_net_enterprise span {
    left: -5px;
    font-size: 14px;
    letter-spacing: -1px;
    top: -21px;
}

#dot_net_custom {
    margin-left: -197px;
    margin-top: 43px;
}

#dot_net_custom span {
    white-space: nowrap;
    font-size: 14px;
    letter-spacing: -1px;
    left: 58px;
    top: 17px;
}

#dot_net_smart {
    margin-left: -151px;
    margin-top: 127px;
}

#dot_net_smart span {
    font-size: 14px;
    letter-spacing: -1px;
    top: 10px;
    line-height: 14px;
    left: 56px;
}

#dot_net_testing {
    margin-left: -197px;
    margin-top: 199px;
}

#dot_net_testing span {
    font-size: 14px;
    letter-spacing: -1px;
    top: 20px;
    left: 57px;
}

#dot_net_network {
    left: 400px;
    margin-top: 185px;
}

#dot_net_network span {
    font-size: 14px;
    letter-spacing: -1px;
    top: 64px;
}

#dot_net_share {
    left: 328px;
    margin-top: 238px;
}

#dot_net_share span {
    white-space: nowrap;
    letter-spacing: -1px;
    font-size: 14px;
    left: -81px;
    top: 23px;
}


/*--------------------------Microsoft Dot Net mapping mapping end----------------------*/


/*--------------------------Trasit AFCS mapping mapping Start----------------------*/

#trasit_afcs_depot {
    left: 354px;
    margin-top: 34px;
}

#trasit_afcs_depot span {
    left: 57px;
    font-size: 14px;
    top: 20px;
}

#trasit_afcs_operator {
    margin-left: -281px;
    margin-top: 76px;
}

#trasit_afcs_operator span {
    font-size: 14px;
    left: 50px;
    letter-spacing: -1px;
    top: 19px;
}

#trasit_afcs_smart_phone {
    margin-left: -242px;
    margin-top: 156px;
}

#trasit_afcs_smart_phone span {
    font-size: 14px;
    white-space: nowrap;
    letter-spacing: -1px;
    left: 57px;
    top: 20px;
}

#trasit_afcs_card {
    margin-left: -233px;
    margin-top: 222px;
}

#trasit_afcs_card span {
    font-size: 14px;
    left: 45px;
    top: 24px;
}

#trasit_afcs_kaios {
    margin-left: -269px;
    margin-top: 279px;
}

#trasit_afcs_kaios span {
    white-space: nowrap;
    font-size: 14px;
    left: 57px;
    top: 22px;
    letter-spacing: -1px;
}

s #trasit_afcs_portal {
    margin-left: -333px;
    margin-top: 307px;
}

#trasit_afcs_portal span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 50px;
    top: 45px;
}

#trasit_afcs_inventory {
    left: 278px;
    margin-top: 305px;
}

#trasit_afcs_inventory span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -61px;
    top: 41px;
}

#trasit_afcs_tsm {
    left: 209px;
    margin-top: 281px;
}

#trasit_afcs_tsm span {
    left: -42px;
    font-size: 14px;
    top: 20px;
}

#trasit_afcs_acquirer {
    left: 170px;
    margin-top: 218px;
}

#trasit_afcs_acquirer span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -52px;
    top: 22px;
}

#trasit_afcs_tms {
    left: 178px;
    margin-top: 145px;
}

#trasit_afcs_tms span {
    font-size: 14px;
    left: -35px;
    top: 31px;
}

#trasit_afcs_devices {
    left: 224px;
    margin-top: 84px;
}

#trasit_afcs_devices span {
    font-size: 14px;
    left: -53px;
    top: 10px;
    letter-spacing: -1px;
}

#trasit_afcs_vehicle {
    left: 281px;
    margin-top: 36px;
}

#trasit_afcs_vehicle span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -52px;
    top: 16px;
}


/*--------------------------Trasit AFCS mapping mapping end----------------------*/


/*--------------------------Trasit Wallet mapping mapping Start----------------------*/

#trasit_wallet_route {
    left: 320px;
    margin-top: 26px;
}

#trasit_wallet_route span {
    white-space: nowrap;
    letter-spacing: -1px;
    left: 81px;
    top: 20px;
}

#trasit_wallet_token {
    margin-left: -240px;
    margin-top: 91px;
}

#trasit_wallet_token span {
    letter-spacing: -1px;
    left: 81px;
    top: 29px;
}

#trasit_wallet_card_digi {
    margin-left: -214px;
    margin-top: 230px;
}

#trasit_wallet_card_digi span {
    letter-spacing: -1px;
    width: 28px;
    left: 80px;
    top: 22px;
}

#trasit_wallet_live {
    margin-left: -306px;
    margin-top: 336px;
}

#trasit_wallet_live span {
    white-space: nowrap;
    left: 84px;
    letter-spacing: -1px;
}

#trasit_wallet_search {
    left: 249px;
    margin-top: 334px;
}

#trasit_wallet_search span {
    white-space: nowrap;
    letter-spacing: -1px;
    left: -107px;
    margin-top: -68px;
}

#trasit_wallet_transaction {
    left: 162px;
    margin-top: 227px;
}

#trasit_wallet_transaction span {
    letter-spacing: -1px;
    width: 0px;
    left: -87px;
    top: 21px;
}

#trasit_wallet_top {
    left: 190px;
    margin-top: 91px;
}

#trasit_wallet_top span {
    left: -70px;
    top: 28px;
}


/*--------------------------Trasit Wallet mapping mapping end----------------------*/


/*--------------------------Oracle Services mapping Start----------------------*/

#oracle_performance {
    margin-left: -290px;
}

#oracle_performance span {
    color: #ffffff;
    top: 74px;
    left: -8px;
    letter-spacing: -1px;
}

#oracle_optimize {
    margin-left: -212px;
    margin-top: 71px;
}

#oracle_optimize span {
    top: 74px;
    letter-spacing: -1px;
    color: #ffffff;
}

#oracle_migration {
    margin-left: -210px;
    margin-top: 157px;
}

#oracle_migration span {
    letter-spacing: -1px;
    top: 74px;
    color: #ffffff;
}

#oracle_implement {
    margin-left: -290px;
    margin-top: 227px;
}

#oracle_implement span {
    letter-spacing: -1px;
    left: -3px;
    top: 74px;
    color: #ffffff;
}

#oracle_load {
    left: 259px;
    margin-top: 227px;
}

#oracle_load span {
    top: 74px;
    letter-spacing: -1px;
    left: 2px;
    color: #ffffff;
}

#oracle_transform {
    left: 182px;
    margin-top: 156px;
}

#oracle_transform span {
    letter-spacing: -1px;
    top: 74px;
    left: 2px;
    color: #ffffff;
}

#oracle_support {
    left: 182px;
    margin-top: 70px;
}

#oracle_support span {
    letter-spacing: -1px;
    top: 74px;
    left: 2px;
    color: #ffffff;
}

#oracle_design {
    left: 258px;
}

#oracle_design span {
    top: 74px;
    letter-spacing: -1px;
    color: #ffffff;
}


/*--------------------------Oracle Services mapping end----------------------*/


/*--------------------------Travel Ticket Terminals mapping Start----------------------*/

#transit_ticket_travel_ticket {
    margin-left: -334px;
    margin-top: 35px;
}

#transit_ticket_travel_ticket span {
    white-space: nowrap;
    letter-spacing: -1px;
    left: 70px;
    top: 12px;
}

#transit_ticket_topup {
    margin-left: -237px;
    margin-top: 69px;
}

#transit_ticket_topup span {
    left: 65px;
    letter-spacing: -1px;
    top: 29px;
}

#transit_ticket_pass {
    margin-left: -186px;
    margin-top: 159px;
}

#transit_ticket_pass span {
    left: 58px;
    top: 28px;
}

#transit_ticket_trips {
    margin-left: -205px;
    margin-top: 258px;
}

#transit_ticket_trips span {
    left: 58px;
    letter-spacing: -1px;
    top: 29px;
}

#transit_ticket_shifts {
    margin-left: -284px;
    margin-top: 323px;
}

#transit_ticket_shifts span {
    left: 52px;
    letter-spacing: -1px;
    top: 57px;
}

#transit_ticket_reports {
    left: 302px;
    margin-top: 325px;
}

#transit_ticket_reports span {
    letter-spacing: -1px;
    left: -57px;
    top: 55px;
}

#transit_ticket_routes {
    left: 226px;
    margin-top: 258px;
}

#transit_ticket_routes span {
    letter-spacing: -1px;
    left: -66px;
    top: 30px;
}

#transit_ticket_device_tracking {
    left: 208px;
    margin-top: 155px;
}

#transit_ticket_device_tracking span {
    white-space: nowrap;
    left: -109px;
    letter-spacing: -1px;
    top: 31px;
}

#transit_ticket_operator {
    left: 260px;
    margin-top: 69px;
}

#transit_ticket_operator span {
    letter-spacing: -1px;
    left: -74px;
    top: 29px;
}


/*--------------------------Travel Ticket Terminals mapping end----------------------*/


/*--------------------------POS mapping start----------------------*/

#pos_emv {
    margin-left: -319px;
    margin-top: 46px;
}

#pos_emv span {
    top: 54px;
    color: #ffffff;
}

#pos_ctls {
    margin-left: -265px;
    margin-top: 125px;
}

#pos_ctls span {
    top: 50px;
    left: 3px;
    color: #ffffff;
}

#pos_ip {
    margin-left: -281px;
    margin-top: 207px;
}

#pos_ip span {
    left: -7px;
    top: 57px;
    color: #ffffff;
}

#pos_dial {
    left: 326px;
    margin-top: 241px;
}

#pos_dial span {
    left: -1px;
    letter-spacing: -1px;
    top: 50px;
    color: #ffffff;
}

#pos_gsm {
    left: 250px;
    margin-top: 204px;
}

#pos_gsm span {
    letter-spacing: -1px;
    top: 54px;
    color: #ffffff;
}

#pos_gprs {
    left: 230px;
    margin-top: 118px;
}

#pos_gprs span {
    top: 57px;
    left: -3px;
    color: #ffffff;
}

#pos_contact {
    left: 284px;
    margin-top: 45px;
}

#pos_contact span {
    letter-spacing: -1px;
    top: 52px;
    left: -1px;
    color: #ffffff;
}

#pos_application {
    left: 112px;
    margin-top: 36px;
}

#pos_application span {
    letter-spacing: -1px;
    left: -76px;
    top: 32px;
}

#pos_emv_kernel {
    left: 112px;
    margin-top: 109px;
}

#pos_emv_kernel span {
    white-space: nowrap;
    letter-spacing: -1px;
    left: -82px;
    top: 29px;
}

#pos_sdk {
    left: 112px;
    margin-top: 175px;
}

#pos_sdk span {
    left: -55px;
    top: 30px;
}

#pos_porting {
    left: 112px;
    margin-top: 244px;
}

#pos_porting span {
    width: 64px;
    letter-spacing: -1px;
    left: -75px;
    top: 19px;
}

#pos_schemes {
    margin-left: -144px;
    margin-top: 142px;
}

#pos_schemes span {
    left: 69px;
    letter-spacing: -1px;
    top: 30px;
}


/*--------------------------POS mapping end----------------------*/


/*--------------------------Business Consulting mapping Start----------------------*/

#consulting_consulting {
    left: 326px;
    margin-top: 50px;
}

#consulting_consulting span {
    letter-spacing: -1px;
    top: -31px;
}

#consulting_solution {
    margin-left: -280px;
    margin-top: 71px;
}

#consulting_solution span {
    letter-spacing: -1px;
    left: 87px;
    top: 16px;
}

#consulting_technology {
    margin-left: -237px;
    margin-top: 154px;
}

#consulting_technology span {
    letter-spacing: -1px;
    left: 79px;
    top: 26px;
}

#consulting_delivery {
    margin-left: -246px;
    margin-top: 244px;
}

#consulting_delivery span {
    letter-spacing: -1px;
    left: 79px;
}

#consulting_quality {
    left: 212px;
    margin-top: 242px;
}

#consulting_quality span {
    letter-spacing: -1px;
    width: 53px;
    left: -106px;
    top: 17px;
}

#consulting_certification {
    left: 200px;
    margin-top: 155px;
}

#consulting_certification span {
    letter-spacing: -1px;
    left: -100px;
    top: 29px;
}

#consulting_dev_sys {
    left: 245px;
    margin-top: 67px;
}

#consulting_dev_sys span {
    white-space: nowrap;
    left: -128px;
    top: 18px;
}


/*--------------------------Business Consulting mapping end----------------------*/


/*--------------------------Chatak mapping Start----------------------*/

#chatak_platform {
    margin-left: -324px;
    margin-top: 23px;
}

#chatak_platform span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 54px;
    top: 21px;
}

#chata-server {
    margin-left: -237px;
    margin-top: 77px;
}

#chata-server span {
    top: 72px;
    letter-spacing: -1px;
}

#chatak_front {
    left: 591px;
    margin-top: 75px;
}

#chatak_front span {
    top: 68px;
    width: 68px;
    letter-spacing: -1px;
    left: -3px;
    line-height: 13px;
}

#chatak_sdk {
    margin-left: -169px;
    margin-top: 146px;
}

#chatak_sdk span {
    top: 73px;
    left: 1px;
}

#chatak_config {
    margin-left: -246px;
    margin-top: 219px;
}

#chatak_config span {
    font-size: 14px;
    letter-spacing: -1px;
    top: 57px;
    left: -17px;
}

#chatak_notification {
    margin-left: -128px;
    margin-top: 243px;
}

#chatak_notification span {
    letter-spacing: -1px;
    font-size: 14px;
    top: 56px;
    left: -11px;
}

#chatak_data_mining {
    left: 320px;
    margin-top: 258px;
}

#chatak_data_mining span {
    font-size: 14px;
    white-space: nowrap;
    letter-spacing: -1px;
    left: -13px;
    top: 53px;
}

#chatak_data_content {
    left: 194px;
    margin-top: 235px;
}

#chatak_data_content span {
    width: 92px;
    letter-spacing: -1px;
    top: 74px;
    left: -15px;
    line-height: 14px;
}

#chatak_db {
    left: 80px;
    margin-top: 195px;
}

#chatak_db span {
    letter-spacing: -1px;
    top: 74px;
}

#chatak_external {
    left: 178px;
    margin-top: 151px;
}

#chatak_external span {
    white-space: nowrap;
    font-size: 14px;
    letter-spacing: -1px;
    left: -25px;
    top: 57px;
}

#chatak_application {
    left: 65px;
    margin-top: 90px;
}

#chatak_application span {
    font-size: 14px;
    letter-spacing: -1px;
    top: 56px;
    left: -10px;
}

#chatak_admin {
    left: 173px;
    margin-top: 47px;
}

#chatak_admin span {
    letter-spacing: -1px;
    top: 74px;
    left: 2px;
}


/*--------------------------chatak mapping end----------------------*/


/*--------------------------Marketing mapping Start----------------------*/

#marketing_sms {
    left: 319px;
    margin-top: 37px;
}

#marketing_sms span {
    top: -8px;
}

#marketing_app {
    margin-left: -286px;
    margin-top: 37px;
}

#marketing_app span {
    left: 2px;
    top: -8px;
}

#marketing_discounts {
    margin-left: -203px;
    margin-top: 88px;
}

#marketing_discounts span {
    letter-spacing: -1px;
    left: 63px;
    top: 29px;
}

#marketing_email {
    margin-left: -201px;
    margin-top: 173px;
}

#marketing_email span {
    letter-spacing: -1px;
    left: 53px;
    top: 30px;
}

#marketing_bluetooth {
    margin-left: -203px;
    margin-top: 258px;
}

#marketing_bluetooth span {
    letter-spacing: -1px;
    left: 66px;
    top: 29px;
}

#marketing_mms {
    margin-left: -287px;
    margin-top: 311px;
}

#marketing_mms span {
    letter-spacing: -1px;
    top: 65px;
    left: -3px;
}

#marketing_qr {
    left: 319px;
    margin-top: 311px;
}

#marketing_qr span {
    top: 65px;
    left: 1px;
}

#marketing_push {
    left: 235px;
    margin-top: 312px;
}

#marketing_push span {
    letter-spacing: -1px;
    top: 65px;
    line-height: 14px;
}

#marketing_offers {
    left: 151px;
    margin-top: 260px;
}

#marketing_offers span {
    left: -56px;
    letter-spacing: -1px;
}

#marketing_website {
    left: 151px;
    margin-top: 174px;
}

#marketing_website span {
    letter-spacing: -1px;
    left: -61px;
    top: 31px;
}

#marketing_wireless {
    left: 151px;
    margin-top: 90px;
}

#marketing_wireless span {
    letter-spacing: -1px;
    left: -63px;
    top: 29px;
}

#marketing_brands {
    left: 234px;
    margin-top: 36px;
}

#marketing_brands span {
    letter-spacing: -1px;
    top: -7px;
    left: 1px;
}


/*--------------------------Marketing mapping end----------------------*/


/*--------------------------Performance mapping Start----------------------*/

#performnce_status {
    right: 239px;
    margin-top: 116px;
}

#performnce_status span {
    top: 55px;
    left: -2px;
    line-height: 12px;
}

#performance_load {
    right: 170px;
    margin-top: 114px;
}

#performance_load span {
    line-height: 11px;
    top: 58px;
}

#performance_pos {
    right: 100px;
    margin-top: 115px;
}

#performance_pos span {
    top: 58px;
    left: -2px;
    line-height: 11px;
}

#performance_db {
    right: 239px;
    margin-top: 202px;
}

#performance_db span {
    left: -5px;
    top: 57px;
}

#performance_history {
    right: 170px;
    margin-top: 202px;
}

#performance_history span {
    top: 57px;
}

#performance_nfc {
    right: 101px;
    margin-top: 201px;
}

#performance_nfc span {
    top: 58px;
    line-height: 12px;
    left: 2px;
}


/*--------------------------Performance mapping end----------------------*/


/*--------------------------Apps Store mapping Start----------------------*/

#apps_design {
    left: 191px;
    margin-top: 51px;
}

#apps_design span {
    top: -16px;
}

#apps_devlop {
    left: 282px;
    margin-top: 117px;
}

#apps_devlop span {
    left: 62px;
    letter-spacing: -1px;
    top: 30px;
}

#apps_test {
    left: 247px;
    margin-top: 225px;
}

#apps_test span {
    left: 54px;
    top: 29px;
}

#apps_publish {
    left: 134px;
    margin-top: 224px;
}

#apps_publish span {
    left: -61px;
    letter-spacing: -1px;
}

#apps_maintain {
    left: 100px;
    margin-top: 116px;
}

#apps_maintain span {
    letter-spacing: -1px;
    top: 28px;
    left: -65px;
}

#apps_payment_lib {
    margin-left: -191px;
    margin-top: 74px;
}

#apps_payment_lib span {
    letter-spacing: -1px;
    line-height: 14px;
    top: 73px;
}

#apps_hce {
    margin-left: -189px;
    margin-top: 187px;
}

#apps_hce span {
    left: -1px;
    top: 74px;
}

#apps_tsm {
    margin-left: -90px;
    margin-top: 73px;
}

#apps_tsm span {
    top: 75px;
}

#apps_certification {
    margin-left: -90px;
    margin-top: 187px;
}

#apps_certification span {
    letter-spacing: -1px;
    top: 74px;
    left: -4px;
}


/*--------------------------Apps Store mapping end----------------------*/


/*--------------------------Trasit mCommerce mapping Start----------------------*/

#transit_mCommerce_air {
    margin-left: -255px;
    margin-top: 32px;
}

#transit_mCommerce_air span {
    white-space: nowrap;
    letter-spacing: -1px;
    top: 27px;
    left: 76px;
}

#transit_mCommerce_bus {
    margin-left: -177px;
    margin-top: 123px;
}

#transit_mCommerce_bus span {
    left: 58px;
    top: 30px;
}

#transit_mCommerce_metro {
    margin-left: -203px;
    margin-top: 242px;
}

#transit_mCommerce_metro span {
    left: 64px;
    top: 29px;
    letter-spacing: -1px;
}

#transit_mCommerce_parking {
    margin-left: -314px;
    margin-top: 296px;
}

#transit_mCommerce_parking span {
    letter-spacing: -1px;
    left: 70px;
    top: 29px;
}

#transit_mCommerce_toll {
    left: 268px;
    margin-top: 245px;
}

#transit_mCommerce_toll span {
    letter-spacing: -1px;
    left: -74px;
    top: 28px;
}

#transit_mCommerce_rental {
    left: 239px;
    margin-top: 126px;
}

#transit_mCommerce_rental span {
    left: -64px;
    letter-spacing: -1px;
    top: 29px;
}

#transit_mCommerce_taxis {
    left: 315px;
    margin-top: 30px;
}

#transit_mCommerce_taxis span {
    letter-spacing: -1px;
    left: -64px;
    margin-top: 45px;
}


/*--------------------------Trasit mCommerce mapping end----------------------*/


/*--------------------------Identification Tools mapping Start----------------------*/

#identification_ticketing {
    right: 324px;
    margin-top: 260px;
}

#identification_ticketing span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 62px;
    top: 12px;
}

#identification_passport {
    right: 300px;
    margin-top: 322px;
}

#identification_passport span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 60px;
    top: -1px;
}

#identification_govern {
    right: 328px;
    margin-top: 387px;
}

#identification_govern span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 72px;
    top: 23px;
}

#identification_trnsit {
    left: 288px;
    margin-top: 388px;
}

#identification_trnsit span {
    font-size: 14px;
    left: -60px;
    top: 22px;
    letter-spacing: -1px;
}

#identification_restaurant {
    left: 264px;
    margin-top: 322px;
}

#identification_restaurant span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -80px;
    top: -1px;
}

#identification_retail {
    left: 288px;
    margin-top: 260px;
}

#identification_retail span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -57px;
    top: 13px;
}

#identification_retina {
    left: 117px;
    margin-top: 147px;
}

#identification_retina span {
    white-space: nowrap;
    letter-spacing: -1px;
    left: -21px;
    top: 81px;
}

#identification_contactless {
    left: 108px;
    margin-top: 474px;
}

#identification_contactless span {
    letter-spacing: -1px;
    left: -7px;
    top: 79px;
}

#identification_becons {
    margin-left: -136px;
    margin-top: 472px;
}

#identification_becons span {
    letter-spacing: -1px;
    top: 78px;
}

#identification_biometric {
    margin-left: -139px;
    margin-top: 146px;
}

#identification_biometric span {
    letter-spacing: -1px;
    top: 81px;
}


/*--------------------------Identification Tools mapping end----------------------*/


/*--------------------------SP TSM mapping Start----------------------*/

#sp_tsm_cards {
    margin-left: -363px;
    margin-top: 50px;
}

#sp_tsm_cards span {
    left: 38px;
    font-size: 14px;
    top: -6px;
    letter-spacing: -1px;
}

#sp_tsm_content {
    margin-left: -282px;
    margin-top: 76px;
}

#sp_tsm_content span {
    font-size: 14px;
    letter-spacing: -1px;
    width: 30px;
    line-height: 14px;
    left: 53px;
    top: 17px;
}

#sp_tsm_script {
    margin-left: -240px;
    margin-top: 140px;
}

#sp_tsm_script span {
    font-size: 14px;
    letter-spacing: -1px;
    width: 30px;
    left: 55px;
    line-height: 14px;
    top: 18px;
}

#sp_tsm_managing {
    margin-left: -238px;
    margin-top: 221px;
}

#sp_tsm_managing span {
    font-size: 14px;
    letter-spacing: -1px;
    width: 27px;
    line-height: 14px;
    top: 17px;
    left: 55px;
}

#sp_tsm_key {
    margin-left: -286px;
    margin-top: 289px;
}

#sp_tsm_key span {
    font-size: 14px;
    letter-spacing: -1px;
    top: 15px;
    left: 56px;
    width: 21px;
    line-height: 15px;
}

#sp_tsm_se {
    margin-left: -363px;
    margin-top: 310px;
}

#sp_tsm_se span {
    font-size: 14px;
    left: 26px;
    margin-top: 65px;
}

#sp_tsm_reports {
    left: 255px;
    margin-top: 285px;
}

#sp_tsm_reports span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -59px;
    top: 20px;
}

#sp_tsm_online {
    left: 208px;
    margin-top: 219px;
}

#sp_tsm_online span {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -1px;
    width: 29px;
    left: -59px;
    top: 15px;
}

#sp_tsm_messaging {
    left: 208px;
    margin-top: 140px;
}

#sp_tsm_messaging span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -76px;
    top: 21px;
}

#sp_tsm_auth {
    left: 256px;
    margin-top: 76px;
}

#sp_tsm_auth span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -98px;
    top: 20px;
}

#sp_tsm_digital {
    left: 41px;
    margin-top: 169px;
}

#sp_tsm_digital span {
    font-size: 14px;
    letter-spacing: -1px;
    top: 63px;
    line-height: 14px;
}

#sp_tsm_token {
    margin-left: -65px;
    margin-top: 122px;
}

#sp_tsm_token span {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -1px;
    top: 62px;
    width: 41px;
}

#sp_tsm_hce {
    margin-left: -73px;
    margin-top: 226px;
}

#sp_tsm_hce span {
    top: 61px;
    font-size: 14px;
}


/*--------------------------SP TSM mapping end----------------------*/


/*--------------------------Mobile POS mapping Start----------------------*/

#mobile_pos_mobile {
    left: 68px;
    margin-top: 245px;
}

#mobile_pos_mobile span {
    letter-spacing: -1px;
    color: #ffffff;
    top: 70px;
    left: 2px;
}

#mobile_pos_sdk {
    left: 191px;
    margin-top: 245px;
}

#mobile_pos_sdk span {
    color: #ffffff;
    top: 68px;
}

#mobile_pos_external {
    margin-left: -195px;
    margin-top: 190px;
}

#mobile_pos_external span {
    letter-spacing: -1px;
    color: #ffffff;
    top: 55px;
    width: 107px;
    left: -13px;
    line-height: 14px;
}

#mobile_pos_reader {
    margin-left: -266px;
    margin-top: 299px;
}

#mobile_pos_reader span {
    letter-spacing: -1px;
    left: 3px;
    top: 68px;
    color: #ffffff;
}

#mobile_pos_emv {
    margin-left: -138px;
    margin-top: 299px;
}

#mobile_pos_emv span {
    letter-spacing: -1px;
    top: 60px;
    line-height: 14px;
    width: 81px;
    color: #ffffff;
}


/*--------------------------Mobile POS mapping end----------------------*/


/*--------------------------Wallet mapping Start----------------------*/

#mobile_wallet_ticket {
    margin-left: -316px;
    margin-top: 155px;
}

#mobile_wallet_ticket span {
    font-size: 14px;
    top: 20px;
    left: 52px;
}

#mobile_wallet_coupons {
    margin-left: -256px;
    margin-top: 219px;
}

#mobile_wallet_coupons span {
    font-size: 14px;
    left: 55px;
    top: 19px;
}

#mobile_wallet_credit {
    margin-left: -254px;
    margin-top: 309px;
}

#mobile_wallet_credit span {
    font-size: 14px;
    width: 30px;
    left: 57px;
    top: 15px;
}

#mobile_wallet_gift {
    margin-left: -318px;
    margin-top: 369px;
}

#mobile_wallet_gift span {
    white-space: nowrap;
    font-size: 14px;
    top: 24px;
    left: 54px;
}

#mobile_wallet_remittance {
    left: 284px;
    margin-top: 370px;
}

#mobile_wallet_remittance span {
    font-size: 14px;
    left: -90px;
    top: 25px;
}

#mobile_wallet_utilities {
    left: 224px;
    margin-top: 308px;
}

#mobile_wallet_utilities span {
    font-size: 14px;
    left: -63px;
    top: 20px;
}

#mobile_wallet_banking {
    left: 222px;
    margin-top: 218px;
}

#mobile_wallet_banking span {
    font-size: 14px;
    left: -63px;
    top: 18px;
}

#mobile_wallet_payment {
    left: 285px;
    margin-top: 155px;
}

#mobile_wallet_payment span {
    font-size: 14px;
    left: -67px;
    top: 19px;
}

#mobile_wallet_se {
    left: 39px;
    margin-top: 189px;
}

#mobile_wallet_se span {
    top: 82px;
}

#mobile_wallet_hce {
    left: 39px;
    margin-top: 307px;
}

#mobile_wallet_hce span {
    top: 81px;
}

#mobile_wallet_wallet {
    margin-left: -81px;
    margin-top: 190px;
}

#mobile_wallet_wallet span {
    line-height: 12px;
    top: 81px;
    left: -2px;
}

#mobile_wallet_schemes {
    margin-left: -83px;
    margin-top: 307px;
}

#mobile_wallet_schemes span {
    top: 81px;
    left: 1px;
}


/*--------------------------Wallet mapping end----------------------*/


/*--------------------------Database mapping Start----------------------*/

#db_server_app {
    left: 187px;
    margin-top: 71px;
}

#db_server_app span {
    white-space: nowrap;
    letter-spacing: -1px;
    left: -23px;
    top: 81px;
}

#db_server {
    left: 188px;
    margin-top: 217px;
}

#db_server span {
    top: 84px;
}

#db_share_point {
    margin-left: -231px;
    margin-top: 70px;
}

#db_share_point span {
    white-space: nowrap;
    top: 85px;
    left: 2px;
    letter-spacing: -1px;
}

#db_bank {
    margin-left: -232px;
    margin-top: 217px;
}

#db_bank span {
    top: 85px;
    left: 4px;
}

#db_payment {
    left: 98px;
    margin-top: 46px;
}

#db_payment span {
    font-size: 14px;
    letter-spacing: -1px;
    top: 19px;
    left: -65px;
    line-height: 14px;
    text-align: end;
}

#db_emv {
    left: 99px;
    margin-top: 108px;
}

#db_emv span {
    left: -50px;
    top: 20px;
    font-size: 14px;
}

#db_kernal {
    left: 99px;
    margin-top: 192px;
}

#db_kernal span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -54px;
    top: 21px;
}

#db_mobile {
    left: 99px;
    margin-top: 253px;
}

#db_mobile span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -55px;
    top: 20px;
}

#db_report {
    margin-left: -125px;
    margin-top: 47px;
}

#db_report span {
    font-size: 14px;
    left: 54px;
    letter-spacing: -1px;
    top: 21px;
}

#db_security {
    margin-left: -127px;
    margin-top: 108px;
}

#db_security span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 59px;
    top: 18px;
}

#db_porting {
    margin-left: -127px;
    margin-top: 195px;
}

#db_porting span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 56px;
    top: 18px;
}

#db_pos {
    margin-left: -127px;
    margin-top: 255px;
}

#db_pos span {
    font-size: 14px;
    left: 48px;
    top: 19px;
}

#db_maint {
    left: 142px;
    margin-top: 84px;
}


/*--------------------------Database mapping end----------------------*/


/*--------------------------AWS mapping Start----------------------*/

#aws_app_server {
    margin-left: -341px;
    margin-top: 66px;
}

#aws_app_server span {
    font-size: 14px;
    top: -24px;
    line-height: 13px;
}

#aws_elasticache {
    margin-left: -275px;
    margin-top: 72px;
}

#aws_elasticache span {
    font-size: 14px;
    left: 52px;
    letter-spacing: -1px;
    top: 22px;
}

#aws_dockers {
    margin-left: -240px;
    margin-top: 119px;
}

#aws_dockers span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 50px;
    top: 22px;
}

#aws_serverless {
    margin-left: -198px;
    margin-top: 211px;
}

#aws_serverless span {
    letter-spacing: -1px;
    font-size: 14px;
    left: 51px;
    top: 21px;
}

#aws_log_mgmt {
    margin-left: -223px;
    margin-top: 260px;
    height: 43px;
    width: 38px;
}

#aws_log_mgmt span {
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 13px;
    width: 23px;
    top: 9px;
    left: 42px;
}

#aws_load_balancer {
    margin-left: -255px;
    margin-top: 294px;
}

#aws_load_balancer span {
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 13px;
    width: 20px;
    left: 51px;
    top: 17px;
}

#aws_monitoring {
    margin-left: -307px;
    margin-top: 288px;
}

#aws_monitoring span {
    font-size: 14px;
    letter-spacing: -1px;
    width: 20px;
    top: 54px;
    left: 21px;
    line-height: 12px;
}

#aws_cloud {
    left: 323px;
    margin-top: 316px;
}

#aws_cloud span {
    letter-spacing: -1px;
    width: 20px;
    left: -46px;
    line-height: 13px;
    top: 51px;
}

#aws_security {
    left: 264px;
    margin-top: 308px;
}

#aws_security span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -54px;
    top: 20px;
}

#aws_os {
    left: 216px;
    margin-top: 268px;
}

#aws_os span {
    font-size: 14px;
    letter-spacing: -1px;
    width: 58px;
    text-align: right;
    left: -69px;
    top: 15px;
    line-height: 13px;
}

#aws_vulnerability {
    left: 176px;
    margin-top: 222px;
}

#aws_vulnerability span {
    font-size: 14px;
    letter-spacing: -1px;
    text-align: right;
    width: 72px;
    left: -78px;
    top: 17px;
    line-height: 13px;
}

#aws_vpc {
    left: 190px;
    margin-top: 135px;
}

#aws_vpc span {
    width: 56px;
    text-align: right;
    font-size: 14px;
    letter-spacing: -1px;
    top: 15px;
    line-height: 13px;
    left: -65px;
}

#aws_patch {
    left: 230px;
    margin-top: 91px;
}

#aws_patch span {
    left: -88px;
    width: 79px;
    text-align: right;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 13px;
    top: 17px;
}

#aws_virtual {
    left: 278px;
    margin-top: 41px;
}

#aws_virtual span {
    width: 103px;
    text-align: right;
    letter-spacing: -1px;
    line-height: 13px;
    left: -111px;
    top: 16px;
}


/*--------------------------AWS mapping end----------------------*/


/*--------------------------Health Care mapping Start----------------------*/

#health_support {
    left: 331px;
    margin-top: 24px;
}

#health_support span {
    font-size: 14px;
    left: 59px;
    top: 12px;
}

#health_wifi {
    margin-left: -279px;
    margin-top: 64px;
}

#health_wifi span {
    font-size: 14px;
    letter-spacing: -1px;
    left: 50px;
    top: 18px;
}

#health_cross_platform {
    margin-left: -255px;
    margin-top: 154px;
}

#health_cross_platform span {
    letter-spacing: -1px;
    font-size: 14px;
    top: 13px;
    left: 57px;
    line-height: 17px;
}

#health_security {
    margin-left: -313px;
    margin-top: 231px;
}

#health_security span {
    font-size: 14px;
    top: 17px;
    letter-spacing: -1px;
}

#health_portal {
    left: 285px;
    margin-top: 229px;
}

#health_portal span {
    font-size: 14px;
    left: -53px;
}

#health_qr_code {
    left: 227px;
    margin-top: 154px;
}

#health_qr_code span {
    font-size: 14px;
    white-space: nowrap;
    left: -74px;
}

#health_patient {
    left: 247px;
    margin-top: 63px;
}

#health_patient span {
    font-size: 14px;
    letter-spacing: -1px;
    left: -60px;
    top: 19px;
}


/*--------------------------Health Care mapping end----------------------*/


/*--------------------------Process mapping Start----------------------*/

#process_requirement {
    left: 44px;
    margin-top: 188px;
}

#process_requirement span {
    top: -121px;
    letter-spacing: -1px;
    left: -11px;
}

#process_design {
    left: 123px;
    margin-top: 108px;
}

#process_design span {
    letter-spacing: -1px;
    top: 181px;
}

#process_coding_unit {
    left: 202px;
    margin-top: 186px;
}

#process_coding_unit span {
    width: 70px;
    letter-spacing: -1px;
    top: -135px;
    left: -3px;
}

#process_system_integration {
    left: 282px;
    margin-top: 108px;
}

#process_system_integration span {
    letter-spacing: -1px;
    width: 109px;
    top: 174px;
    left: -23px;
}

#process_uat {
    margin-left: -328px;
    margin-top: 188px;
}

#process_uat span {
    top: -136px;
    letter-spacing: -1px;
    width: 66px;
    left: -5px;
}

#process_support {
    margin-left: -253px;
    margin-top: 109px;
}

#process_support span {
    left: -13px;
    top: 173px;
    width: 88px;
    letter-spacing: -1px;
}

#Process_deployement {
    margin-left: -166px;
    margin-top: 188px;
}

#Process_deployement span {
    letter-spacing: -1px;
    top: -123px;
    left: -10px;
}

#Process_maintenance {
    margin-left: -88px;
    margin-top: 108px;
}

#Process_maintenance span {
    letter-spacing: -1px;
    left: -8px;
    top: 180px;
}


/*--------------------------Process mapping end----------------------*/


/*--------------------------Attended & Unattended terminals mapping Start----------------------*/

#a_ua_terminals_tdm {
    left: 337px;
    margin-top: 68px;
}

#a_ua_terminals_tdm span {
    white-space: nowrap;
    letter-spacing: -1px;
    top: -25px;
    left: 57px;
}

#a_ua_terminals_vm {
    margin-left: -257px;
    margin-top: 108px;
}

#a_ua_terminals_vm span {
    white-space: nowrap;
    letter-spacing: -1px;
    left: 83px;
    top: 0px;
}

#a_ua_terminals_afd {
    margin-left: -229px;
    margin-top: 211px;
}

#a_ua_terminals_afd span {
    width: 110px;
    top: 37px;
    left: 91px;
    text-align: left;
    letter-spacing: -1px;
    line-height: 13px;
}

#a_ua_terminals_toll {
    margin-left: -306px;
    margin-top: 301px;
}

#a_ua_terminals_toll span {
    white-space: nowrap;
    top: 70px;
    letter-spacing: -1px;
    left: 74px;
}

#a_ua_terminals_parking {
    left: 287px;
    margin-top: 302px;
}

#a_ua_terminals_parking span {
    white-space: nowrap;
    letter-spacing: -1px;
    left: -94px;
    top: 69px;
}

#a_ua_terminals_cat {
    left: 212px;
    margin-top: 208px;
}

#a_ua_terminals_cat span {
    width: 155px;
    text-align: right;
    letter-spacing: -1px;
    left: -181px;
    line-height: 12px;
    top: 38px;
}

#a_ua_terminals_atm {
    left: 240px;
    margin-top: 104px;
}

#a_ua_terminals_atm span {
    white-space: nowrap;
    letter-spacing: -1px;
    left: -180px;
    top: 3px;
}


/*--------------------------Attended & Unattended terminals mapping end----------------------*/


/*front_end_channels mapping start*/

#credit_debit {
    word-break: break-word;
    width: 110px;
    margin-left: -24px;
}

.invisible.fec_top span {
    top: 75px;
    word-break: break-all;
    width: 124px;
    margin-left: -28px;
    font-size: 12px;
    margin-left: -32px;
}

.invisible.fec_small_top span {
    top: 43px;
}

#qrcode {
    left: 18px;
    margin-top: 33px;
}

#ble {
    left: 73px;
    margin-top: 32px;
}

#nfc {
    left: 130px;
    margin-top: 32px;
}

#contact {
    left: 185px;
    margin-top: 33px;
}

#creditDebitCards {
    margin-left: -426px;
    margin-top: 27px;
}

#giftLoyality {
    left: 363px;
    margin-top: 26px;
}

#interfaces {
    left: 454px;
    margin-top: 28px;
}

#prepaidClosedLoop {
    left: 540px;
    margin-top: 27px;
}

#customerFEC {
    margin-left: -50px;
    margin-top: 29px;
}

#pcPos {
    left: 16px;
    margin-top: 130px;
}

#barCode {
    left: 73px;
    margin-top: 131px;
}

#posFEC {
    left: 129px;
    margin-top: 131px;
}

#ecr {
    left: 185px;
    margin-top: 131px;
}

#processorFEC {
    left: 366px;
    margin-top: 136px;
}

#host {
    left: 453px;
    margin-top: 136px;
}

#mobileFEC {
    margin-left: -51px;
    margin-top: 118px;
}

#mPos {
    left: 64px;
    margin-top: 228px;
}

#printer {
    left: 140px;
    margin-top: 228px;
}

#verticals {
    left: 417px;
    margin-top: 235px;
}

#physicalCardsFEC {
    margin-left: -51px;
    margin-top: 201px;
}

#chequeScanner {
    margin-left: -626px;
    margin-top: 320px;
}

#portal1 {
    left: 140px;
    margin-top: 319px;
}

#certification {
    left: 420px;
    margin-top: 338px;
}

#portal2 {
    margin-left: -54px;
    margin-top: 285px;
}

#wearablesFEC {
    margin-left: -51px;
    margin-top: 373px;
}


/*front_end_channels mapping end*/


/*merchant_portal mapping start*/

.invisible.merchant_portal {
    width: 93px;
    height: 91px;
}

.invisible.mp_bottom span {
    bottom: 115px;
}

#advertise {
    left: 48px;
    margin-top: 142px;
}

#onlineSecurePurchase {
    left: 123px;
    margin-top: 93px;
}

#feeManagement {
    left: 198px;
    margin-top: 142px;
}

#velocityReversal {
    left: 274px;
    margin-top: 93px;
}

#websitePortal {
    left: 348px;
    margin-top: 145px;
}

#auditSettlementLogs {
    left: 422px;
    margin-top: 95px;
}

#configurationSystem {
    left: 496px;
    margin-top: 145px;
}

#paymentProcessorIntegration {
    left: 571px;
    margin-top: 98px;
}

#deeplearning {
    left: 145px;
    margin-top: 181px;
}

#deeplearning1{
    left: -123px;
    top: 38px;
    word-break: break-word;
    /* width: 102px; */
    word-break: break-all;
    width: 123px;
}

#machinearti {
    left: 236px;
    margin-top: 87px;
}

#machinearti1 {
    top: -55px;
    left: -3px;
    word-break: break-all;
    width: 108px;
}

#machmach {
    left: 383px;
    margin-top: 88px;
}

#machmach1 {
    top: -44px;
    left: -5px;
    word-break: break-all;
    width: 123px;
}

#machartificial1 {
    left: 473px;
    margin-top: 180px;
}

#machartificial11 {
    left: 98px;
    margin-top: -55px;
}
/*merchant_portal mapping end*/


/*processor mapping start*/

.invisible.processor {
    width: 105px;
    height: 120px;
}

.invisible.mp_bottom span {
    bottom: 115px;
}

#transactionRouting {
    left: 137px;
    margin-top: -155px;
}

#paymentInterface {
    left: 234px;
    margin-top: -155px;
}

#transactionEngine {
    left: 335px;
    margin-top: -155px;
}

#ledgerAccountMgmt {
    left: 435px;
    margin-top: -155px;
}

#riskFraudMgmt {
    left: 535px;
    margin-top: -155px;
}




/*processor mapping end*/


/*issuance mapping Start*/

.invisible.issuance {
    width: 85px;
    height: 87px;
}

.invisible.issuance_small {
    width: 72px;
    height: 71px;
}

#distributors {
    left: 215px;
    margin-top: -549px;
}

#agent {
    left: 334px;
    margin-top: -547px;
}

#partner {
    left: 441px;
    margin-top: -546px;
}

#debit {
    left: 29px;
    margin-top: -457px;
}

#prepaid {
    left: 123px;
    margin-top: -457px;
}

#credit {
    left: 224px;
    margin-top: -457px;
}

#gift {
    left: 329px;
    margin-top: -457px;
}

#wallet {
    left: 434px;
    margin-top: -457px;
}

#closed {
    left: 542px;
    margin-top: -457px;
}

#thirdPartyPayment {
    left: 28px;
    margin-top: -341px;
}

#banks {
    left: 117px;
    margin-top: -341px;
}

#retail {
    left: 207px;
    margin-top: -341px;
}

#oem {
    left: 294px;
    margin-top: -341px;
}

#transit {
    left: 382px;
    margin-top: -341px;
}

#sportsEvents {
    left: 469px;
    margin-top: -341px;
}

#telecom {
    left: 557px;
    margin-top: -341px;
}

#processorISSUANCE {
    left: 202px;
    margin-top: -234px;
}

#switchISSUANCE {
    left: 290px;
    margin-top: -234px;
}

#aggregator {
    left: 378px;
    margin-top: -234px;
}

#pno {
    left: 295px;
    margin-top: -134px;
}

#customer {
    left: 677px;
    margin-top: -538px;
}

#mobile {
    left: 677px;
    margin-top: -433px;
}

#physicalCards {
    left: 677px;
    margin-top: -337px;
}

#portal {
    left: 678px;
    margin-top: -225px;
}

#wearables {
    left: 677px;
    margin-top: -132px;
}


/*issuance mapping end*/


/*gift_loyalty mapping start*/

.gift_loyalty {
    width: 180px;
    height: 201px;
}

.gift_loyalty_text_align span {
    top: 37px;
    left: -23px;
}

#hce1 {
    left: 376px;
    margin-top: 10px;
}

#hce2 {
    left: 258px;
    margin-top: 190px;
}

#hce3 {
    left: 489px;
    margin-top: 190px;
}


/*gift_loyalty mapping end*/


/*acquiring mapping start*/

.acquiring {
    width: 70px;
    height: 74px;
}

.invisible.nac_acquiring span {
    top: 35px;
    left: -26px;
}

.invisible.mck_acquiring span {
    top: 16px;
    left: -28px;
}

.invisible.iso8583_acquiring span {
    top: 35px;
    left: -2px;
}

.invisible.switch_acquiring span {
    top: 5px;
    left: 0px;
}

.invisible.mpos_new span {
    top: 35px;
    left: 2px;
}

.mposHover {
    width: 47px;
    height: 122px;
    left: 126px;
    margin-top: -6px;
}

.tPOSHover {
    width: 152px;
    height: 74px;
    top: 181px;
    left: -38px;
}

.NACHover {
    left: 468px;
    top: 163px;
    width: 88px;
    height: 88px;
}

.accquirerHover {
    left: 604px;
    top: 99px;
    width: 67px;
    height: 97px;
}

.acquirerPaymentHover {
    top: 227px;
    left: 595px;
    width: 87px;
    height: 85px;
}

.processorHover {
    top: 252px;
    left: 127px;
}

.EMVHover {
    left: 29%;
    top: 31%;
    width: 6%;
    height: 4%;
}

.readerHover {
    left: 36%;
    top: 26%;
    height: 4%;
    width: 7%;
}

.processorPG {
    left: 3%;
    top: 13%;
}

.processorRF {
    left: 28%;
    top: 9%;
}

#RiskFraudNew {
    top: -11px;
    left: 2%;
}

.processorSettlement {
    left: 36%;
    top: 18%;
}

.processorDeputeMgmt {
    left: 44%;
    top: 9%;
}

#DeputeMgmtNew {
    top: -12px;
    left: -3%;
}

.processorTransaction {
    left: 60%;
    top: 9.7%;
    height: 90px;
    width: 97px;
}

#TransactionsNew {
    top: -18px;
    left: 1%;
}

.processorSchemes {
    left: 582px;
    top: 160px;
}

.processorMerchentMgmt {
    left: 51%;
    top: 18%;
    width: 15%;
}

.readerContainer {
    top: 3%;
    width: 21%;
    height: 19%;
}

.readerTerminal {
    top: 15%;
    left: 3%;
}

#readerspan {
    top: 181px;
    left: 3%;
}

.readerMobilePOS {
    left: 25%;
    top: 14%;
}

#readerMobile {
    top: 110%;
}

.readerNFC {
    left: 47%;
    top: 14%;
}

#readerNFCNew {
    top: 111%;
}

.readerPC {
    left: 519px;
    top: 15%;
}

#readerPCNew {
    top: 108%;
}

.cloudTSM {
    left: 8%;
    top: 13%;
}

#tsmNew {
    top: 140%;
    left: -20%;
}

.cloudPortals {
    top: 27%;
    left: 7%;
    width: 10%;
    height: 5%;
}

#portalNew {
    top: 130%;
}

.cloudConsumer {
    left: 61%;
    top: 15%;
    height: 5%;
    width: 5%;
}

#consumerNew {
    top: 98%;
    left: -35%;
}

.cloudAgent {
    left: 61%;
    top: 22%;
    height: 5%;
    width: 5%;
}

#agentNew {
    top: 103%;
}

.cloudAdmin {
    left: 61%;
    top: 29%;
    height: 5%;
    width: 5%;
}

#cloudAdmin {
    top: 110%;
    left: -2%;
}

.cloudmPOS {
    left: 565px;
    top: 17%;
    width: 81px;
    height: 5%;
}

#mposNew {
    top: 134%;
    left: 3%;
}

.cloudtPOS {
    left: 565px;
    top: 27%;
    width: 81px;
    height: 5%;
}

#tposNew {
    top: 134%;
    left: 3%;
}

.mobileContainer {
    width: 81px;
    height: 75px;
}

.mobileIssu {
    margin-left: -463px;
    margin-top: 139px;
}

#mobileIssuId {
    top: 116%;
    left: -3%;
}

.mobilePaymt {
    margin-left: -377px;
    margin-top: 188px;
}

#mobilepaymtId {
    top: 113%;
}

.mobileRetail {
    margin-top: 139px;
    margin-left: -291px;
}

#mobileRetailId {
    top: 117%;
}

.mobileTelecom {
    margin-top: 188px;
    margin-left: -205px;
}

#mobileTelecomId {
    top: 114%;
}

.mobileTransit {
    margin-top: 139px;
    margin-left: -119px;
}

#mobileTransitId {
    top: 116%;
    left: 5%;
}

.mobileRest {
    margin-left: -463px;
    margin-top: 305px;
}

#mobileRestId {
    top: 116%;
    left: -16%;
}

.mobileHealth {
    margin-top: 354px;
    margin-left: -377px;
}

#mobileHealthId {
    top: 115%;
}

.mobileSports {
    margin-top: 305px;
    margin-left: -291px;
}

#mobileSportsId {
    top: 115%;
}

.mobileBanking {
    margin-top: 354px;
    margin-left: -205px;
}

#mobileBankingId {
    top: 116%;
}

.mobileInsu {
    margin-top: 305px;
    margin-left: -119px;
}

#mobileInsuId {
    top: 116%;
    left: 14%;
}

.paSecure {
    width: 58px;
    height: 39px;
    margin-left: -457px;
    margin-top: 103px;
}

#paSecureId {
    left: -187%;
    top: -52%;
    text-align: right;
    width: 173%;
}

.paNetwork {
    width: 55px;
    height: 57px;
    margin-left: -500px;
    margin-top: 178px;
}

#paNetworkId {
    top: 15%;
    left: -127%;
    text-align: right;
    width: 105%;
}

.paInstru {
    width: 45px;
    height: 53px;
    margin-top: 277px;
    margin-left: -479px;
}

#paInstruId {
    top: 51%;
    left: -268%;
    text-align: right;
    width: 233%;
}

.paSecurity {
    width: 56px;
    height: 47px;
    margin-top: 338px;
    margin-left: -413px;
}

#paSecurityId {
    top: 116%;
    width: 184%;
    left: -155%;
    text-align: right;
}

.paApplication {
    width: 49px;
    height: 48px;
    margin-top: 339px;
    margin-left: -317px;
}

#paApplicationId {
    top: 111%;
    width: 209%;
    left: 75%;
    text-align: left;
}

.paAddress {
    width: 49px;
    height: 49px;
    margin-top: 282px;
    margin-left: -240px;
}

#paAddressId {
    top: 51%;
    left: 118%;
}

.paProtect {
    width: 48px;
    height: 52px;
    margin-left: -223px;
    margin-top: 182px;
}

#paProtectId {
    top: 13%;
    width: 194%;
    left: 128%;
    text-align: left;
}

.paSA {
    width: 7%;
    height: 3%;
    margin-left: -273px;
    margin-top: 100px;
}

#paSAId {
    width: 144px;
    text-align: left;
    margin-top: -113px;
    margin-left: 66px;
}

.paUpdate {
    width: 63px;
    height: 40px;
    margin-left: -368px;
    margin-top: 69px;
}

#paUpdateId {
    top: -116%;
    width: 203%;
    left: 70%;
    text-align: left;
}

.intel_span {
    margin-top: -125px;
    margin-left: -128px;
}

.intel {
    margin-left: -430px;
    margin-top: 53px;
    height: 60px;
    width: 67px;
}

.concept_span {
    margin-top: -107px;
    margin-left: -188px;
}

.concept {
    margin-left: -511px;
    margin-top: 114px;
    height: 60px;
    width: 67px;
}

.qassure_span {
    margin-top: -73px;
    margin-left: -168px;
}

.qassure {
    margin-left: -540px;
    margin-top: 202px;
    height: 60px;
    width: 67px;
}

.consultCss_span {
    margin-top: -41px;
    margin-left: -177px;
}

.consultCss {
    margin-left: -512px;
    margin-top: 293px;
    height: 60px;
    width: 67px;
}

.supp_span {
    margin-top: -20px;
    margin-left: -120px;
}

.supp {
    margin-top: 354px;
    margin-left: -430px;
    height: 60px;
    width: 67px;
}

.impl_span {
    margin-top: -14px;
    margin-left: 52px;
}

.impl {
    margin-top: 352px;
    margin-left: -339px;
    height: 60px;
    width: 67px;
}

.ops_span {
    margin-top: -32px;
    margin-left: 72px;
    width: 70%;
}

.ops {
    margin-top: 295px;
    margin-left: -252px;
    height: 60px;
    width: 67px;
}

.solution_span {
    margin-top: -70px;
    margin-left: 91px;
}

.solution {
    margin-left: -229px;
    margin-top: 202px;
    height: 60px;
    width: 67px;
}

.deliv_span {
    margin-top: -113px;
    margin-left: 69px;
}

.deliv {
    margin-left: -251px;
    margin-top: 108px;
    height: 60px;
    width: 67px;
}

.callus_span {
    margin-top: -130px;
    margin-left: 50px;
}

.callus {
    margin-left: -330px;
    margin-top: 55px;
    height: 60px;
    width: 55px;
}

.sauth_span {
    margin-left: -283%;
    margin-top: -222%;
}

.sauth {
    height: 40px;
    width: 56px;
    top: 19%;
    left: 234px;
}

.nwsecurity_span {
    margin-top: -78px;
    margin-left: -191px;
}

.nwsecurity {
    height: 53px;
    width: 54px;
    top: 24%;
    left: 25%;
}

.idoc_span {
    margin-top: -78px;
    margin-left: -174px;
}

.idoc {
    height: 53px;
    width: 54px;
    top: 31%;
    left: 27%;
}

.stencrypt_span {
    margin-top: -40px;
    margin-left: -124px;
}

.stencrypt {
    height: 53px;
    width: 54px;
    top: 35%;
    left: 36%;
}

.applogact_span {
    margin-top: -40px;
    margin-left: 44px;
}

.applogact {
    height: 53px;
    width: 54px;
    top: 35%;
    left: 49%;
}

.addvul_span {
    margin-left: 67px;
    margin-top: -70px;
}

.addvul {
    height: 53px;
    width: 54px;
    top: 31%;
    left: 59%;
}

.psdata_span {
    margin-left: 73px;
    margin-top: -92px;
}

.psdata {
    height: 53px;
    width: 54px;
    top: 24%;
    left: 61%;
}

.sapp_span {
    margin-top: -120px;
    margin-left: 69px;
}

.sapp {
    height: 40px;
    width: 56px;
    top: 19%;
    right: 287px;
}

.ssu_span {
    margin-top: -148px;
    margin-left: 28px;
}

.ssu {
    height: 48px;
    width: 66px;
    top: 16%;
    left: 42%;
}

#hceCssspan {
    top: 129%;
    left: -3%;
}

.hceCss {
    margin-left: -651px;
    margin-top: 190px;
}

#seCssspan {
    top: 129%;
    left: -3%;
}

.seCss {
    margin-left: -551px;
    margin-top: 190px;
}

#contactlessCssspan {
    top: 129%;
    left: -15%;
}

.contactlessCss {
    margin-top: 190px;
    margin-left: -455px;
}

.nfcPaymentContainer {
    width: 60px;
    height: 62px;
}

.clientApp {
    margin-left: -563px;
    height: 47px;
    margin-top: 90px;
    width: 40px;
}

.clientApp_span {
    margin-top: -117px;
    margin-left: -169px;
}

.partnercss_span {
    margin-top: -107px;
    margin-left: 63px;
}

.partnercss {
    margin-left: -472px;
    height: 5%;
    width: 7%;
    margin-top: 87px;
}

.distri_span {
    margin-top: -75px;
    margin-left: 72px;
}

.distri {
    margin-left: -430px;
    height: 5%;
    width: 7%;
    margin-top: 166px;
}

.pfcss_span {
    margin-top: -57px;
    margin-left: 61px;
}

.pfcss {
    height: 4%;
    width: 7%;
    margin-top: 219px;
    margin-left: -167px;
}

.uatcss {
    height: 6%;
    width: 8%;
    margin-top: 161px;
    margin-left: -623px;
}

.uatcss_span {
    margin-top: -73px;
    margin-left: -151px;
}

.certifi_span {
    margin-top: -30px;
    margin-left: -110px;
}

.certifi {
    height: 5%;
    width: 10%;
    margin-top: 243px;
    margin-left: -579px;
}

.devpTeam_span {
    margin-top: -109px;
    margin-left: 55px;
}

.devpTeam {
    width: 7%;
    height: 5%;
    margin-left: -172px;
    margin-top: 102px;
}

.testingTeam_span {
    margin-left: 49px;
    margin-top: -44px;
}

.testingTeam {
    width: 7%;
    height: 5%;
    margin-left: -108px;
    margin-top: 155px;
}

.testEnv_span {
    margin-left: 62px;
    margin-top: -39px;
}

.testEnv {
    height: 5%;
    width: 7%;
    margin-top: 252px;
    margin-left: -475px;
}

.testPalt_span {
    margin-top: -32px;
    margin-left: -99px;
}

.testPalt {
    width: 6%;
    height: 6%;
    margin-top: 151px;
    margin-left: -226px;
}

.sms_telecom {
    left: 25%;
    height: 3%;
    width: 5%;
    top: 11%;
}

.sms_telecom_span {
    margin-left: -242%;
    margin-top: -262%;
}

.sms_bank_span {
    margin-top: -257%;
    margin-left: -205%;
}

.sms_bank {
    left: 18%;
    height: 3%;
    width: 5%;
    top: 13%;
}

.sms_retail_span {
    margin-top: -209%;
    margin-left: -235%;
}

.sms_retail {
    left: 13%;
    height: 3%;
    width: 5%;
    top: 16%;
}

.sms_hotel_span {
    margin-top: -222%;
    margin-left: -268%;
}

.sms_hotel {
    left: 12%;
    height: 3%;
    width: 5%;
    top: 21%;
}

.sms_health_span {
    margin-top: -212%;
    margin-left: -345%;
}

.sms_health {
    left: 13%;
    height: 3%;
    width: 5%;
    top: 25%;
}

.sms_3party {
    left: 19%;
    height: 3%;
    width: 4%;
    top: 29%;
}

.sms_3party_span {
    margin-top: -233%;
    margin-left: -423%;
}

.sms_transit {
    left: 193px;
    height: 30px;
    width: 37px;
    top: 405px;
}

.sms_transit_span {
    margin-top: -198%;
    margin-left: -242%;
}

.sms_sms_span {
    margin-top: 6%;
}

.sms_sms {
    left: 45%;
    top: 19%;
    width: 12%;
    height: 6%;
}

.sms_network_span {
    margin-top: 6%;
}

.sms_network {
    left: 61%;
    top: 19%;
    width: 12%;
    height: 6%;
}

.sms_mobile_span {
    margin-top: 6%;
    margin-left: -7px;
}

.sms_mobile {
    left: 77%;
    top: 19%;
    width: 12%;
    height: 6%;
}

.terminal {
    top: 19%;
    left: 3%;
    width: 21%;
    height: 11%;
}

.terminal_span {
    margin-left: -5%;
    margin-top: 29%;
}

.mobile_pos {
    top: 19%;
    left: 25%;
    width: 21%;
    height: 11%;
}

.mobile_pos_terminal {
    margin-top: 28%;
}

.nfc_readers {
    top: 19%;
    left: 47%;
    width: 21%;
    height: 11%;
}

.nfc_readers_span {
    margin-top: 27%;
}

.pc_pos {
    top: 19%;
    left: 69%;
    width: 20%;
    height: 11%;
}

.pc_pos_span {
    margin-top: 30%;
}

.tms_pg {
    left: 75%;
    width: 13%;
    top: 14%;
}

.tms_pg_span {
    margin-top: 8%;
}

.processor {
    left: 74%;
    width: 14%;
    top: 5%;
}

.processor_span {
    margin-top: 19%;
    margin-left: 3px;
}

.l3_sdk {
    left: 42%;
    top: 14%;
}

.l3_sdk_span {
    margin-top: 5%;
}

.dm {
    left: 27%;
    top: 14%;
}

.dm_span {
    margin-top: 5%;
    margin-left: 3%;
}

.t_o {
    left: 12%;
    top: 14%;
    height: 5%;
}

.t_o_span {
    margin-top: 5%;
    left: 5%;
}

.r_k_i_span {
    margin-top: -141%;
}

.mkm_span {
    margin-top: -145%;
    margin-left: 2%;
}

.mkm {
    left: 35%;
    top: 8%;
    height: 5%;
}

.dh {
    left: 20%;
    top: 8%;
    height: 5%;
}

.dh_span {
    margin-top: -141%;
}

.r_k_i {
    left: 5%;
    top: 8%;
    height: 5%;
}

.testPlan {
    right: 51%;
    top: 15%;
    width: 7%;
    height: 3.8%;
}

.uat_testPlanSpan {
    /* top: -23%; */
    margin-top: -179%;
    width: 118%;
    margin-left: 47%;
}

.tData_span {
    margin-top: -98%;
    margin-left: 106%;
    width: 122%;
}

.tRun_span {
    margin-top: -40%;
    margin-left: 80%;
    width: 98%;
}

.tRun {
    left: 41%;
    top: 25%;
    width: 8%;
    height: 3%;
}

.tData {
    left: 50%;
    top: 24%;
    width: 7%;
    height: 2%;
}

.tCase {
    left: 53%;
    top: 21%;
    width: 7%;
    height: 2%;
}

.business_Span {
    margin-top: -70%;
    margin-left: -144%;
}

.business {
    left: 32%;
    top: 25%;
    width: 8%;
    height: 2%;
}

.tCase_span {
    margin-top: -158%;
    margin-left: 126%;
    width: 139%;
}

.test_Scenario {
    left: 49%;
    top: 17%;
    width: 7%;
    height: 3%;
}

.test_Scenario_Span {
    margin-top: -195%;
    margin-left: 123%;
}

.requirement {
    margin-left: -60%;
    margin-top: 6%;
    height: 3%;
    width: 9%;
}

.requirement_span {
    margin-left: -79%;
    margin-top: -166%;
    width: 10%;
}

.invisible.smallCopy {
    width: 44px;
    height: 57px;
}

.mobile_wallet {
    margin-top: 155px;
    left: 417px;
}

#mobileWallet {
    left: -14%;
    width: 126%;
    top: 106%;
}

.mobile_schemes {
    margin-top: 154px;
    left: 561px;
}

#mobileScheme {
    left: -1%;
    top: 104%;
}

.mobile_remittance {
    margin-top: 259px;
    left: 417px;
}

#mobileRemittanceNew {
    left: -1%;
    top: 104%;
}

.mobile_bank {
    left: 561px;
    margin-top: 259px;
}

#mobileBankNew {
    left: 2%;
    top: 104%;
}

.remitanceMobileContainer {
    width: 74px;
    height: 73px;
}

#portingFixId {
    text-align: left;
    width: 116%;
    letter-spacing: -1px;
    margin-top: -61px;
    margin-left: 60px;
}

#smsTPSystem {
    top: 66%;
    left: -292%;
    width: 262%;
    text-align: right;
}

.loadbalanceHover {
    top: 520px;
    left: 301px;
}

.posHover {
    top: 427px;
    left: 296px;
}

.databaseHover {
    top: 344px;
    left: 346px;
}

.historyHover {
    top: 293px;
    left: 428px;
}

.nfcReaderHover {
    top: 295px;
    left: 531px;
}

.pcPOC {
    top: 198px;
    left: 240px;
}

.terminalHover {
    top: 253px;
    left: 92px;
}

.acquirerHover {
    top: 167px;
    left: 126px;
}

.cardsHover {
    top: 197px;
    left: 356px;
}


/* .processorHover{
    top: 336px;
    left: 596px;
    width: 87px;
    height: 86px;
} */

.issuerHover {
    top: 338px;
    left: 126px;
}

.deviceManagementHover {
    top: 253px;
    left: 205px;
}

.sdkHover {
    top: 254px;
    left: 318px;
}

.tpos {
    top: 314px;
    left: 356px;
}

.mPOS {
    top: 314px;
    left: 240px;
}

.schemesHover {
    top: 168px;
    left: 524px;
}

.complianceHover {
    top: 252px;
    left: 523px;
}

.certificationHover {
    top: 337px;
    left: 523px;
}

.banking_hover {
    margin-left: -621px;
    margin-top: 219px;
}

.retail_hover {
    margin-top: 219px;
    margin-left: -517px;
}

.telecom_hover {
    margin-top: 219px;
    margin-left: -418px;
}

.sport_hover {
    margin-top: 219px;
    margin-left: -311px;
}

.health_hover {
    margin-top: 216px;
    margin-left: -207px;
}

.transit_hover {
    margin-top: 219px;
    margin-left: -99px;
}

.perfStatus {
    margin-top: 360px;
    margin-left: -341px;
    width: 34px;
    height: 45px;
}

#perfStatusId {
    top: 63%;
    left: -179%;
    text-align: right;
    width: 144%;
}

.perfLoad {
    margin-top: 274px;
    margin-left: -387px;
    width: 36px;
    height: 56px;
}

#perfLoadId {
    top: 34%;
    text-align: right;
    width: 148%;
    left: -192%;
}

.perfPos {
    margin-top: 175px;
    margin-left: -389px;
    width: 39px;
    height: 60px;
}

#perfPosId {
    top: 24%;
    text-align: right;
    left: -72px;
    width: 144%;
}

.perfDb {
    margin-left: -339px;
    margin-top: 99px;
    width: 37px;
    height: 40px;
}

#perfDbId {
    top: -4%;
    left: -211%;
}

.perfHist {
    margin-left: -262px;
    margin-top: 49px;
    width: 42px;
    height: 44px;
}

#perfHistId {
    top: -44%;
    left: -92%;
}

.perfNfc {
    margin-left: -156px;
    margin-top: 50px;
    width: 34px;
    height: 47px;
}

#perfNfcId {
    top: -81%;
    left: 61%;
}

.hceCertificateCloudSchemes {
    margin-left: -365px;
    margin-top: 31px;
    width: 57px;
    height: 46px;
}

#hceCloudCertificateSchemesId {
    top: 103%;
    left: -5%;
    color: white;
}

.hceCloudCertificateIssuance {
    margin-left: -463px;
    margin-top: 203px;
    width: 56px;
    height: 44px;
}

#hceCloudCertificateIssuanceId {
    top: 103%;
    left: 14%;
    color: white;
}

.hceCloudCertificateToken {
    margin-left: -266px;
    margin-top: 199px;
    width: 47px;
    height: 49px;
}

#hceCloudCertificateTokenId {
    top: 93%;
    left: -57%;
    color: white;
}

.status_check {
    top: 573px;
    left: 326px;
}

.loadbalanceHover {
    top: 520px;
    left: 301px;
}

.posHover {
    top: 427px;
    left: 296px;
}

.databaseHover {
    top: 344px;
    left: 346px;
}

.historyHover {
    top: 293px;
    left: 428px;
}

.nfcReaderHover {
    top: 295px;
    left: 531px;
}

.giftLoyaltyContainer {
    width: 70px;
    height: 69px;
}

.onlineSNew {
    left: 418px;
    top: 244px;
}

#OServer {
    top: 116%;
    width: 94px;
    left: -15%;
}

.portalNew {
    left: 422px;
    top: 372px;
}

#giftPortal {
    top: 124%;
    left: 1%;
}

.IntegtnNew {
    left: 629px;
    top: 188px;
}

#giftIntegrtn {
    top: 114%;
    left: -4%;
}

.acquiringNew {
    left: 629px;
    top: 300px;
}

#giftAccquiring {
    top: 119%;
    left: -1%;
}

.issuanceNew {
    left: 629px;
    top: 412px;
}

#giftIssuance {
    top: 114%;
    left: 1%;
}

.se_in_cloudWalletContainer {
    width: 83px;
    height: 91px;
}

.walletNew {
    left: 58px;
    top: 171px;
}

#seWallet {
    width: 127%;
    left: -15%;
}

.secureNew {
    left: 54px;
    top: 287px;
}

#seSecure {
    width: 110px;
    left: -15%;
    top: 109%;
}

.schemesNew {
    left: 594px;
    top: 230px;
}

#seSchemes {
    top: 109%;
    left: 1%;
}

.issuanceCircleContainer {
    width: 63px;
    height: 62px;
}

.issuanceSquareContainer {
    width: 43px;
    height: 50px;
}

.distrNew {
    margin-left: -621px;
    margin-top: 92px;
}

#distrId {
    top: 101%;
    left: -6%;
}

.agentNew {
    margin-left: -671px;
    margin-top: 171px;
}

#issuAgent {
    top: 101%;
}

.partnerNew {
    margin-top: 171px;
    margin-left: -565px;
}

#issuPartner {
    top: 98%;
    left: 3%;
}

.debitNew {
    margin-left: -501px;
    margin-top: 96px;
}

#issuDebit {
    top: -16px;
}

.prepaidNew {
    margin-top: 96px;
    margin-left: -421px;
}

#issuPrepaid {
    top: -34%;
    left: -7%;
}

.creditNew {
    margin-top: 96px;
    margin-left: -340px;
}

#issuCredit {
    top: -33%;
}

.issuWalletNew {
    margin-top: 96px;
    margin-left: -260px;
}

#issuWallet {
    top: -32%;
    left: 1%;
}

.EMVNew {
    margin-top: 172px;
    margin-left: -461px;
}

#issuEMV {
    top: 98%;
}

.giftNew {
    margin-top: 172px;
    margin-left: -381px;
}

#issuGift {
    top: 98%;
}

.loopNew {
    margin-top: 172px;
    margin-left: -301px;
}

#issuLoop {
    top: 98%;
    width: 199%;
    left: -50%;
}

.tokensNew {
    margin-top: 172px;
    margin-left: -221px;
}

#issuToken {
    top: 98%;
}

.bankNew {
    margin-left: -137px;
    margin-top: 62px;
}

#issuBank {
    top: 32%;
    left: 80%;
}

.switchNew {
    margin-left: -67px;
    margin-top: 107px;
}

#issuSwitch {
    top: 39%;
    left: -87%;
}

.issuanceSchemesNew {
    margin-top: 152px;
    margin-left: -137px;
}

#issuSchemes {
    top: 34%;
    left: 105%;
}

.processorNew {
    margin-top: 196px;
    margin-left: -73px;
}

#issuProcessor {
    top: 35%;
    left: -109%;
}

.verticalcss {
    height: 60px;
    width: 61px;
    margin-left: -610px;
    margin-top: 103px;
}

.healthspan {
    margin-top: -264%;
    margin-left: -9%;
}

.tel {
    height: 60px;
    width: 61px;
    margin-top: 103px;
    margin-left: -489px;
}

.telspan {
    margin-top: -264%;
}

.bf {
    height: 60px;
    width: 61px;
    margin-top: 103px;
    margin-left: -366px;
}

.bfspan {
    margin-top: -290%;
    margin-left: -11%;
}

.pos {
    height: 60px;
    width: 61px;
    margin-top: 103px;
    margin-left: -246px;
}

.posspan {
    margin-top: -289%;
}

.petrocss {
    height: 60px;
    width: 61px;
    margin-top: 103px;
    margin-left: -126px;
}

.petrospan {
    margin-top: -264%;
}

.sport {
    height: 60px;
    width: 61px;
    margin-left: -550px;
    margin-top: 177px;
}

.sportsspan {
    margin-top: 10px;
}

.oem {
    height: 60px;
    width: 61px;
    margin-top: 177px;
    margin-left: -429px;
}

.oemspan {
    margin-top: 10px;
}

.transitcss {
    height: 60px;
    width: 61px;
    margin-top: 177px;
    margin-left: -305px;
}

.transitspan {
    margin-top: 10px;
    margin-left: -3px;
}

.retailcss {
    height: 60px;
    width: 61px;
    margin-top: 177px;
    margin-left: -185px;
}

.retailspan {
    margin-top: 10px;
    margin-left: 1px;
}

.hceContainer {
    width: 91px;
    height: 91px;
}

.tokenNew {
    margin-left: -646px;
    margin-top: 55px;
}

.hceSpan {
    top: 107%;
}

.hceNew {
    margin-left: -646px;
    margin-top: 182px;
}


/* #hceId{
    top: 107%;
} */

.mapNew {
    margin-left: -646px;
    margin-top: 305px;
}


/* #hceMap{
    top: 107%;
} */

.readerNew {
    margin-left: -270px;
    margin-top: 116px;
}


/* #hceReader{
    top: 107%;
} */

.hceWalletNew {
    margin-left: -270px;
    margin-top: 242px;
}


/* #hceWallet{
    top: 107%;
} */

.schemeNew {
    margin-left: -120px;
    margin-top: 179px;
}


/* #hceScheme{
    top: 107%;
} */

.NFCHover {
    left: 36%;
    top: 18%;
    height: 4%;
    width: 8%;
}

.TMSHover {
    left: 28%;
    top: 12%;
    width: 6%;
    height: 5%;
}

.cardHolderHover {
    left: 6%;
    top: 25%;
    width: 9%;
    height: 6%;
}

.MCKHover {
    left: 16%;
    top: 31%;
    width: 7%;
    height: 4%;
}

.JSONHover {
    left: 470px;
    top: 279px;
    width: 88px;
    height: 86px;
}

.cardholderHover {
    top: 95px;
    margin-left: 51px;
    height: 62px;
    width: 115px;
}

.HolderSpan {
    left: -55px;
    margin-top: -40px;
}

.invisible.tpos_new span {
    top: 32px;
    left: 1px;
}


/* #tPOSNew{
    left: -8px;
    margin-top: 88px;
} */

.invisible.card_holder_new {
    top: 25px;
    left: 4px;
}


/* #CardHolderNew{
    left: -34px;
    margin-top: 229px;
} */

#posAcquiring {
    left: 60px;
    margin-top: 51px;
}

#cardsHolders {
    left: -50px;
    margin-top: 191px;
}

#emvReaders {
    left: 71px;
    margin-top: 245px;
}

#technology {
    left: 262px;
    margin-top: 245px;
}

#nac {
    left: 305px;
    margin-top: 132px;
}

#mck {
    left: 305px;
    margin-top: 201px;
}

#iso8583 {
    left: 355px;
    margin-top: 126px;
}

#switch {
    left: 355px;
    margin-top: 215px;
}

#paymentGateway {
    left: 453px;
    margin-top: 152px;
}

#acquirer {
    left: 526px;
    margin-top: 152px;
}

#processor {
    left: 595px;
    margin-top: 152px;
}

#mobileACQUIRING {
    left: 262px;
    margin-top: 51px;
}


/*acquiring mapping end*/


/*acquiring gateway mapping start*/

#Gateway_merchant {
    left: 115px;
    margin-top: 5px;
}

#Gateway_digital {
    left: 321px;
    margin-top: 58px;
}

#Gateway_fees {
    left: 430px;
    margin-top: 15px;
}

#Gateway_settlement {
    left: 195px;
    margin-top: 125px;
}

#Gateway_iso {
    left: 382px;
    margin-top: 177px;
}

#Gateway_pno {
    left: 530px;
    margin-top: 190px;
}

#Gateway_Ivr {
    left: 257px;
    margin-top: 182px;
}

#Gateway_card {
    left: 112px;
    margin-top: 193px;
}


/*acquiring_Gateway mapping end*/


/* Installation mapping start*/

#Installation_linux {
    left: 68px;
    margin-top: 53px;
}

#Installation_database {
    left: 142px;
    margin-top: 133px;
}

#Installation_framWork {
    left: 510px;
    margin-top: 137px;
}

#Installation_server {
    left: 578px;
    margin-top: 55px;
}


/* Installation mapping end*/


/* Deployment mapping Start*/

#deployement_database {
    left: 212px;
    margin-top: 84px;
}

#deployement_database span {
    top: 21px;
    left: -77px;
}

#deployement_tool {
    left: 156px;
    margin-top: 185px;
    width: 77px;
}

#deployement_tool span {
    top: 27px;
    left: -69px;
}

#deployement_security {
    left: 316px;
    margin-top: 325px;
}

#deployement_security span {
    top: 79px;
    left: 7px;
}

#deployement_scripting {
    left: 223px;
    margin-top: 286px;
}

#deployement_scripting span {
    top: 27px;
    left: -64px;
}

#deployement_Logs {
    left: 428px;
    margin-top: 285px;
}

#deployement_Logs span {
    top: 21px;
    left: 65px;
    width: 100px;
}

#deployement_infra {
    left: 483px;
    margin-top: 182px;
}

#deployement_infra span {
    top: 28px;
    left: 73px;
    white-space: nowrap;
}

#deployement_servers {
    left: 422px;
    margin-top: 76px;
}

#deployement_servers span {
    top: 27px;
    left: 72px;
}

#deployement_Mtools {
    left: 320px;
    margin-top: 25px;
}

#deployement_Mtools span {
    top: -10px;
    left: -16px;
    font-size: 13px;
    white-space: nowrap;
}


/* Deployment mapping end*/


/* Integration mapping start*/

#integration_OEM {
    left: 365px;
    margin-top: 25px;
}

#integration_OEM span {
    top: 40px;
    left: 0px;
    font-size: 10px;
}

#integration_pos {
    left: 453px;
    margin-top: 34px;
}

#integration_pos span {
    top: 37px;
    font-size: 10px;
}

#integration_legacy {
    left: 469px;
    margin-top: 203px;
}

#integration_legacy span {
    top: 42px;
    font-size: 10px;
    left: 5px;
}

#integration_oem2 {
    left: 516px;
    margin-top: 115px;
    width: 100px;
}

#integration_oem2 span {
    top: 52px;
    left: -5px;
    font-size: 10px;
}

#integration_cloud {
    left: 334px;
    margin-top: 233px;
}

#integration_cloud span {
    top: 30px;
    font-size: 10px;
}

#integration_application {
    left: 385px;
    margin-top: 137px;
}

#integration_application span {
    top: 48px;
    font-size: 10px;
    left: 3px;
}

#integration_dms {
    left: 202px;
    margin-top: 127px;
}

#integration_dms span {
    top: 40px;
    left: 2px;
    font-size: 10px;
}

#integration_transit {
    left: 282px;
    margin-top: 73px;
}

#integration_transit span {
    top: 38px;
    font-size: 10px;
}

#integration_pno {
    left: 190px;
    margin-top: 30px;
}

#integration_pno span {
    top: 51px;
    left: 3px;
    font-size: 10px;
}

#integration_hsm {
    left: 281px;
    margin-top: 174px;
    height: 50px;
}

#integration_hsm span {
    top: 34px;
    font-size: 10px;
}


/* Integration mapping end*/


/* legacy_enablement mapping start*/

#lagacy_Pos {
    left: 86px;
    margin-top: 101px;
}

#lagacy_Pos span {
    top: -54px;
    left: 5px;
    word-break: break-word;
    width: 62px;
}

#lagacy_server {
    left: 434px;
    margin-top: 102px;
}

#lagacy_server span {
    top: 97px;
    left: 5px;
}

#lagacy_database {
    left: 567px;
    margin-top: 99px;
}

#lagacy_database span {
    top: -35px;
}

#lagacy_Readers {
    left: 320px;
    margin-top: 100px;
}

#lagacy_Readers span {
    top: -36px;
    left: -20px;
}

#lagacy_mobileSDK {
    left: 218px;
    margin-top: 101px;
}

#lagacy_mobileSDK span {
    top: 98px;
    white-space: nowrap;
    left: -5px;
}


/* legacy_enablement mapping end*/


/* support_services mapping start*/

#support_porting {
    left: 229px;
    margin-top: 112px;
}

#support_porting span {
    top: 54px;
    color: #ffff;
    font-size: 10px;
}

#support_deploye {
    left: 443px;
    margin-top: 115px;
}

#support_deploye span {
    top: 45px;
    color: #ffff;
    font-size: 10px;
}

#support_lagacy {
    left: 320px;
}

#support_lagacy span {
    top: 52px;
    color: #ffff;
    font-size: 9px;
    left: 1px;
}

#support_integration {
    left: 401px;
    margin-top: 24px;
}

#support_integration span {
    top: 58px;
    color: #ffff;
    font-size: 10px;
}

#support_helpDesk {
    left: 241px;
    margin-top: 30px;
}

#support_helpDesk span {
    top: 53px;
    color: #ffff;
    left: 7px;
    font-size: 10px;
}

#support_migration {
    left: 262px;
    margin-top: 194px;
}

#support_migration span {
    color: #ffff;
    top: 43px;
    font-size: 10px;
    left: 4px;
}

#support_Maintenance {
    left: 337px;
    margin-top: 215px;
}

#support_Maintenance span {
    color: #ffff;
    top: 48px;
    font-size: 10px;
}

#support_Installation {
    left: 413px;
    margin-top: 187px;
}

#support_Installation span {
    color: #ffff;
    top: 48px;
    font-size: 10px;
}


/* support_services mapping end*/


/* Partnership mapping start*/

#partnership_teamWork {
    left: 321px;
    margin-top: 80px;
}

#partnership_teamWork span {
    top: 37px;
    word-break: break-all;
    width: 76px;
}

#partnership_synergy {
    left: 418px;
    margin-top: 57px;
}

#partnership_synergy span {
    top: 61px;
    left: 5px;
}

#partnership_sucess {
    left: 517px;
    margin-top: 58px;
}

#partnership_sucess span {
    top: 59px;
}

#partnership_win {
    left: 629px;
    margin-top: 70px;
}

#partnership_win span {
    top: 47px;
}

#partnership_plan {
    left: 228px;
    margin-top: 68px;
}

#partnership_plan span {
    top: 49px;
}

#partnership_performance {
    left: 128px;
    margin-top: 55px;
}

#partnership_performance span {
    top: 62px;
    left: -10px;
}

#partnership_collaboration {
    left: 33px;
    margin-top: 60px;
}

#partnership_collaboration span {
    top: 58px;
    left: -5px;
}


/* parternership mapping end*/


/* automation mapping start*/

#automation_test {
    left: 328px;
    margin-top: 11px;
}

#automation_test span {
    top: 17px;
    left: -32px;
    font-size: 11px;
}

#automation_monitor {
    left: 380px;
    margin-top: 18px;
}

#automation_monitor span {
    top: 24px;
    font-size: 11px;
    left: 36px;
}

#automation_cost {
    left: 423px;
    margin-top: 206px;
}

#automation_cost span {
    top: 52px;
    font-size: 11px;
    left: 0px;
}

#automation_display {
    left: 459px;
    margin-top: 110px;
    height: 41px;
}

#automation_display span {
    top: 13px;
    left: 40px;
}

#automation_reusable {
    left: 298px;
    margin-top: 213px;
}

#automation_reusable span {
    top: 46px;
    font-size: 11px;
}

#automation_reliable {
    left: 353px;
    margin-top: 213px;
}

#automation_reliable span {
    top: 47px;
    font-size: 11px;
}

#automation_plan {
    left: 177px;
    margin-top: 117px;
}

#automation_plan span {
    top: 18px;
    left: -25px;
    font-size: 11px;
}

#automation_code {
    left: 204px;
    margin-top: 63px;
}

#automation_code span {
    top: 23px;
    font-size: 11px;
    left: -32px;
}

#automation_build {
    left: 253px;
    margin-top: 22px;
}

#automation_build span {
    top: 21px;
    left: -32px;
}

#automation_fast {
    left: 214px;
    margin-top: 208px;
}

#automation_fast span {
    top: 50px;
}

#automation_release {
    left: 419px;
    margin-top: 68px;
    height: 40px;
}

#automation_release span {
    top: 12px;
    font-size: 12px;
    left: 42px;
}

#automation_operate {
    left: 451px;
    margin-top: 159px;
    height: 41px;
}

#automation_operate span {
    top: 13px;
    left: 40px;
}


/* automation mapping end*/


/* manual mapping start*/

#manual_testCreation {
    left: 274px;
    margin-top: 21px;
}

#manual_testCreation span {
    top: 36px;
    color: #ffff;
    left: -12px;
    font-size: 11px;
}

#manual_testExecution {
    left: 371px;
    margin-top: 19px;
}

#manual_testExecution span {
    top: 39px;
    color: #ffff;
    font-size: 11px;
    left: 12px;
}

#manual_defect {
    left: 463px;
    margin-top: 89px;
}

#manual_defect span {
    top: 49px;
    color: #ffff;
    font-size: 11px;
    left: 6px;
}

#manual_testPlan {
    left: 210px;
    margin-top: 89px;
}

#manual_testPlan span {
    top: 47px;
    color: #ffff;
    font-size: 11px;
    left: -2px;
}

#manual_requirment {
    left: 216px;
    margin-top: 190px;
}

#manual_requirment span {
    color: #ffff;
    top: 43px;
    font-size: 11px;
}

#manual_testingProcess {
    left: 337px;
    margin-top: 118px;
}

#manual_testingProcess span {
    color: #000;
    top: 61px;
    font-size: 13px;
}

#manual_verification {
    left: 457px;
    margin-top: 178px;
}

#manual_verification span {
    color: #ffff;
    top: 52px;
    font-size: 11px;
    left: 2px;
}


/* manual mapping end*/


/* Working_at_girmiti mapping start*/

#working_sucess {
    left: 161px;
    margin-top: 73px;
}

#working_sucess span {
    left: -106px;
    margin-top: -40px;
}

#working_solutions {
    left: 312px;
    margin-top: 73px;
}

#working_solutions span {
    left: 2px;
    top: -22px;
}

#working_team_work {
    left: 437px;
    margin-top: 105px;
    width: 100px;
}

#working_team_work span {
    left: 146px;
    margin-top: 44px;
}

#working_supportive {
    left: 122px;
    margin-top: 220px;
}

#working_supportive span {
    left: -90px;
    margin-top: 5px;
}

#working_friendly {
    left: 521px;
    margin-top: 223px;
}

#working_friendly span {
    left: 73px;
    margin-top: -2px;
}

#working_strategy {
    left: 235px;
    top: 336px;
}

#working_strategy span {
    left: 2px;
    top: 145px;
}

#working_innovative {
    left: 403px;
    top: 384px;
}

#working_innovative span {
    left: 0px;
    top: 101px;
}


/* Working_at_girmiti mapping end*/


/* mobile_service mapping start*/

#mobile_design {
    left: 196px;
    margin-top: 118px;
    height: 55px;
}

#mobile_design span {
    top: 20px;
    color: #ffff;
    left: 37px;
    font-size: 12px;
}

#mobile_javaCard {
    left: 457px;
    margin-top: 118px;
    height: 55px;
}

#mobile_javaCard span {
    top: 20px;
    color: #ffff;
    font-size: 12px;
    left: -46px;
}

#mobile_applet {
    left: 487px;
    margin-top: 186px;
}

#mobile_applet span {
    color: #ffff;
    top: 26px;
    font-size: 12px;
    left: -37px;
}

#mobile_development {
    left: 172px;
    margin-top: 187px;
    height: 55px;
}

#mobile_development span {
    top: 25px;
    color: #ffff;
    font-size: 10px;
    left: 45px;
}

#mobile_testing {
    left: 206px;
    margin-top: 268px;
    height: 55px;
}

#mobile_testing span {
    color: #ffff;
    top: 17px;
    font-size: 12px;
    left: 42px;
}

#mobile_key {
    left: 407px;
    margin-top: 267px;
    height: 55px;
    width: 111px;
}

#mobile_key span {
    color: #fff;
    top: 13px;
    font-size: 10px;
    left: -23px;
}


/* mobile_service mapping end*/


/* telecom mapping start*/

#telecom_digital {
    left: 196px;
    margin-top: 154px;
}

#telecom_digital span {
    top: 6px;
    left: 64px;
    white-space: nowrap;
}

#telecom_banks {
    left: 494px;
    margin-top: 142px;
    height: 45px;
}

#telecom_banks span {
    top: 16px;
    left: 53px;
}

#telecom_processors {
    left: 523px;
    margin-top: 189px;
    height: 45px;
}

#telecom_processors span {
    top: 16px;
    left: 53px;
}

#telecom_schemes {
    left: 550px;
    margin-top: 237px;
    height: 45px;
}

#telecom_schemes span {
    top: 15px;
    left: 55px;
}

#telecom_transit {
    left: 551px;
    margin-top: 285px;
    height: 45px;
}

#telecom_transit span {
    top: 16px;
    left: 53px;
}

#telecom_OEM {
    left: 525px;
    margin-top: 328px;
    height: 45px;
}

#telecom_OEM span {
    top: 17px;
    left: 47px;
}

#telecom_Wearable {
    left: 494px;
    margin-top: 374px;
    height: 45px;
}

#telecom_Wearable span {
    top: 17px;
    left: 55px;
}

#telecom_digital_wallet {
    left: 268px;
    margin-top: 192px;
}

#telecom_digital_wallet span {
    top: 17px;
    left: 62px;
    white-space: nowrap;
    font-size: 13px;
}

#telecom_payment {
    left: 296px;
    margin-top: 256px;
}

#telecom_payment span {
    top: 10px;
    left: 62px;
    font-size: 13px;
}

#telecom_tms {
    left: 268px;
    margin-top: 316px;
}

#telecom_tms span {
    top: 24px;
    left: 57px;
    font-size: 13px;
}

#telecom_mPOS {
    left: 205px;
    margin-top: 347px;
}

#telecom_mPOS span {
    top: 42px;
    left: 57px;
    white-space: nowrap;
    font-size: 13px;
}

#telecom_utilities {
    left: 138px;
    margin-top: 319px;
}

#telecom_utilities span {
    top: 21px;
    left: -72px;
    font-size: 13px;
}

#telecom_sms {
    left: 111px;
    margin-top: 254px;
}

#telecom_sms span {
    top: 11px;
    left: -70px;
    font-size: 13px;
}

#telecom_loyalty {
    left: 138px;
    margin-top: 185px;
}

#telecom_loyalty span {
    top: 24px;
    left: -61px;
    font-size: 13px;
}


/* telecom mapping end*/


/* Tokenization mapping start*/

#tokenization_reports {
    left: 269px;
    margin-top: 183px;
}

#tokenization_reports span {
    top: 28px;
    left: 61px;
    font-size: 14px;
}

#tokenization_close {
    left: 218px;
    margin-top: 232px;
}

#tokenization_close span {
    top: 51px;
    left: 52px;
    font-size: 14px;
    white-space: nowrap;
}

#tokenization_verification {
    left: 269px;
    margin-top: 110px;
}

#tokenization_verification span {
    top: 8px;
    left: 56px;
    font-size: 14px;
}

#tokenization_emv {
    left: 214px;
    margin-top: 55px;
}

#tokenization_emv span {
    top: -11px;
    left: 40px;
    font-size: 14px;
}

#tokenization_open {
    left: 145px;
    margin-top: 232px;
}

#tokenization_open span {
    top: 50px;
    left: -75px;
    font-size: 14px;
    white-space: nowrap;
}

#tokenization_pan {
    left: 88px;
    margin-top: 181px;
}

#tokenization_pan span {
    top: 29px;
    left: -49px;
    font-size: 14px;
}

#tokenization_ids {
    left: 89px;
    margin-top: 109px;
}

#tokenization_ids span {
    top: 7px;
    left: -49px;
    font-size: 14px;
}

#tokenization_cvv {
    left: 141px;
    margin-top: 57px;
}

#tokenization_cvv span {
    top: -13px;
    left: -36px;
    font-size: 14px;
}

#tokenization_wallet {
    left: 528px;
    margin-top: 33px;
}

#tokenization_wallet span {
    top: 16px;
    left: 58px;
    font-size: 14px;
    line-height: 14px;
}

#tokenization_hce {
    left: 479px;
    margin-top: 90px;
}

#tokenization_hce span {
    top: 18px;
    left: 50px;
    font-size: 14px;
}

#tokenization_tsm {
    left: 528px;
    margin-top: 153px;
}

#tokenization_tsm span {
    top: 17px;
    left: 52px;
    font-size: 14px;
}

#tokenization_issuance {
    left: 479px;
    margin-top: 201px;
}

#tokenization_issuance span {
    top: 21px;
    left: 56px;
    font-size: 14px;
}

#tokenization_3rd {
    left: 528px;
    margin-top: 255px;
}

#tokenization_3rd span {
    top: 19px;
    left: 59px;
    font-size: 14px;
    white-space: nowrap;
}


/* Tokenization mapping end*/


/*tms mapping start*/

#mposTMS {
    left: 26px;
    margin-top: 33px;
}

#bleTMS {
    left: 26px;
    left: 26px;
    margin-top: 129px;
}

#tabPos {
    left: 26px;
    margin-top: 222px;
}

#pos {
    left: 26px;
    margin-top: 318px;
}

#agents {
    left: 137px;
    margin-top: 39px;
}

#admin {
    left: 265px;
    margin-top: 39px;
}

#portalTMS {
    left: 395px;
    margin-top: 39px;
}

#interfacesTMS {
    left: 137px;
    margin-top: 178px;
}

#paymentGatewayTMS {
    left: 265px;
    margin-top: 178px;
}

#merchantTMS {
    left: 395px;
    margin-top: 178px;
}

#merchantVerticals {
    left: 265px;
    margin-top: 311px;
}

#merchantVerticals span {
    top: 77px;
}


/*tms mapping end*/


/*sms_gateway mapping start*/

#bankSMSGateway {
    left: 105px;
    margin-top: 24px;
}

#bankSMSGateway span {
    top: 85px;
}

#hotel {
    left: 36px;
    margin-top: 104px;
}

#thirdpartysystem {
    left: 104px;
    margin-top: 182px;
}

#billing {
    left: 174px;
    margin-top: 104px;
}

#sms_gateway {
    left: 279px;
    margin-top: 125px;
}

#networkoperator {
    left: 421px;
    margin-top: 124px;
}

#mobilephoneusers {
    left: 561px;
    margin-top: 119px;
}


/*sms_gateway mapping end*/


/*mobile page mapping start*/

#bankingMobile {
    left: 184px;
    margin-top: 100px;
}

#retailMobile {
    left: 321px;
    margin-top: 100px;
}

#telecomMobile {
    left: 459px;
    margin-top: 100px;
}

#payments {
    left: 184px;
    margin-top: 199px;
}

#health {
    left: 321px;
    margin-top: 199px;
}

#insurance {
    left: 459px;
    margin-top: 199px;
}

#sportsMobile {
    left: 596px;
    margin-top: 150px;
}


/*mobile page mapping end*/


/*wallet page mapping start*/

.walletrRight-align span {
    top: 25px;
    left: 60px;
}

#creditDebitCardsWallet {
    left: 318px;
    margin-top: 27px;
}

#fundTransferRemittance {
    left: 406px;
    margin-top: 319px;
    width: 61px;
    height: 58px;
}

#mobileBanking {
    left: 184px;
    margin-top: 166px;
}

#secureElement {
    left: 224px;
    margin-top: 263px;
}

#giftLoyalityWallet {
    left: 319px;
    margin-top: 300px;
}

#billPayment {
    left: 421px;
    margin-top: 260px;
}

#coupons {
    left: 459px;
    margin-top: 163px;
}

#ticketingWallet {
    left: 420px;
    margin-top: 67px;
}


/*wallet page mapping end*/


/*banking_solutions page mapping start*/

#remittanceBankingSolution {
    left: 303px;
    margin-top: 54px;
    width: 100px;
    height: 87px;
}

#notification {
    left: 404px;
    margin-top: 41px;
    width: 61px;
    height: 60px;
}

#security {
    left: 403px;
    margin-top: 109px;
    width: 90px;
    height: 92px;
}

#demat {
    left: 242px;
    margin-top: 319px;
    width: 61px;
    height: 55px;
}

#smsBanking {
    left: 211px;
    margin-top: 214px;
    width: 96px;
    height: 96px;
}

#ticketing {
    left: 208px;
    margin-top: 114px;
    width: 98px;
    height: 86px;
}

#fundTransfer {
    left: 406px;
    margin-top: 307px;
}

#requestServices {
    left: 310px;
    margin-top: 271px;
    width: 89px;
    height: 94px;
}

#operationalManagement {
    left: 402px;
    margin-top: 215px;
    width: 93px;
    height: 91px;
}

#creditDebitPrepaid {
    left: 247px;
    margin-top: 46px;
    height: 53px;
}


/*banking_solutions page mapping end*/


/*commerce page mapping start*/

.commerce_top span {
    top: 14px;
    left: 45px;
}

#utility {
    left: 243px;
    margin-top: 51px;
}

#billingCommerce {
    left: 243px;
    margin-top: 96px;
}

#ticketingCommerce {
    left: 243px;
    margin-top: 142px;
}

#ordering {
    left: 243px;
    margin-top: 190px;
}

#fundTransferCommerce {
    left: 243px;
    margin-top: 237px;
}

#purchase {
    left: 402px;
    margin-top: 50px;
}

#inventory {
    left: 402px;
    margin-top: 97px;
}

#comparision {
    left: 402px;
    margin-top: 143px;
}

#shoppingCarts {
    left: 402px;
    margin-top: 190px;
}

#reports {
    left: 402px;
    margin-top: 236px;
}


/*commerce page mapping end*/


/*identification_tools page mapping start*/

.identification_tools span {
    top: 16px;
    left: 56px;
}

#ticketingIdentificationTool span {
    top: -8px;
    left: -2px;
}

#ticketingIdentificationTool {
    left: 442px;
    margin-top: 106px;
}

#passport {
    left: 522px;
    margin-top: 113px;
}

#government {
    left: 522px;
    margin-top: 173px;
}

#RetailIdentificationTool {
    left: 522px;
    margin-top: 236px;
}

#restaurant {
    left: 522px;
    margin-top: 295px;
}


/*identification_tools page mapping end*/


/*cloud_hce page mapping start*/

.cloud_hce span {
    top: 31px;
    left: 62px;
}

.pno1 span {
    top: 36px;
    left: -40px;
}

.pno2 span {
    top: 36px;
    left: 43px;
}

#setsm {
    left: 42px;
    margin-top: 48px;
}


/*  #setsm span{
     top: 92px;
} */

#pno1 {
    left: 318px;
    margin-top: -9px;
}

#pno2 {
    left: 379px;
    margin-top: -9px;
}

#server {
    left: 392px;
    margin-top: 150px;
}

#customerCloudHce {
    left: 552px;
    margin-top: 63px;
}

#agentCloudHce {
    left: 552px;
    margin-top: 145px;
}

#adminCloudHce {
    left: 546px;
    margin-top: 227px;
}


/*cloud_hce page mapping end*/


/*hce page mapping start*/

#tsmCloudHce {
    left: 69px;
    margin-top: 38px;
}

#seTsmHce {
    left: 55px;
    margin-top: 184px;
}

#spTsmHce {
    left: 136px;
    margin-top: 184px;
}

#nfcReaderHce {
    left: 314px;
    margin-top: 101px;
}


/*hce page mapping end*/


/*se_in_cloud page mapping end*/

#seTsmSeInCloud {
    left: 545px;
    margin-top: 100px;
}

#spTsmSeInCloud {
    left: 624px;
    margin-top: 101px;
}


/*se_in_cloud page mapping end*/


/*emv page mapping start*/

#PosTerminalEmv {
    left: 326px;
    margin-top: 67px;
}

#mobileposEmv {
    left: 386px;
    margin-top: 15px;
}

#pcPOSEmv {
    left: 481px;
    margin-top: 16px;
}

#pnoEmv {
    left: 539px;
    margin-top: 68px;
}

#acquirerEmv {
    left: 335px;
    margin-top: 206px;
}

#processorEmv {
    left: 424px;
    margin-top: 206px;
}

#issuerEmv {
    left: 514px;
    margin-top: 206px;
}


/*emv page mapping end*/


/*readers page mapping start*/

#pinpadReaders {
    left: 45px;
    margin-top: 122px;
}

#posTerminalReaders {
    left: 95px;
    margin-top: 105px;
}

#mobilePosReaders {
    left: 237px;
    margin-top: 83px;
}

#nfcReaders {
    left: 409px;
    margin-top: 83px;
}

#pcPOSReaders {
    left: 562px;
    margin-top: 84px;
}


/*readers page mapping end*/


/*pos page mapping start*/

.left_align span {
    top: 12px;
    left: -55px;
}

.ctls_align span {
    top: 20px;
    left: 59px;
}

.emvPos_align span {
    top: 27px;
    left: 45px;
}

.emvPos_align span {
    top: 28px;
    left: 46px;
}

.gsmPos_align span {
    top: 28px;
    left: -45px;
}

.gprsPos_align span {
    top: 27px;
    left: -50px;
}

.contactPos_align span {
    top: -16px;
}

#gprsPos {
    left: 310px;
    margin-top: 81px;
}

#ContactPos {
    left: 416px;
    margin-top: 31px;
}

#EMVpos {
    left: 531px;
    margin-top: 76px;
}

#ContactlessPos {
    left: 560px;
    margin-top: 194px;
}

#ipPos {
    left: 499px;
    margin-top: 293px;
}

#DailPos {
    left: 364px;
    margin-top: 294px;
}

#GsmPos {
    left: 282px;
    margin-top: 201px;
}

#ApplicationPos {
    left: 38px;
    margin-top: 118px;
}

#KMVKernelPos {
    left: 125px;
    margin-top: 118px;
}

#SDKPos {
    left: 209px;
    margin-top: 118px;
}

#PortingPos {
    left: 80px;
    margin-top: 224px;
}

#GICPos {
    left: 166px;
    margin-top: 224px;
}


/*pos page mapping end*/


/*porting_re_engineering page mapping start*/

#clientPos {
    left: 58px;
    margin-top: 63px;
}

#clientPos span {
    top: 80px;
    left: -33px;
}

#PartnersPos {
    left: 158px;
    margin-top: 71px;
}

#PartnersPos span {
    top: 72px;
}

#DistributorsPos {
    left: 270px;
    margin-top: 76px;
}

#DistributorsPos span {
    top: 68px;
    left: -7px;
}

#DevelopmentPos {
    left: 449px;
    margin-top: 69px;
}

#DevelopmentPos span {
    top: 60px;
    left: -5px;
    text-align: end;
}

#TestingPos {
    left: 600px;
    margin-top: 58px;
}

#TestingPos span {
    top: 70px;
}

#UATPos {
    left: 46px;
    margin-top: 271px;
}

#UATPos span {
    top: 56px;
}

#TestingevePos span {
    text-align: end;
}

#PortingPos {
    left: 517px;
    margin-top: 175px;
}

#PortingPos span {
    top: 79px;
    left: -4px;
}

#CertificationPos {
    left: 154px;
    margin-top: 264px;
}

#TestingevePos {
    left: 263px;
    margin-top: 266px;
}

#TestingpltPos {
    left: 427px;
    margin-top: 292px;
}

#porting_iso {
    left: 155px;
    margin-top: 160px;
}


/*porting_re_engineering page mapping end........*/


/*histroy_culture page mapping start....*/

#DelightingPos {
    left: 329px;
    margin-top: 44px;
}

#DelightingPos span {
    top: -34px;
    left: -9px;
}

#KnowledgePos {
    left: 388px;
    margin-top: 108px;
}

#KnowledgePos span {
    top: -32px;
    left: 14px;
}

#ClockPos {
    left: 463px;
    margin-top: 94px;
}

#ClockPos span {
    top: 16px;
    left: 65px;
}

#TalentsPos {
    left: 520px;
    margin-top: 160px;
}

#TalentsPos span {
    top: 38px;
    left: 61px;
}

#HospatalitiyPos {
    left: 431px;
    margin-top: 214px;
}

#HospatalitiyPos span {
    top: 33px;
    left: 69px;
}

#SmartPos {
    left: 466px;
    margin-top: 280px;
}

#SmartPos span {
    top: 34px;
    left: 62px;
}

#InnovationPos {
    left: 383px;
    margin-top: 283px;
}

#InnovationPos span {
    top: 70px;
    left: 10px;
}

#WorkFormPos {
    left: 328px;
    margin-top: 345px;
}

#WorkFormPos span {
    top: 63px;
    left: -4px;
}

#HolidaysPos {
    left: 209px;
    margin-top: 279px;
}

#hoursPos {
    left: 277px;
    margin-top: 283px;
}

#AwardsPos {
    left: 228px;
    margin-top: 210px;
}

#AwardsPos span {
    top: 33px;
    left: -63px;
}

#FunPos {
    left: 153px;
    margin-top: 167px;
}

#FunPos span {
    top: 27px;
    left: -69px;
}

#CreativityPos {
    left: 193px;
    margin-top: 96px;
}

#CreativityPos span {
    top: 21px;
    left: -77px;
}

#WorkAtPos {
    left: 275px;
    margin-top: 105px;
}

#WorkAtPos span {
    top: -34px;
    left: -14px;
}


/*histroy_culture page mapping end....*/


/* big_data page mapping start*/

#bigdata_reports {
    left: 149px;
    margin-top: 230px;
}

#bigdata_reports span {
    top: 70px;
}

#bigdata_Warehousing {
    left: 149px;
    margin-top: 136px;
}

#bigdata_Warehousing span {
    top: 70px;
    left: -12px;
}

#bigdata_Design {
    left: 149px;
    margin-top: 42px;
}

#bigdata_Design span {
    top: 70px;
}

#bigdata_analytics {
    left: 56px;
    margin-top: 42px;
}

#bigdata_analytics span {
    top: 70px;
}

#bigdata_modelling {
    left: 56px;
    margin-top: 136px;
}

#bigdata_modelling span {
    top: 70px;
}

#bigdata_managment {
    left: 56px;
    margin-top: 230px;
}

#bigdata_managment span {
    top: 70px;
    left: -12px;
}


/* big_data page mapping end*/


/* maintenance_migration page mapping start*/

#migration {
    left: 507px;
    margin-top: 55px;
}

#maintenance {
    left: 505px;
    margin-top: 208px;
}


/* maintenance_migration page mapping end*/


/* porting_re_engineering page mapping start*/

.invisible.bigbox {
    width: 234px;
    height: 88px;
}

#clientApplicationPorting {
    left: 53px;
    margin-top: 65px;
}

#partnersPorting {
    left: 157px;
    margin-top: 65px;
}

#distributorsPorting {
    left: 292px;
    margin-top: 65px;
}

#isoPorting {
    left: 165px;
    margin-top: 176px;
}

#finalReleasePorting {
    left: 43px;
    margin-top: 261px;
}

#certificationPorting {
    left: 202px;
    margin-top: 261px;
}

#testingEnvironmentPorting {
    left: 268px;
    margin-top: 261px;
}

#developmentTeamPorting {
    left: 454px;
    margin-top: 66px;
}

#testingTeamPorting {
    left: 600px;
    margin-top: 66px;
}

#PortingFixingPorting {
    left: 510px;
    margin-top: 182px;
}

#testingPlatformPorting {
    left: 418px;
    margin-top: 286px;
}


/* porting_re_engineering page mapping end*/


/* release_meangement page mapping start */

.release span {
    width: 105px;
    top: 60px;
    left: -25px;
}

#DevelopersCommit {
    left: 110px;
    margin-top: 59px;
}

#ChangesAreBuild {
    left: 252px;
    margin-top: 55px;
}

#deployedAndTested {
    left: 405px;
    margin-top: 59px;
}

#deployedServers {
    left: 535px;
    margin-top: 55px;
}

#developers {
    left: 110px;
    margin-top: 183px;
}

#Customers {
    margin-top: 182px;
    margin-left: -158px;
}

#changesUpdateFixes {
    left: 110px;
    margin-top: 296px;
}

#ideasRequestBugs {
    margin-top: 298px;
    margin-left: -158px;
}


/* release_meangement page mapping end */


/* certification page mapping start*/

#scannerCertification {
    left: 332px;
    margin-top: 104px;
}

#PortalCertification {
    left: 254px;
    margin-top: 160px;
}

#PosCertification {
    left: 301px;
    margin-top: 249px;
}

#mobileCertification {
    left: 382px;
    margin-top: 249px;
}

#wearablesCertification {
    left: 411px;
    margin-top: 158px;
}

#emvCertification {
    left: 326px;
    margin-top: 24px;
}

#emvGatewayCertification {
    left: 235px;
    margin-top: 298px;
}

#kernelCertification {
    left: 414px;
    margin-top: 52px;
}

#qVSDSCertification {
    left: 471px;
    margin-top: 128px;
}

#qSDCCertification {
    left: 470px;
    margin-top: 225px;
}

#mastercardCertification {
    left: 235px;
    margin-top: 50px;
}

#nexoCertification {
    left: 414px;
    margin-top: 305px;
}

#mchipCertification {
    left: 181px;
    margin-top: 223px;
}

#visaAdvtCertification {
    left: 181px;
    margin-top: 127px;
}

#issuenceCertification {
    left: 327px;
    margin-top: 327px;
}

.digitalIssuence span {
    margin: -79px 71px 0px;
}

.hce span {
    margin: -68px 69px 0px;
}

.kernel span {
    margin: -68px 70px;
}

.emv span {
    margin: -87px 68px;
}

.mastercard span {
    margin-left: -140px;
    margin-top: -66px;
}

.nexo span {
    margin: -75px 71px;
}

.processor2 span {
    margin-left: -131px;
    margin-top: -70px;
}

.visa span {
    margin-left: -93px;
    margin-top: -66px;
}

.issuance span {
    margin: -45px 70px;
}

.paymentGateway span {
    margin-left: -70px;
    margin-top: -75px;
    word-break: break-all;
    width: 74px;
}

.scanner span {
    margin: -31px 52px;
}

.portal span {
    margin-left: -29px;
    margin-top: -2px;
}

.pos1 span {
    margin-left: -65px;
    margin-top: -18px;
}

.mobileCertification span {
    margin: -18px 49px;
}

.wearablesCertification span {
    margin-left: 16px;
}

.mposNfc {
    margin-top: 67px;
    margin-left: -422px;
}

#mposNfcId {
    top: -3%;
    left: -87%;
}

.tposNfc {
    margin-top: 63px;
    margin-left: -305px;
}

#tposNfcId {
    top: 3%;
    left: 100%;
}

.pnoNfc {
    margin-top: 176px;
    margin-left: -267px;
}

#pnoNfcId {
    top: 41%;
    left: 100%;
}

.qaNfc {
    margin-top: 250px;
    margin-left: -366px;
}

#qaNfcId {
    top: 107%;
    left: 65%;
    word-break: break-word;
    width: 131px;
}

.formNfc {
    margin-top: 174px;
    margin-left: -456px;
}

#formNfc {
    top: 43%;
    left: -118%;
}

.mastercardProcessor {
    margin-top: 47px;
    margin-left: -369px;
}

#mastercardProcessorId {
    top: -19%;
    left: 84%;
}

.visaProcessor {
    margin-top: 98px;
    margin-left: -278px;
}

#visaPoocessorId {
    top: 41%;
    left: 100%;
}

.isoProcessor {
    margin-top: 207px;
    margin-left: -278px;
}

#isoprocessorId {
    top: 38%;
    left: 99%;
    word-break: break-word;
    width: 91px;
}

.iso2Processor {
    margin-top: 259px;
    margin-left: -368px;
}

#iso2ProcessorId {
    top: 97%;
    left: 82%;
}

.nexoProcessor {
    margin-top: 206px;
    margin-left: -462px;
}

#nexoProcessorId {
    top: 39%;
    left: -99%;
}

.girocardProcessor {
    margin-top: 101px;
    margin-left: -462px;
}

#girocardProcessorId {
    top: 37%;
    left: -116%;
}


/* wallet certification start*/

#pciWallet {
    left: 364px;
    margin-top: 58px;
}

.pciWallet_align span {
    top: 12px;
    left: 66px;
}

#pcidssWallet {
    left: 415px;
    margin-top: 198px;
}

.pcidssWallet_align span {
    top: 53px;
    left: 85px;
}

#pciptsWallet {
    left: 300px;
    margin-top: 293px;
}

.pciptsWallet_align span {
    top: 100px;
    left: 48px;
}

#p2peWallet {
    left: 173px;
    margin-top: 200px;
}

.p2peWallet_align span {
    top: 52px;
    left: -77px;
}

#padssWallet {
    left: 216px;
    margin-top: 60px;
}

.padssWallet_align span {
    top: 11px;
    left: -72px;
}


/* wallet certification end*/


/* paymentgateway certification start*/

.pnoPayment {
    margin-left: -390px;
    margin-top: 58px;
}

#pnoPaymentId {
    top: -36%;
    left: 32%;
}

.loyaltyPayment {
    margin-left: -310px;
    margin-top: 87px;
}

#loyaltyPaymentId {
    top: -9%;
    left: 80%;
}

.configurationPayment {
    margin-left: -270px;
    margin-top: 162px;
}

#configurationPaymentId {
    top: 29%;
    left: 123%;
}

.switchesPayment {
    margin-left: -514px;
    margin-top: 171px;
}

#switchesPaymentId {
    top: 19%;
    left: -109%;
}

.processorPayment {
    margin-top: 88px;
    margin-left: -480px;
}

#processorPaymentId {
    top: -8%;
    left: -84%;
}


/* paymentgateway certification end*/


/* mpos&tpos certification start*/

.contactPos {
    margin-left: -380px;
    margin-top: 53px;
}

#contactPosId {
    top: 35%;
    left: 140%;
}

.contactlessPos {
    margin-left: -259px;
    margin-top: 138px;
}

#contactlessPosId {
    top: 48%;
    left: 144%;
}

.paymentgatewayPos {
    margin-left: -311px;
    margin-top: 288px;
}

#paymentgatewayPosId {
    top: 38%;
    left: 153%;
    word-break: break-word;
    width: 105px;
}

.pnoPos {
    margin-left: -457px;
    margin-top: 281px;
}

#pnoPosId {
    top: 53%;
    left: -140%;
}

.tmsPos {
    margin-left: -507px;
    margin-top: 142px;
}

#tmsPosId {
    top: 38%;
    left: -133%;
}


/* mpos&tpos  certification end*/


/* certification page mapping end*/


/* implementation_partner page mapping end*/

#emvImplementationPartner {
    left: 96px;
    margin-top: 104px;
}

#cImplementationPartner {
    left: 196px;
    margin-top: 104px;
}

#javaImplementationPartner {
    left: 323px;
    margin-top: 104px;
}

#oracleImplementationPartner {
    left: 44px;
    margin-top: 200px;
}

#mySQLImplementationPartner {
    left: 149px;
    margin-top: 200px;
}

#dotNetImplementationPartner {
    left: 256px;
    margin-top: 200px;
}

#nfcImplementationPartner {
    left: 363px;
    margin-top: 200px;
}

#remittanceImplementationPartner {
    left: 503px;
    margin-top: 20px;
}

#paymentsImplementationPartner {
    left: 503px;
    margin-top: 73px;
}

#bankingImplementationPartner {
    left: 503px;
    margin-top: 121px;
}

#creditImplementationPartner {
    left: 507px;
    margin-top: 171px;
}

#nfcImplementationPartner_small {
    left: 506px;
    margin-top: 220px;
}

#readersImplementationPartner {
    left: 504px;
    margin-top: 277px;
}

#terminalImplementationPartner {
    left: 504px;
    margin-top: 320px;
}


/* implementation_partner page mapping end*/


/* oracle page mapping start*/

#administrationOracle {
    left: 99px;
    margin-top: 40px;
}

#maintenanceOracle {
    left: 226px;
    margin-top: 40px;
}

#migrationOracle {
    left: 99px;
    margin-top: 156px;
}

#supportOracle {
    left: 226px;
    margin-top: 154px;
}


/* oracle page mapping end*/


/* ibm_services page mapping start*/

.invisible.ibm_Services {
    width: 282px;
    height: 299px;
}

.ibm_services_text_align span {
    left: 230px;
    line-height: 25px;
}

#ibmServices {
    left: 275px;
    margin-top: 2px;
}


/* ibm_services page mapping end*/


/* pa_dss page mapping end*/

#securePADSS {
    left: 96px;
    margin-top: 68px;
}

#addressPADSS {
    left: 303px;
    margin-top: 68px;
}

#instructionalPADSS {
    left: 508px;
    margin-top: 68px;
}

#secureApplicationsPADSS {
    left: 98px;
    margin-top: 228px;
}

#applicationPADSS {
    left: 304px;
    margin-top: 228px;
}

#networkPADSS {
    left: 508px;
    margin-top: 228px;
}


/* pa_dss page mapping end*/


/* global_model page mapping start*/

#offshore_global_model {
    left: 98px;
    margin-top: 55px;
}

#offshore_second_global_model {
    left: 428px;
    margin-top: 98px;
}

#nearshore_global_model {
    left: 508px;
    margin-top: 198px;
}


/* global_model page mapping end*/


/* methodology page mapping start*/

.conceptsMethodology_align span {
    top: 24px;
    left: 58px;
}

.implementMethodology_align span {
    top: 24px;
    left: 61px;
}

.understandMethodology_align span {
    top: 26px;
    left: -78px;
}

.researchMethodology_align span {
    top: 26px;
    left: -61px;
}

.briefMethodology_align span {
    top: 26px;
    left: -30px;
}

#conceptsMethodology span {
    top: -14px;
}

.conceptsMethodology_align span {
    top: -14px;
}

#conceptsMethodology {
    left: 247px;
    margin-top: 27px;
}

#briefMethodology {
    left: 152px;
    margin-top: 67px;
}

#researchMethodology {
    left: 113px;
    margin-top: 166px;
}

#understandMethodology {
    left: 153px;
    margin-top: 263px;
}

#flexibilityMethodology {
    left: 252px;
    margin-top: 307px;
}

#implementMethodology {
    left: 351px;
    margin-top: 260px;
}

#launchMethodology {
    left: 387px;
    margin-top: 163px;
}

#creativeMethodology {
    left: 349px;
    margin-top: 67px;
}

#BrainstormMethodology {
    left: 231px;
    margin-top: 140px;
}


/* global_model page mapping end*/


/* process page mapping start*/

#requirementsProcess {
    left: 25px;
    margin-top: 78px;
}

#designProcess {
    left: 135px;
    margin-top: 78px;
}

#OnsiteProcess {
    left: 40px;
    margin-top: 282px;
}

#OffsoreProcess {
    left: 40px;
    margin-top: 335px;
}

#documentationProcess {
    left: 174px;
    margin-top: 196px;
}

#effortProcess {
    left: 310px;
    margin-top: 202px;
}

#developmentProcess {
    left: 417px;
    margin-top: 77px;
}

#developmentProcess2 {
    left: 572px;
    margin-top: 77px;
}

#uatProcess {
    left: 494px;
    margin-top: 222px;
}


/* process page mapping end*/


/* business_consulting page mapping start*/

#businessConsulting {
    left: 253px;
    margin-top: 100px;
}

#technologyConsulting {
    left: 413px;
    margin-top: 100px;
}

#qualityConsulting {
    left: 569px;
    margin-top: 100px;
}


/* business_consulting page mapping end*/


/* chatak page mapping start*/

.applicationChatak_align span {
    top: 15px;
    left: -90px;
}

.ChatakCHK_align span {
    top: -30px;
}

.invisible.big_box_Chatak {
    width: 221px;
    height: 195px;
}

.big_box_Chatak span {
    left: 150px;
    top: 0px;
    line-height: 25px;
}

#applicationChatak {
    left: 164px;
    margin-top: 39px;
}


/* #ServersChatak {
     left: 70px;
     margin-top: 199px ;
}
 */

#databaseChatak {
    left: 68px;
    margin-top: 199px;
}

#ChatakCHK {
    left: 295px;
    margin-top: 109px;
}

#group_text_Chatak {
    left: 423px;
    margin-top: 109px;
}


/* chatak page mapping end*/

@font-face {
    font-family: "Glyphicons Halflings";
    src: url(../fonts/bootstrap/glyphicons-halflings-regular.eot);
    src: url(../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}

.glyphicon {
    position: relative;
    top: -3px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-eur:before,
.glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

@media screen and (max-width: 1024px) {
    .glyphicon-sort-by-attributes:before {
        content: "";
    }
}
.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}


/*# sourceMappingURL=style.css.map */

.carousel-control {
    text-shadow: none;
}

hr {
    margin: 0;
}

.alert-danger,
.alert {
    background: none;
    border-color: transparent;
    padding: 0;
    min-height: 20px;
    display: block;
    margin: 0;
    clear: both;
    font-size: 10px;
    color: #f00;
    font-weight: bold;
}


/* Bootstrap override end */


/* Carousel Style start */

.lnr-chevron-left,
.lnr-chevron-right {
    font-weight: bold;
    /* background: #fff;
  color: #000; */
    background: transparent;
    color: #f3eeee;
    /* padding: 10px;
  border-radius: 50px; */
    font-size: 18px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.lnr-chevron-right {
    right: 6px;
}

.lnr-chevron-left {
    left: 6px;
}


/* Custom Css Start */

.close_btn {
    padding: 10px;
    position: absolute;
    top: -90vh;
    right: 0;
    display: none;
}

.black-text,
.black-text h1,
.black-text h2 {
    color: #363636 !important;
}

.about-girmiti p,
.about-girmiti h1,
.about-girmiti h2 {
    color: #fff;
    text-align: justify;
    margin-bottom: 10px;
    line-height: 20px;
}

/* @media screen and (max-width: 1024px ) {
    .about-girmiti p,p{
        word-spacing: -0.8px;
    }
} */

.about-girmiti h1,
.about-girmiti h2 {
    margin-bottom: 20px !important;
}

.nav_links_container {
    height: 72vh;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    top: 90px;
    z-index: 3;
    display: none;
}

.nav_links_container1 {
    height: 72vh;
    background:     rgba(255, 255, 255, 1);
    position: absolute;
    top: 70px;
    z-index: 3;
    display: none;
}

.close_menu_btn {
    padding: 8px 30px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 4;
    display: none;
    border: 0;
}

.about_us_links,
.verticals_links,
.solutions_links,
.services_links,
.news_links,
.careers_links {
    height: 0;
    display: block;
    overflow-y: hidden;
    min-height: 0px !important;
    opacity: 0;
}

@media screen and (max-width: 1500px),
screen and (max-height: 700px) {
    .about_us_links,
    .verticals_links,
    .solutions_links,
    .services_links,
    .news_links,
    .careers_links {
        overflow-y: hidden;
    }
}


/* @media screen and (max-width: 1500px) {  */


/* .about_us_links, .verticals_links, .solutions_links, .services_links, .news_links, .careers_links { */


/* overflow-y: scroll; */


/* } */


/* } */


/* .height80 {
     display: block;
}
 */


/*.nav_links_container::-webkit-scrollbar, .nav_links_container::-moz-scrollbar {
     width: 0 !important;
}
 .nav_links_container {
     -ms-overflow-style: none;
    /*overflow: -moz-scrollbars-none;
}
*/

.nav_links_container ul {
    list-style: none;
    padding-left: 10px;
}

.nav_links_container ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* .nav_links_container ul li:before{ */


/* content: "\00BB \0020"; */


/* font-size: 25px; */


/* color: #828282  */


/* } */


/* .nav_links_container ul li ul li:before{ */


/* font-family: 'Pe-icon-7-stroke'; */


/* content: "\e684"; */


/* font-size: 20px; */


/* color: #828282  */


/* } */

.nav_links_container ul li ul li a {
    top: 6px;
    font-size: 13px;
}

.nav_links_container ul.girmiti-social-icons li:before {
    content: "";
}

.nav_links_container .girmiti-social-icons {
    padding: 0;
    margin-top: 15px;
}

.nav_links_container .girmiti-social-icons li a:first-child {
    padding-left: 0;
}

.nav_links_container .glyphicon {
    /* display: none; */
}

.nav_links_container .copyright {
    position: absolute;
    /* bottom: 5px; */
    padding: 1em;
    left: 60px;
    top: 100%;
    width: 50%;
    background-color: white;
}

i.fa.fa-road {
    margin-top: 6px;
}

.nav_links_container .fa {
    color: #5f5d5d;
    width: 25px;
    font-size: 18px;
    height: 25px;
    display: inline-block;
    text-align: center;
}

@media screen and (max-width: 1326px) {
    .girmiti-nav ul li a {
        font-size: 1.6vw;
        padding: 30px 10px;
    }
    .fixed .text-center.menu-1,
    .text-center.menu-1 {
        text-align: right;
    }
    .menu-1 {
        /*  padding-right: 15em; */
    }
    #google_translate_element {
        right: 20px;
    }
    .close_menu_btn {
        padding: 10px;
        background: #fff;
        position: absolute;
        right: 0;
        top: 31px;
        z-index: 4;
        display: none;
        border: 0;
        font-size: 25px;
    }
    .main_logo_container img {
        /* width: 210px; */
    }
}

@media screen and (max-width: 1024px) {
    #google_translate_element {
        top: 78px;
        right: 0;
        width: 100%;
    }
    .skiptranslate,
    .goog-te-gadget-simple {
        width: 100% !important;
        text-align: center;
    }
    .goog-te-menu-frame .goog-te-menu2 {
        width: 100% !important;
    }
    .menu-1 {
        padding-right: 25px;
    }
}


.nav_links_container ul li ul {
    margin-left: 0;
    padding-left: 0;
    display: none;
}

.nav_links_container a {
    vertical-align: top;
    position: relative;
    /* top: 9px; */
    margin-left: 5px;
}


/*.nav_links_container ul li.has-sub-link:before {
     content: "";
}
*/

.nav_links_container ul li.has-sub-link h2 {
    margin-bottom: 0px;
    font-size: 20px;
    padding-left: 15px;
    margin-top: 10px;
}

.has-sub-link ul {
    padding-left: 15px;
}

.main_logo_container {
    position: absolute;
    z-index: 2;
    -webkit-transform: skew(-200deg);
    -moz-transform: skew(-200deg);
    transform: skew(-200deg);
    top: -1px;
    left: -18px;
    /* background: #fff;
     */
    /* padding: 25px 40px; */
}

.row.col-lg-2.col-md-1.mobile1.no-padding {
    margin: 12px 15px !important;
}

@media (min-width: 1200px) {
    .main_logo_container.col-lg-2 {
        width: 23.66666669%;
    }
}

@media (min-width: 1600px) {
    .main_logo_container.col-lg-2 {
        width: 19.66666669%;
    }
}


@media only screen and (max-width: 1000px) {
    .main_logo_container img {
        /* -webkit-transform: skew(200deg);
        -moz-transform: skew(200deg);
        transform: skew(200deg);
        margin-top: 12px;
        height: 50%;
        width: 75%; */
        margin-top: -1.3rem;
        width: 210px;
    
    }
}
.main_logo_container img {
    -webkit-transform: skew(200deg);
    -moz-transform: skew(200deg);
    transform: skew(200deg);
    /* margin-top: 12px;
    height: 45px;
    width: 225px; */

}

.nav_logo_small {
    position: absolute;
    top: 0px;
    padding: 0 45px;
    display: none;
}

.girmiti-nav ul li.active:after {
    content: "";
    position: absolute;
    left: 46%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #31a600;
    clear: both;
    top: 30px;
}

.girmiti-nav ul li.active.noarrow:after {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.about-girmiti a {
    color: #fff;
    font-weight: bold;
}

.searchContainer input {
    border-top: 1px solid #a9a9a9;
    border-left: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    border-right: 0;
    width: 100%;
    padding: 0 10px;
    height: 40px;
    margin: 0;
}

.searchicon {
    border-top: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    border-left: 0;
    background: none;
    font-size: 25px;
    height: 40px;
    padding-top: 0px;
}

.searchicon .pe {
    position: relative;
    right: 10px;
    top: 3px;
}

.searchContainer .form-control {
    border-radius: 0;
}

.searchContainer .form-control:focus {
    border-color: #a9a9a9;
}

.nav_otherpages {
    top: 0;
}

.quick_links button {
    background: none;
    border: 1px solid #c2c2c2;
    margin: 5px;
    border-radius: 40px;
    color: #c2c2c2;
    font-size: 12px;
    padding: 5px 10px;
    outline: 0;
}

.quick_links button:hover {
    border: 1px solid #31a600;
    color: #31a600;
}

.quick_links button.highlite:hover {
    border: 0;
    color: #fff;
}

.quick_links .highlite {
    background: #31a600;
    color: #fff;
    border: 0;
}

.quick_links {
    margin-bottom: 20px;
}

.active_link {
    border: 1px solid #31a600 !important;
    color: #31a600 !important;
}

.scroll-to-fixed-fixed {
    padding: 10px 0;
    /*top: 0px !important;
    */
}

.scroll-to-fixed-fixed.girmiti-nav ul li a {
    font-size: 15px;
}

.fixed {
    position: fixed !important;
    top: 0 !important;
}

.girmiti-nav.fixed {
    padding: 10px;
}

.girmiti-nav.fixed ul li a {
    font-size: 16px;
}

.nav_otherpages {
    top: 0px;
    padding: 10px;
    position: fixed;
    width: 96%;
}

.index_page .nav_otherpages {
    position: absolute;
    top: 85vh;
    padding: 35px 0;
}

.nav_otherpages ul li a {
    font-size: 16px;
}

.other_pages_nav_big {
    padding: 35px;
}

.other_pages_nav_big ul li a {
    font-size: 3vh;
}

@media screen and (max-width: 1480px) {
    .other_pages_nav_big ul li a {
        font-size: 2.5vh;
    }
}

.logo_otherpages {
    position: fixed;
    top: 0;
    left: 50px;
    z-index: 3;
    padding: 5px;
}

.other_pages_nav_big_logo {
    top: 30px;
}

.events marquee {
    height: 300px;
}

.events marquee img {
    float: right;
    max-height: 290px;
    border-radius: 30px;
    max-width: 250px;
    width: 200px;
}

.events marquee .text-container,
.events marquee .img-container {
    min-height: 130px;
    margin-bottom: 20px;
}

@media screen and (max-width: 900px) {
    .events marquee img {
        width: 100%;
        float: left;
        max-height: initial;
        max-width: initial;
    }
    .events marquee .text-container,
    .events marquee .img-container {
        min-height: auto;
    }
    .events marquee .img-container {
        max-height: 300px;
        overflow: hidden;
    }
}

.events marquee .text-container,
.events marquee .img-container2 {
    min-height: 130px;
    margin-bottom: 20px;
}

@media screen and (max-width: 900px) {
    .events marquee img {
        width: 100%;
        float: left;
        max-height: initial;
        max-width: initial;
    }
    .events marquee .text-container,
    .events marquee .img-container2 {
        min-height: auto;
    }
    .events marquee .img-container2 {
        max-height: 300px;
        overflow: hidden;
    }
}

.other_page p {
    text-align: justify;
}

.grey-background {
    background: #fff;
}


/*  .other-page-container {
     padding: 5em 0 5em 0;
} */

.girmiti-container h2 {
    color: #fff !important;
    font-weight: 600;
}

.girmiti-container .girmiti-tabs h2 {
    display: none;
    color: #444 !important;
}

.bread-crumb-container h2,
.other_page h2 {
    color: #fff !important;
}


/*tms*/

.bread-crumb-container-black h2,
.other_page h2 {
    color: #646464 !important;
}

.has-dropdown ul {
    display: none;
}

.offcanvas-has-dropdown ul li ul {
    display: none;
}

.offcanvas-has-dropdown ul li ul.show {
    display: block !important;
}

.enquiry_email,
.enquiry_text {
    width: 100%;
    padding: 5px 0 5px 45px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: right;
    font-size: 14px;
    height: 39px;
    color: #000;
}

.enquiry_comments {
    width: 100%;
}

.enquiry_button {
    background-color: #d0d3d4;
    color: #17202a;
    padding: 10px; 
    margin: 20px 0;
    border: 0px;
    width: 185px;
}

.text_area_container textarea {
    height: 100px;
}

.label_alt {
    padding: 5px;
}

.icon_container {
    /*  padding: 8px 0 5px 0; */
    padding: 32px 0 5px 0;
    margin: 5px 0;
    text-align: center;
    width: 39px;
    height: 39px;
    float: left;
    position: absolute;
}

.input_container {
    float: left;
}

.input_300 {
    width: 300px;
}

.email_icon {
    top: 10px;
}

.contactUs-float {
    /* background-color: #31a600;
  float: right;
  height: 45px;
  width: 120px;
  position: fixed;
  top: 53%;
  left: -50px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 12px 5px;
  text-align: center;
  box-shadow: 0px 2px 11px 0 rgba(0, 0, 0, 0.2);
  z-index: 5;
  transform: rotate(-90deg); */
    background-color: #31a600;
    float: right;
    height: 27px;
    width: 112px;
    position: fixed;
    top: 53%;
    left: -44px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 2px 5px;
    text-align: center;
    box-shadow: 0px 2px 11px 0 rgba(0, 0, 0, 0.2);
    z-index: 5;
    transform: rotate(-90deg);
}

@media screen and (max-width: 1024px) {
    .contactUs-float i {
        color: #fff;
    }
    .contactUs-float {
        background-color: #31a600;
        float: right;
        height: 45px;
        width: 45px;
        position: fixed;
        top: 87%;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        left: 15px;
        padding: 14px 18px;
        text-align: center;
        box-shadow: 0px 7px 20px 0 rgba(0, 0, 0, 0.3);
        z-index: 5;
        transform: rotate(0);
        right: 20px;
        overflow: hidden;
        border-radius: 50px;
        color: #31a600;
        text-align: center;
    }
    .icon_container {
        padding: 33px 0 5px 0;
        margin: 5px 0;
        text-align: center;
        width: 39px;
        height: 39px;
        float: left;
        position: absolute;
    }
    /* .img-container img{
        width:680px;
    } */
}

@media screen and (max-width: 1050px) {
    .icon_container {
        /* padding: 8px 0 5px 0;
			padding: 10px 0 5px 0;
			margin: 5px 0;
			text-align: center;
			width: 39px;
			height: 39px;
			float: left;
			position: absolute; */
    }
}

.download-btn {
    position: relative;
    background-color: #31a600;
    margin-top: 35px;
    padding: 8px 43px !important;
    border: none;
    font-size: 13px;
    border-radius: 7px;
}
.download-btn .tooltiptext {
    visibility: hidden;
    width: 215px;
    background-color: white;
    color: rgb(0,0,0);
    text-align: center;
    padding: 5px 0;
    position: absolute;
    border: 1px solid black;
    z-index: 1;
    top: 104%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  /* .download-btn .tooltiptext::after {
    content: "";
    position: absolute;
     
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  } */
  
  .download-btn:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

/* .download-btn:hover{
  background-color: #008CBA;
  color: rgb(43, 24, 218);
  font-size: 15px; */




/* .download-btn {
    background-color: #31a600;
    margin-top: 35px;
    padding: 8px 43px !important;
    border: none;
    font-size: 13px;
    border-radius: 7px;
} */


/* .download-btn:hover{
  background-color: #008CBA;
  color: rgb(43, 24, 218);
  font-size: 15px; */


/* } */

.quick_links_download {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 20px;
    border: none;
}

.floatingbttn a {
    color: #fff;
}

.contactUs-float i {
    margin-right: 6px;
    margin-left: 0;
}

.floatingText {
    font-family: "Work Sans", Arial, sans-serif;
    float: left;
}

.photo-main-container {
    margin-bottom: 30px;
}

.management_team p,
.management_team img,
.management_team h4 {
    text-align: center;
    margin: 0 auto;
    line-height: 25px;
}

.panel-group {
    margin-top: 20px;
    margin-bottom: 0;
}

.panel {
    border: 0;
    margin-top: 15px;
}

.panel-body {
    position: relative;
    background: #f5f5f5;
}

.management_team .panel-body h4,
.management_team .panel-body p {
    text-align: justify;
}

.panel-body:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #f5f5f5;
    border-width: 20px;
    margin-left: -30px;
}

.management_team_pop {
    width: 60%;
    background: #fff;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 20px;
    text-align: justify !important;
}

.photoOne:after {
    left: 30%;
}

.photoOneTechPart:after {
    left: 52%;
}

.photoTwo:after {
    left: 72%;
}

.photoOneRowTwo:after {
    left: 15%;
}

.photoTwoRowTwo:after {
    left: 50%;
}

.photoThreeRowTwo:after {
    left: 85%;
}


/* Management Photos Start */

.sanjeev {
    background: url("../images/management_team/sanjeev.jpg");
    width: 180px;
    height: 180px;
    background-position: -15px -15px;
}


/*  .sanjeev:hover {
     background: url("../images/sanjeev.jpg");
     background-position: -271px 0;
} */

.suma {
    background: url("../images/management_team/suma.jpg");
    width: 180px;
    height: 180px;
    background-position: -10px -13px;
}


/*  .suma:hover {
     background: url("../images/suma.jpg");
     background-position: -271px 0;
} */

.stanley {
    background: url("../images/management_team/stanley.jpg");
    width: 180px;
    height: 180px;
    background-position: -10px -13px;
}


/* .stanley:hover {
     background: url("../images/stanley.jpg");
     background-position: -271px 0;
} */

.anand {
    background: url("../images/management_team/anand.jpg");
    width: 180px;
    height: 180px;
    background-position: -10px -13px;
}


/*  .anand:hover {
     background: url("../images/anand.jpg");
     background-position: -271px 0;
} */

.prakash {
    background: url("../images/management_team/prakash.jpg");
    width: 180px;
    height: 180px;
    background-position: -10px -13px;
}


/*  .prakash:hover {
     background: url("../images/prakash.jpg");
     background-position: -271px 0;
} */

.jana {
    background: url("../images/management_team/jana.jpg");
    width: 180px;
    height: 180px;
    background-position: -10px -13px;
}


/*  .jana:hover {
     background: url("../images/jana.jpg");
     background-position: -271px 0;
} */

.abhi {
    background: url("../images/abhi.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.abhi:hover {
    background: url("../images/abhi.jpg");
    background-position: -271px 0;
}

.rajesh {
    background: url("../images/management_team/rajesh.jpg");
    width: 180px;
    height: 180px;
    background-position: -18px -13px;
}


/*  .rajesh:hover {
     background: url("../images/rajesh.jpg");
     background-position: -271px 0;
} */

.bindu {
    background: url("../images/management_team/bindhu.jpg");
    width: 180px;
    height: 180px;
    background-position: -10px -13px;
}


/*  .bindu:hover {
     background: url("../images/bindu.jpg");
     background-position: -271px 0;
} */

.asha {
    background: url("../images/asha.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.rudra {
    background: url("../images/management_team/rudra.jpg");
    width: 241px;
    height: 241px;
    background-position: -10px -13px;
}


/*  .rudra:hover {
     background: url("../images/rudra.jpg");
     background-position: -277px 0;
} */


/*  .clicked .rudra {
     background-position: -277px 0;
}
 .clicked.collapsed .rudra {
     background-position: -30px 0;
} */


/*  .clicked div{
     background-position: -271px 0;
} */


/*  .collapsed div {
     background-position: -30px 0;
} */

.asha:hover {
    background-position: -271px 0;
}

.prasad {
    background: url("../images/prasad.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.prasad:hover {
    background-position: -271px 0;
}

.jaganath {
    background: url("../images/jaganath.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.jaganath:hover {
    background-position: -271px 0;
}

.brahmanandi {
    background: url("../images/brahmanandi.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.brahmanandi:hover {
    background-position: -271px 0;
}

.pritvi {
    background: url("../images/pritvi.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.pritvi:hover {
    background-position: -271px 0;
}

.raj {
    background: url("../images/raj.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.raj:hover {
    background-position: -271px 0;
}

.kumar {
    background: url("../images/kumar.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.kumar:hover {
    background-position: -271px 0;
}

.ragevandra {
    background: url("../images/ragevandra.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.ragevandra:hover {
    background-position: -271px 0;
}

.vasuki {
    background: url("../images/avatar.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.vasuki:hover {
    background-position: -271px 0;
}

.veerandra {
    background: url("../images/veerandra.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.veerandra:hover {
    background: url("../images/veerandra.png");
    background-position: -271px 0;
}

.girish {
    background: url("../images/avatar.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.girish:hover {
    background: url("../images/avatar.jpg");
    background-position: -271px 0;
}

.imtiyaz {
    background: url("../images/imtiyaz.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.imtiyaz:hover {
    background: url("../images/imtiyaz.png");
    background-position: -271px 0;
}

.pradeep {
    background: url("../images/pradeep.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.pradeep:hover {
    background: url("../images/pradeep.png");
    background-position: -271px 0;
}

.nazeer {
    background: url("../images/nazeer.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.nazeer:hover {
    background: url("../images/nazeer.png");
    background-position: -271px 0;
}

.sajesh {
    background: url("../images/sajesh.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.sajesh:hover {
    background: url("../images/sajesh.png");
    background-position: -271px 0;
}

.Mallanna {
    background: url("../images/Mallanna.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.Mallanna:hover {
    background: url("../images/Mallanna.jpg");
    background-position: -270px 0;
}

.clicked .Mallanna {
    background-position: -270px 0;
}

.suresh {
    background: url("../images/suresh.png");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.suresh:hover {
    background-position: -271px 0;
}

.Sreekanth {
    background: url("../images/avatar.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.Sreekanth:hover {
    background-position: -271px 0;
}

.Vasanth {
    background: url("../images/avatar.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.Vasanth:hover {
    background-position: -271px 0;
}

.sivaram {
    background: url("../images/avatar.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.sivaram:hover {
    background-position: -271px 0;
}

.rajasekhar {
    background: url("../images/avatar.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.rajasekhar:hover {
    background-position: -271px 0;
}

.reshma {
    background: url("../images/reshma.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.reshma:hover {
    background-position: -271px 0;
}

.chira {
    background: url("../images/avatar.jpg");
    width: 241px;
    height: 241px;
    background-position: -30px 0;
}

.chira:hover {
    background-position: -271px 0;
}

.Rajesh {
    background: url("../images/management_team/Rajesh_Somsela.jpg");
    width: 180px;
    height: 180px;
    background-position: -10px 0px;
}


/* .Rajesh:hover {
     background-position: -271px 0;
} */

.juliet {
    background: url("../images/management_team/Juliet.jpg");
    width: 180px;
    height: 180px;
    background-position: -20px 0px;
}


/* .juliet:hover {
     background-position: -271px 0;
} */

.Suresh {
    background: url("../images/management_team/Suresh.A.Patil.jpg");
    width: 180px;
    height: 180px;
    background-position: -10px 0px;
}

.Suresh:hover {
    /*   background-position: -271px 0; */
}


/* Management Photos End */

.photo_container img {
    max-width: 100%;
}

.photo_container {
    /*   width: 180px;
     margin: 0 auto; */
    width: 150px;
    height: 150px;
    border-radius: 120px;
    overflow: hidden;
    margin: 0 auto;
}

.photo_main_container h4 {
    margin-top: 20px;
}

.photo_main_container .col-xs-4 {
    margin-top: 30px;
}

.popup_wrapper,
.popup_background,
.popup_content {
    /*   display: none; */
}

.panel-body h4,
.panel-body h5,
.panel-body .round {
    display: none;
}

.round {
    border-radius: 200px;
    overflow: hidden;
}

.panel-body .round {
    margin: 0 auto;
    background-position: 0 0;
    margin-bottom: 20px;
}

.panel-body h4,
.panel-body h5 {
    text-align: center;
}

.glyphicon-remove {
    cursor: pointer;
    float: right;
    /*   display: none; */
}


/* .blurred {
     -webkit-filter: blur(18px);
     filter: blur(18px);
}
 */

.nav_links_container .h2 a,
.nav_links_container h2 a {
    border-bottom: 1px solid;
}

.nav_links_container .h2,
.nav_links_container h2,
.nav_links_container h1,
.nav_links_container .h1 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 1.7vw;
}

.phone-number p {
    white-space: nowrap;
}

.contact_us_icon {
    padding: 0px 10px 5px 0px;
    display: inline-block !important;
    color: #f00 !important;
}

.search_page .nav_links_container .searchContainer {
    display: block;
}


/* Custom Css end */


/* 3d Carousel Css Start */

.container3d {
    /* margin: 0 auto;
     */
    width: 160px;
    height: 10px;
    position: absolute;
    perspective: 3000px;
    right: 0;
    left: 42%;
}

.carousel3d {
    height: 100%;
    width: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
}

.item3d {
    display: block;
    position: absolute;
    background: #000;
    width: 140px;
    height: 120px;
    line-height: 20px;
    font-size: 5em;
    text-align: center;
    color: #fff;
    opacity: 1;
    border-radius: 30px;
    top: 2.3em;
}

.item3d img {
    margin-top: 10px;
}

.text3d {
    font-size: 18px !important;
    margin-top: 10px;
}

.phone {
    margin-top: -4em;
}

.a {
    transform: rotateY(0deg) translateZ(250px);
    /* background: #353f41;
     */
    background: #f41404;
    /* background-color: rgba(244, 20, 4, 1) */
}

.b {
    transform: rotateY(60deg) translateZ(250px);
    /* background: #353f41;
     */
    background: #00a651;
}

.c {
    transform: rotateY(120deg) translateZ(250px);
    /* background: #353f41;
     */
    background: #3f51b5;
}

.d {
    transform: rotateY(180deg) translateZ(250px);
    /* background: #353f41;
     */
    background: #662d91;
}

.e {
    transform: rotateY(240deg) translateZ(250px);
    /* background: #353f41;
     */
    background: #74c605;
}

.f {
    transform: rotateY(300deg) translateZ(250px);
    /* background: #353f41;
     */
    background: #ff6000;
}

.next,
.prev {
    display: none;
}


/* 3d Carousel Css End */


/* Common Css Start */

.word-nowrap {
    white-space: nowrap;
}

.align-end {
    text-align: end;
}

.float-right {
    float: right;
}

.no-padding {
    padding: 0 !important;
}

.clearBoth {
    clear: both;
}

.align-center {
    margin: 0 auto;
    float: none;
}

.no-paddingR {
    padding-right: 0;
}

.no-paddingL {
    padding-left: 0;
}

.marginR5 {
    margin-right: 5px;
}

/* @media screen and (max-width: 1024px) {
    .marginR5 {
        margin-right: 23px;
    }
    
} */
.marginL10 {
    margin-left: 10px;
}

.marginT40 {
    margin-top: 40px;
}

.marginT50 {
    margin-top: 50px;
}

.marginB30 {
    margin-bottom: 30px;
}

.padding50 {
    /* padding: 50px; */
    padding: 25px 50px 0;
    opacity: 1;
}

.marginCenter {
    margin: 0 auto;
    float: none;
}

.clearBoth {
    clear: both;
}

.nopaddingR {
    padding-right: 0;
}

.nopaddingL {
    padding-left: 0px;
    padding-bottom: 0px;
    width: 100%;
}

.nopadding {
    padding: 0;
}

.input_80per {
    width: 80%;
}

.input_100per {
    width: 100%;
}


/* .height80 {
     height: 80vh !important;
}
 */


/* .overflowhidden {
     overflow: hidden;
} */


/* Common Css end */

@media screen and (min-width: 1920px) {
    .carousel-inner .item {
        background-size: 100%;
    }
}

@media screen and (min-width: 1400px) {
    .otherpages-cover {
        background-size: 100% 380px !important;
    }
}

@media screen and (max-width: 1200px) {
    .enquiry_button {
        width: 100%;
    }
    .contact-resetbtn-container {
        padding-right: 0;
    }
    .otherpages-cover,
    .services-cover,
    .wallet-cover,
    .shopping-cart-cover,
    .solutions-cover,
    .working_at_girmiti-cover,
    .who_we_are-cover,
    .utility-cover,
    .topup-cover,
    .tokenization-cover,
    .testing-cover,
    .telecom-cover,
    .technology-cover,
    .supportAndservices-cover,
    .services-cover {
        background-size: cover;
    }
    .other_pages_nav_big ul li a {
        font-size: 15px;
    }
    .close_menu_btn {
        padding: 5px;
        background: #fff;
        position: absolute;
        right: 10px;
        top: 35px;
        z-index: 4;
        display: none;
        border: 0;
        font-size: 25px;
    }
}

@media screen and (max-width: 1000px) {
    .searchpopups {
        width: 100%;
    }
    .popup_content_visible {
        border: 0 !important;
    }
    .cust-bttn {
        height: 40px;
        width: 100px;
    }
    .slideimg8 {
        bottom: 50px;
    }
    .girmiti-tabs .girmiti-tab-content-wrap {
        height: auto !important;
    }
    .girmiti-tabs .girmiti-tab-content-wrap .tab-content {
        position: static;
        margin-bottom: 30px;
    }
    .girmiti-tabs .icon-xlg {
        margin-bottom: 0;
        font-size: 0;
    }
    .invisible {
        display: none;
    }
    .girmiti-nav {
        padding: 22px 0;
        top: 0vh !important;
        height: 1em;
    }
    .girmiti-nav.fixed {
        height: 70px;
        position: fixed !important;
    }
    .girmiti-nav {
        position: fixed !important;
    }
    .carousel-inner .item {
        background-size: inherit;
        height: 65vh;
    }
    .girmiti-cover {
        height: 65vh;
    }
    .girmiti-tabs .girmiti-tab-nav li a {
        /* padding: 15px; */
        padding: 7px;
    }
    .slider-text,
    .slider-text_left {
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        height: 100%;
        padding: 50px;
        width: 100%;
        left: 0;
    }
    .slider-text_left {
        padding-bottom: 0;
        padding-top: 80px;
    }
    .slider-text h1,
    .slider-text_left h1,
    #girmiti-header .display-tc h1,
    #girmiti-counter .display-tc h1,
    .girmiti-cover .display-tc h1 {
        font-size: 35px;
        color: #fff !important;
    }
    .slider-text h2,
    .slider-text_left h2,
    #girmiti-header .display-tc h2,
    #girmiti-counter .display-tc h2,
    .girmiti-cover .display-tc h2 {
        font-size: 20px;
        color: #fff !important;
    }
    .slider-text h2,
    .slider-text_left h2 {
        width: 200px;
        margin: 0 auto !important;
    }
    #girmiti-header .display-tc .bread-crumb-container h2,
    .girmiti-cover .display-tc .bread-crumb-container h2 {
        color: #fff !important;
    }
    /*tms*/
    #girmiti-header .display-tc .bread-crumb-container-black h2,
    .girmiti-cover .display-tc .bread-crumb-container-black h2 {
        color: #000 !important;
    }
    .nav_links_container,
    .close_menu_btn {
        display: none !important;
    }
    .other_pages_nav_big_logo {
        top: 15px;
        left: 0;
    }
    .other_pages_nav_big_logo img {
        width: 200px;
    }
    .logo_otherpages {
        left: 0;
        top: 20px;
    }
    /*.quick_links {
         display: none;
    }
    */
    .panel-body::after {
        border-width: 0px;
    }
    .collapsing,
    #accordion1,
    #accordion2,
    #accordion3,
    #accordion4 {
        display: none !important;
    }
    .popup_wrapper,
    .popup_background,
    .glyphicon-remove,
    .panel-body h4,
    .panel-body h5,
    .panel-body .round {
        display: block;
    }
    .panel-body {
        height: 100% !important;
    }
    .popup_content {
        height: auto !important;
    }
    .popup_wrapper {
        z-index: 999999 !important;
        padding: 15px;
    }
    .clicked div {
        background-position: -30px 0;
    }
    #collapse1_background,
    #collapse2_background,
    #collapse3_background,
    #collapse4_background,
    #collapse5_background,
    #collapse6_background,
    #collapse7_background,
    #collapse8_background,
    #collapse9_background,
    #collapse10_background,
    #collapse11_background,
    #collapse12_background,
    #collapse13_background,
    #collapse14_background,
    #collapse15_background,
    #collapse16_background {
        transition: all 0.3s 0.3s;
    }
    #collapse1,
    #collapse1_wrapper,
    #collapse2,
    #collapse2_wrapper,
    #collapse3,
    #collapse3_wrapper,
    #collapse4,
    #collapse4_wrapper,
    #collapse5,
    #collapse5_wrapper,
    #collapse6,
    #collapse6_wrapper,
    #collapse7,
    #collapse7_wrapper,
    #collapse8,
    #collapse8_wrapper,
    #collapse9,
    #collapse9_wrapper,
    #collapse10,
    #collapse10_wrapper,
    #collapse11,
    #collapse11_wrapper,
    #collapse12,
    #collapse12_wrapper,
    #collapse13,
    #collapse13_wrapper,
    #collapse14,
    #collapse14_wrapper,
    #collapse15,
    #collapse15_wrapper,
    #collapse16,
    #collapse16_wrapper {
        transition: all 0.3s ease-out;
    }
    #collapse1,
    #collapse2,
    #collapse3,
    #collapse4,
    #collapse5,
    #collapse6,
    #collapse7,
    #collapse8,
    #collapse9,
    #collapse10,
    #collapse11,
    #collapse12,
    #collapse13,
    #collapse14,
    #collapse15 {
        transform: scale(0.5);
    }
    .popup_visible #collapse1,
    .popup_visible #collapse2,
    .popup_visible #collapse3,
    .popup_visible #collapse4,
    .popup_visible #collapse5,
    .popup_visible #collapse6,
    .popup_visible #collapse7,
    .popup_visible #collapse8,
    .popup_visible #collapse9,
    .popup_visible #collapse10,
    .popup_visible #collapse11,
    .popup_visible #collapse12,
    .popup_visible #collapse13,
    .popup_visible #collapse14,
    .popup_visible #collapse15,
    .popup_visible #collapse16 {
        transform: scale(1);
    }
    .girmiti-nav-toggle {
        position: fixed;
        margin-top: 1.3rem;
       
    }
    .carousel-inner .item {
        background-size: 180vh !important;
        background-position: right 50px;
    }
    .carousel-indicators {
        /* right: 50px;
		left: auto;
		top: 43.333333%;
		width: 15px;
		bottom: 0;
		position: absolute; */
        display: none;
    }
    .main_logo_container {
        position: fixed;
        top: 18px;
        left: -11px;
        z-index: 4;
        height: 8rem;
    width: 38rem;
    }
    .carousel-control {
        opacity: 0.5;
    }
    /*  .girmiti-cover .display-t, .girmiti-cover .display-tc {
         height: 100%;
    } */
    .girmiti-container .girmiti-tabs h2 {
        display: block;
    }
    .no-paddingL,
    .no-paddingR {
        padding-left: 15px;
        padding-right: 15px;
    }
    .lnr-chevron-left,
    .lnr-chevron-right {
        background: none;
        box-shadow: none;
        color: #fff;
    }
    .main_logo_container {
        background: none;
        padding: 0 15px;
    }
    .overview ul li i {
        display: none;
        white-space: nowrap;
    }
    .col-xs-12 ul li i {
        display: none;
        white-space: nowrap;
    }
    /* .overview { */
    /* position: inherit; */
    /* } */
    /* .viewport { */
    /* height: 0px !important; */
    /* } */
    /* .scrollable .viewport { */
    /* position: relative; */
    /* overflow: visible; */
    /* } */
    .logo_otherpages {
        width: 100%;
    }
    .scrollable .viewport {
        position: relative;
        overflow: inherit;
    }
    .scrollable .viewport .overview {
        position: relative;
    }
}

@media screen and (max-width: 526px) {
    .carousel-inner .slideimg6 {
        background-size: 180vh !important;
        background-position: 528px 60px;
    }
}

@media screen and (max-width: 768px) {
    .girmiti-cover {
        height: 19.6vh;
    }
    .slider-text h1,
    .slider-text_left h1,
    #girmiti-header .display-tc h1,
    #girmiti-counter .display-tc h1,
    .girmiti-cover .display-tc h1 {
        font-size: 35px;
        font-weight: bold;
    }
    .nav_links_container ul {
        display: none;
    }
    .input_main_container {
        display: inline-block;
        width: 100%;
    }
    .photo_main_container .col-xs-4,
    .photo_main_container .col-xs-5 {
        width: 100%;
    }
    .girmiti-cover.girmiti-cover-sm.otherpages-cover .display-t,
    .girmiti-cover.girmiti-cover-sm.otherpages-cover .display-tc {
        height: 380px;
    }
    .contact-resetbtn-container,
    .contact-submitbtn-container,
    .contact_form_container {
        padding-left: 0;
        padding-right: 0;
    }
    /* .text_area_container .icon_container {
         top: 60px;
    }
    */
    /* .contact-resetbtn-container, .contact-submitbtn-container, .contact_form_container {
         padding: 0;
    }
     */
    .float-right {
        float: none;
        font-size: 16px;
        margin: top -4rem;
    }
}

@media screen and (max-width: 480px) {
    .girmiti-tabs .icon-xlg {
        font-size: 200px;
    }
    .slider-text h1,
    .slider-text_left h1,
    #girmiti-header .display-tc h1,
    #girmiti-counter .display-tc h1,
    .girmiti-cover .display-tc h1 {
        font-size: 25px !important;
    }
    .slider-text h2,
    .slider-text_left h2,
    #girmiti-header .display-tc h2,
    #girmiti-counter .display-tc h2,
    .girmiti-cover .display-tc h2 {
        font-size: 17px !important;
    }
    .slider-text {
        padding: 0 50px 0;
    }
    .girmiti-cover {
        margin-top: 117px;
    }
    .girmiti-cover.girmiti-cover-sm.otherpages-cover .display-t,
    .girmiti-cover.girmiti-cover-sm.otherpages-cover .display-tc {
        height: 280px;
    }
}

.other_team {
    float: none;
    margin: 0 auto;
    clear: both;
}

.other-pages img,
.photo_container img {
    max-width: 100%;
}


/*Download Pop-Up overides start*/

.form-control {
    box-shadow: none;
    background: transparent;
    /* border: 2px solid rgba(0, 0, 0, 0.1); */
    border-radius: 17px;
    width: 250px;
    height: 35px;
    font-size: 14px;
    font-weight: 300;
}

.modal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857px;
}

.modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.pop_up_icon_container {
    padding: 5px 0 5px 0;
    margin: 5px 0;
    text-align: center;
    width: 39px;
    height: 39px;
    float: left;
    position: absolute;
}

.pop-up-form {
    padding: 10px;
}


/*Download Pop-Up overides End*/


/* animations Start.............................................................*/


/*text part extra*/

.text h1,
.text h2 {
    color: white;
}

.text {
    position: relative;
    width: 100%;
    top: 39%;
    /* left: 20px; */
    left: 105Ppx;
}


/* banner1 icons */

.banner1_icons1 {
    position: relative;
    top: 5%;
    right: 0;
    padding: 0;
}

.icon_row {
    position: relative;
    list-style-type: none;
}

.icon_row li {
    display: block;
    float: right;
}

.banner1_icon,
.banner2_icon,
.banner3_icon {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
}

.banner1_icon {
    position: relative;
    -webkit-animation: bounce 0.8s 0.5s;
    animation: bounce 0.8s 1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-delay: 2s;
}

.banner2_icon {
    position: relative;
    -webkit-animation: bounce 1s 0.5s;
    animation: bounce 1s 1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-delay: 3s;
}

.banner3_icon {
    position: relative;
    -webkit-animation: bounce 1s 0.5s;
    animation: bounce 1s 1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-delay: 4s;
}

@keyframes bounce {
    0% {
        transform: scale(0.1);
    }
    50% {
        transform: scale(1.2);
    }
    60% {
        transform: scale(0.6);
    }
    80% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.85);
    }
}

.banner3_icon_mobile_wireless {
    position: relative;
    -webkit-animation: bounce 1s 0.5s;
    animation: bounce 1s 1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
}


/* mobile Animation */

.banner1_icons2 {
    position: relative;
    display: inline-block;
    top: 15%;
    right: 10%;
    animation-name: move;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
}

.mobile_image {
    position: relative;
    width: 84%;
    top: 32%;
}

.mobile_animation {
    position: relative;
    opacity: 1;
    display: inline-block;
}

@keyframes move {
    0% {
        right: -100%;
    }
    50% {
        right: -100%;
    }
    100% {
        right: 10%;
    }
}


/*wifi animation*/

.wifi-symbol {
    position: relative;
    width: 80px;
    height: 80px;
    top: 14px;
    transform: rotate(-56deg);
    left: 3px;
}

.wifi1_animation {
    height: 50px;
    -webkit-animation: wireless 1s;
    animation: wireless 1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-delay: 0.2s;
    opacity: 0;
}

@-webkit-keyframes wireless {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    60% {
        opacity: 0.2;
    }
    80% {
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes wireless {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    60% {
        opacity: 0.2;
    }
    80% {
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}


/*responsive banner1......*/


/* banner1 animations end,..........*/


/* banner2 animations start,..........*/

.banner2_right {
    position: absolute;
    right: 90px;
    top: 90px;
}

.watch_container {
    position: absolute;
    left: 22%;
    width: 58%;
    top: 9%;
    height: 69%;
}

.watch_main_container {
    position: absolute;
    left: 255px;
    top: 195px;
}

.circle-container {
    position: relative;
    top: 0%;
    right: 20%;
    min-width: 730px;
    margin-top: -130px;
}

.watch_image_banner2 {
    width: 260px;
    height: 260px !important;
    -webkit-animation: banner2_icons_bounce 1.5s 0s;
    animation: banner2_icons_bounce 1.5s 0.2s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}


/*needle animation*/

.needle {
    position: relative;
    top: 0;
    width: 4%;
    right: 50%;
    height: auto !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    margin-top: -50px;
    -webkit-animation: spin 3s infinite;
    transform: rotate(29deg);
    animation-delay: 1s;
    transform-origin: bottom;
    animation-timing-function: linear;
}

@keyframes spin {
    0% {
        transform: rotate(-60deg);
    }
    20% {
        transform: rotate(-30deg);
    }
    28% {
        transform: rotate(-34deg);
    }
    32% {
        transform: rotate(-20deg);
    }
    35% {
        transform: rotate(-18deg);
    }
    44% {
        transform: rotate(-5deg);
    }
    48% {
        transform: rotate(-30deg);
    }
    52% {
        transform: rotate(6deg);
    }
    60% {
        transform: rotate(20deg);
    }
    70% {
        transform: rotate(33deg);
    }
    80% {
        transform: rotate(60deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}

.watch_circle {
    width: 360px;
    height: 360px !important;
    left: -50px;
    top: -50px;
    position: absolute;
    -webkit-animation: banner2_icons_bounce 6s 6s;
    animation: banner2_icons_bounce 1.5s 1.2s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.cloud_icon {
    -webkit-animation: banner2_icons_bounce 1.2s 0.5s;
    animation: banner2_icons_bounce 1.2s 5.5s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    margin-left: 145px;
    position: relative;
    top: 20px;
}

.script_icon {
    -webkit-animation: banner2_icons_bounce 1s 0.5s;
    animation: banner2_icons_bounce 1s 5s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    margin-top: -10px;
    margin-left: 93px;
    position: relative;
    top: 0;
}

.globe_icon {
    -webkit-animation: banner2_icons_bounce 1s 0.5s;
    animation: banner2_icons_bounce 1s 4.5s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    margin-top: -30px;
    margin-left: 100px;
}

.chat_box {
    -webkit-animation: banner2_icons_bounce 1s 0.5s;
    animation: banner2_icons_bounce 1s 4s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    margin-left: 173px;
    margin-top: -39px;
}

.wallet_icon {
    -webkit-animation: banner2_icons_bounce 1s 0.5s;
    animation: banner2_icons_bounce 1s 3.5s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    margin-top: -160px;
    margin-right: -47px;
}

.shopping_icon {
    -webkit-animation: banner2_icons_bounce 1s 0.5s;
    animation: banner2_icons_bounce 1s 3.1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    margin-right: 177px;
    margin-top: 18px;
}

.drive_icon {
    -webkit-animation: banner2_icons_bounce 1s 2s;
    animation: banner2_icons_bounce 1s 2.7s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    margin-right: 80px;
    margin-bottom: -50px;
}

.settings_icon {
    -webkit-animation: banner2_icons_bounce 1s 0.8s;
    animation: banner2_icons_bounce 1s 2.2s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    margin-right: 45px;
    margin-top: 60px;
}

@keyframes banner2_icons_bounce {
    0% {
        transform: scale(0.1);
    }
    50% {
        transform: scale(1.2);
    }
    60% {
        transform: scale(0.6);
    }
    80% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.85);
    }
}


/*graph animations.banner2..*/

.banner2-table {
    width: 100%;
}

@media screen and (min-width: 1599px) {
    .banner2-table {
        width: 92.66667%;
    }
}

@media screen and (min-width: 1649px) {
    .banner2-table {
        width: 89.667%;
    }
}

@media screen and (min-width: 1699px) {
    .banner2-table {
        width: 86.999993%;
    }
}

@media screen and (min-width: 1749px) {
    .banner2-table {
        width: 84.66667%;
    }
}

@media screen and (min-width: 1799px) {
    .banner2-table {
        width: 81.667%;
    }
}

@media screen and (min-width: 1849px) {
    .banner2-table {
        width: 79.667%;
    }
}

@media screen and (min-width: 1899px) {
    .banner2-table {
        width: 77.667%;
    }
}

@media screen and (min-width: 1949px) {
    .banner2-table {
        width: 75.667%;
    }
}

.banner2-table td {
    height: 100px;
}

.banner2-table td img {
    height: 100%;
}

@-webkit-keyframes grow-90 {
    from {
        top: 100%;
    }
    to {
        right: 10%;
    }
}

.bar {
    height: 90px;
    /* top: 6%;
     right: 0;
     */
    position: relative;
    width: 120px;
    margin-top: 10px;
}

.bar .inner2 {
    background-color: white;
    position: absolute;
    width: 20px;
    bottom: 0;
    left: 43%;
    top: 30px;
}

.bar.pct-90 .inner2 {
    -webkit-animation-duration: 2s;
    -webkit-animation-name: grow2;
    right: 54%;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

@-webkit-keyframes grow2 {
    from {
        top: 100%;
    }
    to {
        top: 67%;
    }
}

.bar .inner3 {
    background-color: white;
    position: absolute;
    width: 20px;
    bottom: 0;
    left: 0;
    top: 50%;
}

.bar.pct-90 .inner3 {
    -webkit-animation-duration: 2s;
    -webkit-animation-name: grow3;
    right: 40%;
}

@-webkit-keyframes grow3 {
    from {
        top: 100%;
    }
    to {
        right: 20%;
    }
}

.bar .inner4 {
    background-color: white;
    position: absolute;
    width: 20px;
    bottom: 0;
    left: 63%;
    top: 5px;
}

.bar.pct-90 .inner4 {
    -webkit-animation-duration: 2s;
    -webkit-animation-name: grow4;
    right: 8%;
}

@-webkit-keyframes grow4 {
    from {
        top: 100%;
    }
    to {
        right: 40%;
    }
}

.bar .inner5 {
    background-color: white;
    position: absolute;
    width: 20px;
    bottom: 0;
    left: 21%;
    top: 5px;
}

.bar.pct-90 .inner5 {
    -webkit-animation-duration: 2s;
    -webkit-animation-name: grow5;
    right: 8%;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

@-webkit-keyframes grow5 {
    0% {
        top: 100%;
    }
    100% {
        top: 20%;
    }
}

.x_axis {
    background-color: white;
    height: 4px;
    width: 100%;
    position: relative;
    top: 107%;
    right: 14px;
}

.y_axis {
    background-color: white;
    height: 98px;
    width: 4px;
    position: relative;
    top: -3%;
    right: 14px;
}


/* banner2 animations end,..........*/


/* banner3 animations...................................*/

.banner3_right_position {
    position: relative;
    left: 13%;
    width: 60%;
    top: 0;
    height: 100%;
}

.pos_animation {
    position: relative;
    opacity: 1;
    display: inline-block;
    animation-name: pos1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    transform: rotate(0deg);
    top: 0;
    float: left;
}

@keyframes pos1 {
    from {
        left: 100%;
    }
    to {
        left: 17%;
    }
}

.banner3_mobile_animation {
    width: 71%;
    height: 59%;
    left: 52%;
    bottom: 5%;
    position: absolute;
    animation-name: banner3_mobile;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    transform: rotate(-2deg);
    transition-timing-function: ease;
}

@media screen and (min-width: 1599px) {
    .banner3_mobile_animation {
        left: 46.333336%;
        margin-top: -80px;
    }
}

@media screen and (min-width: 1699px) {
    .banner3_mobile_animation {
        left: 44.333336%;
        margin-top: -80px;
    }
}

@media screen and (min-width: 1799px) {
    .banner3_mobile_animation {
        left: 42.333336%;
        margin-top: -80px;
    }
}

@media screen and (min-width: 1899px) {
    .banner3_mobile_animation {
        left: 42.333336%;
        margin-top: -80px;
    }
}

@keyframes banner3_mobile {
    from {
        right: 0;
        top: 100%;
    }
    to {
        right: 14%;
        top: 36%;
    }
}

@media screen and (min-width: 1699px) {
    .poss {
        top: 10%;
    }
    @keyframes banner3_mobile {
        from {
            right: 0;
            top: 100%;
        }
        to {
            right: 1%;
            top: 30%;
        }
    }
}

.cards {
    position: absolute;
    width: 305px;
    animation-name: cards_ani;
    animation-duration: 4s;
    transform: rotate(-15deg);
    margin-left: 45px;
    margin-top: 50px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

@keyframes cards_ani {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* banner3 animations End.............................................................*/


/*banner4 start animations ..........*/

.cloud_container_forth {
    bottom: 00%;
    top: 20%;
    width: 100%;
    right: 0;
    left: 00%;
    height: 100%;
    margin-top: 0 !important;
}

.cloud_fourth {
    width: 214px;
    z-index: 1;
    animation-name: cloud_bounce_main;
    animation-duration: 1s;
    margin: 0 auto;
    position: relative;
    transform: scale(0.85);
}

@keyframes cloud_bounce_main {
    0% {
        transform: scale(0.1);
    }
    50% {
        transform: scale(1.2);
    }
    60% {
        transform: scale(0.6);
    }
    80% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.85);
    }
}

.db_icon {
    width: 400px;
    margin-top: -100px;
}

.cloud_connection_icon {
    width: 630px;
    position: absolute !important;
    top: -105px;
    margin-left: -205px;
}

.db_connection_icon_container {
    height: 220px;
}

.db_connection_icon {
    width: 355px;
    z-index: 0;
    height: 276px;
    -webkit-animation: connect 7s;
    animation: connect 7s;
    background: url("../images/animation_assets/third_banner_images/wires.png");
    background-repeat: no-repeat;
    margin: -60px auto;
    background-position: 40px -30px;
}

@keyframes connect {
    0% {
        height: 0;
    }
    30% {
        height: 0;
    }
    100% {
        height: 276px;
    }
}

.db_icon_connect {
    position: relative;
    -webkit-animation: db_ani 2.5s 2s;
    animation: db_ani 2.5s 1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

@keyframes db_ani {
    0% {
        transform: scale(0.1);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.85);
    }
}

.cloud_icon_connect {
    position: relative;
    -webkit-animation: bounce_connect 0.8s 0s;
    animation: bounce_connect 3s 2.7s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-delay: 1s;
}

@keyframes bounce_connect {
    0% {
        transform: scale(0.1);
    }
    100% {
        transform: scale(0.85);
    }
}


/*banner4 end animations... */


/*banner5 animations..STRART...............................................*/

.slideimg5 .slider-text {
    float: left;
    z-index: 2;
}

.slider-img {
    position: relative;
    top: 0%;
    left: auto;
    right: 0;
    width: 74.333%;
    color: #fff;
    text-align: center;
    display: inline-block;
    height: 100%;
}

.slideimg5.plain {
    background-image: url(../images/animation_assets/bg.jpg);
}

.cloud_slide5 {
    background-image: url(../images/animation_assets/cloud.png);
    height: 195px;
    width: 312px;
    -webkit-animation: cloud 2s ease;
    animation: cloud 2s ease;
    animation-name: cloud;
    animation-duration: 2s;
    margin: 27px auto;
    position: relative;
    z-index: 2;
}

@keyframes cloud {
    0% {
        top: -200%;
    }
    10% {
        top: -100%;
    }
    20% {
        top: -100%;
    }
    30% {
        top: -50%;
    }
    40% {
        top: -20%;
    }
    50% {
        top: 7%;
    }
    70% {
        top: -3%;
    }
    80% {
        top: 4%;
    }
    90% {
        top: 0%;
    }
    100% {
        top: 2%;
    }
}

.database {
    background-image: url(../images/inner_banner2/servers1.png);
    height: 200px;
    width: 302px;
    -webkit-animation: database 2s ease;
    animation-name: database;
    animation-duration: 2s;
    margin: 110px auto 0 auto;
    position: relative;
    background-repeat: no-repeat;
}

@keyframes database {
    0% {
        bottom: -200%;
    }
    10% {
        bottom: -100%;
    }
    20% {
        bottom: -100%;
    }
    30% {
        bottom: -50%;
    }
    40% {
        bottom: -20%;
    }
    50% {
        bottom: 5%;
    }
    70% {
        bottom: -3%;
    }
    80% {
        bottom: 2%;
    }
    90% {
        bottom: -1%;
    }
    100% {
        bottom: 0%;
    }
}

.rain_container {
    height: 144px;
    width: 200px;
    margin: 0 auto;
}

.rain {
    background-image: url(../images/animation_assets/rain.png);
    height: 144px;
    width: 200px;
    -webkit-animation: rain 1.5s ease-in-out;
    top: 0;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    margin: -100px auto 0 auto;
    opacity: 0;
    position: relative;
    z-index: 1;
}

@keyframes rain {
    0% {
        height: 0;
        opacity: 0;
    }
    10% {
        height: 0;
        opacity: 0;
    }
    20% {
        height: 0;
        opacity: 1;
    }
    30% {
        height: 104px;
        opacity: 1;
    }
    40% {
        height: 130px;
        opacity: 1;
    }
    50% {
        height: 156px;
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    70% {
        height: 182px;
        opacity: 1;
    }
    80% {
        height: 208px;
        opacity: 1;
    }
    85% {
        opacity: 0.6;
    }
    88% {
        opacity: 0.6;
    }
    90% {
        height: 234px;
        opacity: 0.4;
    }
    95% {
        opacity: 0.2;
    }
    98% {
        opacity: 0.2;
    }
    100% {
        height: 270px;
        opacity: 0.05;
    }
}


/*banner5 animations...END..............*/


/*banner6 animations...start..............*/

.android_mobiles1 {
    position: relative;
    left: 13%;
    top: 80px;
}

.store-room {
    position: relative;
    width: 20%;
    float: left;
    height: 80vh;
    -webkit-animation: android_bounce_main 0.2s 1s;
    animation: android_bounce_main 0.2s 1s;
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: table;
    margin-left: 15px;
}

.store-room_inner {
    display: table-cell;
    vertical-align: middle;
}

@keyframes android_bounce_main {
    0% {
        transform: scale(0, 0);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    60% {
        transform: scale(1, 1);
    }
    80% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 1);
    }
}

.wifi_banner6_animation {
    position: absolute;
    width: 7%;
    transform: scale(0);
    animation-delay: 4s;
    animation: wifi_move 2s infinite;
    -webkit-animation: wifi_move 2s infinite;
    opacity: 0;
    right: 100%;
    top: 37%;
    /*  display: none; */
}

@keyframes wifi_move {
    /*   0%{
         right: 50%;
         top: 37%;
         transform: scale(1) ;
		 opacity: 0;
		 display: none;
    } */
    15% {
        right: 50%;
        top: 37%;
        opacity: 1;
        transform: scale(1.5);
        display: block;
    }
    20% {
        right: 32%;
        top: 37%;
        transform: scale(2);
        opacity: 0;
    }
    35% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.banner6_wifi_image {
    position: absolute;
    width: 100%;
    animation-delay: 4s;
    -webkit-animation: wifi_bounce2 4s infinite;
    animation: wifi_bounce2 4s infinite;
}

@keyframes wifi_bounce2 {
    0% {
        transform: scale(0.1);
    }
    10% {
        transform: scale(1);
    }
    20% {
        transform: scale(1.2);
        opacity: 1;
    }
    21% {
        transform: scale(0);
    }
    30% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(0, 0);
    }
}

.spinner {
    margin: 35px 0 -40px 50px;
    transform: rotate(10deg);
    width: 75%;
}

.text2,
.text4,
.text3,
.text5 {
    color: black;
    font-size: 30px;
    font-family: "Arial Black", Gadget, sans-serif;
}

.spinner .text2 {
    color: #555;
}

.spinner div {
    width: 100px;
    transform-origin: 58% 50% -81px;
    outline: 1px solid transparent;
}

@media screen and (min-width: 1601px) {
    .spinner div {
        width: 200px;
    }
}

.spinner div {
    transform: rotateY(0deg);
    backface-visibility: hidden;
    animation-name: rotate1;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 0.1s;
}

@keyframes rotate1 {
    0% {
        transform: rotateY(0deg);
    }
    20% {
        transform: rotateY(72deg);
    }
    40% {
        transform: rotateY(144deg);
    }
    60% {
        transform: rotateY(216deg);
    }
    80% {
        transform: rotateY(288deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

.android_main1 {
    width: 100%;
}

.android_main12 {
    position: absolute;
    left: 50px;
}

.application {
    position: relative;
    bottom: 79px;
    /* display: table; */
    width: 48px;
}

.application2 {
    bottom: 85px;
    display: table;
    left: 10px;
}

.application1 {
    margin: 80px auto;
    width: 125px;
    margin-left: 62px;
}

.mobile1 {
    height: 110px;
    margin: 10px;
}

.col-md-12.application3.no-padding {
    top: -73px;
    left: 12px;
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .application {
        bottom: 71px;
        left: 4px;
    }
    .application>img {
        width: 17px;
    }
    .application2 {
        bottom: 73px;
        left: 11px;
    }
    .application2>img {
        width: 12px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .application2 {
        bottom: 82px;
        left: 15px;
    }
    .application2>img {
        width: 8px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1350px) {
    .application {
        bottom: 76px;
        left: 9px;
    }
    .application>img {
        width: 18px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1400px) {
    .application3 {
        bottom: 75px;
        left: 13px;
    }
    .application3>img {
        width: 14px;
    }
}

@media screen and (min-width: 1350px) and (max-width: 1500px) {
    .application {
        bottom: 79px;
        left: 7px;
    }
    .application>img {
        width: 18px;
    }
    .application3 {
        position: relative;
        bottom: 73px;
        left: 12px;
    }
    .application3>img {
        width: 13px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1700px) {
    .application3 {
        position: relative;
        bottom: 73px;
        left: 10px;
    }
    .application3>img {
        width: 15px;
    }
    .application2 {
        bottom: 84px;
        left: 11px;
    }
    .application2>img {
        width: 13px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1600px) {
    .application2 {
        bottom: 80px;
        left: 13px;
    }
    .application2>img {
        width: 11px;
    }
}

@media screen and (min-width: 1700px) and (max-width: 1800px) {
    .application2 {
        position: relative;
        bottom: 88px;
        left: 12px;
    }
    .application2>img {
        width: 13px;
    }
    .application {
        bottom: 79px;
        left: 6px;
    }
    .application>img {
        width: 21px;
    }
}

@media screen and (min-width: 1900px) {
    .application2>img {
        width: 15px;
        margin-left: 1px;
    }
}

@keyframes android_bounce {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1, 1);
    }
}

.android1 {
    width: 55px;
    -webkit-animation: android_bounce 0.3s 1.5s;
    animation: android_bounce 0.3s 1.5s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android2 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 0.6s;
    animation: android_bounce 0.2s 0.6s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android3 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.3s 3.3s;
    animation: android_bounce 0.3s 3.3s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android4 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.3s 3.5s;
    animation: android_bounce 0.3s 3.5s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android5 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.3s 1.69s;
    animation: android_bounce 0.3s 3s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android6 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.3s 2.4s;
    animation: android_bounce 0.3s 2.4s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android7 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 0.6s;
    animation: android_bounce 0.2s 0.6s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android8 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.35s;
    animation: android_bounce 0.4s 1.35s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android9 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.3s 2.2s;
    animation: android_bounce 0.3s 2.2s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android10 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.4s;
    animation: android_bounce 0.4s 1.4s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android11 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 2.7s;
    animation: android_bounce 0.4s 2.7s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android12 {
    position: relative;
    width: 55px;
    margin-top: 10px;
    -webkit-animation: android_bounce 0.4s 1.72s;
    animation: android_bounce 0.4s 1.72s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android13 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.56s;
    animation: android_bounce 0.4s 1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android14 {
    position: relative;
    width: 55px;
    margin-top: 10px;
    -webkit-animation: android_bounce 0.4s 3s;
    animation: android_bounce 0.4s 3s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android15 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.8s;
    animation: android_bounce 0.4s 1.8s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android16 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.1s;
    animation: android_bounce 0.4s 1.1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android17 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 2.8s;
    animation: android_bounce 0.4s 2.8s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android18 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.35s;
    animation: android_bounce 0.4s 1.35s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android19 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 0.6s;
    animation: android_bounce 0.2s 0.6s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android20 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 2.4s;
    animation: android_bounce 0.4s 2.4s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android21 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.45s;
    animation: android_bounce 0.4s 2.2s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android22 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 2.5s;
    animation: android_bounce 0.4s 2.5s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android23 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.11s;
    animation: android_bounce 0.4s 1.11s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android24 {
    position: relative;
    width: 55px;
    margin-top: 10px;
    -webkit-animation: android_bounce 0.4s 0.6s;
    animation: android_bounce 0.2s 0.6s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android25 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 2.6s;
    animation: android_bounce 0.4s 2.6s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android26 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 2.9s;
    animation: android_bounce 0.4s 2.9s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android27 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.1s;
    animation: android_bounce 0.2s 1.7s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android28 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.84s;
    animation: android_bounce 0.4s 1.84s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android29 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.25s;
    animation: android_bounce 0.4s 1.25s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android30 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 1.9s;
    animation: android_bounce 0.4s 1.9s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android31 {
    position: relative;
    width: 55px;
    -webkit-animation: android_bounce 0.4s 3s;
    animation: android_bounce 0.4s 3s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android32 {
    position: relative;
    width: 55px;
    margin-top: 10px;
    -webkit-animation: android_bounce 0.4s 2.4s;
    animation: android_bounce 0.4s 2.4s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}


/*small.....mobiles..BANNER6...*/

.android_mobiles2 {
    position: absolute;
    width: 12%;
    top: 36%;
    right: 23%;
    transform: scale(0, 0);
    animation: inner_icons_bounce 2s;
    animation-fill-mode: forwards;
}

@keyframes inner_icons_bounce {
    0% {
        transform: scale(4.5, 4.5);
    }
    50% {
        transform: scale(3.5, 3.5);
    }
    60% {
        transform: scale(2, 2);
    }
    80% {
        transform: scale(2.8, 2.8);
    }
    100% {
        transform: scale(1, 1);
    }
}

.android33,
.android34,
.android43,
.android134,
.android135,
.android69,
.android70,
.android72,
.android46,
.android74,
.android35,
.android37,
.android38,
.android42 {
    width: 23px;
    -webkit-animation: bounce 0.8s 5s;
    animation: bounce 0.8s 5s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android44,
.android45,
.android67,
.android68,
.android73,
.android110,
.android111,
.android89,
.android78,
.android84,
.android85,
.android71,
.android133,
.android36 {
    width: 23px;
    -webkit-animation: bounce 0.8s 5.5s;
    animation: bounce 0.8s 5.5s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android75,
.android77,
.android65,
.android66,
.android104,
.android105,
.android106,
.android107,
.android63,
.android103,
.android115,
.android116,
.android125,
.android127,
.android128,
.android129,
.android132,
.android113 {
    width: 23px;
    -webkit-animation: bounce 0.8s 9s;
    animation: bounce 0.8s 9s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android91,
.android47,
.android51,
.android52,
.android57,
.android58,
.android118,
.android96,
.android59,
.android100,
.android101,
.android120,
.android121,
.android122,
.android123,
.android124,
.android98,
.android99,
.android80,
.android102 {
    width: 23px;
    -webkit-animation: bounce 0.8s 9.5s;
    animation: bounce 0.8s 9.5s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android109,
.android117,
.android114,
.android97,
.android53,
.android119,
.android92,
.android93,
.android94,
.android95,
.android81,
.android82,
.android83,
.android130,
.android131 {
    width: 23px;
    -webkit-animation: bounce 0.8s 20s;
    animation: bounce 0.8s 12s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.android39,
.android68,
.android48,
.android108,
.android112,
.android60,
.android61,
.android90,
.android56,
.android62,
.android49,
.android88,
.android50,
.android79,
.android40,
.android87,
.android86,
.android55,
.android126,
.android41,
.android76,
.android54,
.android64 {
    width: 13px;
    -webkit-animation: bounce 0.8s 13s;
    animation: bounce 0.8s 13s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}


/*banner6 animations...end............*/


/* banner7 animations --- start......*/

.station {
    position: absolute;
    height: 100%;
    overflow: hidden;
    top: 9.333333%;
    /* left: 19.333333%; */
}


/* .fade-overlay {
	background-image: linear-gradient(to right, #d4d4d4, rgba(255,255,255,0));
	position: absolute;
	top: 0;
	max-width: 300px;
	height: 670px;
	min-width: 270px;
	z-index: 10;
	left: 19.333333%;
} */

.building_container {
    position: absolute;
    width: 100%;
    background: url("../images/inner_banner2/background-new.png");
    height: 100%;
    background-repeat: repeat-x;
    background-size: 100%;
    background-position: 0 25px;
}

.station_img {
    position: relative;
    width: 100%;
    top: 14%;
    left: -3%;
    /* z-index:4;
     */
}

.train_table {
    height: 453px;
    width: 100%;
    overflow: hidden;
}

.train1_animation {
    position: relative;
    right: -50%;
    opacity: 0;
    animation: train1_move 11s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    /* z-index: -1;
     */
}

@keyframes train1_move {
    0% {
        right: -130%;
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    61%,
    75% {
        right: -20%;
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        right: 35%;
        opacity: 0;
    }
}

.train1_img {
    width: 89%;
}

.train_two_td {
    height: 145px;
}

.train_td_one {
    height: 65px;
}

.train_td_three {
    height: 125px;
}

.metro1_animation {
    z-index: 0;
    /* opacity: 0;
     */
    margin-top: 18px;
    width: 13.777778%;
    left: 27%;
    position: absolute;
    top: 0;
}

.metro2_animation {
    z-index: 0;
    /* opacity: 0;
     */
    margin-top: 18px;
    width: 13.777778%;
    left: 72%;
    position: absolute;
    top: 0;
}

.train1_animation,
.train2_animation {
    vertical-align: bottom;
}

.train2_animation {
    position: relative;
    left: -30%;
    opacity: 0;
    animation: train2_move 11s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 10s;
    /* z-index: -1;
     */
}

@keyframes train2_move {
    0% {
        left: -40%;
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    21%,
    35% {
        left: 15%;
        opacity: 1;
    }
    55%,
    68% {
        left: 63%;
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        left: 120%;
        opacity: 0;
    }
}

.train2_img {
    width: 90%;
}

.metro_img {
    width: 100%;
    min-height: 460px;
}

.metro2_img {
    width: 100%;
    min-height: 301px;
}

.bus_img {
    width: 100%;
}

.bus_stop {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 3;
}

.car1_img {
    width: 70%;
}

.car2_img {
    width: 70%;
}

.car3_img {
    width: 70%;
}

.bus1_animation {
    position: relative;
    width: 10%;
    left: -24%;
    opacity: 0;
    animation: bus_move infinite;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 6s;
    animation-duration: 31s;
    z-index: 2;
    margin-top: -20px;
}

@keyframes bus_move {
    0% {
        left: -24%;
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    12%,
    16% {
        left: 15%;
    }
    28%,
    32% {
        left: 45%;
    }
    45%,
    48% {
        left: 85%;
    }
    99% {
        opacity: 1;
    }
    100% {
        left: 500%;
        opacity: 0;
    }
}

.bus2_animation {
    position: relative;
    width: 10%;
    left: -24%;
    opacity: 0;
    animation: bus_move 29.7s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 16.8s;
    z-index: 2;
    margin-top: -63px;
}

.bus3_animation {
    position: relative;
    width: 10%;
    left: -20%;
    opacity: 0;
    animation: green_bus_move 31s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 26.7s;
    z-index: 2;
    margin-top: -65px;
}

@keyframes green_bus_move {
    0% {
        left: -24%;
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    12%,
    16% {
        left: 7%;
    }
    28%,
    32% {
        left: 37%;
    }
    45%,
    48% {
        left: 77%;
    }
    99% {
        opacity: 1;
    }
    100% {
        left: 500%;
        opacity: 0;
    }
}

.car1_animation {
    position: relative;
    width: 10%;
    left: -24%;
    opacity: 0;
    bottom: 25px;
    animation: car1_move 20s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 3s;
    z-index: 2;
}

@keyframes car1_move {
    0% {
        left: -24%;
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    18%,
    25% {
        left: 25%;
    }
    99% {
        opacity: 1;
    }
    100% {
        left: 300%;
        opacity: 0;
    }
}


.car2_animation {
    position: relative;
    width: 10%;
    right: -95%;
    opacity: 0;
    bottom: 10px;
    animation: car2_move 20s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 7s;
    z-index: 2;
}

@keyframes car2_move {
    0% {
        right: -95%;
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    20%,
    27% {
        right: -40%;
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        right: 240%;
        opacity: 0;
    }
}

.car3_animation {
    position: relative;
    width: 10%;
    right: -50px;
    opacity: 0;
    bottom: 15px;
    animation: car3_move 20s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 15s;
    z-index: 2;
}

@keyframes car3_move {
    0% {
        right: -95%;
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    20%,
    27% {
        right: -65%;
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        right: 240%;
        opacity: 0;
    }
}

.station_mobile1 {
    position: absolute;
    left: 36%;
    width: 10%;
    animation: mobile_popup 11s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 6.8s;
    transform: scale(0, 0);
    z-index: 2;
    margin-top: -40px;
}

.station_mobile2 {
    position: absolute;
    left: 33%;
    width: 10%;
    animation: mobile_popup 11s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 12.3s;
    transform: scale(0, 0);
    z-index: 2;
    margin-top: -40px;
}

.station_mobile3 {
    position: absolute;
    left: 82%;
    width: 10%;
    animation: mobile_popup 11.5s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 15.6s;
    transform: scale(0, 0);
    z-index: 2;
    margin-top: -40px;
}

@keyframes mobile_popup {
    0% {
        transform: scale(0);
    }
    5% {
        transform: scale(0);
    }
    9% {
        transform: scale(1.2);
    }
    11%,
    18% {
        transform: scale(1);
    }
    22% {
        transform: scale(0);
    }
    32% {
        transform: scale(0);
    }
    90% {
        transform: scale(0);
    }
    100% {
        transform: scale(0);
    }
}

.pos_img1-1 {
    position: relative;
    bottom: 130px;
    left: -28%;
    width: 5%;
    animation: pos_popup 31s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 9s;
    transform: scale(0, 0);
    z-index: 3;
}

.pos_img1-2 {
    position: relative;
    bottom: 130px;
    left: -3%;
    width: 5%;
    animation: pos_popup 31s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 14.3s;
    transform: scale(0, 0);
    z-index: 3;
}

.pos_img1-3 {
    position: relative;
    bottom: 130px;
    left: 33%;
    width: 5%;
    animation: pos_popup 31s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 19.5s;
    transform: scale(0, 0);
    z-index: 3;
}

.pos_img2-1 {
    position: relative;
    bottom: 130px;
    left: -43%;
    width: 5%;
    animation: pos_popup 30s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 19.5s;
    transform: scale(0, 0);
    z-index: 3;
}

.pos_img2-2 {
    position: relative;
    bottom: 130px;
    left: -18%;
    width: 5%;
    animation: pos_popup 30s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 24.5s;
    transform: scale(0, 0);
    z-index: 3;
}

.pos_img2-3 {
    position: relative;
    bottom: 130px;
    left: 16%;
    width: 5%;
    animation: pos_popup 30s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 29.5s;
    transform: scale(0, 0);
    z-index: 3;
}

.pos_img3-1 {
    position: relative;
    bottom: 130px;
    left: -58%;
    width: 5%;
    animation: pos_popup 29.5s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 30s;
    transform: scale(0, 0);
    z-index: 3;
}

.pos_img3-2 {
    position: relative;
    bottom: 130px;
    left: -35%;
    width: 5%;
    animation: pos_popup 32s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 35s;
    transform: scale(0, 0);
    z-index: 3;
}

.pos_img3-3 {
    position: relative;
    bottom: 130px;
    right: -1%;
    width: 5%;
    animation: pos_popup 30s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 40s;
    transform: scale(0, 0);
    z-index: 3;
}

@keyframes pos_popup {
    0% {
        transform: scale(0);
    }
    1% {
        transform: scale(0);
    }
    3% {
        transform: scale(1.2);
    }
    5%,
    8% {
        transform: scale(1);
    }
    13% {
        transform: scale(0);
    }
    20% {
        transform: scale(0);
    }
    90% {
        transform: scale(0);
    }
    100% {
        transform: scale(0);
    }
}


/* banner7 animations --- END......*/


/* banner8 animations --- START......*/

.wending_animation {
    position: relative;
    top: 60px;
    left: 30%;
}

.wending_machine {
    margin-top: 50px;
}

.wending_machine_cards {
    position: absolute;
    left: 25%;
    right: auto;
}

.wending1,
.wending2,
.wending3,
.wending4,
.wending5,
.wending6 {
    position: relative;
    width: 60%;
    display: inline-block;
    -webkit-animation: android_bounce 0.3s 0.1s;
    animation: android_bounce 0.3s 0.1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.wending1 {
    animation-delay: 1s;
}

.wending2 {
    animation-delay: 2s;
}

.wending3 {
    animation-delay: 3s;
}

.wending4 {
    animation-delay: 4s;
}

.wending5 {
    animation-delay: 5s;
}

.wending6 {
    animation-delay: 6s;
}

.wending_card6 {
    position: relative;
    top: 100px;
    width: 60%;
    display: inline-block;
    animation-delay: 5.5s;
    animation-name: Move1;
    opacity: 0;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes Move1 {
    0% {
        left: 100%;
        transform: rotate(270deg);
    }
    5% {
        left: 90%;
        opacity: 1;
        transform: rotate(180deg);
    }
    50% {
        left: 100%;
        opacity: 1;
        transform: rotate(90deg);
    }
    100% {
        left: -20%;
        opacity: 1;
        transform: scale(1, 1);
        transform: rotate(0deg);
    }
}


/* banner8 animations --- end......*/

.banner3_mobile_animation {
    left: 44%;
    margin-top: -13px;
}

.goog-te-menu2 {
    border: 0;
    width: 100% !important;
    padding: 0;
    margin: 0;
}

.goog-te-menu2-item .text {
    left: 10px;
}

.flag {
    display: inline-block;
    width: 24px;
    height: 14px;
    margin-left: -10px;
    margin-right: 5px;
    margin-bottom: -1px;
}

.flag1 {
    background: url("../images/flag/flag-china.png");
}

.flag2 {
    background: url("../images/flag/flag-france.png");
}

.flag3 {
    background: url("../images/flag/flag-germany.png");
}

.flag4 {
    background: url("../images/flag/flag-india.png");
}

.flag5 {
    background: url("../images/flag/flag-italy.png");
}

.flag6 {
    background: url("../images/flag/flag-portuguese.png");
}

.flag7 {
    background: url("../images/flag/flag-spain.png");
}

.goog-te-menu2 table {
    width: 100%;
}


/* label:after {
  content: " *";
  color: red;
} */

.emailError{
    color: red;
}
.errorMsg {
    color: red;
}

.subjectError{
    color: red;
}

.nameError{
    color: red;
}

.phoneError{
    color: red;
}
.xyz::after {
    content: " *";
    color: red;
}

.abc::after {
    content: "";
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .banner1_icon,
    .banner2_icon,
    .banner3_icon {
        width: 85%;
        padding: 0;
    }
}


/*responsive....*/

@media screen and (max-width: 2000px) {
    .train_td_one {
        height: 75px;
    }
    .train_two_td {
        height: 205px;
    }
    .train_td_three {
        height: 175px;
    }
    @keyframes bus3_move {
        0% {
            left: -24%;
            opacity: 0;
        }
        1% {
            opacity: 1;
        }
        12%,
        16% {
            left: 15%;
        }
        28%,
        32% {
            left: 45%;
        }
        45%,
        48% {
            left: 85%;
        }
        99% {
            opacity: 1;
        }
        100% {
            left: 500%;
            opacity: 0;
        }
    }
}

@media screen and (max-width: 1800px) {
    .metro2_animation {
        margin-top: 27px;
        width: 13.777778%;
    }
}

@media screen and (max-width: 1700px) {
    .train_td_one {
        height: 70px;
    }
    .train_td_three {
        height: 165px;
    }
    .train_two_td {
        height: 175px;
    }
    .metro2_animation {
        margin-top: 26px;
    }
}

@media screen and (max-width: 1500px) {
    .bus_stop {
        bottom: 50px;
    }
    .pos_img {
        bottom: 120px;
        left: 21%;
    }
    .banner3_mobile_animation {
        left: 50%;
        margin-top: -80px;
    }
    .watch_container {
        height: 360px;
    }
    .watch_image_banner2 {
        width: 260px;
        height: 260px !important;
    }
    .train_two_td {
        height: 155px;
    }
    .train_td_one {
        height: 70px;
    }
    .metro_img {
        min-height: inherit;
        margin-top: 26px;
        width: 100%;
    }
    @keyframes car1_move {
        0% {
            left: -24%;
            opacity: 0;
        }
        1% {
            opacity: 1;
        }
        12%,
        16% {
            left: 15%;
        }
        99% {
            opacity: 1;
        }
        100% {
            left: 300%;
            opacity: 0;
        }
    }
}

@media screen and (max-width: 1400px) {
    .banner3_mobile_animation {
        left: 52%;
        bottom: 5%;
        margin: 0;
    }
    /*  .carousel-indicators {
         bottom: 30px !important;
    } */
    .bus_stop {
        bottom: 50px;
    }
    .pos_img {
        bottom: 120px;
        left: 20%;
    }
    .banner1_icon,
    .banner2_icon,
    .banner3_icon {
        width: 85%;
        padding: 0;
    }
    .banner3_icon_mobile_wireless {
        width: 100%;
    }
    .banner3_right_position {
        left: 0;
    }
    .train_td_one {
        height: 60px;
    }
    .train_td_three {
        height: 140px;
    }
    .metro2_animation {
        margin-top: 38px;
    }
    .viewport {
        width: 100% !important;
    }
}

@media (max-width: 1300px) {
    .banner3_mobile_animation {
        left: 50%;
        bottom: 5%;
        margin: 0;
    }
    .train_two_td {
        height: 135px;
    }
    .train_td_one {
        height: 63px;
    }
    .metro2_img {
        width: 100%;
        min-height: 248px;
    }
    .metro2_animation {
        margin-top: 47px;
    }
}

@media screen and (max-width: 800px) {
    .scroll-bar ul li i {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    .banner3_mobile_animation {
        left: 55%;
    }
    .circle-container {
        right: 30%;
    }
    .train_two_td {
        height: 130px;
    }
    .train_td_one {
        height: 55px;
    }
    .metro_animation {
        margin-top: 10px;
    }
    .train_td_three {
        height: 115px;
    }
    .metro2_img {
        width: 100%;
        min-height: 248px;
    }
    .metro2_animation {
        margin-top: 85px;
    }
}

@media screen and (max-width: 1100px) {
    .banner3_mobile_animation {
        left: 62%;
        bottom: 5%;
        margin: 0;
    }
    .train_td_one {
        height: 55px;
    }
    .train_two_td {
        height: 120px;
    }
    .metro_animation {
        margin-top: 15px;
    }
    .metro2_img {
        width: 85%;
        min-height: 248px;
    }
    .metro2_animation {
        margin-top: 91px;
    }
}

@media screen and (max-width: 1050px) {
    .train_td_three {
        height: 80px;
    }
    .train_two_td {
        height: 100px;
        vertical-align: top;
    }
    .train_td_one {
        height: 15px;
    }
    .metro2_img {
        width: 100%;
        min-height: 248px;
    }
    .metro2_animation {
        margin-top: 54px;
    }
}

@media (max-width: 800px) {
    footer .girmiti-social-icons {
        margin-top: 30px;
        width: 100%;
    }
}

@media (max-height: 700px) {
    .cloud_slide5 {
        margin: 10px auto;
    }
    @keyframes rain {
        0% {
            height: 0;
            opacity: 0;
        }
        10% {
            height: 0;
            opacity: 0;
        }
        20% {
            height: 0;
            opacity: 1;
        }
        30% {
            height: 104px;
            opacity: 1;
        }
        40% {
            height: 130px;
            opacity: 1;
        }
        50% {
            height: 156px;
            opacity: 1;
        }
        60% {
            opacity: 1;
        }
        70% {
            height: 182px;
            opacity: 1;
        }
        80% {
            height: 208px;
            opacity: 1;
        }
        85% {
            opacity: 0.6;
        }
        88% {
            opacity: 0.6;
        }
        90% {
            height: 234px;
            opacity: 0.4;
        }
        95% {
            opacity: 0.2;
        }
        98% {
            opacity: 0.2;
        }
        100% {
            height: 270px;
            opacity: 0.05;
        }
    }
    .circle-container {
        margin-top: -150px;
    }
    @media (max-height: 600px) {
        .cloud_slide5 {
            margin: 0 auto;
        }
        .database {
            margin: 80px auto 0 auto;
        }
        @keyframes rain {
            0% {
                height: 0;
                opacity: 0;
            }
            10% {
                height: 0;
                opacity: 0;
            }
            20% {
                height: 0;
                opacity: 1;
            }
            80% {
                opacity: 1;
            }
            85% {
                opacity: 0.6;
            }
            88% {
                opacity: 0.6;
            }
            90% {
                opacity: 0.4;
            }
            95% {
                opacity: 0.2;
            }
            98% {
                opacity: 0.2;
            }
            100% {
                height: 244px;
                opacity: 0.05;
            }
        }
        .circle-container {
            margin-top: -170px;
        }
    }
    .slideimg2 {
        display: none;
    }
    .girmiti-contact-info ul li.address:before {
        font-size: 30px;
        content: "\e9d1";
    }
    .requiredFiled {
        color: #ff0000 !important;
        font-size: 10px;
    }
    .management_team_pop p {
        text-align: justify;
    }
    input:placeholder-shown+label {
        display: block;
    }
    input {
        width: 200px;
        border: none;
        border-bottom: solid 1px #8d97a0;
        padding: 5px;
        border-radius: 0;
        background: #fff;
        box-shadow: none;
        height: 20px;
        font-size: 16px;
        margin: 5px 0;
    }
    .resume1 {
        width: 200px;
        border: none;
        padding: 5px;
        border-radius: 0;
        background: #fff;
        box-shadow: none;
        height: 20px;
        font-size: 16px;
        margin: 5px 0;
    }
}

@media screen and (max-width: 1200px) {
    .empty_space {
        display: none;
    }
}


/* Management Page Start  */

.
/* management-photo_container {
	width: 150px;
	height: 150px;
	border-radius: 120px;
	overflow: hidden;
	margin: 0 auto;
	border:1px solid #000;
}
.test {
	width: 150px !important;
	height: 150px;
	border-radius: 120px;
	overflow: hidden;
	margin: 0 auto;
	border:1px solid #000 !important;
}
.management-photo-main-container h4, .management-photo-main-container p{
	text-align: center;
	margin-bottom: 0px;
}
.management-photo-main-container {
	margin-bottom: 30px;
}
.management-photo_container a:hover, .other_team a:hover {
	opacity: 0.9;
}
.founder-left {
	margin-left: 44px;
}
.founder-right{
	margin-left: -88px;
}
 */

#slide1_background,
#slide2_background,
#slide3_background,
#slide4_background,
#slide5_background,
#slide6_background,
#slide7_background,
#slide8_background,
#slide9_background,
#slide10_background,
#slide11_background,
#slide12_background,
#slide13_background,
#slide14_background,
#slide15_background,
#slide16_background {
    transition: all 0.3s 0.3s;
}

#slide1,
#slide1_wrapper,
#slide2,
#slide2_wrapper,
#slide3,
#slide3_wrapper,
#slide4,
#slide4_wrapper,
#slide5,
#slide5_wrapper,
#slide6,
#slide6_wrapper,
#slide7,
#slide7_wrapper,
#slide8,
#slide8_wrapper,
#slide9,
#slide9_wrapper,
#slide10,
#slide10_wrapper,
#slide11,
#slide11_wrapper,
#slide12,
#slide12_wrapper,
#slide13,
#slide13_wrapper,
#slide14,
#slide14_wrapper,
#slide15,
#slide15_wrapper,
#slide16,
#slide16_wrapper {
    transition: all 0.3s ease-out;
}

#slide1,
#slide2,
#slide3,
#slide4,
#slide5,
#slide6,
#slide7,
#slide8,
#slide9,
#slide10,
#slide11,
#slide12,
#slide13,
#slide14,
#slide15,
#slide16 {
    transform: scale(1);
}

.management_team_pop h2 {
    color: #31a600;
    font-family: "Trebuchet MS";
    font-size: 1.9em;
    font-weight: normal;
    line-height: 33px;
    margin: 0;
}

.management_team_pop {
    width: 60%;
    background: #fff;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 20px;
    text-align: justify;
}

@media (max-width: 1200px) {
    .management_team_pop .col-md-9,
    .other_teams .col-md-9 {
        width: 66.6667%;
    }
}

@media (max-width: 1000px) {
    .management_team_pop .col-md-9,
    .other_teams .col-md-9 {
        display: inline-block;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .management_team_pop,
    .other_teams {
        width: 100%;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .management_team_pop {
        width: 100%;
        margin-bottom: 0;
    }
    .management_team_pop .pull-left,
    .other_teams .pull-left {
        float: none !important;
    }
    .management_team_pop .col-md-9,
    .other_teams .col-md-9 {
        text-align: justify;
        width: 100%;
        padding: 0;
    }
    .management_team_pop .col-md-9 h2,
    .other_teams .col-md-9 h2 {
        text-align: center;
    }
}

.popup_content_visible {
    /* border:10px solid red !important; */
}


/* Management Page End */

.paragraph-height {
    height: 290px !important;
}


/*------------------ news articles style start--------------- */

.b-con.a {
    height: 200px;
    width: 800px;
    overflow: hidden;
    margin: 10px auto;
}

.b-con.a li {
    height: 198px;
    width: 198px;
    border: 0px solid #ddd;
    line-height: 2.4;
    font-size: 6px;
    text-align: center;
    float: left;
}


/* .b{
		height: 170px;
		overflow: hidden;
		width: 293px;
		margin-left:auto;
		margin-right: auto; 
		margin-top: 8px;} */

.b-con div {
    width: 293px;
    height: 58px;
    height: 53px;
    border: 0px solid #ddd;
    font-size: 1em;
    text-align: left;
}

.b-con .post-content {
    border-bottom: 1px solid #ddd;
    height: 80px;
    margin-top: 5px;
}

.rss_height {
    height: 200px;
}

.b-con .post-content p {
    font-size: 1em;
    line-height: 1.33;
}

.rss_mobile {
    margin-top: 30px;
}

.post-head h6 {
    margin-bottom: auto;
    margin-top: 5px;
}

.girm_feed_div {
    padding: 23px 15px 0px;
}

.itemFullText.girm_feed_outer.col-sm-6 {
    /* height: 200px; */
    /* display: flex; */
    display: inline-block;
    /* width: 100%; */
    height: 206px;
    /* background-color: #475; */
    overflow-y: hidden;
}


/*---------------- news articles style end ---------------------*/


/*======================================New Updated Css Files   start============================================*/

.acq_container1 {
    height: 53px;
    width: 53px;
}

.mpos_span1 {
    margin-top: -118px;
    margin-left: -48px;
}

.mposHover1 {
    margin-top: 62px;
    margin-left: -563px;
}

.tPOSHover1 {
    margin-left: -621px;
    margin-top: 122px;
}

.tPos_span1 {
    margin-left: -109px;
    margin-top: -85px;
}

.cardHolderHover1 {
    margin-left: -624px;
    margin-top: 210px;
}

.cardHolder_span1 {
    margin-top: -66px;
    margin-left: -156px;
}

.NFCHover1 {
    margin-top: 124px;
    margin-left: -414px;
}

.nfc_span1 {
    margin-top: -86px;
    margin-left: 63px;
}

.TMSHover1 {
    margin-left: -478px;
    margin-top: 57px;
}

.tms_span1 {
    margin-left: 36px;
    margin-top: -112px;
}

.MCKHover1 {
    margin-top: 270px;
    margin-left: -562px;
}

.mck_span1 {
    margin-top: -42px;
    margin-left: -57px;
}

.JSONHover1 {
    margin-left: -220px;
    margin-top: 201px;
    width: 88px;
    height: 86px;
}

.HolderSpan1 {
    left: -55px;
    margin-top: -40px;
}

.NACHover1 {
    margin-left: -220px;
    margin-top: 82px;
    width: 88px;
    height: 88px;
}

.accquirerHover1 {
    margin-left: -93px;
    margin-top: 20px;
    width: 85px;
    height: 97px;
}

.acquirerPaymentHover1 {
    margin-top: 148px;
    margin-left: -96px;
    width: 87px;
    height: 85px;
}

.processorHover1 {
    margin-top: 259px;
    margin-left: -95px;
    width: 87px;
    height: 85px;
}

.EMVHover1 {
    margin-top: 271px;
    margin-left: -478px;
}

.emv_span1 {
    margin-top: -37px;
    margin-left: 26px;
}

.readerHover1 {
    margin-top: 204px;
    margin-left: -413px;
}

.reader_span1 {
    margin-left: 60px;
    margin-top: -65px;
}

.cloudTSM1 {
    margin-left: -650px;
    margin-top: 49px;
}

#tsmNew1 {
    margin-top: 12%;
    margin-left: -4%;
}

.cloudPortals1 {
    margin-top: 192px;
    margin-left: -640px;
    width: 90px;
    height: 90px;
}

#portalNew1 {
    margin-top: 2px;
}

.cloudConsumer1 {
    margin-left: -227px;
    margin-top: 40px;
    height: 64px;
    width: 41px;
}

#consumerNew1 {
    margin-top: -26px;
    margin-left: -13px;
}

.cloudAgent1 {
    margin-left: -226px;
    margin-top: 134px;
    height: 64px;
    width: 41px;
}

#agentNew1 {
    margin-top: -26px;
}

.cloudAdmin1 {
    margin-top: 227px;
    margin-left: -227px;
    height: 64px;
    width: 41px;
}

#adminNew1 {
    margin-top: -23px;
}

.cloudmPOS1 {
    margin-left: -130px;
    margin-top: 58px;
    width: 90px;
    height: 90px;
}

#mposNew1 {
    margin-top: 4px;
}

.cloudtPOS1 {
    margin-left: -127px;
    margin-top: 192px;
    width: 90px;
    height: 91px;
}

#tposNew1 {
    margin-top: 4px;
}

.tpos1 {
    margin-top: 192px;
    margin-left: -334px;
}

.emvTpos_span1 {
    margin-top: -34px;
}

.pcPOC1 {
    margin-top: 76px;
    margin-left: -451px;
}

.pcPoc_span1 {
    margin-top: -115px;
}

.cardsHover1 {
    margin-top: 76px;
    margin-left: -333px;
}

.cards_emv_span1 {
    margin-top: -115px;
}

.mPOS1 {
    margin-top: 192px;
    margin-left: -450px;
}

.emvMpos_span1 {
    margin-top: -36px;
}

.acquirerHover1 {
    margin-top: 45px;
    margin-left: -564px;
}

.acquirer_emv_span1 {
    margin-top: -39px;
}

.processorHover2 {
    margin-top: 130px;
    margin-left: -563px;
}

.emv_processor_span1 {
    margin-top: -38px;
}

.issuerHover1 {
    margin-left: -562px;
    margin-top: 215px;
}

.emv_issuer_span1 {
    margin-top: -35px;
}

.schemesHover1 {
    margin-top: 44px;
    margin-left: -166px;
}

.emv_schemesHover_span1 {
    margin-top: -35px;
}

.complianceHover1 {
    margin-top: 130px;
    margin-left: -168px;
}

.emv_complianceHover_span1 {
    margin-top: -36px;
    margin-left: -11%;
}

.certificationHover1 {
    margin-left: -167px;
    margin-top: 215px;
}

.emv_certificationHover_span1 {
    margin-top: -36px;
    margin-left: -18%;
}

.giftLoyaltyContainer1 {
    width: 70px;
    height: 69px;
}

.onlineSNew1 {
    margin-left: -307px;
    margin-top: 86px;
}

#OServer1 {
    margin-top: -21px;
    word-break: break-word;
    width: 100px;
    margin-left: -13px;
}

.portalNew1 {
    margin-left: -302px;
    margin-top: 202px;
}

#giftPortal1 {
    margin-top: -19px;
}

.IntegtnNew1 {
    margin-left: -114px;
    margin-top: 34px;
}

#giftIntegrtn1 {
    margin-top: -19px;
}

.acquiringNew1 {
    margin-left: -109px;
    margin-top: 137px;
}

#giftAccquiring1 {
    margin-top: -19px;
}

.issuanceNew1 {
    margin-left: -110px;
    margin-top: 240px;
}

#giftIssuance1 {
    margin-top: -19px;
}

.processorPG1 {
    margin-left: -667px;
    margin-top: 82px;
}

.processorSpan1 {
    margin-top: 7px;
}

.processorRF1 {
    margin-left: -477px;
    margin-top: 43px;
}

#RiskFraudNew1 {
    top: -11px;
    left: 2%;
}

.processorSettlement1 {
    margin-left: -415px;
    margin-top: 156px;
    height: 90px;
}

.processorDeputeMgmt1 {
    margin-top: 41px;
    margin-left: -356px;
}

#DeputeMgmtNew1 {
    margin-top: -103px;
}

.processorTransaction1 {
    margin-left: -233px;
    margin-top: 54px;
    height: 90px;
    width: 97px;
}

#TransactionsNew1 {
    margin-top: -115px;
}

.processorSchemes_span1 {
    margin-top: 8px;
}

.processorSchemes1 {
    margin-left: -110px;
    margin-top: 91px;
}

.processorMerchentMgmt1 {
    margin-left: -299px;
    margin-top: 154px;
    width: 104px;
    height: 91px;
}

.readerContainer1 {
    height: 169px;
    width: 158px;
}

.readerTerminal1 {
    margin-top: 50px;
    margin-left: -665px;
}

#readerspan1 {
    margin-top: 80px;
    margin-left: -3px;
}

.readerMobilePOS1 {
    margin-left: -498px;
    margin-top: 48px;
}

#readerMobile1 {
    margin-top: 81px;
}

.readerNFC1 {
    margin-left: -334px;
    margin-top: 50px;
}

#readerNFCNew1 {
    margin-top: 76px;
}

.readerPC1 {
    margin-left: -169px;
    margin-top: 51px;
}

#readerPCNew1 {
    margin-top: 79px;
}

.se_in_cloudWalletContainer1 {
    width: 83px;
    height: 91px;
}

.walletNew1 {
    margin-left: -633px;
    margin-top: 67px;
}

#seWallet1 {
    margin-top: -5px;
    margin-left: 0px;
}

.secureNew1 {
    margin-left: -636px;
    margin-top: 183px;
}


/* #seSecure{
    width: 110px;
    left: -15%;
    top: 109%;
} */

.schemesNew1 {
    margin-left: -95px;
    margin-top: 125px;
}


/* #seSchemes{
    top: 109%;
    left: 1%;
} */

.sms_telecom1 {
    height: 32px;
    width: 32px;
    margin-left: -448px;
    margin-top: 45px;
}

.sms_telecom_span1 {
    margin-top: -107px;
    margin-left: -92px;
}

.sms_bank_span1 {
    margin-top: -97px;
    margin-left: -79px;
}

.sms_bank1 {
    height: 32px;
    width: 32px;
    margin-left: -503px;
    margin-top: 68px;
}

.sms_retail_span1 {
    margin-left: -106px;
    margin-top: -86px;
}

.sms_retail1 {
    margin-left: -539px;
    height: 32px;
    width: 32px;
    margin-top: 117px;
}

.sms_hotel_span1 {
    margin-left: -98px;
    margin-top: -88px;
}

.sms_hotel1 {
    margin-left: -554px;
    height: 32px;
    width: 32px;
    margin-top: 178px;
}

.sms_health_span1 {
    margin-left: -143px;
    margin-top: -87px;
}

.sms_health1 {
    margin-left: -540px;
    height: 32px;
    width: 32px;
    margin-top: 235px;
}

.sms_3party1 {
    margin-top: 280px;
    height: 32px;
    width: 32px;
    margin-left: -504px;
}

.smsTPSystem1 {
    margin-top: -69px;
    margin-left: -111px;
}

.sms_transit1 {
    margin-left: -449px;
    height: 32px;
    width: 32px;
    margin-top: 306px;
}

.sms_transit_span1 {
    margin-top: -68px;
    margin-left: -82px;
}

.sms_sms_span1 {
    margin-top: 19px;
    width: 50%;
    margin-left: 22%;
}

.sms_sms1 {
    margin-left: -359px;
    margin-top: 135px;
    width: 111px;
    height: 108px;
}

.sms_network_span1 {
    margin-top: 19px;
}

.sms_network1 {
    margin-left: -293px;
    margin-top: 135px;
    width: 111px;
    height: 108px;
}

.sms_mobile_span1 {
    margin-top: 19px;
}

.sms_mobile1 {
    margin-left: -172px;
    margin-top: 137px;
    width: 111px;
    height: 108px;
}

.tms_pg1 {
    margin-left: -119px;
    width: 13%;
    margin-top: 191px;
}

.tms_pg_span1 {
    margin-top: 8%;
}

.processor1 {
    margin-left: -128px;
    margin-top: 29px;
    width: 14%;
}

.processor_span1 {
    margin-top: 19%;
    margin-left: 3px;
}

.l3_sdk1 {
    margin-left: -371px;
    margin-top: 192px;
}

.l3_sdk_span1 {
    margin-top: 5%;
}

.dm1 {
    margin-left: -483px;
    margin-top: 193px;
}

.dm_span1 {
    margin-top: 5%;
    margin-left: 3%;
}

.t_o1 {
    margin-left: -597px;
    margin-top: 189px;
    height: 5%;
}

.t_o_span1 {
    margin-top: 5%;
    left: 5%;
}

.r_k_i_span1 {
    margin-top: -141%;
}

.mkm_span1 {
    margin-top: -145%;
    margin-left: 2%;
}

.mkm1 {
    margin-left: -429px;
    margin-top: 87px;
    height: 5%;
}

.dh1 {
    margin-left: -542px;
    margin-top: 88px;
    height: 5%;
}

.dh_span1 {
    margin-top: -141%;
}

.r_k_i1 {
    margin-left: -652px;
    margin-top: 89px;
    height: 5%;
}

.requirement1 {
    margin-left: -440px;
    margin-top: 50px;
    height: 71px;
    width: 56px;
}

#reqAnId1 {
    text-align: right;
    top: -32%;
    left: -156%;
    width: 156%;
}

.testPlan1 {
    margin-left: -379px;
    margin-top: 36px;
    height: 71px;
    width: 56px;
}

.uat_testPlanSpan1 {
    margin-top: -110px;
    margin-left: 36px;
    width: 112%;
}

.test_Scenario1 {
    margin-left: -315px;
    margin-top: 79px;
    height: 55px;
    width: 56px;
}

.test_Scenario_Span1 {
    margin-top: -115px;
    margin-left: 66px;
}

.tData_span1 {
    margin-top: -49px;
    margin-left: 65px;
    width: 116%;
}

.tRun_span1 {
    width: 107%;
    margin-top: -27px;
    margin-left: 36px;
}

.tRun1 {
    margin-left: -374px;
    margin-top: 244px;
    height: 55px;
    width: 56px;
}

.tData1 {
    margin-left: -313px;
    margin-top: 212px;
    height: 55px;
    width: 56px;
}

.tCase1 {
    margin-left: -293px;
    margin-top: 146px;
    height: 55px;
    width: 56px;
}

.business_Span1 {
    margin-top: -33px;
    margin-left: -69px;
}

.business1 {
    margin-left: -444px;
    margin-top: 236px;
    height: 55px;
    width: 56px;
}

.tCase_span1 {
    margin-left: 76px;
    margin-top: -75px;
    width: 132%;
}

.requirement_span1 {
    margin-left: -79%;
    margin-top: -166%;
    width: 10%;
}

/*======================================New Updated Css Files   end============================================*/


/*=============================================CSS for Certification Start==========================================================*/

.POS_certification_container {
    width: 81px;
    height: 80px;
}

.tposclass {
    margin-left: -501px;
    margin-top: 95px;
}

#tposClassId {
    top: 37%;
    left: -82%;
}

.QAclass {
    margin-left: -274px;
    margin-top: 95px;
}

#QAclassId {
    top: 39%;
    left: 76%;
    word-break: break-word;
    width: 164px;
}

.pnoclass {
    margin-left: -389px;
    margin-top: 50px;
}

#pnoclassId {
    top: 10%;
    left: 73%;
}

.formClass {
    margin-top: 200px;
    margin-left: -234px;
}

#formClassId {
    top: 41%;
    left: 56%;
    width: 152%;
}

.mposClass {
    margin-top: 199px;
    margin-left: -544px;
}

#mposClassId {
    top: 41%;
    left: -85%;
}

.emvAdvt {
    margin-left: -286px;
    margin-top: 53px;
}

#emvadvtPnoID {
    top: -11%;
    left: 84%;
}

.tipPno {
    margin-left: -213px;
    margin-top: 151px;
}

#tipPnoId {
    top: 41%;
    left: 79%;
}

.scostaPno {
    margin-left: -240px;
    margin-top: 267px;
}

#scostaPnoId {
    top: 77%;
    left: 85%;
}

.mifarePno {
    margin-left: -350px;
    margin-top: 316px;
}

#mifarePnoId {
    top: 110%;
    left: 67%;
}

.mchipPno {
    margin-top: 264px;
    margin-left: -455px;
}

#mchipPnoId {
    top: 80%;
    left: -86%;
}

.emvqvsdcPno {
    margin-left: -482px;
    margin-top: 150px;
}

#emvqvsdcPnoId {
    top: 41%;
    left: -132%;
    word-break: break-word;
    width: 101px;
}

.paypassPno {
    margin-left: -413px;
    margin-top: 59px;
}

#paypassPnoId {
    top: -19%;
    left: -66%;
}


/*=============================================CSS for Certification End==========================================================*/


/*================================CSS for Nexo page Start========================================*/

.nexoPG {
    margin-left: -291px;
    margin-top: 34px;
    width: 80px;
    height: 67px;
}

#nexoPGId {
    top: 27%;
    left: 100%;
}

.nexoTMS {
    margin-top: 281px;
    margin-left: -225px;
    width: 80px;
    height: 67px;
}

#nexoTMSId {
    top: 17%;
    left: 116%;
    text-align: left;
}

.nexoEC {
    margin-top: 281px;
    margin-left: -529px;
    width: 81px;
    height: 66px;
}

#nexoECId {
    top: 40%;
    left: -124%;
    width: 109%;
}

.notification span {
    left: 78px;
    top: 22px;
}

.security span {
    left: 94px;
    top: 37px;
}

.operational span {
    left: 108px;
    top: 30px;
}

.fund_transfer span {
    left: 60px;
    top: 26px;
}

.request_services span {
    left: 1px;
    top: 101px;
}

.remittance span {
    left: 5px;
    top: -29px;
}

.dmat span {
    left: -65px;
    top: 20px;
}

.credit span {
    top: 5px;
    left: -89px;
    line-height: 0.8;
}

.sms_banking span {
    left: -100px;
    top: 37px;
}

.ticketing span {
    left: -98px;
    top: 32px;
}


/*================================CSS for Nexo page End========================================*/


/*================================CSS for sport_fitness_events page start========================================*/

#sport_scheduling {
    margin-left: -393px;
    margin-top: -5px;
}

.scheduleSport_align span {
    top: 67px;
    left: -1px;
    font-size: 12px;
}

#sport_referee {
    margin-left: -313px;
    margin-top: 48px;
}

.refereeSport_align span {
    top: 72px;
    left: -1px;
    font-size: 12px;
    word-break: break-word;
    width: 76px;
}

#sport_Players {
    margin-left: -230px;
    margin-top: 26px;
}

.playersSport_align span {
    top: 73px;
    left: -1px;
    font-size: 12px;
}

#sport_Admin {
    margin-left: -126px;
    margin-top: 8px;
}

.adminSport_align span {
    top: 65px;
    left: -17px;
    font-size: 12px;
}

#sport_Tickets {
    margin-left: -160px;
    margin-top: 100px;
}

.ticketsSport_align span {
    top: 57px;
    left: -1px;
    font-size: 12px;
}

#sport_Mobile {
    margin-left: -87px;
    margin-top: 133px;
}

.MobileSport_align span {
    top: 68px;
    left: -10px;
    font-size: 12px;
}

#sport_payments {
    margin-left: -258px;
    margin-top: 141px;
}

.paymentsSport_align span {
    top: 58px;
    left: -5px;
    font-size: 12px;
}

#sport_Trackevents {
    margin-left: -403px;
    margin-top: 113px;
}

.trackeventsSport_align span {
    top: 62px;
    left: -9px;
    font-size: 12px;
    word-break: break-word;
    width: 75px;
}

#sport_Statistics {
    margin-left: -524px;
    margin-top: 147px;
}

.statisticsSport_align span {
    top: 62px;
    left: 5px;
    font-size: 12px;
}

#sport_Workout {
    margin-left: -480px;
    margin-top: 65px;
}

.workoutSport_align span {
    top: 68px;
    font-size: 12px;
    left: -3px;
}

#sport_Member_management {
    margin-left: -573px;
    margin-top: 33px;
}

.member_managementSport_align span {
    top: 68px;
    font-size: 13px;
    left: -11px;
    word-break: break-word;
    width: 85px;
}


/*================================CSS for  sport_fitness_events page End========================================*/

body.modal-open {
    padding-right: 0 !important;
}

body {
    padding-right: 0 !important;
    width: 96%;
}


/*=================================tPOS and mPOS Certification start==========================================*/

.mtContainer {
    width: 62px;
    height: 55px;
}

.mtContact {
    margin-left: -390px;
    margin-top: 50px;
}

#mtContact {
    margin-left: 88px;
    margin-top: -78px;
}

.mtContactless {
    margin-left: -270px;
    margin-top: 139px;
}

#mtContactless {
    margin-top: -70px;
    margin-left: 92px;
}

.mtPaymentGateway {
    margin-left: -317px;
    margin-top: 286px;
}

#mtPaymentGateway {
    margin-top: -72px;
    margin-left: 90px;
    width: 123px;
}

.mtPno {
    margin-left: -464px;
    margin-top: 287px;
}

#mtPno {
    margin-top: -70px;
    margin-left: -125px;
}

.mtTms {
    margin-left: -510px;
    margin-top: 140px;
}

#mtTms {
    margin-left: -125px;
    margin-top: -71px;
}


/*=================================tPOS and mPOS Certification end==========================================*/


/*=================================hce certification start===================================================*/

.hceCertificationWallet {
    margin-left: -396px;
    margin-top: 45px;
}

#hceCertificationWallet {
    margin-top: -50px;
    margin-left: 112px;
}

.hceCertificationSecureElement {
    margin-left: -284px;
    margin-top: 127px;
}

#hceCertificationSecureElement {
    margin-top: -60px;
    margin-left: 115px;
}

.hceCertificationWearable {
    margin-left: -328px;
    margin-top: 258px;
}

#hceCertificationWearable {
    margin-top: -53px;
    margin-left: 115px;
}

.hceCertificationTokenization {
    margin-left: -466px;
    margin-top: 258px;
}

#hceCertificationTokenization {
    margin-top: -50px;
    margin-left: -205px;
}

.hceCertificationKey {
    margin-left: -508px;
    margin-top: 126px;
}

#hceCertificationKey {
    margin-top: -45px;
    margin-left: -148px;
}


/*=================================hce certification end===================================================*/


/*=================================Nexo certification start===================================================*/

.nexoCertificateAquirer {
    margin-left: -270px;
    margin-top: 68px;
    width: 77px;
    height: 80px;
}

#nexoCertificateAquirer {
    margin-top: -93px;
    margin-left: 95px;
}

.nexoCertificateTms {
    margin-left: -225px;
    margin-top: 173px;
    width: 86px;
}

#nexoCertificateTms {
    margin-top: -60px;
    margin-left: 101px;
}

.nexoCertificateRetail {
    margin-top: 282px;
    margin-left: -303px;
    width: 87px;
    height: 68px;
}

#nexoCertificateRetail {
    margin-top: -44px;
    margin-left: 118px;
}

.nexoCertificateFast {
    margin-top: 264px;
    margin-left: -430px;
    width: 102px;
    height: 80px;
}

#nexoCertificateFast {
    margin-left: -115px;
    margin-top: -29px;
}

.nexoCertificateQaTestingTool {
    margin-left: -468px;
    margin-top: 143px;
    width: 87px;
}

#nexoCertificateQaTestingTool {
    margin-top: -44px;
    margin-left: -215px;
}

.nexoCertificateSecurity {
    margin-left: -405px;
    margin-top: 55px;
    width: 102px;
    height: 78px;
}

#nexoCertificateSecurity {
    margin-top: -84px;
    margin-left: -195px;
}


/*=================================Nexo certification end===================================================*/


/*=================================Quick Links CSS Start===================================================*/

.quick_links a {
    background: none;
    border: 1px solid #c2c2c2;
    margin: 5px;
    border-radius: 40px;
    color: #c2c2c2;
    font-size: 12px;
    padding: 5px 10px;
    outline: 0;
}

.quick_links a:hover {
    border: 1px solid #31a600;
    color: #31a600;
}

.quick_links a.highlite:hover {
    /* border: 0; */
    border: 1px solid #31a600;
    color: #fff;
}

.quick_links .highlite {
    background: #31a600;
    color: #fff;
    border: 1px solid #31a600;
}

.quick_links {
    margin-bottom: 20px;
}

.active_link {
    border: 1px solid #31a600 !important;
    color: #31a600 !important;
}

.quick_links {
    margin-bottom: 20px;
    line-height: 2.5;
    
}
@media screen and (max-width: 1024px) {
    .quick_links {
        margin-bottom: 40px;
        line-height: 2.5;
        margin-top: -3.5rem;
        
    }

}


/*=================================Quick Links CSS end===================================================*/


/*=============new files====================*/

.inverstors_banner_new {
    background-image: url(../images/inner_banner/Investors.jpg);
}

.supportAndservices-cover_new {
    background-image: url(../images/inner_banner/Support_Services.jpg);
}

#model_body {
    background-color: #fafafb;
    right: -15px;
}

#reg_ga {
    border-radius: 100px;
    border: rgb(77, 72, 72);
    border-style: solid;
    border-width: thin;
    justify-content: 25px;
    padding: 4px;
    font-size: 11px;
}

.upload {
    box-shadow: none;
    background: transparent;
    /* border: 2px solid rgba(0, 0, 0, 0.1); */
    border-radius: 17px;
    width: 329px;
    height: 29px;
    font-size: 10px;
    font-weight: 300;
}

#awesome {
    background-color: #EDEEEF;
    height: 43px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
}

#ok {
    margin-right: 4px;
    margin-bottom: 4px;
    font-family: Work Sans, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 22px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 0px 40px;
}

#identiemi {
    left: 42px;
    margin-top: 114px;
    width: 67px;
    height: 78px;
}

#identiemi1 {
    left: 0px;
    margin-top: 150px;
}

#rateemi {
    left: 112px;
    margin-top: 107px;
    width: 67px;
    height: 78px;
}

#rateemi1 {
    left: -13px;
    margin-top: -84px;
    width: 114px;
}

#recurremi {
    left: 181px;
    margin-top: 114px;
    width: 67px;
    height: 78px;
}

#recurremi1 {
    left: 0px;
    margin-top: 83px;
}

#offeremi {
    left: 249px;
    margin-top: 107px;
    width: 67px;
    height: 78px;
}

#offeremi1 {
    left: -22px;
    margin-top: -82px;
    width: 114px;
}

#discemi {
    left: 318px;
    margin-top: 114px;
    width: 67px;
    height: 78px;
}

#discemi1 {
    left: -1px;
    margin-top: 84px;
}

#ecomemi {
    left: 388px;
    margin-top: 107px;
    width: 67px;
    height: 78px;
}

#ecomemi1 {
    left: -7px;
    margin-top: -94px;
}

#posemi {
    left: 457px;
    margin-top: 114px;
    width: 67px;
    height: 78px;
}

#posemi1 {
    left: 3px;
    margin-top: 27px;
}

#transacemi {
    left: 526px;
    margin-top: 107px;
    width: 67px;
    height: 78px;
}

#transacemi1 {
    left: -10px;
    margin-top: -157px;
}

#Paymemi {
    left: 595px;
    margin-top: 114px;
    width: 67px;
    height: 78px;
}

#Paymemi1 {
    left: -30px;
    margin-top: 92px;
    width: 133px;
}

#merchmrp {
    left: 99px;
    margin-top: 77px;
    width: 110px;
    height: 116px;
}

#merchmrp1 {
    margin-top: -3px;
    left: 0px;
}

#distrimrp {
    left: 232px;
    margin-top: 77px;
    width: 110px;
    height: 116px;
}

#distrimrp1 {
    margin-top: -126px;
    left: 3px;
}

#agentmrp {
    left: 365px;
    margin-top: 77px;
    width: 110px;
    height: 116px;
}

#agentmrp1 {
    margin-top: -126px;
    left: 0px;
}

#reffmrp {
    left: 496px;
    margin-top: 77px;
    width: 110px;
    height: 116px;
}

#reffmrp1 {
    margin-top: -126px;
    left: 0px;
}

#loyalmrp {
    left: 37px;
    margin-top: 378px;
    width: 110px;
    height: 116px;
}

#loyalmrp1 {
    margin-top: 35px;
    left: -1px;
}

#promomrp {
    left: 170px;
    margin-top: 378px;
    width: 110px;
    height: 116px;
}

#promomrp1 {
    margin-top: 35px;
    left: 0px;
}

#vochmrp {
    left: 304px;
    margin-top: 378px;
    width: 110px;
    height: 116px;
}

#vochmrp1 {
    margin-top: 35px;
    left: -1px;
}

#transmrp {
    left: 434px;
    margin-top: 378px;
    width: 110px;
    height: 116px;
}

#transmrp1 {
    margin-top: 35px;
    left: -1px;
}

#settelmrp {
    left: 560px;
    margin-top: 378px;
    width: 110px;
    height: 116px;
}

#settelmrp1 {
    margin-top: 35px;
    left: -1px;
}

#machine_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/machine.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 107% 83%;
}

.menubarnet_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/net.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}

.menubarmac_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/machine.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}

.menubarechallan_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/echallan.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}

.menubareupi_icon {
    width: 24px;
    height: 34px;
    background-image: url(../images/menu_bar_icons/upi.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: -7px;
    margin-left: -1px;
}

.menubaref_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/referal_program.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 81%;
}

.menubaropmane_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/operational_management.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 81%;
}

.menubarsupp_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/support&helpdesk.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 81%;
}

.menubardevop_icon {
    width: 24px;
    height: 23px;
    background-image: url(../images/menu_bar_icons/devops.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 91% 74%;
}

.menubarazuu_icon {
    width: 24px;
    height: 23px;
    background-image: url(../images/menu_bar_icons/azure_cloud_platform.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 91% 74%;
}

.menubardata_icon {
    width: 24px;
    height: 22px;
    background-image: url(../images/menu_bar_icons/data_center.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 77% 75%;
}

.menubargoo_icon {
    width: 24px;
    height: 23px;
    background-image: url(../images/menu_bar_icons/google_cloud_platform.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 91% 74%;
}

.menubarregul_icon {
    width: 24px;
    height: 23px;
    background-image: url(../images/menu_bar_icons/regulatory_compliance.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 91% 74%;
}

.menubaropaa_icon {
    width: 24px;
    height: 23px;
    background-image: url(../images/menu_bar_icons/operations.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 91% 74%;
}

.menubarinsta_icon {
    width: 24px;
    height: 23px;
    background-image: url(../images/menu_bar_icons/installation.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 91% 74%;
}

.menubarcolec_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/collectiona_manegment.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 78%;
}

.menubaremi_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/emi.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}

.menubarutiliti_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/utility_payment.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}

.menubarchan_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/channel.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}

.menubarrki_icon {
    width: 25px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/RKI.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}

.menubarspos_icon {
    width: 25px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/sPOS.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}

.menubaratten_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/attented_and.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}
.menubarchatbot_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/ChatBot.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}

.menubarcrm_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/CRM.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}
.menubarivr_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/ivr_and_call_center.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}
.menubaradjust_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/Adjustments.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}
.menubarfees_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/fee_and_ommission_management.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}
.menubarinterface12_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/interface_to_accounting12.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}

.menubarhealthappli_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/Health_application.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}
.menubarhealthcard_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/Health_card.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}
.menubarpci_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/pci2.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}
.menubarhealthcard1_icon {
    width: 23px;
    height: 25px;
    background-image: url(../images/menu_bar_icons/Health_card.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 98% 83%;
}
/* end of the menubar icons*/


#cmrbank {
    left: 106px;
    margin-top: 50px;
    width: 63px;
    height: 61px;
}

#cmrbank1 {
    margin-top: -74px;
    left: -61px;
}

#cmrcd {
    left: 532px;
    margin-top: 50px;
    width: 63px;
    height: 61px;
}

#cmrcd1 {
    margin-top: -74px;
    left: 59px;
    width: 106px;
}

#cmrpart {
    left: 125px;
    margin-top: 117px;
    width: 63px;
    height: 61px;
}

#cmrpart1 {
    margin-top: -73px;
    left: -62px;
}

#cmrage {
    left: 106px;
    margin-top: 186px;
    width: 63px;
    height: 61px;
}

#cmrage1 {
    margin-top: -76px;
    left: -60px;
}

#cmrcol {
    left: 125px;
    margin-top: 252px;
    width: 63px;
    height: 61px;
}

#cmrcol1 {
    margin-top: -74px;
    left: -78px;
}

#cmrloan {
    left: 513px;
    margin-top: 117px;
    width: 63px;
    height: 61px;
}

#cmrloan1 {
    margin-top: -74px;
    left: 55px
}

#cmrtran {
    left: 532px;
    margin-top: 184px;
    width: 63px;
    height: 61px;
}

#cmrtran1 {
    margin-top: -73px;
    left: 69px;
}

#cmrset {
    left: 513px;
    margin-top: 251px;
    width: 63px;
    height: 61px;
}

#cmrset1 {
    margin-top: -74px;
    left: 70px;
}

#cmrpay {
    left: 532px;
    margin-top: 319px;
    width: 63px;
    height: 61px;
}

#cmrpay1 {
    margin-top: -81px;
    left: 68px;
}

#cmrmobil {
    left: 106px;
    margin-top: 319px;
    width: 63px;
    height: 61px;
}

#cmrmobil1 {
    margin-top: -75px;
    left: -82px;
    width: 79px;
}

#utielec {
    left: 44px;
    margin-top: 74px;
    width: 93px;
    height: 93px;
}

#utielec1 {
    margin-top: 10px;
    left: 2px;
}

#utitel {
    left: 143px;
    margin-top: 74px;
    width: 93px;
    height: 93px;
}

#utitel1 {
    margin-top: -114px;
    left: 1px;
}

#utidth {
    left: 244px;
    margin-top: 74px;
    width: 93px;
    height: 93px;
}

#utidth1 {
    margin-top: -114px;
    left: 0px;
}

#utiins {
    left: 344px;
    margin-top: 74px;
    width: 93px;
    height: 93px;
}

#utiins1 {
    margin-top: -114px;
    left: 0px;
}

#utiloan {
    left: 444px;
    margin-top: 74px;
    width: 93px;
    height: 93px;
}

#utiloan1 {
    margin-top: -114px;
    left: 0px;
}

#utitran {
    left: 544px;
    margin-top: 74px;
    width: 93px;
    height: 93px;
}

#utitran1 {
    margin-top: -114px;
    left: 0px;
}

#utitolls {
    left: 123px;
    margin-top: 316px;
    width: 93px;
    height: 93px;
}

#utitolls1 {
    margin-top: 0px;
    left: 0px;
}

#utigov {
    left: 223px;
    margin-top: 316px;
    width: 93px;
    height: 93px;
}

#utigov1 {
    margin-top: 0px;
    left: 0px;
}

#utitar {
    left: 323px;
    margin-top: 316px;
    width: 93px;
    height: 93px;
}

#utitar1 {
    margin-top: 0px;
    left: 0px;
}

#utisett {
    left: 423px;
    margin-top: 316px;
    width: 93px;
    height: 93px;
}

#utisett1 {
    margin-top: 0px;
    left: 0px;
}

#utigat {
    left: 523px;
    margin-top: 316px;
    width: 93px;
    height: 93px;
}

#utigat1 {
    margin-top: 0px;
    left: 0px;
}

#datacustom {
    left: 91px;
    margin-top: 215px;
    height: 77px;
    width: 77px;
}

#datacustom1 {
    top: 26px;
    left: -82px;
    text-align: end;
    word-break: break-word;
    }

#dataopara {
    left: 179px;
    margin-top: 47px;
    height: 77px;
    width: 77px;
}

#dataopara1 {
    top: 26px;
    text-align: end;
    left: -82px;
}

#databussi {
    left: 111px;
    margin-top: 120px;
    width: 82px;
    height: 77px;
}

#databussi1 {
    top: 17px;
    left: -87px;
    width: 89px;
    word-break: break-word;
}

#res {
    position: relative;
    left: -280px;
}

.btn1 {
    margin-bottom: 4px;
    font-family: "Work Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 0px 20px;
    position: relative;
    left: -248px;
}

.btn2 {
    margin-bottom: 4px;
    font-family: "Work Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 0px 20px;
    position: relative;
    left: -110px;
}

#formm {
    margin-left: 25px
}

.menubarhsm_icon {
    width: 27px;
    height: 19px;
    background-image: url(../images/menu_bar_icons/hsm.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 89% 96%;
    margin-top: 1px;
    margin-left: -2px;
}

.menubardcc_icon {
    width: 24px;
    height: 19px;
    background-image: url(../images/menu_bar_icons/dcc.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 95% 93%;
    margin-top: 1px;
    margin-left: 0px;
}

.menubarforex_icon {
    width: 24px;
    height: 19px;
    background-image: url(../images/menu_bar_icons/forex.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 1px;
    margin-left: 0px;
}

.menubarecomerce_icon {
    width: 20px;
    height: 19px;
    background-image: url(../images/menu_bar_icons/ecomerce.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: -2px;
    margin-top: 1px;
    margin-left: 4px;
}

#oputiliti {
    left: 506px;
    margin-top: 179px;
    width: 90px;
    height: 105px;
}

#oputiliti1 {
    left: 98px;
    margin-top: -59px;
    text-align: left;
}

#opechall {
    left: 117px;
    margin-top: 179px;
    width: 87px;
    height: 107px;
}

#opechall1 {
    left: -84px;
    margin-top: -52px;
}

#opmer {
    left: 408px;
    margin-top: 123px;
    width: 88px;
    height: 90px;
}

#opmer2 {
    left: 93px;
    margin-top: -90px;
    width: 117px;
}

#opcollec {
    left: 405px;
    margin-top: 247px;
    width: 91px;
    height: 92px;
}

#opcollec1 {
    left: 104px;
    margin-top: -46px;
    text-align: left;
}

#opupi {
    left: 211px;
    margin-top: 249px;
    width: 91px;
    height: 90px;
}

#opupi1 {
    left: -68px;
    margin-top: -48px;
}

#opemi {
    left: 304px;
    margin-top: 312px;
    width: 101px;
    height: 90px;
}

#opemi1 {
    left: 62px;
    margin-top: -25px;
}

#opsup {
    left: 214px;
    margin-top: 120px;
    width: 90px;
    height: 97px;
}

#opsup1 {
    left: -89px;
    margin-top: -87px;
}

#opop {
    left: 304px;
    margin-top: 58px;
    width: 101px;
    height: 90px;
}

#opop1 {
    left: 105px;
    margin-top: -92px;
    text-align: left;
}

#fordyn {
    left: 115px;
    margin-top: 85px;
    width: 92px;
    height: 75px;
}

#fordyn1 {
    left: -15px;
    margin-top: -130px;
    width: 127px;
}

#forfra {
    left: 268px;
    margin-top: 85px;
    width: 92px;
    height: 75px;
}

#forfra1 {
    left: -18px;
    margin-top: -114px;
    width: 127px;
}

#forback {
    left: 421px;
    margin-top: 85px;
    width: 92px;
    height: 75px;
}

#forback1 {
    left: -19px;
    margin-top: -130px;
    width: 127px;
}

#forfree {
    left: 575px;
    margin-top: 85px;
    width: 92px;
    height: 75px;
}

#forfree1 {
    left: -1px;
    margin-top: -114px;
}

#formulti {
    left: 39px;
    margin-top: 133px;
    width: 72px;
    height: 96px;
}

#formulti1 {
    left: -19px;
    margin-top: -177px;
    width: 127px;
}

#forremi {
    left: 203px;
    margin-top: 143px;
    width: 72px;
    height: 78px;
}

#forremi1 {
    left: -4px;
    margin-top: 45px;
}

#formoniv {
    left: 354px;
    margin-top: 143px;
    width: 72px;
    height: 78px;
}

#formoniv1 {
    left: -1px;
    margin-top: -172px;
}

#forcom {
    left: 115px;
    margin-top: 206px;
    width: 92px;
    height: 75px
}

#forcom1 {
    left: 0px;
    margin-top: -19px;
}

#forset {
    left: 268px;
    margin-top: 203px;
    width: 92px;
    height: 75px;
}

#forset1 {
    left: 0px;
    margin-top: -14px;
}

#forrec {
    left: 421px;
    margin-top: 203px;
    width: 92px;
    height: 75px;
}

#forrec1 {
    left: 0px;
    margin-top: -14px;
}

#formul {
    left: 574px;
    margin-top: 203px;
    width: 92px;
    height: 75px;
}

#formul1 {
    left: 0px;
    margin-top: -13px;
}

#forrep {
    left: 508px;
    margin-top: 143px;
    width: 72px;
    height: 78px;
}

#forrep1 {
    left: -4px;
    margin-top: 47px;
}


/*ecommerce mapping start*/

.invisible.ecommerce {
    width: 69px;
    height: 63px;
}

.invisible.mp_bottom span {
    bottom: 115px;
}

#mPOS {
    left: 31px;
    margin-top: 113px;
}

#mPOS1 {
    left: 1px;
    margin-top: -114px;
}

#mobile_apps {
    left: 105px;
    margin-top: 73px;
}

#mobile_apps1 {
    left: -11px;
    margin-top: -115px;
    width: 86px;
}

#web_portals {
    left: 174px;
    margin-top: 113px;
}

#web_portals1 {
    left: 1px;
    margin-top: -130px;
}

#merchant {
    left: 247px;
    margin-top: 73px;
}

#merchant1 {
    left: 0px;
    margin-top: -115px;
}

#store {
    left: 317px;
    margin-top: 113px;
}

#store1 {
    left: 1px;
    margin-top: -114px;
}

#product {
    left: 388px;
    margin-top: 73px;
}

#product1 {
    left: 0px;
    margin-top: -115px;
}

#tax {
    left: 462px;
    margin-top: 113px;
}

#tax1 {
    left: -1px;
    margin-top: -114px;
}

#category_management {
    left: 533px;
    margin-top: 73px;
}

#category_management1 {
    left: -7px;
    margin-top: -131px;
    width: 82px;
}

#ecommerce_schemes {
    left: 602px;
    margin-top: 113px;
}

#ecommerce_schemes1 {
    left: 2px;
    margin-top: -114px;
}



#processor1 {
    left: 604px;
    margin-top: 312px;
}

#processor11 {
    left: 0px;
    margin-top: -29px;
}

#payment_mode {
    left: 532px;
    margin-top: 276px;
}

#payment_mode1 {
    left: 0px;
    margin-top: 6px;
}

#payment_gateway {
    left: 462px;
    margin-top: 313px;
}

#payment_gateway1 {
    left: -2px;
    margin-top: -30px;
}

#checkout {
    left: 392px;
    margin-top: 276px;
}

#checkout1 {
    left: -2px;
    margin-top: -30px;
}

#order_processing {
    left: 320px;
    margin-top: 314px;
}

#order_processing1 {
    left: -1px;
    margin-top: -30px;
}

#discount {
    left: 246px;
    margin-top: 276px;
}

#discount1 {
    left: 0px;
    margin-top: -30px;
}

#offers {
    left: 176px;
    margin-top: 313px;
}

#offers1 {
    left: 1px;
    margin-top: -30px;
}

#coupons1 {
    left: 103px;
    margin-top: 276px;
}

#coupons11 {
    left: 1px;
    margin-top: -30px;
}

#promotions {
    left: 32px;
    margin-top: 315px;
}

#promotions1 {
    left: -3px;
    margin-top: -31px;
}

#ecommpayment {
        left: 462px;
    margin-top: 314px;
}
#ecommpayment1 {
    left: -10px;
    margin-top: -33px;
    font-size: 14px;
    width: 87px;
}

/*ecommerce mapping end*/


/*hsm hovering start*/

.invisible.hsm {
    width: 98px;
    height: 132px;
}

#pin {
    left: 84px;
    margin-top: 78px;
}

#pin1 {
    left: 0px;
    margin-top: -115px;
    ;
}

#generate {
    left: 196px;
    margin-top: 80px;
}

#generate1 {
    left: -3px;
    margin-top: -117px;
}

#verify {
    left: 305px;
    margin-top: 82px;
}

#verify1 {
    left: -3px;
    margin-top: -119px;
}

#key_management {
    left: 414px;
    margin-top: 82px;
}

#key_management1 {
    letter-spacing: 0px;
    left: -2px;
    margin-top: -131px;
    line-height: 14px;
}

#certification_hsm {
    left: 524px;
    margin-top: 82px;
}


#certification_hsm1 {
    left: 4px;
    margin-top: -119px;
    width: 82px;
    letter-spacing: -1px;
}

#payment_gateway {
    left: 575px;
    margin-top: 327px;
}

#payment_gateway1 {
    left: 3px;
    margin-top: 44px;
    letter-spacing: -1px;
    line-height: 14px;
}

#processor_hsm {
    left: 468px;
    margin-top: 329px;
}

#processor_hsm1 {
    left: 2px;
    margin-top: 41px;
    letter-spacing: 0px;
}

#schemes {
    left: 358px;
    margin-top: 329px;
}

#schemes1 {
    left: 2px;
    margin-top: 41px;
    letter-spacing: 0px;
}

#rki_hsm {
    left: 248px;
    margin-top: 329px;
}

#rki_hsm1 {
    left: 2px;
    margin-top: 41px;
}

#issuance {
    left: 139px;
    margin-top: 329px;
}

#issuance1 {
    left: 1px;
    margin-top: 41px;
    letter-spacing: -1px;
}

#pos_hsm {
    left: 30px;
    margin-top: 331px;
}

#pos_hsm1 {
    left: 1px;
    margin-top: 38px;
    
}


/*hsm hovering end*/

#databasepay {
    left: 2px;
    margin-top: 32px;
    text-align: right;
}


/* Dcc hovering start*/

.invisible.DCC {
    width: 102px;
    height: 67px;
}

.invisible.mp_bottom span {
    bottom: 115px;
}

#exchange_range {
    left: 169px;
    margin-top: 45px;
}

#exchange_range1 {
    /* left: 6px;
    margin-top: -54px;
    font-size: 12px;
    letter-spacing: -1px; */
    left: 6px;
    margin-top: -54px;
    font-size: 14px;
    letter-spacing: -1px;
}

#bin_range {
    left: 432px;
    margin-top: 47px;
}

#bin_range1 {
    /* left: 6px;
    margin-top: -59px;
    font-size: 14px;
    letter-spacing: -2px; */
    left: 6px;
    margin-top: -59px;
    font-size: 14px;
    letter-spacing: -2px;
}

#transaction {
    left: 108px;
    margin-top: 139px;
}

#transaction1 {
    /* left: 7px;
    margin-top: -51px;
    font-size: 12px;
    letter-spacing: -1px; */
    left: 7px;
    margin-top: -51px;
    font-size: 14px;
    letter-spacing: -1px;
}

#computation {
    left: 494px;
    margin-top: 141px;
}

#computation1 {
    /* left: 5px;
    margin-top: -51px;
    font-size: 13px;
    letter-spacing: -1px; */
    left: 5px;
    margin-top: -51px;
    font-size: 14px;
    letter-spacing: -1px;
}

#pos_device {
    left: 108px;
    margin-top: 238px;
}

#pos_device1 {
    /* left: 3px;
    margin-top: -50px;
    font-size: 12px;
    letter-spacing: -1px; */
    left: 3px;
    margin-top: -50px;
    font-size: 14px;
    letter-spacing: -1px;
}

#crdb {
    left: 494px;
    margin-top: 238px;
}

#crdb1 {
    /* left: 6px;
    margin-top: -51px;
    font-size: 12px;
    letter-spacing: -1px; */
    left: 6px;
    margin-top: -51px;
    font-size: 14px;
    letter-spacing: -1px;
}

#peripheral_pad_device {
    left: 168px;
    margin-top: 338px;
}

#peripheral_pad_device1 {
    /* left: 18px;
    margin-top: -58px;
    font-size: 13px;
    width: 74px;
    letter-spacing: -1px;
    line-height: 14px; */
    left: 18px;
    margin-top: -58px;
    font-size: 14px;
    width: 74px;
    letter-spacing: -1px;
    line-height: 14px;

}

#payment_gateway {
    left: 577px;
    margin-top: 330px;
}

#payment_gateway1 {
    left: 4px;
    margin-top: 38px;
    font-size: 15px;
    width: 87px;
}

#dcc_payment {
    left: 433px;
    margin-top: 336px;
}

#dcc_payment1 {
    /* left: 14px;
    margin-top: -60px;
    font-size: 13px;
    width: 87px; */
    left: 14px;
    margin-top: -60px;
    font-size: 14px;
    width: 87px;
}
/* dcc hovering end*/


/*Support service start */

.invisible.sup {
    width: 63px;
    height: 68px;
}

#suppcall {
    left: 109px;
    margin-top: 96px;
}

#suppcall span {
    left: -22px;
    margin-top: -134px;
    width: 103px;
    letter-spacing: -1px;
    font-size: 14px;
}

#supissu {
    left: 237px;
    margin-top: 96px;
}

#supissu span {
    left: -22px;
    margin-top: -134px;
    width: 103px;
    letter-spacing: -1px;
    font-size: 14px;
}

#suptro {
    left: 407px;
    margin-top: 96px;
}

#suptro span {
    left: -22px;
    margin-top: -134px;
    width: 103px;
    letter-spacing: -1px;
    font-size: 14px;
}

#suptime {
    left: 535px;
    margin-top: 96px;
}

#suptime span {
    left: -22px;
    margin-top: -134px;
    width: 103px;
    letter-spacing: -1px;
    font-size: 14px;
}

#supraise {
    left: 44px;
    margin-top: 153px;
}

#supraise span {
    left: -18px;
    margin-top: -2px;
    width: 103px;
    letter-spacing: -1px;
    font-size: 14px;
}

#supemail {
    left: 173px;
    margin-top: 153px;
}

#supemail span {
    left: -20px;
    margin-top: -2px;
    width: 103px;
    letter-spacing: -1px;
    font-size: 14px;
}

#supissue {
    left: 324px;
    margin-top: 153px;
}

#supissue span {
    left: -20px;
    margin-top: -2px;
    width: 103px;
    letter-spacing: -1px;
    font-size: 14px;
}

#supsla {
    left: 471px;
    margin-top: 149px;
}

#supsla span {
    left: -22px;
    margin-top: 2px;
    width: 103px;
    letter-spacing: -1px;
    font-size: 14px;
}

#supiss {
    left: 600px;
    margin-top: 149px;
}

#supiss span {
    left: -22px;
    margin-top: 2px;
    width: 103px;
    letter-spacing: -1px;
    font-size: 14px;
}


/*Support and help hover end */


/*traingle hover and start devops hover*/

.invisible.devo {
    width: 87px;
    height: 83px;
}

#devsof {
    left: 89px;
    margin-top: 76px;
}

#devsof span {
    left: -8px;
    margin-top: -46px;
    width: 103px;
    letter-spacing: -1px;
    font-size: 14px;
    line-height: 15px;
    color: white;
}

#devit {
    left: 123px;
    margin-top: 179px;
}

#devit span {
    left: 8px;
    margin-top: -42px;
    width: 64px;
    letter-spacing: -1px;
    font-size: 14px;
    line-height: 14px;
    color: white;
}

#devdevlop {
    left: 219px;
    margin-top: 218px;
}

#devdevlop span {
    left: -5px;
    margin-top: -43px;
    letter-spacing: 0px;
    font-size: 12px;
    line-height: 13px;
    color: white;
}

#devcont {
    left: 396px;
    margin-top: 218px;
}

#devcont span {
    left: 4px;
    margin-top: -43px;
    letter-spacing: -1px;
    font-size: 14px;
    line-height: 13px;
    color: white;
}

#devsoft {
    left: 495px;
    margin-top: 179px;
}

#devsoft span {
    left: 2px;
    margin-top: -43px;
    letter-spacing: -1px;
    font-size: 14px;
    line-height: 14px;
    color: white;
}

#devagile {
    left: 528px;
    margin-top: 77px;
}

#devagile span {
    left: 0px;
    margin-top: -44px;
    letter-spacing: -1px;
    font-size: 14px;
    line-height: 14px;
    color: white;
}


/* devops hover end */


/* azur hover start*/

.invisible.azure_cloud_platform {
    width: 66px;
    height: 75px;
}

#cloud_computing {
    left: 159px;
    margin-top: 46px;
}

#cloud_computing1 {
    left: -85px;
    margin-top: -71px;
    text-align: right;
    width: 76px;
    letter-spacing: -1px;
    line-height: 13px;
}

#identity {
    left: 116px;
    margin-top: 113px;
}

#identity1 {
    left: -65px;
    margin-top: -67px;
    letter-spacing: -1px;
}

#storage {
    left: 161px;
    margin-top: 181px;
}

#storage1 {
    left: -68px;
    margin-top: -67px;
    letter-spacing: -1px;
}

#data_management {
    left: 116px;
    margin-top: 248px;
}

#data_management1 {
    left: -87px;
    margin-top: -71px;
    text-align: right;
    width: 76px;
    letter-spacing: -1px;
    line-height: 13px;
    font-size: 14px;
}

#messaging {
    left: 161px;
    margin-top: 316px;
}

#messaging1 {
    left: -77px;
    margin-top: -65px;
    letter-spacing: 0px;
}

#media_service {
    left: 462px;
    margin-top: 46px;
}

#media_service1 {
    width: 116px;
    letter-spacing: -1px;
    left: 58px;
    margin-top: -67px;
}

#content_delivery_network {
    left: 506px;
    margin-top: 113px;
}

#content_delivery_network1 {
    left: 75px;
    margin-top: -71px;
    letter-spacing: -1px;
    width: 116px;
    line-height: 14px;
    text-align: left;
}

#artificial_intelligence {
    left: 462px;
    margin-top: 181px;
}

#artificial_intelligence1 {
    left: 74px;
    margin-top: -72px;
    letter-spacing: -1px;
    line-height: 14px;
    text-align: left;
}

#machine_learning {
    left: 505px;
    margin-top: 248px;
}

#machine_learning1 {
    left: 68px;
    margin-top: -72px;
    letter-spacing: -1px;
    line-height: 14px;
}

#internet_of_things {
    left: 462px;
    margin-top: 317px;
}

#internet_of_things1 {
    left: 68px;
    margin-top: -67px;
    letter-spacing: -1px;
    width: 116px;
}


/* azur hover end */


/* instalation hover start*/

.invisible.instalation {
    width: 80px;
    height: 92px;
}

#instatool {
    left: 183px;
    margin-top: 134px;
}

#instatool span {
    left: -62px;
    margin-top: -70px;
    letter-spacing: -1px;
}

#instaservers {
    left: 289px;
    margin-top: 59px;
    height: 85px;
    width: 94px;
}

#instaservers span {
    left: 71px;
    margin-top: -85px;
    letter-spacing: -1px;
}

#instalationdata {
    left: 408px;
    margin-top: 134px;
    width: 86px;
}

#instalationdata span {
    left: 74px;
    margin-top: -69px;
    letter-spacing: -1px;
}

#instalwebap {
    left: 217px;
    margin-top: 273px;
    width: 93px;
}

#instalwebap span {
    left: -79px;
    margin-top: -25px;
    letter-spacing: -1px;
    text-align: end;
}

#instalframe {
    left: 361px;
    margin-top: 273px;
    width: 93px;
}

#instalframe span {
    left: 68px;
    margin-top: -23px;
    letter-spacing: -1px;
}


/* Azur hover end */


/* rehulatory hover start*/

.invisible.regulatory {
    width: 79px;
    height: 87px;
}

#regulatlaws {
    left: 67px;
    margin-top: 66px;
}

#regulatlaws span {
    left: -1px;
    margin-top: 49px;
    letter-spacing: -1px;
    font-size: 13px;
}

#regulatregu {
    left: 232px;
    margin-top: 66px;
}

#regulatregu span {
    left: -1px;
    margin-top: 49px;
    letter-spacing: -1px;
    font-size: 13px;
}

#regulatspe {
    left: 395px;
    margin-top: 66px;
}

#regulatspe span {
    left: -2px;
    margin-top: 50px;
    letter-spacing: -1px;
    font-size: 12px;
}

#regulatbusi {
    left: 559px;
    margin-top: 66px;
}

#regulatbusi span {
    left: -18px;
    margin-top: 49px;
    letter-spacing: -1px;
    width: 119px;
    font-size: 13px;
}

#regulatadh {
    left: 148px;
    margin-top: 113px;
}

#regulatadh span {
    left: 1px;
    margin-top: -170px;
    letter-spacing: -1px;
    font-size: 13px;
}

#regulatguid {
    left: 314px;
    margin-top: 113px;
}

#regulatguid span {
    left: -2px;
    margin-top: -170px;
    letter-spacing: -1px;
    font-size: 13px;
}

#regulataoid {
    left: 477px;
    margin-top: 113px;
}

#regulataoid span {
    left: -7px;
    margin-top: -170px;
    letter-spacing: -1px;
    width: 93px;
    font-size: 13px;
}


/* rehulatory hover end*/


/* data center hover start*/

.invisible.datacenter {
    width: 137px;
    height: 51px;
}

#datacenterstorage {
    left: 99px;
    margin-top: 86px;
}

#datacenterstorage span {
    left: 9px;
    margin-top: -84px;
    letter-spacing: -1px;
    width: 93px;
    line-height: 15px;
    color: white;
}

#datacenterit {
    left: 99px;
    margin-top: 154px;
}

#datacenterit span {
    left: -29px;
    margin-top: -79px;
    letter-spacing: -1px;
    color: white;
}

#datacenterbusi {
    left: 99px;
    margin-top: 220px;
}

#datacenterbusi span {
    left: 6px;
    margin-top: -86px;
    letter-spacing: -1px;
    width: 93px;
    line-height: 15px;
    color: white;
}

#datacenterback {
    left: 99px;
    margin-top: 286px;
}

#datacenterback span {
    left: -10px;
    margin-top: -79px;
    letter-spacing: -1px;
    color: white;
}

#datacenterinfra {
    left: 470px;
    margin-top: 86px;
}

#datacenterinfra span {
    left: 26px;
    margin-top: -77px;
    letter-spacing: -1px;
    line-height: 15px;
    color: white;
}

#datacenterdatacom {
    left: 470px;
    margin-top: 151px;
}

#datacenterdatacom span {
    left: 55px;
    margin-top: -83px;
    letter-spacing: -1px;
    line-height: 15px;
    width: 0px;
    color: white;
}

#datacenterenvi {
    left: 470px;
    margin-top: 220px;
}

#datacenterenvi span {
    left: 55px;
    margin-top: -86px;
    letter-spacing: -1px;
    line-height: 15px;
    width: 0px;
    color: white;
}

#datacentersecu {
    left: 470px;
    margin-top: 287px;
}

#datacentersecu span {
    left: 55px;
    margin-top: -86px;
    letter-spacing: -1px;
    line-height: 15px;
    width: 0px;
    color: white;
}


/* data center hover end*/


/* operations hover start*/

.invisible.operation {
    width: 69px;
    height: 70px;
}

#operationbuild {
    left: 38px;
    margin-top: 123px;
}

#operationbuild span {
    left: 2px;
    margin-top: -158px;
    letter-spacing: -1px;
}

#operationinfra {
    left: 175px;
    margin-top: 123px;
}

#operationinfra span {
    left: -6px;
    margin-top: -158px;
    letter-spacing: -1px;
}

#operationaws {
    left: 310px;
    margin-top: 123px;
}

#operationaws span {
    left: -1px;
    margin-top: -158px;
}

#operationsecu {
    left: 443px;
    margin-top: 123px;
}

#operationsecu span {
    left: -0px;
    margin-top: -158px;
    letter-spacing: -1px;
}

#operationci {
    left: 578px;
    margin-top: 123px;
}

#operationci span {
    left: -19px;
    margin-top: -158px;
    width: 111px;
    letter-spacing: -1px;
}

#operationdeplo {
    left: 108px;
    margin-top: 175px;
}

#operationdeplo span {
    left: -2px;
    margin-top: 22px;
    letter-spacing: -1px;
}

#operationdata {
    left: 243px;
    margin-top: 175px;
}

#operationdata span {
    left: -3px;
    margin-top: 22px;
    letter-spacing: -1px;
    width: 71px;
}

#operationawsop {
    left: 376px;
    margin-top: 175px;
}

#operationawsop span {
    left: -22px;
    margin-top: 22px;
    letter-spacing: -1px;
    width: 112px;
}

#operationhsm {
    left: 512px;
    margin-top: 175px;
}

#operationhsm span {
    left: -23px;
    margin-top: 22px;
    letter-spacing: -1px;
    width: 112px;
}


/* operations hover end*/


/* Google cloud hover start*/

#googlecloud {
    left: 73px;
    margin-top: 69px;
}

#googlecloud span {
    left: -20px;
    margin-top: -119px;
    letter-spacing: -1px;
    width: 112px;
    font-size: 13px;
}

#googlefile {
    left: 271px;
    margin-top: 69px;
}

#googlefile span {
    left: -24px;
    margin-top: -118px;
    letter-spacing: -1px;
    width: 112px;
    font-size: 12px;
}

#googlebig {
    left: 471px;
    margin-top: 69px;
}

#googlebig span {
    left: 0px;
    margin-top: -118px;
    letter-spacing: -1px;
    font-size: 12px;
}

#googleinfra {
    left: 172px;
    margin-top: 145px;
}

#googleinfra span {
    left: 1px;
    margin-top: -153px;
    letter-spacing: -1px;
    font-size: 12px;
}

#googlenet {
    left: 370px;
    margin-top: 145px;
}

#googlenet span {
    left: 1px;
    margin-top: -154px;
    letter-spacing: -1px;
    font-size: 12px;
}

#googlearti {
    left: 569px;
    margin-top: 145px;
}

#googlearti span {
    left: 2px;
    margin-top: -168px;
    letter-spacing: -1px;
    font-size: 13px;
}

#googleiden {
    left: 115px;
    margin-top: 279px;
}

#googleiden span {
    left: -1px;
    margin-top: 13px;
    letter-spacing: -1px;
    font-size: 13px;
}

#googledataa {
    left: 313px;
    margin-top: 279px;
}

#googledataa span {
    left: -4px;
    margin-top: 13px;
    letter-spacing: -1px;
    font-size: 13px;
    width: 78px;
}

#googleinternet {
    left: 513px;
    margin-top: 279px;
}

#googleinternet span {
    left: -11px;
    margin-top: 13px;
    letter-spacing: -1px;
    font-size: 12px;
    width: 91px;
}

#googlesecu {
    left: 213px;
    margin-top: 352px;
}

#googlesecu span {
    left: -2px;
    margin-top: -18px;
    letter-spacing: -1px;
    font-size: 13px;
}

#googlemachine {
    left: 413px;
    margin-top: 352px;
}

#googlemachine span {
    left: -15px;
    margin-top: -18px;
    letter-spacing: -1px;
    font-size: 13px;
    width: 98px;
}

.gridContainer {

    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(1, 1fr);
  }
  
/* operations hover end*/

/* CRM diagram start*/

#markrr {
    left: 54px;
    margin-top: 130px;
    width: 70px;
    height: 64px;
}
#markett1 {
    top: 108px;left: -6px;width: 79px;letter-spacing: -1px;
}
#marketcrm {
    left: 54px;
    margin-top: 130px;
    height: 64px;
    width: 69px;
}
#cloud_computing12 {
    left: 54px;
    margin-top: 130px;
    height: 64px;
    width: 69px;
}
.invisible.crm {
    left: 54px;
    margin-top: 130px;
    height: 64px;
    width: 69px;
}

#crmmark {
    left: -4px;
    margin-top: 15px;
    /* text-align: right; */
    width: 76px;
    letter-spacing: -1px;
    line-height: 13px;
}

#crmfinanace {
    
    left: 159px;
    top: 149px;

}

#crmfinanace1 {
    left: -1px;
    margin-top: -157px;
    letter-spacing: -1px;

}
#crmsales {
    left: 266px;
    top: 149px;
}
#crmsales1 {
    left: 0px;
    margin-top: 13px;
    letter-spacing: -1px;
}
#crmanalysis {
    left: 372px;
    top: 149px;
}
#crmanalysis1 {
    top: -61px;
    left: -1px;
    letter-spacing: -1px;
}
#crmcustomer {
    left: 477px;
    top: 149px;
}
#crmcustomer1 {
    left: 0px;
    margin-top: 14px;
    letter-spacing: -1px;
    line-height: 15px;
}
#crmimpletation {
    left: 583px;
    top: 149px;
}
#crmimpletation1 {
    top: -61px;
    left: -14px;
    letter-spacing: -1px;
}
/* dropdown bar padding*/

/* chatbot Diagram */
.invisible.chatbot {
    width: 82px;
    height: 85px;
}
#chatbotcontent {
    left: 52px;
    margin-top: 126px;
}
#chatbotcontent1 {
    left: 0px;
    margin-top: -2px;
    letter-spacing: -1px;
    line-height: 14px;
}
#chatbotdailouge {
    left: 149px;
    margin-top: 167px;
}
#chatbotdailouge1 { 
    line-height: 14px;
    margin-top: -201px;
    /* top: 101px; */
    left: 1px;
    letter-spacing: -1px;
}
#chatbotword {
    left: 230px;
    margin-top: 85px;
}
#chatbotword1 {
    left: 1px;
    margin-top: 71px;
    letter-spacing: -1px;
    line-height: 14px;
}
#chatbotlangu {
    left: 312px;
    margin-top: 167px;
}
#chatbotlangu1 {
    line-height: 14px;
    margin-top: -201px;
    left: -1px;
    letter-spacing: -1px;
}
#chatbotrequest {
    left: 393px;
    margin-top: 85px;
}
#chatbotrequest1 {
    left: 1px;
    margin-top: 71px;
    letter-spacing: -1px;
    line-height: 14px;
}
#cahatbotinfo {
    left: 475px;
    margin-top: 167px;
}
#cahtbotinfo1 {
    line-height: 14px;
    margin-top: -201px;
    left: -1px;
    letter-spacing: -1px;
}
#chatbotcustomer {
    left: 570px;
    margin-top: 126px;
    width: 87px;
    height: 86px;
}
#chatbotcustomer1 {
    left: 4px;
    margin-top: -2px;
    letter-spacing: -1px;
    line-height: 14px;
}
/* end of the chatbot inner diagram*/

/* start of the fee and commission amangement */

.invisible.feeandcomm {
    width: 73px;
    height: 75px;
}

#feerecounce {
    left: 123px;
    margin-top: 68px;
}
#feerecounce1 {
    left: -4px;
    margin-top: -113px;
    letter-spacing: -1px;
}
#feecalcu {
    left: 252px;
    margin-top: 68px;
}
#feecalcu1 {
    left: -1px;
    margin-top: -113px;
    letter-spacing: -1px;
}

#feeasset {
    left: 380px;
    margin-top: 68px;
}
#feeasset1 {
    left: -20px;
    margin-top: -113px;
    letter-spacing: -1px;
    width: 116px;
}
#feefee {
    left: 510px;
    margin-top: 68px;
}
#feefee1 {
    left: -1px;
    margin-top: -113px;
    letter-spacing: -1px;
}
#feeallocation {
    left: 123px;
    margin-top: 219px;
}
#feeallocation1 {
    left: 0px;
    margin-top: -19px;
    letter-spacing: -1px;
}
#feerisk {
    left: 252px;
    margin-top: 219px;
}
#feerisk1 {
    left: -16px;
    margin-top: -19px;
    letter-spacing: -1px;
    width:107px;
}

#feercommi {
    left: 381px;
    margin-top: 219px;
}
#feercommi1 {
    left: 0px;
    margin-top: -19px;
    letter-spacing: -1px;
}
#feerebate {
    left: 510px;
    margin-top: 219px;
}
#feerebate1 {
    left: 0px;
    margin-top: -19px;
    letter-spacing: -1px;
}
/* END of the fee and commission amangement */
/* start of the IVR and call Center inner diagram */

.invisible.ivr {
    width: 73px;
    height: 86px;
}

#ivrpredictive {
    left: 58px;
    margin-top: 121px;
}
#ivrpredictive1 {
    left: -10px;
    margin-top: -152px;
    letter-spacing: -1px;
    width: 96px;
}
#ivrintegrate {
    left: 232px;
    margin-top: 121px;
}
#ivrintegrate1 {
    left: -16px;
    margin-top: -152px;
    letter-spacing: -1px;
    width: 96px;
}
#ivroutbond {
    left: 401px;
    margin-top: 121px;
}
#ivroutbond1 {
    left: -18px;
    margin-top: -152px;
    letter-spacing: -1px;
    width: 109px;
}
#ivrskill {
    left: 576px;
    margin-top: 121px;
}
#ivrskill1 {
    left: -16px;
    margin-top: -163px;
    letter-spacing: -1px;
    width: 96px;
    line-height: 13px;
}
#ivrweb {
    left: 145px;
    margin-top: 157px;
}
#ivrweb1 {
    left: -11px;
    margin-top: 26px;
    letter-spacing: -1px;
    width: 96px;
    line-height: 13px;
}
#ivrauto {
    left: 318px;
    margin-top: 157px;
}
#ivrauto1 {
    left: -23px;
    margin-top: 25px;
    letter-spacing: -1px;
    width: 121px
}
#ivrinter {
    left: 487px;
    margin-top: 157px;
}

#ivrinter1 {
        left: -11px;
        margin-top: 26px;
        letter-spacing: -1px;
        width: 96px;
        line-height: 13px;
}
/* end of the IVR and call Center inner diagram */
/* start of the consume inner diagram */
.invisible.consumer {
    width: 61px;
    height: 69px;
}

#consumeremi {
    left: 282px;
    margin-top: 47px;
}
#consumeremi1 {
    left: -73px;
    margin-top: -68px;
    letter-spacing: -1px;
}

#consumermerchent {
    left: 282px;
    margin-top: 173px;
}

#consumermerchent1 {
    left: -188px;
    margin-top: -69px;
    letter-spacing: -1px;
    width: 171px;
}
#consumerechallan {
    left: 409px;
    margin-top: 47px;
}
#consumerechallan1 {
    left: 86px;
    margin-top: -68px;
    letter-spacing: -1px;
}
#consumerutilities {
    left: 407px;
    margin-top: 173px;
}
#consumerutilities1 {
    left: 86px;
    margin-top: -70px;
    letter-spacing: -1px;
    width: 118px;
}
#Consumerconsumer {
    left: 343px;
    margin-top: 105px
}
#Consumerconsumer1 {
       left: 1px;
    margin-top: -41px;
    letter-spacing: -1px;
}

#conn {
    margin-top:15px;
}
@media screen and (max-width:1024px) {
    #conn {
    margin-top: 32px;
}
}

@media screen and (max-width:330px) {
    #conn {
    margin-top: 57px;
}
}

/*end ogf the consumer*/
.invisible.interface{
    width: 67px;
    height: 66px;
}

#interfacetrans {
    left: 149px;
    margin-top: 47px;
}
#interfacetrans1 {
    /* top: 23px;
    left: 71px;
    width: 79px;
    letter-spacing: -1px; */
    top: 23px;
    left: 80px;
    width: 79px;
    letter-spacing: -1px;
}
#interfaceerp{
    left: 149px;
    margin-top: 149px;
}
#interfaceerp1 {
    /* top: 26px;
    left: 48px;
    letter-spacing: -1px; */
    top: 26px;
    left: 60px;
    letter-spacing: -1px;
}

#interfacesupply {
    left: 149px;
    margin-top: 253px;
}
#interfacesupply1 {
    /* top: 23px;
    left: 68px;
    width: 79px;
    letter-spacing: -1px; */
    top: 24px;
    left: 80px;
    width: 79px;
    letter-spacing: -1px;
}
#interfacelogistic {
    left: 373px;
    margin-top: 47px;
}
#interfacelogistic1 {
    /* top: 23px;
    left: 62px;
    letter-spacing: -1px; */
    top: 24px;
    left: 80px;
    letter-spacing: -1px;
}
#interfaceaccounting {
    left: 373px;
    margin-top: 151px;
}
#interfaceaccounting1 {
    /* top: 23px;
    left: 71px;
    letter-spacing: -1px; */
    top: 24px;
    left: 80px;
    letter-spacing: -1px;
}
#interfacemani {
    left: 373px;
    margin-top: 253px;
}
#interfacemani1 {
    /* top: 24px;
    left: 71px;
    letter-spacing: -1px; */
    top: 24px;
    left: 80px;
    letter-spacing: -1px;
}
/*end of interface*/
/* start of adjustment */
.invisible.adjustment {
    width: 61px;
    height: 69px;
}

#adjustmentbalance {
    left: 63px;
    margin-top: 105px;
}
#adjustmentbalance1 {
    top: 99px;
    left: -11px;
    width: 79px;
    letter-spacing: -1px;
    line-height: 13px;
}
#adjustmentunderpayment {
    left: 274px;
    margin-top: 105px;
}
#adjustmentunderpayment1 {
    /* top: 96px;
    left: -12px;
    letter-spacing: -1px; */
    top: 98px;
    left: -1px;
    letter-spacing: -1px;
}
#adjustmentrefund {
    left: 482px;
    margin-top: 105px;
}
#adjustmentrefund1 {
    top: 96px;
    left: -1px;
    letter-spacing: -1px;
}
#adjustmentoverpayment {
    left: 167px;
    margin-top: 122px;
}
#adjustmentoverpayment1 {
    /* top: -43px;
    left: -7px;
    letter-spacing: -1px; */
    top: -56px;
    left: -1px;
    letter-spacing: -1px;
}

#adjustmentcharge {
    left: 378px;
    margin-top: 119px;
}
#adjustmentcharge1 {
    top: -41px;
    left: -7px;
    letter-spacing: -1px;
}
#adjustmentreversal {
    left: 587px;
    margin-top: 119px;
}
#adjustmentreversal1 {
    top: -41px;
    left: -2px;
    letter-spacing: -1px;
}
/*=================================================================*/


@media screen and (min-width: 768px) {
    #girmiti-counter {
        text-align: center;
        margin-top: 135px;
    }
    #girmiti-header {
        top: 70px;
    }
}

@media screen and (min-width: 1024px) {
    #girmiti-counter {
        text-align: center;
        margin-top: 0px;
    }
    #girmiti-header {
        top: 0px;
    }
}

@media screen and (max-width: 600px) {
    #img {
        width: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .form-group {
        margin-left: -88px;
        left: -25px;
    }
}
@media only screen and (max-width: 370px) {
    .form-group {
        margin-left: -88px;
        left: -44px !important;
    }
}

@media only screen and (max-width: 380px) {
    .form-group {
        margin-left: -88px;
        left: -40px !important;
    }
}

@media only screen and (max-width: 330px) {
    .form-group {
        margin-left: -88px;
        left: -51px !important;
    }
}

@media only screen and (max-width: 768px) {
    .btn1 {
        left: -169px;
    }
}

@media only screen and (max-width: 380px) {
    .btn1 {
        left: -150px;
    }
}
@media only screen and (max-width: 365px) {
    .btn1 {
        left: -136px;
    }
}


@media only screen and (max-width: 330px) {
    .btn1 {
        left: -95px;
    }
}
@media only screen and (max-width: 768px) {
    .btn2 {
        left: 7px;
    }
}

/* .desk-img {
    display: block;
  }
  
  .mobile-img {
    display: none;
  } */
  
  /* @media (max-width: 1024px) {
    .desk-img {
      display: none !important;
    }
    .mobile-img {
      display: block;
    }
  } */


  @media screen and (max-width:765px) {
    .mobile-img {
        display: block;
      }
      .desk-img {
        display: none !important;
      }
  }

  @media screen and (min-width:768px) and (max-width:1024px) {
    .mobile-img {
        display: none;
      }
      .desk-img {
        display: block !important;
      }
  }

  @media screen and (min-width:1024px) and (max-width:1880px) {
    .mobile-img {
        display: none;
      }
      .desk-img {
        display: block !important;
      }
  }


 /* @media screen and (max-width: 1024px) {
    .EMVquickmarg {
       /br
    }
    .EMVquickmarg1 {
       /br
}
   */
   @media screen and (min-width: 370px)  {
    .mobile-break {
         display: none; 
        }
        .mobile-break6  {
            display: none !important;
        }
        
}

@media screen and (min-width: 380px)  {
    .mobile-break8 {
         display: none; 
        }
        .mobile-break6  {
            display: none !important;
        }
               
}


@media screen and (min-width: 460px) {
    .mobile-break1   {
        display: none;
    }
   
}

@media screen and (min-width: 700px) {
    .mobile-break2  {
        display: none;
    }
}

@media screen and (max-width: 330px) {
    .mobile-break4  {
        display: none !important;
    }
    #fcm3 {
        font-size: 26px !important;
    }
    .mobile-break6  {
        display: none !important;
    }
}


@media screen and (max-width: 330px) {
    #fcm1 {
        font-size: 23px !important;
    }
    #bankingbread {
        margin-top: 56px !important;
    }
    #fcm5{
        font-size: 23px !important;
    }
   
}

@media screen and (min-width: 330px) and (max-width: 380px) {
    #fcm1 {
        font-size: 28px !important;
    }
    #fcm {
        font-size: 29px !important;
    }
    #fcm3 {
        font-size: 27px !important;
    }
    
    
}

@media screen and (min-width: 320px) and (max-width: 380px) {
    .mobile-break6  {
        display: none !important;
    }
}
@media screen and (max-width: 420px) {
    .mobile-break16  {
        display: none !important;
    }
}

@media screen and (min-width: 320px) {
    .mobile-break17  {
        display: none !important;
    }
}

@media screen  and (min-width: 330px) {
    .mobile-break5 {
        display: none !important;
    }
    #fcm5{
        font-size: 26px !important;
    }
}

@media screen and (min-width: 330px) and (max-width: 360px) {
    #intertoaccount5 {
    margin-top: 50px !important;
    }
    #fcm {
        font-size: 25px !important;
    }
    #fcm1 {
        font-size: 25px !important;
    } 
    #fcm4 {
        font-size: 26px !important;
    } 
   
    #bankingbread {
            margin-top: 48px !important;
    }
    #maintainbread {
        margin-top: 47px !important;
    }
    #regulatorybread {
        margin-top: 45px !important;
    }
    .mobile-break14  {
        display: none !important;
    }
}

@media screen  and (max-width: 420px) {
    .mobile-break9 {
        display: none !important;
    }
   
}

@media screen and (min-width: 362px) and (max-width: 380px) {
    #bankingbread {
        margin-top: 55px !important;
    }
    
    #regulatorybread {
        margin-top: 54px !important;
    }
   
}

@media screen and (max-width: 330px) {
    #legacybread {
        margin-top: 42px !important;
    }
    #azurebread {
        margin-top: 42px !important;
    }
    #googlebread {
        margin-top: 43px !important;
    }
    #maintainbread {
        margin-top: 39px !important;
    }
    .portingspace {
        margin-right: -46px !important;
    }
    #helpandbread {
        margin-top: 39px !important;
    }
    #releasebread {
        margin-top: 39px !important;
    }
    #regulatorybread {
        margin-top: 40px !important;
    }
    .implementspace {
        margin-right:-3px!important;
    }
    .chatakspace {
        margin-right:-3px!important;
    }
}
   


@media screen and (max-width: 360px) {
    .azuresapce {
        display: inline-block;
    margin-right: -8px;
    }
    .googlespace span {
        margin-right: 3px;
    }
   
    .maintencespace {
        display: inline-block;
        margin-right: -7px;
    }
    .portingspace {
        margin-right: -7px;
    }
    .helpandspace {
        margin-right: -7px;
    }
    .releasespace {
        margin-right: -7px;
    }
    .regulatoryspace {
        margin-right: -7px;
    }
   
}

@media screen and (min-width: 331px) and (max-width: 378px) {
    #maintainbread {
        margin-top: 48px !important;
    }
    #googlebread {
        margin-top: 50px !important;
    }
    #portingbread {
        margin-top: 49px !important;
    }
    #implementbread    {
        margin-top: 49px !important;
    } 
}
@media screen and (max-width: 485px) {
    #portingbread {
        margin-top: 49px !important;
    }
}

#visa1 {
    height: 880px;
    border: 1px solid gray;
}
#mastercard1 {
    height: 526px;
    border: 1px solid gray;
}

#mastercard2 {
    height: 1030px;
    border: 1px solid gray;
}
#mastercard3 {
    height: 890px;
    border: 1px solid gray;
}
@media screen and (max-width: 480px) {
    #visa1 {
        height: 330px;
        border: 1px solid gray;
    } 
    #mastercard1 {
        height: 400px;
        border: 1px solid gray;
    } 
    #mastercard2 {
        height: 400px;
        border: 1px solid gray;
    }
    #mastercard3 {
        height: 400px;
        border: 1px solid gray;
    }
    .cmmimag {
        opacity: 1;
        margin: auto;
        width:auto;
        height: 100% !important;
        display: table;
    }
}


.cmmimag {
    opacity: 1;
    margin: auto;
    width:auto;
    height: 523px;
    display: table;
}

@media screen and (max-width: 480px) {
    #databasemob {
        overflow-x: auto;
        /* white-space: nowrap; */
        overflow-y: hidden;
    }
}

@media screen and (max-width: 480px) {
    #modalposi {
        margin-left: -46%;
        margin-top: 37%;
    }
  }

 #sub-reset {
    margin-left: -26%;
 }


 @media screen and (max-width: 480px) {
    #sub-reset {
        width: 69%;
        justify-content: flex-end;
        display: inline-grid;
        left: -3%;
    }
  }
 
#visa_certi {
    height: 526px;
    border: 1px solid gray;
}

.allspace {
    padding: 2px !important; 
    width: 160px !important;
}

.alll1 {
    padding:2px; 
    width:160px;
}

.alll2 {
    padding:2px; 
    width:160px;
}

@media screen and (max-width: 480px) {
    .allspace {
        padding: 2px !important; 
        width: 88px !important;
    }
    
    .alll1 {
        padding:2px; 
        width:90px;
    }
    
    .alll2 {
        padding:2px; 
        width:73px;
    }
  }

  #girmiti-offcanvas #homee>a {
    /* display: block;
    position: relative;
    font-size: 25px; */
    line-height: 1.8;
    display: block;
    margin: 22px -15px 19px 0;
    font-size: 25px;
    font-weight: bold;
    position: relative;
    padding: 0 18px -1px 30px;
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    #certiiii {
        margin-top: 105px;
    }
}

@media screen and (max-width: 1024px) {

    #navv ul {
        overflow-x: Scroll !important;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
    } 
        }
        

.bankii {
   width: auto;
}
        
@media screen and (max-width: 991px){
.hidden-xs {
    display: block !important;
}

}
@media screen and (max-width: 1024px) {
    .bankii{
        width:auto;
        margin-left: 25%;
 }
     }
        
 #transiti {
        margin-left: 0%;
    }
    
    @media screen and (max-width: 1000px) {
        #transiti {
            margin-left: 2%;
            /* font-size: 14px; */
        
        }
        
    }
    
    /* @media screen and (min-width: 320px) {
       
    #girmiti-counter {
   
        margin-top: 20.5rem !important;
    }
}




    @media screen and (min-width: 380px) and (max-width: 475px) {
        #girmiti-counter {
         
            margin-top: 20.5rem !important;
        }
        } */
    

        

/* / new code  / */

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

    .quick_links {
        margin-bottom: 20px;
    line-height: 2;
    margin-top: 14px;
        
    }
    .bread-crumb-container {
        margin-top: 98px!important;
    }

    .float-right {
        float: none;
        font-size: 16px;
       margin-top: 60px;
    }
    .mobile-break10   {
        display: none;
    }
    .mobile-break11   {
        display: block;
    }
    .mobile-break12 {
        display: none;
    }
   
}

@media screen and (min-width: 770px) and (max-width: 1024px) {
    .bread-crumb-container {
        margin-top: 76px!important;
    }
    .float-right {
        float: right;
    margin-top: -218px;
    }
    .mobile-break10   {
        display: none;
    }
    .mobile-break11   {
        display: none;
    }
    .mobile-break12   {
        display: none;
    }
}


@media screen and (min-width: 320px) and (max-width: 764px) {
    .mobile-break11   {
        display: none;
    }
   
}

@media screen and (max-width:380px) {
    .secu {
    margin-top: 48px!important;
    }

    .identt {
        margin-top: 50px!important;
    }
    .testcrum {
        margin-top: 50px!important;
    }

}

@media screen and (max-width: 330px) {
    #legacybread {
        line-height: 1;
    }
    #releasebread {
        margin-top: 42px !important;
    }

    .relemanage {
        line-height: 0.8;
    }

    
}

@media screen and (min-width: 380px) and (max-width: 430px) {

    .mobile-break12   {
        display: block;
    }
}

@media screen and (max-width:322px) {
    .mobile-break12 {
        display: none;
    }
}

@media screen and (min-width: 770px) and (max-width:1024px) {
    .girmiti-tabs .girmiti-tab-nav {
       clear: both;
       margin: 0 0 3em 0;
       padding: 3px;
       float: left;
       width: 125%;
       background: #f2f2f2;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       -ms-border-radius: 4px;
       border-radius: 4px;
       margin-top: -4%;
    }

   #navv ul {
    width:100% !important;
    
   }
   .bankii {
    margin-left: 0% !important;
    width: 100% !important;
   }
   
   #girmiti-footer {
    padding: 3em 0 0 0;
    clear: both;
    margin-top: -2.5rem !important  ;
   }

   .girmiti-nav {
    top: 0px;
   }
   #girmiti-counter {
    margin-top: 390px !important;
   }
}

@media screen and (min-width: 430px) and (max-width:768px) {
   
   #navv ul {
    width:100% !important;
    margin-top: -34px;
   }

   .imull {
    margin-left: 0%;
   
   }
   .bankii {
    margin-left: 0%;
   }
   #girmiti-counter {
    height: inherit;
    padding: 1em 0;
    margin-top: 40rem !important;
}
}

/* 
@media screen and (min-width: 1025px) and (max-width:1500px) {
     
    #girmiti-counter {
     /* margin-top: -20rem !important; */
 /* }
    .girmiti-nav {
        top:0px;
    }
    .girmiti-header {

        top:78px;
    }
 
 } */
 

 @media screen and (max-width: 320px) {
    #girmiti-counter {
        height: inherit;
        padding: 1em 0;
        margin-top: 25.5rem !important;
    }
}

 /* accept cookies start */

 .privacy_prompt {
    padding: 16px;
    padding-top: 13px;
    color: #292929;
    font-family: Nobel,Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.45;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .015em;
   max-width: 1280px;
   padding-top: 34px;
   margin: 0 auto;
   display: flex;
}
.accept_btn{
   margin-top: -11px;
   width: 27% !important;
   margin-left: 5px;
   margin-bottom: 20px;
   background-color: #31a600;
   color: white;
   height: 37px;
   font-size: 16px;
   width: 220px;
   font-weight: 300;
   letter-spacing: .25em;
   white-space: nowrap;
   border-radius: 9px;
   transition: opacity .2s;
   /* overflow: hidden; */
   padding: 0 40px;
   font-family: sans-serif;
   border: none;
}
.cookie_p{
         
   padding: 16px;
   padding-top: 13px;
   color: #292929;
   font-family: Nobel,Arial,sans-serif;
   font-size: 16px !important;
   font-weight: 300;
   line-height: 1.45;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   letter-spacing: .015em;
}
/* .accept_btn{
   margin-left: 90px;
  
   margin-top: 15px;
   width: 27%;
   background-color: #31a600;
   color: white;
   height: 48px;
   font-size: 14px;
   font-weight: 300;
   letter-spacing: .25em;
   white-space: nowrap;
   border-radius: 9px;
   transition: opacity .2s;
   overflow: hidden;
   padding: 0 40px;
   font-family: sans-serif;
   border: none;
} */
   @media (max-width:768px) {
       .accept_btn{
           width: auto !important;
           margin-top: 0px !important;
           margin-left: 5px;
           margin-bottom: 20px;
           background-color: #31a600;
           color: white;
           height: 37px;
           font-size: 13px !important;
           font-weight: 300;
           letter-spacing: .25em;
           white-space: nowrap;
           border-radius: 9px;
           transition: opacity .2s;
           /* overflow: hidden; */
           padding: 0 40px;
           font-family: sans-serif;
           border: none;
       }
       .cookie_p{
           overflow-y: scroll;
           padding: 13px;
           padding-top: 13px;
           color: #292929;
           font-family: Nobel,Arial,sans-serif;
           font-size: 13px !important;
           font-weight: 300;
           line-height: 1.45;
           text-rendering: optimizeLegibility;
           -webkit-font-smoothing: antialiased;
           letter-spacing: .015em;
       }
         .privacy_prompt {
           display: block;
           width: 74%;
           font-family: Nobel,Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.45;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .015em;
       max-width: 1280px;
       margin: 0 auto;
       
         }
       
   }
   @media (max-width:320px) {
   .accept_btn {
       margin-top: -4px;
       width: auto !important;
       margin-left: -4px;
       margin-bottom: 20px;
       background-color: #31a600;
       color: white;
       height: 37px;
       font-size: 11px !important;
       font-weight: 300;
       letter-spacing: .25em;
       white-space: nowrap;
       border-radius: 9px;
       transition: opacity .2s;
       /* overflow: hidden; */
       padding: 0 31px;
       font-family: sans-serif;
       border: none;
   }
   .privacy_prompt {
       display: block;
       width: 74%;
       font-family: Nobel,Arial,sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.45;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
letter-spacing: .015em;
   max-width: 1280px;
   margin: 0 auto;
   
     }
}
   @media (min-width: 321px) and (max-width: 450px) {
       .cookie_p{
           height: 150px;
           overflow-y: scroll; 
           padding: 16px;
           padding-top: 13px;
           color: #292929;
           font-family: Nobel,Arial,sans-serif;
           font-size: 13px !important;
           font-weight: 300;
           line-height: 1.45;
           text-rendering: optimizeLegibility;
           -webkit-font-smoothing: antialiased;
           letter-spacing: .015em;
       }
       .accept_btn {
           margin-top: -4px;
           width: auto !important;
           margin-left: 8px;
           margin-bottom: 20px;
           background-color: #31a600;
           color: white;
           height: 37px;
           font-size: 11px !important;
           font-weight: 300;
           letter-spacing: .25em;
           white-space: nowrap;
           border-radius: 9px;
           transition: opacity .2s;
           /* overflow: hidden; */
           padding: 0 31px;
           font-family: sans-serif;
           border: none;
       }
       .privacy_prompt {
           display: block;
           width: 74%;
           font-family: Nobel,Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.45;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .015em;
       max-width: 1280px;
       margin: 0 auto;
       
         }
   }
   @media (min-width: 768px) and (max-width: 1020px) {
       .accept_btn {
           margin-top: 18px;
           width: auto !important;
           margin-left: 8px;
           margin-bottom: 20px;
           background-color: #31a600;
           color: white;
           height: 37px;
           font-size: 13px !important;
           font-weight: 300;
           letter-spacing: .25em;
           white-space: nowrap;
           border-radius: 9px;
           transition: opacity .2s;
           /* overflow: hidden; */
           padding: 0 31px;
           font-family: sans-serif;
           border: none;
       }

   }
   @media (min-width: 450px) and (max-width: 580px) {
       .cookie_p{
         
           padding: 16px;
           padding-top: 13px;
           color: #292929;
           font-family: Nobel,Arial,sans-serif;
           font-size: 13px !important;
           font-weight: 300;
           line-height: 1.45;
           text-rendering: optimizeLegibility;
           -webkit-font-smoothing: antialiased;
           letter-spacing: .015em;
       }
       .accept_btn {
           margin-top: -4px;
           width: auto !important;
           margin-left: 8px;
           margin-bottom: 20px;
           background-color: #31a600;
           color: white;
           height: 37px;
           font-size: 13px !important;
           font-weight: 300;
           letter-spacing: .25em;
           white-space: nowrap;
           border-radius: 9px;
           transition: opacity .2s;
           /* overflow: hidden; */
           padding: 0 31px;
           font-family: sans-serif;
           border: none;
       }
       .privacy_prompt {
           display: block;
           width: 74% !important;
           font-family: Nobel,Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.45;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .015em;
       max-width: 1280px;
       margin: 0 auto;
       
         }
   }
   
   @media (min-width: 1024px) {
       .cookie_p{
         
           padding: 16px;
           padding-top: 13px;
           color: #292929;
           font-family: Nobel,Arial,sans-serif;
           font-size: 13px !important;
           font-weight: 300;
           line-height: 1.45;
           text-rendering: optimizeLegibility;
           -webkit-font-smoothing: antialiased;
           letter-spacing: .015em;
       }
       .accept_btn {
           margin-top: 16px;
           margin-left: 8px;
           width: auto !important;
           margin-bottom: 20px;
           background-color: #31a600;
           color: white;
           height: 37px;
           font-size: 11px;
           font-weight: 300;
           letter-spacing: .25em;
           white-space: nowrap;
           border-radius: 9px;
           transition: opacity .2s;
           /* overflow: hidden; */
           padding: 0 31px;
           font-family: sans-serif;
           border: none;
       }
       .privacy_prompt {
        
           width: 83%;
           font-family: Nobel,Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.45;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .015em;
       max-width: 1280px;
       margin: 0 auto;
       
         }
   }
   @media (min-width: 1440px) {
       .cookie_p{
         
           padding: 16px;
           padding-top: 13px;
           color: #292929;
           font-family: Nobel,Arial,sans-serif;
           font-size: 16px !important;
           font-weight: 300;
           line-height: 1.45;
           text-rendering: optimizeLegibility;
           -webkit-font-smoothing: antialiased;
           letter-spacing: .015em;
       }
       .accept_btn {
           margin-top: 16px;
           width: auto !important;
           margin-left: 8px;
           margin-bottom: 20px;
           background-color: #31a600;
           color: white;
           height: 43px;
           font-size: 14px;
           font-weight: 300;
           letter-spacing: .25em;
           white-space: nowrap;
           border-radius: 9px;
           transition: opacity .2s;
           /* overflow: hidden; */
           padding: 0 31px;
           font-family: sans-serif;
           border: none;
       }
   }
/* cookies end */

.footerbottom {
    margin-bottom: -180px;
}

@media screen and (max-width:1024px){
    .footerbottom {
        margin-bottom: -0px;
    }
}


/* @media screen and (min-width: 650px) and (max-width: 768px) {
	.otherpages-cover {
		background-size: 100% !important;
	}
	.girmiti-cover.girmiti-cover-sm {
    		height: 281px;
	}
	.bread-crumb-container {
    		margin-top: 165px !important;
	}	
}
@media screen and (min-width: 450px) and (max-width: 768px){
	.bread-crumb-container {
    		margin-top: 83px !important;
	}
	.float-right {
   		 margin-top: -58px;
  	}
} */

@media screen and (min-width: 480px) and (max-width: 640px) {
    .bread-crumb-container {
      margin-top: 62px !important;
    }
    .float-right {
      margin-top: -58px !important;
    }
  }
  @media screen and (min-width: 650px) and (max-width: 768px) {
    .otherpages-cover {
      background-size: 100% !important;
    }
    .girmiti-cover.girmiti-cover-sm {
      height: 281px;
    }
    .bread-crumb-container {
      margin-top: 165px !important;
    }
  }

  @media screen and (min-width: 770px) and (max-width: 800px) {
    .bread-crumb-container {
      margin-top: 172px !important;
    }
    .float-right {
      margin-top: 35px;
    }
  }
  @media screen and (min-width: 810px) and (max-width: 1024px) {
    .bread-crumb-container {
      margin-top: 152px !important;
    }
    .float-right {
      margin-top: -35px;
    }
    .otherpages-cover {
      background-size: 100% !important;
    }
  }


  @media screen and (min-width: 430px) and (max-width: 768px) {
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
    }
    #mastercard1 > .item > img,
    #mastercard1 > .item > a > img {
      height: 31em !important;
      line-height: 1;
      margin-top: 15px;
      width: -webkit-fill-available;
    }
    #mastercard2 > .item > img,
    #mastercard2 > .item > a > img {
      height: 62em !important;
      line-height: 1;
      margin-top: 15px;
      width: -webkit-fill-available;
    }
    #mastercard3 > .item > img,
    #mastercard3 > .item > a > img {
      height: 60em !important;
      line-height: 1;
      margin-top: 15px;
      width: -webkit-fill-available;
    }
    #mastercard1 {
      height: 530px !important;
    }
    #mastercard2 {
      height: 950px !important;
    }
    #mastercard3 {
      height: 800px !important;
    }
  }
  @media screen and (min-width: 800px) and (max-width: 1024px) {
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
    }
  
    #mastercard1 > .item > img,
    #mastercard1 > .item > a > img {
      height: 41em !important;
      line-height: 1;
      margin-top: 15px;
      width: -webkit-fill-available;
    }
    #mastercard2 > .item > img,
    #mastercard2 > .item > a > img {
      height: 64em !important;
      line-height: 1;
      margin-top: 15px;
      width: -webkit-fill-available;
    }
    #mastercard3 > .item > img,
    #mastercard3 > .item > a > img {
      height: 59em !important;
      line-height: 1;
      margin-top: 15px;
      width: -webkit-fill-available;
    }
    #mastercard1 {
      height: 670px !important;
    }
    #mastercard2 {
      height: 1000px !important;
    }
    #mastercard3 {
      height: 850px !important;
    }
  }


  @media screen and (min-width: 328px) and (max-width: 378px) {
    
    #mastercard1 > .item > img,
    #mastercard1 > .item > a > img {
      height: 92%em !important;
     
    }
  }

  @media screen and (min-width: 800px) and (max-width: 1024px) {
   .glyphicon-height {
    margin-top: 319% !important;
   }
    }
    @media screen and (min-width: 450px) and (max-width: 770px) {
        .glyphicon-height {
         margin-top: 319% !important;
        }
         }
 @media screen and (min-width: 320px) and (max-width: 428px) {
            .glyphicon-height {
             margin-top: 176px !important;
            }
     }

     @media screen and (min-width: 1024px) and (max-width: 1440px) {
        
        #mastercard1 > .item > img,
        #mastercard1 > .item > a > img {
         display: block !important;
        }
        #mastercard2 > .item > img,
        #mastercard2 > .item > a > img {
            display: block !important;
        }
        #mastercard3 > .item > img,
        #mastercard3 > .item > a > img {
            display: block !important;
        }
        /* #mastercard1 {
          height: 670px !important;
        }
        #mastercard2 {
          height: 1000px !important;
        }
        #mastercard3 {
          height: 850px !important;
        } */
        .girmiti-nav {
            /* top: 72vh; */
           }
           #girmiti-counter {
            /* margin-top: -151px !important; */
            margin-top: -9rem!important;
           }
      } 


      

.spos {

    visibility: visible;
    position: absolute;
    width: 110px !important;
    height: 110px !important;
    
    cursor: default;
    }
    
    .spos_design {
        left: 104px;
        margin-top: 70px;
    }
    
    .spos_design>span {
        top: 59px !important;
        left: 0px;
        font-size: 12px;
    }
    
    .spos_wallet {
        
        left: 105px;
        margin-top: 233px;
    
    }
    
    .spos_wallet>span{
        top: 69px;
        font-size: 12px;
        left: -1px;
    }
    
    .spos_merchent_borad {
        left: 478px;
        margin-top: 20px;
    }
    
    
    .spos_merchent_borad>span {
    top: 56px;
    font-size: 12px;
    left: -1px;
    }
    
    
    .spos_pg {
        left: 477px;
        margin-top: 154px;
    }
    
    .spos_pg>span{
    top: 64px;
    left: 0px;
    }
    
    .spos_tms {
        left: 478px;
        margin-top: 291px;
    
    }
    
    .spos_tms>span {
        top: 65px;
        left: -1px;
    }
    
    .spos_acquirer {
        left: 616px;
        margin-top: 154px;
    }
    
    .spos_acquirer>span {
        top: 70px;
        font-size: 12px;
        left: -1px;
    }
    
    .spos2 {
        width: 34px !important;
        height: 30px !important;
        visibility: visible;
    position: absolute;
    cursor: default;
    }
    
    .spos_hsm {
        left: 450px;
        margin-top: 121px;
    }
    
    .spos_hsm>span {
        top: 27px;
        font-size: 12px;
        left: 0px;
    }
    
    .spos_db {
        left: 587px;
        margin-top: 120px;
    }
    
    .spos_db>span {
        top: 28px;
        font-size: 12px;
        left: -2px;
    }
    
    .rki {
        width: 84px !important;
        height: 84px !important;
    }
    
    .rki_pg {
        left: 261px;
        margin-top: 142px;
    }
    
    .rki_pg>span {
    top: 46px;
    left: 0px;
    }
    
    .rki_banking {
        left: 261px;
        margin-top: 256px;
    }
    .rki_banking>span {
        top: 42px;
        left: 0px;
        font-size: 12px;
        line-height: 1;
    
    }
    
    .rki2 {
        
        width: 126px !important;
        height: 126px !important;
    
    }
    
    .rki_serve {
        
        left: 384px;
        margin-top: 121px;
    
    }
    
    .rki_serve>span {
       
        top: 75px;
        left: 40px;
        font-size: 12px;
        word-break: break-word;
        width: 39%;
        line-height: 1;
    }
    
    .rki_serve_tms {
    left: 541px;
        margin-top: 121px;
    }
    
    
    .rki_serve_tms>span {
       
        top: 77px;
        left: 38px;
        font-size: 12px;
        word-break: break-word;
        width: 39%;
        line-height: 1;
    }
    
    .rki_merchantt {
        left: 112px;
        margin-top: 292px;
    }
    
    .rki_merchantt>span {
       
      
        top: 48px;
        left: 1px;
        font-size: 12px;
        line-height: 1;
    
    }
    
    .a-and-m-1 {
        width: 39px !important;
        height: 28px !important;
    
    }
    .a-and-m-1-ctls-card {
    left: 55px;
        margin-top: 133px;
    }
    
    .a-and-m-1-ctls-card>span {
    top: 25px;
    width: 187%;
    left: -19px;
    font-size: 12px;
    }
    
    .a-and-m-1-wallet {
    left: 55px;
        margin-top: 188px;
    }
    
    .a-and-m-1-wallet>span {
    top: 28px;
    left: -3px;
    font-size: 12px;
    }
    
    .a-and-m-2 {
    width: 86px !important;
    height: 43px !important;
    }
    
    .a-and-m-2-paymentapp {
        left: 157px;
        margin-top: 128px;
    }
    
    .a-and-m-2-paymentapp>span {
        top: 20px;
        left: -1px;
        font-size: 12px;
    }
    
    .a-and-m-2-Secu {
    left: 157px;
    margin-top: 188px;
    }
    
    .a-and-m-2-Secu>span {
        top: 20px;
        left: -1px;
        font-size: 12px;
    }
    
    .a-and-m-3 {
    width: 92px !important;
    height: 97px !important;
    }
    
    
    .a-and-m-3-crypto {
    left: 339px;
        margin-top: 136px;
    }
    
    .a-and-m-3-crypto>span {
        top: 66px;
        width: 72%;
        left: 13px;
        font-size: 12px;
        line-height: 0.9;
    }
    
    
    .a-and-m-3-event {
    left: 472px;
    margin-top: 136px;
    }
    
    .a-and-m-3-event>span {
        top: 66px;
        width: 72%;
        left: 12px;
        font-size: 12px;
        line-height: 0.9;
    }
    
    .a-and-m-4 {
    width: 87px !important;
    height: 54px !important;
    }
    
    
    .a-and-m-4-acu-1 {
    left: 637px;
    margin-top: 84px;
    }   
    
    .a-and-m-4-acu-1>span {
    top: 33px;
    left: -1px;
    font-size: 12px;
    }
    
    .a-and-m-4-acu-2 {
        left: 637px;
        margin-top: 141px;
        }   
        
        .a-and-m-4-acu-2>span {
        top: 33px;
        left: -1px;
        font-size: 12px;
        }
    
    
        .a-and-m-4-acu-n {
            left: 637px;
            margin-top: 197px;
            }   
            
            .a-and-m-4-acu-n>span {
            top: 33px;
            left: -1px;
            font-size: 12px;
            }
    
    
    /* new pages icons */
    .menubarAttestation_icon {
        width: 24px;
        height: 23px;
        background-image: url(../images/menu_bar_icons/A&M.png);
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 91% 74%;
    }
    
    
    .menubarspos_icon {
        width: 24px;
        height: 23px;
        background-image: url(../images/menu_bar_icons/sPOS.png);
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 74% 74%;
    }
    
    .menubarrki_icon {
        width: 26px;
        height: 14px;
        background-image: url(../images/menu_bar_icons/rki.png);
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 79% 100%;
    }
    
    
    .rki-banner {
        background-image: -webkit-image-set(url("../images/inner_banner/RKI.webp") 1x);
           }
    
    .spos-Apps-cover {
        background-image: url("../images/inner_banner/sPOS.webp") ;
    }
    
    .a-and-m-cover {
        background-image: url("../images/inner_banner/A&M.webp") ;
    }
    
    .nexo-cover {
        background-image: url("../images/inner_banner/NEXO.webp") ;
    }


    .index-logo-top {
        margin-top: 1.4rem;

    }