@media (min-width: 1279px) {
body.home .container, body.page-id-67928 .container {
        max-width: 100%;
        padding: 0;
    }
body.home .container .container, body.page-id-67928 .container .container {
        padding-top: 0;
    }
}

main#barba-wrapper {
    overflow: hidden;
}
body.home main#barba-wrapper .ft__posts, body.page-id-67928 main#barba-wrapper .ft__posts {
    margin-top: 0;
    display: none;
}
body.home main#barba-wrapper header.barba-header, body.page-id-67928 main#barba-wrapper header.barba-header {
    display: none;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    margin-bottom: 1rem;
    font-family: Poppins, Helvetica, Sans-serif;
    font-weight: 600;
    line-height: 1.19;
    color: #001949;
}
body h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.20em;
    margin-bottom: 1rem;
    color: #001949;
}
body h2 {
    font-size: 26px;
}
body h3 {
    font-size: 22px;
}
body h4 {
    font-size: 18px;
}
body h5 {
    font-size: 14px;
}
.subtitle,
body h6 {
    font-size: 14px;
}
 
h1.header-title {
    font-size: 40px;
}

body.home h1 {
    font-size: 2.295em;
    font-weight: 700;
    line-height: 1.20em;
    margin-bottom: 1rem;
    color: #001949;
}
body.home h2 {
    font-size: 50px;
}
body.home h3 {
    font-size: 40px;
}
body.home h4 {
    font-size: 32px;
}
body.home h5 {
    font-size: 30px;
}
body.home .subtitle,
body.home h6 {
    font-size: 24px;
}
body{
    font-family: Poppins, Helvetica, Sans-serif;
    font-weight: 300;
    font-size: 18px;
}
body.home{
    font-family: Poppins, Helvetica, Sans-serif;
    font-weight: 300;
    font-size: 14px;
}


.mega-menu{
 box-shadow: 0 0 0 #dadada;
}

#main-header .mega-menu .main-links ul li a,
.hero .request-button,
.topbar {
    font-size: 16px;
    font-family: Poppins, Helvetica, Sans-serif;
}

#main-header .mega-menu.sticky-header {
    position: fixed;
    top: 0;
}
#main-header .mega-menu{
    z-index: 9;
}
#main-header a.contact {
    float: right;
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #fc552e;
    border-style: none;
    border-radius: 30px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.29);
    padding: 0 30px;
    color: #fff;
    margin: 18px 24px 0 10px;
    text-transform: uppercase;
    height: 45px;
    line-height: 45px;
}

#main-header a.contact:hover{
    background: #004398;
}

#main-header .mega-menu .main-links ul li a {
    color: #021849;
    font-weight: 400;
    border: 0;
    padding: 28px 5px;
}
#main-header .mega-menu .main-links ul li a:hover{
    background: #EFF4FA;
}

#main-header a.navbar-brand {
    float: left;
    margin: 22px 10px 0 24px;
    padding: 0;
}
.mega-menu .main-links ul {
    margin: 0;
    float: right;
    padding-left: 0px;
}

.mega-menu .menu-dropdown .menu-item-wrapper {
    padding: 0;
    margin: 0 auto;
    float: none;
    z-index: 10;
    max-width: 95%;
    background: #fff;
    overflow: auto;
    box-shadow: 0px 6px 5px #ccc;
}
.mega-menu .menu-dropdown h4 {
    font-size: 20px;
    margin: 20px 0 10px 0;
    display: inline-block;
    border-bottom: 1px solid #8282823B;
    min-width: 360px;
    padding-bottom: 10px;
}
#main-header .mega-menu .main-links ul li a.highlight {
    background: #EFF4FA;
}
.nicemenu-item .hover_theme:hover {
    background: #EFF4FA;
    border-radius: 4px;
}

.blogs .post-container .post .text {
    display: none;
}
.resources .post-container .card a.post-thumb-img{
    display: none;
}
.subtitle {
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 1.374em;
    font-weight: 300;
    line-height: 1.6em;
    color: #272727;
}
body.home nav#topNav .container, body..page-id-67928 nav#topNav .container {
    padding: 0 30px;
}
button.btn-open-search {
    border: 0;
    background: none;
}

.topbar {
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px;
    background: #004398;
    color: #fff;
    margin-top: 80px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    z-index: 10;
}

.topbar a,
.topbar a:hover {
    color: #fff;
}
nav#topNav {
    padding: 1rem;
}
.mainmenudiv .dropdown-mega > .dropdown-menu {
    top: 66px;
}
.hero {
    width: 100%;
    padding: 7vw 2vw 5vw;
    max-width: 1600px;
    display: table;
    margin: 0 auto;
}

.blogs{
    padding: 5vw 2vw 0;
    text-align: center;
}
.blogs .container .col-md-12 {
    padding: 0 5vw;
}
.roi{
    padding: 5vw 0 0;
    text-align: center;
}
.resources {
    padding: 5vw 2vw 0;
    text-align: center;
    position: relative;
    z-index: 99;
    background: #fff;
}
.case-study{
    padding: 5vw 4vw 0;
    text-align: center;
}
.faqs{
    padding: 7vw 3vw;
    text-align: center;
}
.faqs .container .col-md-12 {
    padding: 0 5vw;
}

.cta{
    padding: 4vw;
}

body.home .roi .container, body..page-id-67928 .roi .container  {
    padding-left: 3rem;
    padding-right: 3rem;
}

.BUbar {
    display: inline-block;
    width: 100%;
}
.row.banner-btm-bg {
    margin: 0;
    padding: 0;
    width: 100%;
}
.hero .request-button,
.request-button {
    fill: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.29);
    display: inline-block;
    line-height: 50px;
    height: 50px;
    margin-top: 30px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}
.request-button:hover{
    background: #004398;
}
.row.banner-btm-bg .col-md-12 {
    padding: 0;
}
.banner-btm-bg ul {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    list-style: none;
    display: flex;
}
ul.tabsul,
ul.tabsul li {
    padding: 20px;
    float: left;
}
.banner-btm-bg ul li {
    float: left;
    width: 25%;
    text-align: center;
    background: linear-gradient(202.65deg, rgba(252, 85, 46, 0.75) 0.27%, #fc552e 99.08%);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,.5);
}
.resources .col-md-6,
ul.tabsul li { text-align: left; }

.banner-btm-bg ul li:nth-of-type(2n) {
    background: linear-gradient(202.36deg, rgba(169, 0, 98, 0.75) 0.32%, #a90062 99.07%);
}
.banner-btm-bg ul li:nth-of-type(3n) {
    background: linear-gradient(202.36deg, rgba(96, 36, 140, 0.75) -9.8%, #60248c 88.95%);
}
.banner-btm-bg ul li:nth-of-type(4n) {
    background: linear-gradient(202.35deg, rgba(31, 188, 213, 0.75) -11.29%, #1fbcd5 87.33%);
}
.banner-btm-bg ul li:hover {
    background: #024b9c;
}
.banner-btm-bg ul li a {
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    border-radius: 0;
    padding: 25px 0;
    display: inline-block;
}
.taglineFont,
ul.tabsul li h3 {
    font-size: 24px;
    font-weight: 600;
}
.hero .request-button {
    font-weight: 400;
    color: #fff;
    border-radius: 30px;
    padding: 0 40px;
    background: #fc552e;
}
.hero .request-button:hover,
.request-button:hover {
    background: #004398;
}
.taglineFont {
    font-family: "Satisfy",cursive;
    color: #1fbcd5;
    font-size: 1.125em;
    font-weight: 500;
    line-height: 2em;
}
.hero-title {
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 0.930em;
    font-weight: 300;
    line-height: 1.6em;
    color: #272727;
}
.hero-text {
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 1.374em;
    font-weight: 300;
    line-height: 1.6em;
    color: #272727;
}
.resources .container .col-md-12 {
    padding: 0 5vw;
}
.resources .col-md-6 h4 {
    margin-top: 4vw;
}
.resources .col-md-6 p {
    max-width: 96%;
    color: #272727;
    font-size: 1.374em;
    font-weight: 300;
    line-height: 1.6em;
}
.case-study {
    color: #272727;
}
.case-study span.elevate-head {
    min-height: 100px;
    display: inline-block;
}
.case-study figure img {
    max-width: 50%;
}
.case-study .col-md-4 p {
    font-size: 16px;
    padding: 20px 50px;
}
.case-study a.request-button {
    margin: 0;
}
body.home .case-study .container, body.page-id-67928 .case-study .container {
    padding: 0 10rem;
}
.faqs h2 {
    margin-bottom: 30px;
    text-align: center;
}
.faqs h2.accordion-header {
    margin: 0;
}
.faqs .accordion-item {
    border: 0;
    box-shadow: 0 4.4px 12px -1px rgba(18.999999999999964, 15.999999999999979, 33.99999999999995, 0.11);
    border-radius: 5px;
    margin-bottom: 15px;
}
.faqs .accordion-button {
    border: 0;
    border-radius: 0;
    background: 0 0;
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #024b9c;
    padding: 20px;
}
.faqs .accordion-button:not(.collapsed) {
    background-color: none;
    box-shadow: inset 0 0 0;
    color: #fc552e;
    border-bottom: 0;
}
.faqs .accordion-body {
    text-align: left;
    padding-top: 0;
    padding-bottom: 1px;
}
.faqs img.alignnone {
    margin: 0 auto;
}

.blogs .post-container .post {
    border-style: solid;
    border-width: 0;
    background-color: #fff;
    border-color: #04142c30;
    overflow: hidden;
    text-align: left;
}
.resources .post-container .card{
    border-style: solid;
    border-width: 0;
    background-color: #fff;
    border-color: #04142c30;
    overflow: hidden;
    text-align: left;
}
.cta {
    text-align: center;
/*    background: url("https://mitrastage.wpengine.com/wp-content/uploads/LP-Banner-HRC-Suite-2-Pager.png") 0 0 / cover no-repeat;*/
    background: url("https://mitratech.com/wp-content/uploads/LP-Banner-HRC-Suite-2-Pager.png") 0 0 / cover no-repeat;

}
.cta .box h2 {
    font-weight: 700;
}
.cta .box {
    background: #fff;
    border: 1px solid #7a7a7a;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    padding: 50px 70px;
    border-radius: 25px;
    font-size: 26px;
    color: #272727;
    line-height: 1.6em;
    font-weight: 300;
}
.request-button {
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff !important;
    background: #fc552e;
    border-radius: 30px;
    padding: 0 40px;
}
ul.tabsul {
    margin: 0;
    list-style: none;
    width: 100%;
}
ul.tabsul li {
    width: 41%;
    box-shadow: 4px 7px 27px 0 rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    margin: 3% 2% 2%;
}
ul.tabsul li:nth-of-type(2n) {
    margin-bottom: 6%;
    margin-top: 0;
}
ul.tabsul li:nth-of-type(3n) {
    margin-top: 3%;
}
ul.tabsul li:nth-of-type(4n) {
    margin-bottom: 0;
}
ul.tabsul li:hover {
    box-shadow: 4px 7px 27px 0 rgba(0, 0, 0, 0.5);
}
ul.tabsul li h3 {
    margin-bottom: 18px;
    color: #272727;
    font-family: Poppins, Helvetica, Sans-serif;
    letter-spacing: -0.5px;
}
ul.tabsul li p {
    color: #272727;
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 1.374em;
    font-weight: 300;
    line-height: 1.5em;
}
ul.tabsul li figure {
    width: 25%;
}
.corporate-Legal,
.governance-risk,
.human-resources,
.tap-workflow {
    float: left;
    width: 100%;
    display: none;
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.5px;
}
.corporate-Legal p, .governance-risk p, .human-resources p, .tap-workflow p {
    margin: 30px 0;
    font-size: 1.374em;
    font-weight: 300;
    line-height: 1.3em;
}
.corporate-Legal a.request-button,
.governance-risk a.request-button {
    background: #a90062;
}
.tap-workflow a.request-button {
    background: #fc552e;
}
.human-resources a.request-button {
    background: #60248c;
}
.governance-risk a.request-button {
    background: #1FBCD5;
}
.corporate-Legal a.request-button:hover, 
.governance-risk a.request-button:hover, 
.tap-workflow a.request-button:hover, 
.human-resources a.request-button:hover {
    background: #004398;
}
.blogs .post-container .post {
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(4.000000000000002, 20.000000000000032, 44, 0.19);
}
.blogs .post-container .post a.post-thumb-img {
    float: left;
    width: 100%;
}
.blogs .post-container .post img {
    min-height: 130px;
    margin-bottom: 10px;
    width: 100%;
}
.blogs .post-container .post .post-text {
    padding: 0 15px 15px;
    min-height: 145px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
}
.blogs .post-container .post .post-text a.post-title {
    color: #021849;
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    word-spacing: 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.blogs .post-container .post .post-text a.read-more {
    font-family: Poppins, Helvetica, Sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #333;
    font-size: 12px;
    clear: both;
    width: auto;
    margin-top: 10px;
}
.resources .post-container .card {
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(4.000000000000002, 20.000000000000032, 44, 0.1);
}
.resources .post-container .card:hover {
    box-shadow: 0 0 30px 0 rgba(4.000000000000002, 20.000000000000032, 44, 0.1);
}
.resources .post-container .card .card-body {
    padding: 20px;
    line-height: 1.5em;
    font-size: 14px;
    color: #272727;
    min-height: 150px;
}
.resources .post-container .card .card-body .card-text {
    font-size: 16px;
    min-height: 140px;
    color: #272727;
    font-weight: 300;
    line-height: 25px;
}
.resources .post-container .card .card-body a.card-title {
    color: #021849;
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    word-spacing: 0px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    min-height: 80px;
}
.resources .post-container .card .card-body a.read-more {
    font-family: Poppins, Helvetica, Sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: #021849;
    font-size: 14px;
    clear: both;
    width: auto;
    margin-top: 10px;
}
.footer .container-fluid .container {
    padding: 5rem 3rem 10px;
    max-width: 100%;
}
.footer .container-fluid .container .input-group {
    border-bottom: 0 solid #4d4945;
}
.footer .container-fluid .container .nav-link-mitra {
    color: #021849;
    text-transform: none;
    font-family: Poppins, Helvetica, Sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 0 5px;
}
.footer div#footer_list_d .list-group-item {
    padding: 5px;
}
.copyright {
    padding: 15px;
}
.footer .container-fluid .container .row.pb-4.mb-4 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.footer .container-fluid .container p.text-center.small.my-4 {
    margin: 30px 0 0 !important;
}
.footer .container-fluid .container div#footer_socials_d {
    margin: 29px 0 !important;
}
.footer .container-fluid .container div#footer_socials_d a {
    color: #004398;
}
.footer .container-fluid .container div#footer_socials_d a:hover {
    color: #fc552e;
}
.footer a {
    color: #2c2c2c;
}
.footer a:hover {
    color: #fc552e;
}
#footer_privacy_d a {
    color: #0073EA;
}
#footer_privacy_d a:hover {
    color: #fc552e;
}
.footer div#footer_list_d {
    padding-bottom: 20px;
}
.footer div#footer_list_d .list-group-item:hover {
    color: #2c2c2c;
}
.alert-gdpr {
    background: #274288;
    font-size: .688rem;
    left: auto;
    bottom: 15px;
    right: 15px;
    max-width: 420px;
}
.c-burger {
    padding: 0!important;
    position: relative;
    width: 20px;
    height: 14px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 2;
}

.mega-menu .menu-dropdown .menu-item-wrapper ul.psnavleft {
    margin: 0;
    padding: 0;
}

.mega-menu .menu-dropdown .menu-item-wrapper ul.psnavleft li {
    margin: 0;
    padding: 5px;
}
.mega-menu .menu-dropdown .menu-item-wrapper ul.psnavleft li a {
    padding: 0;
    margin: 0;
    text-align: left;
    display: block;
}

/*menu*/
.nicemenu { position: relative; display: block;}
.nicemenu * { box-sizing: border-box;}
.nicemenu-item { display: inline-block; z-index: 11;}

.verticle>.nicemenu-item { display: block !important;}

.nicemenu-sub { position: absolute; height: 100% !important; z-index: 12; display: none;}
.nicemenu-sub.active { display: block;}

.nicemenu { width: 100%; min-height: 540px;}

.nicemenu-item { background-color: #fff; padding-bottom: 10px;}

.nicemenu-item .hover_theme a { font-size: 14px;}
.nicemenu-item .hover_theme a strong { font-size: 14px; color: #001949;}

.nicemenu-item .hover_theme {
    border: 0 !important;
    line-height: 17px;
    margin-bottom: 10px;
}

.nicemenu-item p { color: #a0a0a0; font-size: 14px; line-height: 16px;}
.nicemenu-item a { color: #7b7b7b; text-decoration: none; border: 0; font-size: 16px;cursor: pointer;}
.nicemenu-item a:hover { text-decoration: none; }

.nicemenu-item .nicemenu-item-link a { padding: 0px 15px; height: 40px; line-height: 40px; font-size: 14px; font-weight: 500;color: #001949;}
/*.nicemenu-item .nicemenu-item-link a:after {
    content: ">";
    right: 0;
    position: absolute;
    width: 30px;
    font-size: 16px;
}*/
.nicemenu-item.active .nicemenu-item-link a { background: #EFF4FA; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-decoration: none;}
.nicemenu-item .nicemenu-item-link a:hover { background: #EFF4FA; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.nicemenu-item.active { background-color: #fff;}

.nicemenu-sub { background-color: #fff; padding: 0; overflow: hidden; color: #000; width: 72%; right: 0 !important; left: initial !important; padding: 0 15px;}
.nicemenu-sub p, .nicemenu-sub p a { color: #333;}

.nicemenu-item a.link_navy p.lead.text_orange {
    color: #fc552e;
}
.nicemenu-item a.link_navy p.lead.text_orange:hover {
    color: #001949;
}
.nicemenu-item a.link_navy:hover{
    color: #001949;
}
.border-start .small {
    font-weight: 300;
    line-height: 20px;
}
#HumanResources { min-height: 430px;}
#GovernanceRisk { min-height: 450px;}

.follow-highlighter { display: none !important;}

/*End*/
.mega-menu .menu-dropdown .menu-item-wrapper.dropdown { padding: 0; min-width: 250px; overflow: auto; }
.mega-menu .menu-dropdown .menu-item-wrapper.dropdown li a { padding: 15px 10px; font-size: 14px; color: #001949; font-weight: 600;}
.mega-menu .menu-dropdown .menu-item-wrapper li a:hover { background: #EFF4FA;}

ul.productslink { margin: 0; padding: 0; display: none;}
ul.solutionslink { margin: 0; padding: 0; display: none;}

.mega-menu .menu-dropdown .back-link { margin-bottom: 5px; color: #000;}
.mega-menu .menu-dropdown .back-link:hover{ color: #fc552e;}
.mega-menu .main-links ul li a .caret.caret-down , 
.mega-menu .main-links ul li a .caret.caret-up{ display: none;}

.nicemenu-item a.btn {
    font-weight: 300;
    padding: 0;
    font-size: 14px;
    text-transform: capitalize;
}
.nicemenu-item a.btn:hover {
    color: #001949;
}
.psuites-text { padding: 0 30px; }

.lag {
    display: inline-block;
    text-align: right;
    width: auto;
    margin: 28px 0 0;
    position: relative;
}
.lag button {
    border: none;
    background: none;
}
.lag button svg {
    margin-right: 10px;
}
.lag .form-select {
    top: -6px;
    position: absolute;
    background: transparent;
    right: 0;
    border: 0;
    cursor: pointer;
}

.mlag{
    display: none;
    text-align: right;
    width: auto;
    margin: 0;
    position: relative;
}
.mlag button {
    border: none;
    background: none;
}
.mlag button svg {
    margin-right: 10px;
}
.mlag .form-select {
    top: -6px;
    position: absolute;
    background: transparent;
    right: 0;
    border: 0;
    cursor: pointer;
}
.head-left {
    float: left;
    width: 70%;
}
.head-right {
    float: right;
}

.submenutitle {
    border-bottom: 1px solid #8282823B;
    padding: 10px 0;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}

.submenutitle:hover {
    background: #EFF4FA;
    border-radius: 4px;
}

.view-brochure {
    padding: 15px 0;
}
.view-brochure img {
    width: 100%;
}
.view-brochure span.vb-bg {
    background: #f0f4fa;
    display: inline-block;
    padding: 10px;
}

.mega-menu .menu-dropdown .view-brochure h4 {
    min-width: 0;
    margin: 0 0 15px;
    padding: 0;
    border: 0;
    font-size: 16px;
}
.row .hbspt-form {
   width: auto;
}
.svg-inline--fa.fa-stack-2x {
    width: auto ;
    height: auto; 
}
div#CorporateLegal1 {
    display: block !important;
}
div#TAPWorkflowAutomation {
    display: block !important;
}
/**/

nav#productsubmenu {
    position: fixed;
    width: 100%;
    top: 83px;
    box-shadow: 0px 4px 4px 0px #00000040;
    background: #fff;
    flex-flow: wrap;
    display: none !important;
}

div#navbarSupportedContent {
    margin-top: 7px;
}

 nav#productsubmenu .submenudiv {
    width: 100%;
    float: left;
}
nav#productsubmenu .submenudiv h2 {
    font-size: 20px;
    margin: 0 100px 0 0;
    padding: 0;
    font-weight: 400;
    float: left;
}
nav#productsubmenu h2 a.link_navy {
    color: #a9a9a9;
    font-size: 20px;
    font-weight: 400;
}
nav#productsubmenu ul.navbar-nav li {
    padding: 0 20px;
}
nav#productsubmenu ul.navbar-nav li a.nav-link {
    color: #a9a9a9;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
}
nav#productsubmenu ul.navbar-nav li a.nav-link.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    color: #000;
}
nav#productsubmenu ul.navbar-nav li ul.dropdown-menu {
    min-width: 200px;
    left: auto;
    margin: 15px 0 0;
    padding: 10px;
}
nav#productsubmenu ul.navbar-nav li ul.dropdown-menu li {
    padding: 7px 0;
}

nav#productsubmenu ul.navbar-nav li ul.dropdown-menu li a.dropdown-item {
    padding: 0;
    font-size: 16px;
}
nav#productsubmenu ul.navbar-nav li a.nav-link:hover {
    color: #333;
}

nav#productsubmenu .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.mega-menu .main-links{
    margin-top: 0 !important;
}
section.header-content a.btn.btn-primary.mt-2.mktoButton.mt-3 {
    margin-top: 1.5rem!important;
}
#main-header a.navbar-brand.mobileview {
    display: none;
}

.header-post-alt {
    margin-top: 5rem;
}

@media (max-width: 1280px) {
#main-header a.navbar-brand.mobileview {
    margin: 14px 24px;
    position: relative;
    z-index: 999;
/*    display: block;*/
}

button.btn-open-search {
    display: none;
}
.mega-menu .menu-dropdown .menu-item-wrapper.dropdown li {
    border-bottom: 1px solid #bebebe;
}
.mega-menu .menu-dropdown .menu-item-wrapper.dropdown.active {
    padding: 15px;
}
.resources .post-container .card .card-body a.card-title {
    min-height: 110px;
}
.resources .post-container .card .card-body {
    min-height: 340px;
}
.resources .post-container .card .card-body .card-text {
    min-height: 200px;
}
.corporate-Legal p, .governance-risk p, .human-resources p, .tap-workflow p {
    font-size: 1.274em;
}
.case-study .col-md-4 p {
    padding: 20px 35px;
}
.mega-menu .menu-dropdown .menu-item-wrapper.active {
    position: fixed;
    top: 65px;
    width: 100%;
    left: 0 !important;
    height: 100%;
}
.back-link{ display: block; }
}
@media (max-width: 1280px) {
.container-fluid.getintouch {
    font-size: 20px;
    padding: 30px 5%; 
}
.container-fluid.photobg {
    margin-top: 0;
}
main#barba-wrapper {
    margin-top: 70px;
}
.header-post-alt {
    margin-top: 0;
}
body #main-header nav#productsubmenu {
    top: 65px;
    padding: 7px 0;
}
body #main-header nav#productsubmenu h2 { margin: 0;}

.mega-menu .menu-dropdown .menu-item-wrapper ul.productslink li a {
    padding: 15px 10px;
    font-size: 14px;
    color: #001949;
    font-weight: 600;
}
.mega-menu .menu-dropdown .menu-item-wrapper ul.productslink li {
    margin-right: 0;
    border-bottom: 1px solid #bebebe;
}

.mega-menu .menu-dropdown .menu-item-wrapper ul.solutionslink li a {
    padding: 15px 10px;
    font-size: 14px;
    color: #001949;
    font-weight: 600;
}
.mega-menu .menu-dropdown .menu-item-wrapper ul.solutionslink li {
    margin-right: 0;
    border-bottom: 1px solid #bebebe;
}

body.home main#barba-wrapper {
    padding-top: 7px;
}

body.home main#barba-wrapper, body.page-id-67928 main#barba-wrapper  {
    padding-top: 0;
}

.mlag {
    display: inline-block;
    float: right;
    margin: 5px;
}
 .lag{display: none;}

.head-left { width: 100%;}
.head-right { width: 100%;}

.mega-menu .main-links { margin: 0!important; padding: 20px 20px 500px}
.mega-menu .menu-dropdown .menu-item-wrapper { max-width: 100%;}
.no-mobile .w-75 { max-width: 220px;}

.topbar { margin-top: 0;}

#main-header .mega-menu .main-links.active a.navbar-brand { display: none;}

.mega-menu .mobile-nav-icon a.mobileline { margin: 0; display: inline-block; font-size: 24px; float: right;}
.mega-menu .main-links ul { margin: 0 0 20px;}
.mega-menu .main-links ul li { border-bottom: 1px solid #bebebe;}
#main-header a.contact { float: none; display: table; margin: 40px auto 0;}

#hoverContainer { display: none;}
#hoverContainer1 { display: none;}
ul.solutionslink {
    padding: 0 15px;
    display: block;
}
ul.productslink {
    display: block;
    padding: 0 15px;
}

.mega-menu .menu-dropdown .menu-item-wrapper.dropdown a.back-link {
    padding: 0 10px;
}
.mega-menu .menu-dropdown .back-link {
    padding: 0 0 0 20px;
    display: block;
}

body.home .roi .container, body.page-id-67928 .roi .container {
        padding-left: 0;
        padding-right: 0;
    }
.resources .container .col-md-12,
.footer .container-fluid .container .nav-link-mitra,
body.home .case-study .container, body.page-id-67928 .case-study .container {
        padding: 0;
    }
.hero-text {
        font-size: 14pt;
        line-height: 30px;
    }

body h2 {
        font-size: 40px;
    }
.resources .post-container .card .card-body a.card-title {
        font-size: 20px;
    }
.blogs .post-container .post .post-text {
        min-height: 190px;
    }
.banner-btm-bg ul {
    display: inline-block;
}
.banner-btm-bg ul li {
        width: 50%;        
    }

.cta .box,
.banner-btm-bg ul li a {
        font-size: 18px;
    }
.blogs .post-container .post img {
        min-height: 100px;
        margin-bottom: 10px;
        width: 100%;
    }
.resources .post-container .card,
.blogs .post-container .post {
        margin-bottom: 20px;
    }
ul.tabsul li {
        padding: 15px;
    }
ul.tabsul li h3 {
    font-size: 18px;
    font-weight: 600;
}
ul.tabsul li p {
        font-size: 14px;
        line-height: 24px;
    }
.resources .col-md-6 h4 {
        font-size: 24px;
    }
.resources .col-md-6 p {
        font-size: 16px;
        max-width: 90%;
    }
.corporate-Legal,
.governance-risk,
.human-resources,
.tap-workflow {
        font-size: 16px;
        line-height: 20px;
    }
.footer .container-fluid .container div#footer_socials_d a.me-3 {
        margin-right: 0 !important;
    }
.footer .container-fluid .container {
        padding: 5rem 0 0;
    }
.resources .col-md-6 {
        padding: 0 15px;
    }
.case-study .col-md-4 p {
        font-size: 16px;
        padding: 20px;
    }
.cta {
        padding: 4vw;
    }
.footer .border-bottom {
        border-bottom: 0 solid #000 !important;
    }
.container, .container-md, .container-sm {
    max-width: 100%;
    padding: 0 15px; 
}
body.home #barba-wrapper header.barba-header, 
body.page-id-67928 #barba-wrapper header.barba-header  {
    display: none;
}
body.home #barba-wrapper aside.ft__posts.featured-posts, 
body.page-id-67928 #barba-wrapper aside.ft__posts.featured-posts {
    display: none;
}
.header-image .header-row, .header-regular .header-row {
            padding: 30px 15px 15px;
        display: inline-block;
}
.hero-title { line-height: 1em;}
.taglineFont { line-height: 1.2em;}

#main-header .mega-menu .main-links ul li a {
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
}
#main-header .mega-menu .main-links ul li a:before {
    font-family: Icon-Font;
    font-style: normal;
    font-weight: 400;
    content: "\E813";
    position: absolute;
    right: 0;
    font-size: 30px;
    top: 5px;
}

.corporate-Legal p, 
.governance-risk p, 
.human-resources p, 
.tap-workflow p {
    font-size: 1.174em;
}
.mega-menu .menu-dropdown .menu-item-wrapper {
    padding: 15px 0 15px;
    box-shadow: 0 1px 4px #dadada;
}

#main-header a.navbar-brand.mobileview {
    display: block;
}
}

/* author css */
.container-fluid.photobg {
    background: #eff4fa;
    padding-top: 30px;
    text-align: center;
    margin-bottom: 80px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}

.container-fluid.photobg img {
    box-shadow: 0px 6px 10px rgba(0,0,0,0.3);
    border-radius: 500px;
    max-width: 200px;
    position: relative;
    bottom: -50px;
    background:#fff;
    border: 5px solid #ffffff;
}
section.article-container .author-details {
    text-align: left;
}
.author-details {
    text-align: center;
}
.author-details p.author-post {
    font-size: 14px;
    margin: 0;
}
.author-details p.author-name {
    font-weight: bold;
    font-size: 40px;
        margin: 0;
}
.author-details p.author-social a {
    margin: 0 10px;
    display: inline-block;
}
.author-text {
    text-align: center;
    font-size: 22px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.author-text p {
    margin-bottom: 2rem;
}

.title-af {
    font-size: 30px;
    margin: 0;
    padding: 0;
}
.container-fluid.getintouch {
    text-align: center;
    font-size: 30px;
    padding: 30px 15%;
    background: #eff4fa;
    margin-top: 30px;
}

.container-fluid.getintouch p {
    margin-bottom: 0;
}

.container-fluid.getintouch .btn{
    font-size: .875rem;
    min-width: 230px;
    font-weight: 700;
}

.articles-featured .card-no {
    float: left;
    width: 15%;
    padding-top: 0;
    font-size: 50px;
    color: #fc552e;
}
.articles-featured a.card-title {
    font-size: 16px;
    font-weight: bold;
    width: 85%;
    display: inline-block;
    margin: 0;
}
.articles-featured .card-text {
    font-size: 14px;
    display: inline-block;
    padding-left: 1%;
}
.articles-featured .card-body {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media only screen and (max-width: 767px) {
body.home h2 {
    font-size: 28px;
}
body.home h5 {
    font-size: 20px;
}
body.home .subtitle, body.home h6 {
    font-size: 16px;
}
body.home h3 {
    font-size: 24px;
}
#main-header .navbar {
    padding: 0;
    height: auto;
    margin: 6px auto;
    display: table;
}
.banner-img img {
    width: 367px;
    height: 273px;
}
button.btn-open-search {
    display: none;
}

.blogs { padding: 5vw 5vw 0;}

.section-content.container {
    padding: 0 15px;
}

body.home .section-content.container, 
body.page-id-67928 .section-content.container  {
    padding: 0;
}

aside.ft__posts.featured-posts {
    display: none;
}

.topbar {
    margin-top: 0;
}

.header-home{
    display: none;
}

.mega-menu.sticky-header.responsive-menu .main-links {
    padding: 20px 20px 500px;
}

body.home .roi .container, body.page-id-67928 .roi .container  {
    padding-left: 1rem;
    padding-right: 1rem;
}

.resources .col-md-12,
.roi .col-md-8,
body.home .case-study .container,
body.page-id-67928 .case-study .container,
ul.tabsul { padding: 0; }

.roi,
.hero h1,
.hero-text {
    text-align: center;
    font-size: 16px;
}

.hero { padding: 10vw 3vw 2vw; }

.hero h1 {
        line-height: 1;
        font-weight: 700;
        font-size: 30px;
}

.hero-title { font-size: 18px; }

.taglineFont,
ul.tabsul li h3 { font-size: 18px; }

.banner-btm-bg ul li,
.blogs .post-container .post img {
        width: 100%;
}

body h2,
body h4 { font-size: 30px;}

.subtitle { font-size: 16px; }

.resources .post-container .card,
.blogs .post-container .post {
        margin-bottom: 20px;
    }

.resources .post-container .card .card-body a.card-title,
.blogs .post-container .post .post-text {
        min-height: 0;
    }
    
.resources .col-md-6 p {
        max-width: 100%;
        font-size: 16px;
    }

body .mt-4,
body .my-4 {
        margin-top: 2rem !important;
    }
ul.tabsul li:nth-of-type(2n) {
    margin-bottom: 7%;
}
.resources .post-container .card .card-body {
        padding: 15px;
    }

.case-study .col-md-4 p {
        font-size: 16px;
        padding: 20px 60px;
    }
.corporate-Legal,
.governance-risk,    
.human-resources,
.tap-workflow,
ul.tabsul li p {
        font-size: 16px;
        line-height: 30px;
 }
ul.tabsul li {
    padding: 0 15px;
    margin: 7% 2% 10%;
    width: 100%;
}
ul.tabsul li h3 {
        margin-bottom: 10px;
        font-size: 18px;
}
.resources .col-md-6 {
        text-align: center;
}
.resources,
.roi { padding: 7vw 4vw 0;}
ul.tabsul {
        margin: 0;
        width: 96%;
}
.faqs .accordion-button {
        font-size: 14px;
        padding: 10px;
}
.faqs .accordion-item .accordion-body {
        font-size: 12px;
        padding: 10px;
}
.cta .box h2 {
        font-size: 30px;
        font-weight: 700;
}
.cta .box {
        padding: 40px;
        font-size: 16px;
}
.footer .container-fluid .container {
    padding: 1rem 0 0;
    text-align: center;
}
.footer .container-fluid .container .list-group-item {
    text-align: center;
    padding: 5px 0;
}
.footer #footer_socials_m { text-align: center; }
.footer .container-fluid .container .nav-link-mitra { padding: 20px 0 0 0; text-align: center;  }
.footer .container-fluid .container img.img-fluid { margin-top: 30px; }

.footer .container-fluid .container .copyright { 
    padding: 15px;
    background: #021849;
    color: #fff;
    text-align: center;
}
.footer .container-fluid .container .copyright a{
    color: #fff;
}
.footer .container-fluid .container .col-lg-9 {
    padding: 0;
}
.footer .container-fluid .container .col-lg-9 .border-bottom {
    border-bottom: 0 solid #000 !important;
    padding: 0 15px 15px;
}
.footer .container-fluid .container .no-mobile, 
.footer .container-fluid .container .no-desktop {
    text-align: center;
}
}

@media only screen and (min-width: 576px){
.no-desktop {
    display: none !important;
}
}
@media only screen and (max-width: 575.98px){
.no-mobile {
    display: none !important;
}}