/* @import url('http://example.com/example_style.css'); */
/* @import url('http://example.com/example_style.css'); */

/******* pm-css/base.css ********/

h1,h2,h3,h4,h5,h6,p{
  hyphens: auto;
}
:root {
  --pm-blue: #082b3f;
  --color-white: #fff;
  --grey-color: #F4F4F4;
  --light-blue-color: #0DABBE;
}
/* @import url('http://example.com/example_style.css'); */


@media screen and (min-width: 768px) {
  
  .row.two-columns {
    max-width: 1000px;
    margin: 0 auto;
  }

  .row.two-columns > [class*="col-"] {
      width: 50% !important;
  }

  .row.three-columns > [class*="col-"] {
      width: 33.333333333% !important;
  }

  .row.four-columns > [class*="col-"] {
      width: 25% !important;
  }

  .row.five-columns > [class*="col-"] {
      width: 20% !important;
  }

  .row.six-columns > [class*="col-"] {
      width: 16.666666667% !important;
  }
}
:root {
  --pm-blue: #082b3f;
  --color-white: #fff;
  --grey-color: #F4F4F4;
  --light-blue-color: #0DABBE;
}


/******* website-header.css ********/


/*Remove horizontal scroll from body*/
body, html {
  overflow-x: hidden;
}

.header_01 {
  border-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px; 
}

.header_01 .logo,
.header_01 .navigator {
  padding-bottom: 0;
}

.header_01 .row {
   display: flex;
    align-items: center;
}

.header_01  .mainmenu {
  float: none;
}

.mainmenu ul li {
  padding: 10px;
}

.mainmenu ul li:first-child {
  padding-left: 0;
}

.mainmenu ul li:lastst-child {
  padding-right: 0;
}

.header-contact-search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}

.header-contact-search .orange_btn {
  height: 48px;
  margin-right: 20px
}

.mainmenu ul li:hover ul.sub-menu {
  top: 46px;
}

.mainmenu ul ul.sub-menu {
  padding-left: 15px;
}

.mainmenu ul ul.sub-menu {
  padding-right: 15px;
}

.fixedHeader .mainmenu ul ul.sub-menu:before {
  display: none;
}

.mainmenu ul ul.sub-menu:before {
  border-bottom-color: #082b3f;
  border-width: 9px;
  top: -8px;
}

.mainmenu ul li:hover ul.sub-menu.level-3 {
  padding-top: 0;
}

.hs-search-field__suggestions-container {
  color: #fff;
  margin-top: 20px;
}

 .hs-search-field__bar .hs-search-field__form button svg { 
  height: 20px;
}


.fofPage button.hs-search-field__button {
    height: 70px;
    width: 70px;
    border: 0;
}

.fof_fomr form input[type=search]:focus,
.fof_fomr form input[type=text]:focus {
  border-color: #0DABBE;
}

/*==========Desktop==========*/
@media screen and (min-width: 1600px) {
    
.mainmenu ul li a {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .navigator .mobilemenu,
  .show-overlay-nav .popup.popup__menu.popup__menu {
    display: none;
  }
  
  .mainmenu ul li {
    padding: 15px 10px;
}
  
  .header-contact-search .orange_btn {
    white-space: normal;
    word-break: keep-all;
    min-width: 180px;
    padding-left: 0;
    padding-right: 0;
}
}

@media screen and (min-width: 768px) and (max-width: 1160px) /*for full menu items it needs to be 1400px*/ {
  .header_menu_wraper {
    position: absolute;
    width: 100%;
    bottom: 16px;
    left: 0;
}
  
  .header_01 {
    padding-bottom: 60px;
  }
  
  .mainmenu ul li {
    padding: 17px 9px;
  }
  
  .mainmenu ul ul.sub-menu {
    word-break: break-word;
  }
}

@media screen and (min-width: 768px) and (max-width: 868px) {
  .mainmenu ul ul.sub-menu {
    width: 150px;
  }
}

/*==========Mobile==========*/
@media screen and (max-width: 767px) {
  #header.header_01 a#open-overlay-nav {
    display: inline-block;
  }
  
  .header_01 .navigator {
  display: flex;
  margin-top: 0;
  }
  
  .dl-menu__wrap ul li a {
  line-height: normal;
  }
  
  ul.dl-submenu.level-3 {
    margin-top: -100px;
  }
}

@media screen and (max-width: 520px) {
  .logo a#hs-link-site_logo_hs_logo_widget:before {
    content:'';
    background:url(//139840977.fs1.hubspotusercontent-eu1.net/hubfs/139840977/raw_assets/public/Pixelmechanics%20main%20child/images/Pixelmechanics-logo-symbol.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
  }
  .logo a#hs-link-site_logo_hs_logo_widget {
    display: flex;
    align-items: center;
  }
  .logo a#hs-link-site_logo_hs_logo_widget img {
    display: none;
  }
  
  .header-contact-search .orange_btn {
    padding: 10px 15px;
    line-height: 18px;
  }
  
}

@media screen and (min-width: 521px) and (max-width: 580px) {
  .header-contact-search .orange_btn {
    padding-left: 8px;
    padding-right: 8px;
  }
}


@media screen and (max-height: 640px) {
  #hs_cos_wrapper_mobile_menu_contact {
    display: none;
  }
}

/*Header language switcher*/

.hs-language-switcher__label {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hs-language-switcher__button {
    background: transparent;
    color: white;
    border: 0;
}

#hs_cos_wrapper_language-switcher .hs-language-switcher__icon--dropdown {
    margin-left: 12px !important;
    fill: rgba(255, 255, 255, 1.0) !important;
}

span.hs-language-switcher__current-language {
    max-width: 20px;
    overflow: hidden;
    padding: 0 0 0 6px;
    box-sizing: content-box;
}

header .hs-language-switcher__item a {
  font-size: 16px;
}

header .navigator.text-right {
  display: flex;
}


#hs_cos_wrapper_language-switcher .hs-language-switcher__icon>svg {
    display: none !important;
}

#hs_cos_wrapper_language-switcher .hs-language-switcher__icon:before {
    content:'';
    background:url(//139840977.fs1.hubspotusercontent-eu1.net/hubfs/139840977/raw_assets/public/Pixelmechanics%20main%20child%20-%20Stage/images/Globe.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 24px;
    height: 24px;
}

#hs_cos_wrapper_language-switcher .hs-language-switcher__icon {
  margin-right: 0 !important;
}

.body-wrapper.hs-content-id-112980913133.hs-site-page.page #header {
    background-color: #082b3f;
}

.body-wrapper.hs-content-id-112980913133 .pageBanner {
  display: none;
}

.body-wrapper.hs-content-id-112980913133 .hs-search-results {
  margin-top: 70px;
}

.body-wrapper.hs-content-id-112981968335.hs-site-page.page #header {
    background-color: #082b3f;
}
:root {
  --pm-blue: #082b3f;
  --color-white: #fff;
  --grey-color: #F4F4F4;
  --light-blue-color: #0DABBE;
}


/******* website-footer.css ********/

    .footer_1,
    .footer_1 .aboutwidget p,
    .footer_1 .aboutwidget p a,
    .footer_1 .contact_widgets p,
    .footer_1 .contact_widgets p a,
    body .footer_1 .other_links ul a,
    .footer_1 .copyright {
        color: #fff;
    }

    .footer_1 ul li{
        list-style:none;
    } 
    .footer_1 .social_widget {
        padding-left: 60px;
    }

    .footer_1 .aboutwidget {
        padding-right: 0;
    }

    .footer_1 .aboutwidget img {
        margin-bottom: 0;
    }

    .footer_1 .other_links ul {
        padding-left: 0;
    }

    [class*="footer"] [class*="fa"] {
        border: 2px solid;
        width: 48px;
        height: 48px;
        align-items: center;
        display: flex;
        justify-content: center;
        border-radius: 50px;
    }

    /*twitter x icon custom solution starts*/
    i.fa.twitter,
    i.fa.fa-twitter {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBkPSdNMzg5LjIgNDhoNzAuNkwzMDUuNiAyMjQuMiA0ODcgNDY0SDM0NUwyMzMuNyAzMTguNiAxMDYuNSA0NjRIMzUuOEwyMDAuNyAyNzUuNSAyNi44IDQ4SDE3Mi40TDI3Mi45IDE4MC45IDM4OS4yIDQ4ek0zNjQuNCA0MjEuOGgzOS4xTDE1MS4xIDg4aC00MkwzNjQuNCA0MjEuOHonLz48L3N2Zz4=);
        filter: brightness(0) invert(1);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 15px
    }

    i.fa.fa-twitter:before {
        font-size: 0
    }

    /*twitter x icon custom solution ends*/

    [class*="footer"] .container {
        max-width: 1400px;
        width: 100%;
    }

    [class*="footer"] .contact_widgets,
    [class*="footer"] .widget.social_widget,
    [class*="footer"] .widget.other_links {
        padding-bottom: 0;
    }

    [class*="footer"] .aboutwidget {
        padding-bottom: 50px;
    }

    .footer_1 .contact_widgets p:first-of-type {
        margin-bottom: 0;
    }

    .footer_1 .widget-type-logo {
        /*         margin-top: -42px; */
        margin-bottom: 30px;
    }

    [class*="footer"] .social_widget ul li a i {
        font-size: 20px;
    }

    .contact_widgets {
        padding-left: 10px;
    }

    [class*="footer"] .contact_widgets img {
        height: auto;
        max-width: 100%;
        width: 24px;
        margin-top: -3px;
        margin-right: 5px;
    }

    [class*="footer"] .copyright {
        border-color: rgba(31, 78, 102, 0.5);
        width: 100vw;
        left: calc(50% - 50vw);
        position: relative;
    }

    /*[class*="footer"] .contact_widgets,
    [class*="footer"] aside.widget.social_widget {
        padding-left: 20px;
    }*/

    [class*="footer"] .contact_widgets p:not(.non-flex) {
        display: flex;
        /*word-break: break-all;*/
    }

    [class*="footer"] .contact_widgets p a {
        padding-left: 3px;
        text-decoration: none;
    }

    section.commonSection.ready .row [class*="col"] {
        width: 100%;
        text-align: center;
    }

    section.commonSection.ready {
        padding: 80px 0;
    }

    section.commonSection.ready .row [class*="col-"] {
        margin-top: 40px;
    }

    .footer_1 .widget .widget_title {
        font-weight: bold;
        margin-top: -10px;
    }

    span.dots:before,
    span.dots:after {
        border-radius: 50%;
        content: '';
        display: inline-block;
        width: 3px;
        height: 3px;
        background: white;
        top: -4px;
        position: relative;
        margin: 0 8px;
    }

    body .footer_1 {
        background: var(--thm-text);
    }

    body .footer_1 .social_widget ul li a {
        font-size: 0px;
        float: left;
        line-height: normal;
        margin-bottom: 12px;
    }

    body .footer_1 .other_links a {
        color: #aaa;
    }

    body .footer_1 .other_links a:hover {
        color: var(--thm-base);
    }

    #backToTop.showit {
        bottom: 35px;
    }

    /*=========Desktop===========*/
    @media screen and (min-width: 768px) {

        [class*="footer"] {
            padding-top: 100px;
        }

        .footer_1 .widget .widget_title {
            font-size: 24px;
            margin-bottom: 20px;
            line-height: normal;
        }

        .footer_1 .aboutwidget p,
        .footer_1 .contact_widgets p,
        .footer_1 .copyright {
            font-size: 16px
        }

        [class*="footer"] .copyright {
            margin-top: 50px;
        }

    }


    /*=========Mobile===========*/
    @media screen and (max-width: 990px) {

        [class*=footer] .container .row {
            display: flex;
            flex-wrap: wrap;
        }

        [class*=footer] .contact_widgets,
        [class*=footer] aside.widget.social_widget {
            padding-left: 0;
        }

        [class*=footer] .container .row [class*=col-] {
            margin-bottom: 30px;
        }

        section.commonSection.ready .row .common_btn,
        section.commonSection.ready .row .ready_2 .common_btn {
            float: none;
            margin-top: 0;
        }

        section.commonSection.ready {
            padding: 20px 0;
        }

        [class*=footer] .copyright {
            margin-bottom: -30px;
        }
    }


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

        [class*=footer] .container .row [class*=col-] {
            width: 100%;
        }

        [class*=footer] .widget .widget_title {
            margin-bottom: 20px
        }
    }

    [class*=footer] aside.widget.other_linkss h3 {
        color: #fff;
        font-weight: bold;
        margin-top: -5px;
    }
:root {
  --pm-blue: #082b3f;
  --color-white: #fff;
  --grey-color: #F4F4F4;
  --light-blue-color: #0DABBE;
}


/******* home-page.css ********/

section.commonSection.client .owl-carousel .owl-item .singleClient a {
  pointer-events: all;
}
.banner_content h1 {
  font-size: 70px;
  letter-spacing: 2.8px;
  margin: 0;
  color: #fff;
}
.banner_content h1 {
  font-weight: 400;
}

.service_section  .custom_column,
#hs_cos_wrapper_module_16993486977833 .service_section  .custom_column {
  flex-wrap: wrap;
}

.service_section .custom_column img {
  max-height: 60px;
  width: auto;
}


.service_section .flipper>.front .read-more {
    display: none;
}


.service_section .flipper>.front {
  height: 100%;
}

.service_section .style_dark {
  padding-top: 70px;
  padding-bottom: 70px;
}

.service_section .read-more {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    margin-bottom: 0;
    background: #062B3E;
    line-height: 40px;
    color: #0DABBE;
    font-weight: bold;
    text-transform: capitalize;
}

.service_section .style_dark h3 {
  padding: 10px 0 0 0;
}

.service_section .sec_desc,
.service_section .sub_title {
  color: #fff;
}

.body-container--home .pageBanner {
    background-repeat: no-repeat !important;
}

  .pageBanner .container {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.body-container--home .ab_agency .ab_img1 img {
  box-shadow: none;
}

.body-container--home .ab_agency .not-flip-content .ab_img1,
.body-container--home .ab_agency .row .PR_79 {
  right: 0;
  padding-right: 0;
}

.body-container--home .ab_agency .row .ab_img1 {
  position: relative;
}

.body-container--home .service_section_2 {
  padding-top: 0;
}

.service_section_2 .row,
.service_section_2 .row [class*="col-"] {
  display: flex;
  flex-wrap: wrap;
}

h4.sub_title {
  flex-basis: 100%;
}

.service_section_2 .row [class*="col-"] {
  margin-top: 30px;
}

.service_section_2 .row .icon_box_2 .iconWrap {
  margin-bottom: 0;
}

.service_section_2.commonSection.check_for_link_inside a.common_btn{
  margin-top: 50px;
  line-height: 26px;
}
.service_section_2.commonSection.check_for_link_inside a.hide{
  display: none;
}


section.commonSection.funfact {
    padding-bottom: 400px;
}

.trustClient {
  margin-top: -547px;
}

.trustClient .layout_one_text,
.trustClient .abci_content h2 {
  margin-bottom: 20px;
}

.singleClient a img {
  max-width: 220px;
  opacity: 1;
}

.testimonial_content h2 span {
  color: #fff;
}


.icon_box_2 {
  display: flex;
  flex-direction: column;
}

.icon_box_2 .iconWrap {
  margin-top: auto;
}

.pageBanner .banner_content h4 a {
    pointer-events: none;
}



/*Team slider*/

.team_slider .slick-list {
  padding:0 30px !important;
}


#contactForm ul li{
list-style:none;
}


@media screen and (min-width: 1300px){
    .service_section .custom_column .col-lg-3 {
      width: 25%;
      margin-bottom: 25px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1299px) {
    .service_section .custom_column .col-lg-3 {
      width: 33.3%;
      margin-bottom: 25px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .service_section .custom_column .col-lg-3 {
      width: 50%;
      margin-bottom: 25px;
  }
}  

/*=============Desktop=================*/

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

  .service_section  h4.sub_title {
    font-size: 24px;
    margin-bottom: 25px;
  }
  
  .sec_title {
    font-size: 56px;
    word-break: break-word;
    text-transform: unset;
  }
  
  
  .hs-content-id-87356610546 .body-container--home .pageBanner {
    max-height: 1080px;
    height: 100vw
  }
  
  .banner_content h4 {
  font-size: 34px;
  margin-bottom: 20px;
  }
  
  .banner_content h1 {
    line-height: 85px;
  }
  
  .body-container--home .ab_agency .row .ab_img1 {
    padding-left: 70px;
  }
}



@media screen and (min-width: 320px) and (max-width: 767px) {
  
  .body-container--home .service_section .custom_column {
   display: flex;
    flex-wrap: wrap;
  }
  
  .body-container--home .service_section .custom_column .col-lg-3 {
    width: 50%;
  }
   
  .body-container--home .service_section .custom_column .col-lg-3 .style_dark {
    padding: 40px 20px;
  }
  .banner_content h1{
        font-size: 36px;
        line-height: 1.2;
    }
}


@media screen and (min-width: 320px) and (max-width: 499px) {
  .body-container--home .service_section .custom_column .col-lg-3 {
      width: 100%;
   }
}

@media (min-width: 768px) and (max-width: 990px) {
  
  .banner_content h4 {
    font-size: 18px;
  }
  .banner_content h1 {
    line-height: 54px;
    font-size: 44px;
  }
  
  .body-container--home .pageBanner .container {
    top: 60%;
    transform: translateY(-60%);
  }
  
  .body-container--home .pageBanner {
    max-height: 550px;
    min-height: 550px;
    background-size: cover !important;
}    
  
}



@media screen and (min-width: 1760px) {
  .pageBanner {
    background-size: 100% !important;
}
}

/*=============Mobile=================*/
@media screen and (max-width: 767px) {
  
  .body-container--home .pageBanner {
    background-size: cover !IMPORTANT;
    background-position: center !IMPORTANT;
  }
  
  .body-container--home .ab_agency .not-flip-content .ab_img1 {
    padding-left: 0;
  }
  
  .service_section.commonSection {
    padding-bottom: 0;
  }
  
  .sec_title {
    text-transform: unset;
  }
  
  .commonSection.ab_agency {
    padding-bottom: 80px;
  }
  
    .body-container--home section.commonSection.ab_agency .row,
  .body-container--home section.commonSection.ab_agency .row [class*="col-"] {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
  }
  
  .body-container--home .ab_agency .row .ab_img1 {
  padding-left: 0;
  }
  
  .body-container--home section.commonSection.ab_agency .row [class*="col-"].PR_79 {
    order: 1;
  } 
  
  .body-container--home .ab_img1 {
    margin-top: 0;
    margin-bottom: 50px;
    width: 100%;
  }
  
   .body-container--home .custom_column .service_section .col-lg-3 {
    width: 50%;
  }
}


@media screen and (min-width: 521px) and (max-width: 875px) {
  .service_section_2 .row [class*="col-sm"] {
    width: 50% !important;
  }
}

@media screen and (max-width: 520px) {
  .service_section_2 .row [class*="col-sm"] {
    width: 100% !important;
  }
}

.testimonialColor {
  margin-top: 50px;
}


/*slider arrows*/

button.slick-arrow {
    border: 0;
    font-size: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .35);
    width: 60px;
    height: 60px;
    z-index: 1;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

button.slick-arrow:hover {
  background: #17acc0;
}

button.slick-arrow:hover:before {
  color: #fff !important;
}

button.slick-next.slick-arrow:before {
    content: "\f105";
}

button.slick-prev.slick-arrow:before {
   content: "\f104";
}

button.slick-prev.slick-arrow {
  left: 10px;
}

button.slick-next.slick-arrow {
  right: 10px;
}

button.slick-next.slick-arrow:before,
button.slick-prev.slick-arrow:before {
    font-size: 30px;
    line-height: 56px;
    color: #000000;
    font-family: "fontAwesome";
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.client_slider .slick-slide {
    margin: 0 15px;
    outline: none
}

/*Centered Video*/

.centered_video  .videoWrap_2 {
  margin: 0 auto;
  max-width: 1180px;
  max-height: 650px;
  position: relative;
  width: 100%;
  overflow: hidden;
 
}

.centered_video .statistics {
    color: #fff;
    display: flex;
    margin: 30px auto 0;
    max-width: 1183px;
    flex-wrap: wrap;
    justify-content: center;
}

.centered_video .statistics .statistic {
    line-height: normal;
    padding: 0 40px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 10px;
}

.centered_video .statistics .value {
  letter-spacing: initial;
  font-size: 46px;
  font-weight: 600;
}

.centered_video .statistics .description {
  font-size: 20px;
}

.centered_video .statistics .statistic:first-of-type {
    padding-left: 0;
}

.centered_video .statistics .statistic:last-of-type {
    padding-right: 0;
  border-right: 0;
}

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

  .centered_video .statistics .statistic {
    border: 0;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    margin-bottom: 10px;
  }
  
  .centered_video .statistics .value {
  font-size: 36px;
}

.centered_video .statistics .description {
  font-size: 16px;
}

}


/*Home page video*/

.video-module.slider {
    max-width: 1440px;
    width: 100%;
    margin: 50px auto;
}
.video-module.slider .slick-slide {
  margin: 0 30px;
}

.video-module.slider .play_video1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    color: #fff;
}

.video-module.slider .video-item {
  text-align: center;
  padding: 0;
}

.video-module.slider  .video-thumbnail {
  margin-bottom: 20px;
}

.video-module.slider .video-content {
  padding: 40px;
}

.video-module.slider .video-content h3 + h4 {
    border-bottom: 1px solid rgba(196, 196, 196, 0.6);
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.video-module.slider .video-content p,
.video-module.slider .video-content h4 {
  color: #000;
  font-size: 18px;
}

.video-module.slider .video-content h3,
.video-module.slider .video-content h4 {
  font-style: italic;
  font-weight: 600;
}

.video-module.slider .video-item {
 border-radius: 0;
 transition: transform 500ms;
}

.video-module.slider .video-item:hover {
  transform: scale(1.05);
}

.video-module.slider .slick-slide {
  padding: 40px 0 !important;
}

@media (min-width: 1460px) {
  
  .video-module.slider button.slick-prev.slick-arrow {
    left: -45px;
  }
  
  .video-module.slider button.slick-next.slick-arrow {
    right: -45px;
  }
  
}


.sec_title ~ a.common_btn {
    margin-bottom: 30px;
}


/*=============Individual corrections=================*/
/*home-custom-3col-img-grid*/
.home-custom-3col-img-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
}
.home-custom-3col-img-grid > a img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 499px) {
  .home-custom-3col-img-grid{
    grid-template-columns: 1fr;
  }
}
:root {
  --pm-blue: #082b3f;
  --color-white: #fff;
  --grey-color: #F4F4F4;
  --light-blue-color: #0DABBE;
}


/******* content-pages.css ********/

select {
  appearance: none;
  background-image: url(//139840977.fs1.hubspotusercontent-eu1.net/hubfs/139840977/raw_assets/public/Pixelmechanics%20main%20child/images/arrow-down.svg) !important;
  background-size: 10px !important;
  background-repeat: no-repeat !important;
  height: 70px;
  padding: 0 30px;
}

.ContactPage .container,
.body-container--contact .container {
  max-width: 1400px;
  width: 100%;
}

.body-container--contact .dnd_area-row-3-max-width-section-centering > .row-fluid {
  padding: 0 15px 50px 15px;
}

.body-container--contact .dnd_area-row-3-max-width-section-centering > .row-fluid .hs-embed-content-wrapper strong {
  display: block;
  font-size: 24px;
  margin-top: 40px;
}

.body-container--contact .dnd_area-row-3-max-width-section-centering > .row-fluid {
  display: block !important;
}

.ContactPage .container .row {
  margin: 0;
}

.custom-contact-design.commonSection,
.body-container--contact .commonSection {
  padding-bottom: 0;
}

.custom-contact-design form fieldset {
  max-width: none !important;
  margin-left: -15px;
  margin-right: -15px;
}


.custom-contact-design form fieldset[class*="form-columns"] .input {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
}

.custom-contact-design .contactFrom form {
  display: block !important;
}

.custom-contact-design .contactFrom form select {
  background: #f4f4f4;
  border: 0;
}


.hs-input.hs-fieldtype-intl-phone select {
  margin-right: 15px;
}

.hs-input.hs-fieldtype-intl-phone select+input {
  margin-left: 15px;
}

.custom-contact-design  .form-columns-1 .hs-input {
  width: 100% !important;
  display: flex;
}

.contactFrom form .hs-submit .actions {
  display: inherit;
  background-color: #e77324;
  margin-top: 30px;
}

.legal-consent-container {
  text-align: left;
  margin-bottom: 50px;
  padding: 0 15px;
}



.custom-contact-design form fieldset[class*=form-columns] .legal-consent-container ul,
ul.hs-error-msgs,
.custom-contact-design form fieldset[class*=form-columns] .legal-consent-container .input {
  margin-left: 0 !important;
  padding-left: 0;
  text-align: left;
}

.hs_error_rollup {
    color: #f2545b;
    text-align: left;
}

.custom-contact-design .legal-consent-container .hs-form-field label {
    display: flex;
    align-items: flex-start;
}

.custom-contact-design .legal-consent-container .hs-form-booleancheckbox-display input[type=checkbox] {
    max-width: 15px;
    width:15px !important;
    margin-right: 10px;
    margin-top: 7px;
}


.legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 0 !important;
    max-width: calc(100% - 20px);
}

.hs_recaptcha.hs-recaptcha {
    margin-bottom: 20px;
}

/*==========Desktop==========*/

@media screen and (min-width: 768px) {
  .body-container--contact .container h4.sub_title {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 30px;
}
  
  .dnd_area-row-4-vertical-alignment > .row-fluid {
    align-items: flex-start;
  }
}


@media screen and (min-width: 481px) {
  .custom-contact-design .contactFrom form select {
    padding-left: 30px;
    padding-right: 30px;
  }
  
    select {
      background-position: calc(100% - 30px) !important;
  }
  
}

/*==========Mobile==========*/

@media screen and (max-width: 767px) {
  
  .custom-contact-design .input input {
    width: 100% !important;
  }
  
  .body-container--contact .dnd_area-row-4-max-width-section-centering > .row-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  
}

@media screen and (max-width: 480px) {
  .hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=tel],
.hs-form-field input[type=text],
.hs-form-field textarea,
.hs-form-field select,
.input-form {
  padding: 0 15px;
}
  
  select {
    background-position: calc(100% - 15px) !important;
  }
  
  .custom-contact-design .hs-input.hs-fieldtype-intl-phone select.hs-input {
    width: 50% !important;
    margin-right: 0;
    padding-right: 30px; 
}
  
  .custom-contact-design .hs-input.hs-fieldtype-intl-phone select.hs-input + input {
    width: 50% !important;
}
}
:root {
  --pm-blue: #082b3f;
  --color-white: #fff;
  --grey-color: #F4F4F4;
  --light-blue-color: #0DABBE;
}

.body-container--about .agency_img2 {
    /*width: calc(100% - 250px);*/
}

.body-container--about .compay_date {
    position: relative;
    right: auto;
    float: right;
    bottom: 84px;
    margin-bottom: -84px;
}

.compay_date h5 ~ font,
.compay_date h5 ~ p {
    font-size: 80px;
    line-height: 80px;
    margin-left: -5px;
    display: block;
}

section.commonSection.porfolio .row {
    display: flex;
    flex-wrap: wrap;
}

.testimoniTab ul li a .author_detail h6 {
  line-height: normal;
}

.testimoniTab ul li a .author_detail h5 {
  font-size: 18px;
  margin-bottom: 10px
}

.testimoniTab ul li a span,
.testimoniTab ul li a span img{
  max-width: 110px;
  height: auto;
  width: 100%;
}

section.commonSection.testimonial_2,
section.commonSection.testimonialColor {
  background: var(--pm-blue);
}

.testimoniTab .dots_owl {
  display: none !important;
}

.testimoniTab ul li a .author_detail h6 {
  color: var(--color-white);
}

.testimoniTab .owl-carousel .owl-item {
  word-break: break-word;
}

/*Team section*/
.detail_TM h5,
.detail_TM h6 {
  line-height: 20px;
}

.singleTM:hover .team_social a>span {
    background: #0077b5;
    padding: 2px 8px;
}


/*================Desktop================*/
@media screen and  (min-width: 768px) {
  .hs-content-id-88460631754 .agency_img2 {
      margin-right: 220px;
  }
}

@media screen and  (min-width: 768px) and (max-width: 1199px){
  .hs_cos_wrapper .sec_title {
    font-size: 35px;
    line-height: 45px;
  }
}

/*================Mobile================*/
@media screen and  (max-width: 767px) {
  .body-container--about .compay_date {
    bottom: auto;
    margin-bottom: auto;
  }
}
:root {
  --pm-blue: #082b3f;
  --color-white: #fff;
  --grey-color: #F4F4F4;
  --light-blue-color: #0DABBE;
}




#hs_cos_wrapper_module_16989985711433 .service_section_2.commonSection .icon_box_2 {
  padding: 0;
}

#hs_cos_wrapper_module_16989985711433 .service_section_2.commonSection .icon_box_2 img,
#hs_cos_wrapper_module_16992806932103 .service_section_2.commonSection .icon_box_2 img {
    display: block;
    width: 100%;
    height: auto;
}

#hs_cos_wrapper_module_16989985711433 .service_section_2.commonSection [class*=col-] .icon_box_2 {
  display: flex;
  flex-direction: column;
}

#hs_cos_wrapper_module_16989985711433 .service_section_2.commonSection [class*=col-] .icon_box_2 .iconWrap {
  order: -1;
}

#hs_cos_wrapper_module_16989985711433 .service_section_2.commonSection [class*=col-] .icon_box_2 .iconWrap:after,
#hs_cos_wrapper_module_16992806932103 .service_section_2.commonSection [class*=col-] .icon_box_2 .iconWrap:after,
#hs_cos_wrapper_module_16989985711433 .service_section_2.commonSection [class*=col-]  .icon_box_2 h3 + p {
  display: none;
}

#hs_cos_wrapper_module_16989985711433 .service_section_2.commonSection [class*=col-]  .icon_box_2 h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}

#hs_cos_wrapper_module_16989985711433 .service_section_2.commonSection [class*=col-]  .icon_box_2 a {
  color: #E77324;
  margin-bottom: 20px;
}

.abci_content {
  padding-bottom: 70px;
}


div#hs_cos_wrapper_module_16989985711433 section.service_section_2.commonSection {
    padding: 0;
}

.row-fluid-wrapper .dnd-section .dnd-column {
    padding: 0;
}

/*lxp-understanding*/
/*Getting started wit LXP*/
.body-wrapper.hs-content-id-87453369584 .abci_content,
.body-wrapper.hs-content-id-87453369584 section.commonSection.trustClient,
.body-wrapper.hs-content-id-87453369584 section.service_section_2.commonSection,
.body-wrapper.hs-content-id-87448867013 section.commonSection.ab_agency {
	padding-bottom: 0;
}


/*getting-started-with-our-lxp-solution---service_section_2*/ 
#hs_cos_wrapper_module_16992806932103 .service_section_2 .row .icon_box_2 {
  padding-bottom: 0;
}

#hs_cos_wrapper_module_16992806932103 .service_section_2 .row .icon_box_2 .iconWrap {
  @media screen and (min-width: 1200px) {
    margin-left: -65px;
    margin-right: -65px;
  }
  
  @media (min-width: 991px) and (max-width: 1199px) {
    margin-left: -15px;
    margin-right: -15px;
  }
  
  @media (min-width: 768px) and (max-width: 990px) {
    margin-left: -30px;
    margin-right: -30px;
  }
  
    @media screen and (max-width: 767px) {
    margin-left: -15px;
    margin-right: -15px;
  }
}



/*=============Mobile=================*/

@media screen and (max-width: 990px) {
  .agency_img1:after {
    width: 320px;
  }
}


/*=============Desktop=================*/

@media screen and (min-width: 1200px) {

  #hs_cos_wrapper_module_16993464136736 .commonSection {
    padding-bottom: 0;
  }

}
:root {
  --pm-blue: #082b3f;
  --color-white: #fff;
  --grey-color: #F4F4F4;
  --light-blue-color: #0DABBE;
}



.what_wedo {
  padding-bottom: 0 !important;
}

.what_wedo .videoWrap {
  text-align: center;
}

.videoWrap img {
  max-width: 1150px;
}

.what_wedo:after {
  background: #0A2B3F;
}

.what_wedo * {
  color: #fff !important;
}

@media screen and (max-width: 1400px) {
  .what_wedo:after {
    height: calc(100% - 200px);
  }
}


/*Client section on reference page*/

.client_reference .icon_box_2 .iconWrap:after {
  display: none;
}

.client_reference .icon_box_2 .iconWrap img {
    height: auto;
    width: 100%;
}



.icon_box_2 a.common_btn {
    color: #fff;
    font-size: inherit;
}

.icon_box_2 a.common_btn:hover {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .common_btn {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 768px) {
  .client_reference .icon_box_2 {
    padding-left: 34px;
    padding-right: 34px;
  }
}
:root {
  --pm-blue: #082b3f;
  --color-white: #fff;
  --grey-color: #F4F4F4;
  --light-blue-color: #0DABBE;
}

.sidebar .widget_title {
  background-color: var(--pm-blue);
  color: var(--color-white);
}

.meipaly_categorie_widget {
  background-color: var(--color-white);
  border: 3px solid var(--grey-color);
}

.meipaly_services_help {
  background: var(--pm-blue);
}

.meipaly_services_help p {
  color: var(--color-white);
}

.meipaly_services_help h2,
.meipaly_services_help a[href*="tel"] {
  font-weight: bold;
  color: var(--light-blue-color);
  text-decoration: none;
}

.meipaly_services_help h4 {
  font-size: 24px;
}

.serviceArea h2 {
  line-height: normal;
}

.serviceArea h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
}

section.commonSection.service_detail {
  padding-bottom: 0;
}

.serviceArea ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  aside.categories .meipaly_services_help h2 {
    font-size: 21px !importnat;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/******* remote-jobs.css ********/


.rt-list {
    max-width: 1440px;
    width: 100%;
    padding: 100px;
}

#recruitee-careers .rt-list__header-main {
    word-break: break-word;
}

.rt-list .rt-list__header--root .rt__text.rt__text--dark {
    font-size: 56px;
    margin-bottom: 25px;
}

.rt-list__header-item--location .rt__text,
.rt-list__header-item--department .rt__text {
    font-size: 20px;
    margin-top: 20px;
    line-height: 32px;
}

.rt-list__items {
    border-bottom: 1px solid #e0d7d7;
}

.rt-list__items .rt-list__offer-item {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .rt-list {
    padding: 50px 0;
}
    .rt-list .rt-list__header--root .rt__text.rt__text--dark {
        font-size: 52px;
    }
}
/*****************************************/
/******* blog.css ********/


ul li {
    list-style: inherit;
}

body ol {
  padding-inline-start: 20px;
}

.av_textblock_section {
  margin-bottom: 20px;
}

.avia_textblock {
  margin-top: 20px;
}

.blogPage .container .row {
  display: flex;
  flex-wrap: wrap;
}

.lbi_details,
.blogDetails .blog_headings {
    margin: 0 10px 0;
    padding: 30px 0 0;
}

.lbi_details .lbid_date,
.blog_headings span.blog_date {
    background: #062B3E;
    display: inline-block;
    font-size: 16px;
    padding: 11px 15px;
    width: auto;
}

.lbi_details .learnM {
    color: #0DABBE;
    font-size: 16px;
    font-weight: bold;
}

.blog_details h2 {
  line-height: normal;
}

.section.post-footer {
  padding-top: 0;
}

.avia-image-container img {
  width: 100%;
  height: auto;
}

.avia-image-container,
.slide-image img {
  margin-bottom: 30px;
}

.blog-banner-image {
    position: relative;
    min-height: 640px;
}

.blog-banner-text {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    max-width: 1440px;
    width: 100%;
    color: white;
}

.blog-banner-text h2 ,
.blog-banner-text h4  {
  color: #fff;
}

.blog-banner-text h4 {
    font-size: 18px;
    letter-spacing: 1.8px;
    line-height: 36px;
    margin: 0 0 12px;
    text-transform: uppercase;
}

#topics .row {
    margin: 0;
}

#topics .topic-link {
  display: inline-block;
  margin-bottom: 10px;
}



@media screen and (min-width: 768px) {
    .blog-banner-text h2 {
      font-size: 70px;
      font-weight: 700;
      letter-spacing: 2.8px;
      line-height: 1;
      margin: 0;
      text-transform: uppercase;
  }
  
      .blog-banner-text h4 {
        font-size: 34px;
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 1500px) {
  .blog-banner-image {
    display: flex;
    justify-content: center;
  }
}

@media screen and (min-width: 1501px) {
  .blog-banner-image img {
    width: 100%;
    height: auto;
  }
}

.blog_headings + .blog_details {
    margin-top: 30px;
}

.blog_details p {
  margin-bottom: 10px;
}

@media screen and (min-width: 640px) {
  .avia-content-slider-inner .slide-entry-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
  
  .avia-content-slider-inner .slide-entry-wrap article.slide-entry {
    width: 48%;
}
  
  .avia-content-slider-inner .slide-entry-wrap article.slide-entry img {
    width: 100%;
    height: auto;
  }
}

a.topic-link-filter.highlighted {
    background-color: #e77324;
    color: #fff;
}

a.topic-link-filter {
  display: inline-block;
  margin-bottom: 5px;
}

/*Blog newsletter*/
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
 /******* history-timeline.css ********/    
/*****************************************/




    .timeline-items-container {
      display: flex;
    }

    .timeline {
      position: relative;
      max-width: 1600px;
      margin: 0 auto;
      width: 100%;
    }
  .timeline-item.timeline-item-left:before {
    background-color: #062b3e;
    bottom: 0;
    content: "";
    left: auto;
    margin-left: 0;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: -1;
    height: 100%;
    right: 0;
}

    .timeline-item {
      padding: 0 40px;
      position: relative;
      width: 50%;
      padding-bottom: 180px;
    }

    .timeline-item-left {
      left: 0;
      padding-right: 90px;
    }

    .timeline-item-left .timeline-content {
      text-align: right;
    }

    .timeline-item strong.year {
      color: #fff;
      font-weight: bold;
      font-size: 24px;
      position: absolute;
      right: 0;
      left: auto;
      top: 42px;
      z-index: 1;
    }


    .timeline-item-right {
      padding-left: 90px;
    }

  .timeline-item-left strong.year {
      right: -26px;
  }


    .timeline-item-right strong.year {
      left: -31px;
      position: absolute;
      right: auto;
    }

    .timeline-item::after {
      background:url(//139840977.fs1.hubspotusercontent-eu1.net/hubfs/139840977/raw_assets/public/Pixelmechanics%20main%20child%20-%20Stage/images/hexagon-icon.svg);
      content: '';
      position: absolute;
      width: 111px;
      height:111px;
      background-color: transparent;
      top: 0;
    }

    .timeline-item-left::after {
      right: -55px;
      left: auto;
    }

    .timeline-item.timeline-item-right::after {
      display: none;
    }

    .timeline-content {
      padding: 0 20px;
      border-radius: 6px;
    }
    .timeline-content h2 {
      color: #00aeef;
    }

  .timeline-content h3 {
    color: #0DABBE;
    font-weight: bold;
  }
    .timeline-content p {
      margin: 10px 0;
    }

    .timeline-content img {
      max-width: 100%;
    }

    .timeline-items-container:first-of-type .timeline-item:after {
      top: -2px;
    }
    .timeline-items-container:first-of-type .timeline-item:after {
        top: 90px;
    }

    .timeline-items-container:first-of-type .timeline-item-right strong.year {
      top: 135PX;
    }

    .timeline-items-container:first-of-type .timeline-item-right .timeline-content {
        padding-top: 90px;
    }

    .timeline-items-container:last-of-type .timeline-item-left:before {
        display: none;
    }

 /* sai */
@media screen and (max-width: 768px) {
    div#hs_cos_wrapper_widget_1718357158524, div#hs_cos_wrapper_widget_1718864343184 {
        padding-right: 20px;
        padding-left: 20px;
    }
  
    .timeline-items-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }

    .timeline-items-container .timeline-item {
        width: 80%;
        padding: 0 40px !important;
    }

    .timeline-item.timeline-item-left:before {
        left: 0;
        right: auto;
        display: block !important;
    }

    .timeline-item.timeline-item-right:before {
        background-color: #062b3e;
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        margin-left: 0;
        position: absolute;
        right: auto;
        top: 0;
        width: 2px;
        z-index: -1;
    }

    .timeline-items-container:first-of-type .timeline-item-right:after {
        left: -56px;
        right: auto;
        display: block !important;
        top: 0 !important;
    }

    .timeline-items-container:first-of-type .timeline-item-right strong.year {
        top: 42px;
    }

    .timeline-items-container .timeline-item-left .timeline-content {
        text-align: left;
    }

    .timeline-items-container:nth-child(2n) .timeline-item-left {
        order: 1;
    }

    .timeline-item:after {
        left: -56px;
        right: auto;
        display: block !important;
    }

    .timeline-item-right strong.year {
        left: -26px;
    }

    .timeline-item-left strong.year {
        right: auto;
        left: -26px;
    }

    .timeline-items-container:nth-child(odd) .timeline-item-left:after,
    .timeline-items-container:nth-child(even) .timeline-item-right:after {
        opacity: 0;
    }

    .timeline-items-container:nth-child(odd) .timeline-item-right .timeline-content,
    .timeline-items-container:nth-child(even) .timeline-item-left .timeline-content {
        padding-top: 50px;
        padding-bottom: 90px;
    }

}
/******* cookieBanner.css ********/

#CybotCookiebotDialogHeader{
  display:none !important;
}

#CybotCookiebotDialogBodyLevelWrapper{
  display:none;
}



#CybotCookiebotDialogNav ul#CybotCookiebotDialogNavList li.CybotCookiebotDialogNavItem a{
    padding: 0.8em;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper > button.CybotCookiebotDialogBodyButton{
  padding: 0.5em;
}

body #CybotCookiebotDialog *, 
body #CybotCookiebotDialogBodyUnderlay *{
  font-size: 14px;
}

@media screen and (min-width: 1280px){
  body #CybotCookiebotDialog[data-template=popup]{
    top: auto;
    bottom: 10%;
    transform: translate(-50%, 0);
    max-height: 65vh;
  }
}

@media screen and (max-width: 1279px){
  body #CybotCookiebotDialog[data-template=popup]{
    top: auto;
    bottom: 10%;
    transform: translate(-50%, 0);
    max-height: 80vh;
  }
}

@media screen and (max-width: 767px){
  body #CybotCookiebotDialog[data-template=popup]{
    bottom: 10px;
  }
  
  body #CybotCookiebotDialogBody .CybotCookiebotScrollContainer{
    max-height: 15em;
  }
}

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here  - child.css  */

.singlefolio .folioHover h4 {
    text-transform: none;
}


input[type=checkbox],
input[type=radio] {
    margin: 10px 0 0 0;
}

.hs-form-field .hs-input.error,
.input-form.reqError {
    border-color: #f2545b !important;
}

.sec_text.white a {
  color: #fff;
}

.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=tel],
.hs-form-field input[type=text],
.hs-form-field textarea,
.input-form,
.fof_fomr form input[type=search],
.fof_fomr form input[type=text] {
    font-size: 16px !important;
}

a[href*="tel:"],
a[href*="mailto:"],
a[href*="https://pixelmechanics.tech"],
#hs_cos_wrapper_module_17065976570935 a,
.hs-form-booleancheckbox-display a {
    text-decoration: underline;
}

body {
    line-height: 28px;
}


.sec_title {
    letter-spacing: 1;
    hyphens: auto;
}

/* .common_btn span {
    line-height: 15px;
} */

a:focus {
    color: inherit;
}

h4.sub_title {
    font-size: 14px;
    line-height: normal;
}

.orange_global_btn {
    background-color: #e77324;
}

.orange_global_btn:hover {
    color: #ffffff;
}

.orange_global_btn:after {
    background-color: #17acc0;
}

.orange_hexagon:after {
    background:url(//139840977.fs1.hubspotusercontent-eu1.net/hubfs/139840977/raw_assets/public/meipaly%20child/images/hexagon_orange1.png) !important;
    background-repeat: no-repeat !important;
    border: none;
}

.blue_hexagon:after {
    background:url(//139840977.fs1.hubspotusercontent-eu1.net/hubfs/139840977/raw_assets/public/meipaly%20child/images/hexagon_lightblue1.png) !important;
    background-repeat: no-repeat !important;
    border: none;
}

.commonSection {
    padding: 100px 0;
}

.commonSection .tab-content ul li {
    display: list-item;
    list-style: disc;
    margin-left: 20px;
}

.serviceArea ul li {
    display: list-item;
    list-style: disc;

}

.testimonial {
    background: none;
}

/* Header */
/* #hs_cos_wrapper_module_header_menu_1, */
#hs_cos_wrapper_dnd_area-module-3 .col-lg-6.col-sm-6.col-md-6.PR_79 h4.sub_title {
    display: none;
}

.orange_btn {
    background-color: #e77324;
    height: 52px;
    padding: 20px 34.5px;
}

.orange_btn:hover {
    color: #ffffff;
}

.orange_btn:after {
    background-color: #17acc0;
}

.mainmenu {
    float: left;
}

.mainmenu ul ul.sub-menu {
    background: var(--pm-blue) !important;
}

#header a#open-overlay-nav {
    display: none;
}

body .fixedHeader {
    background-color: var(--pm-blue) !important;
}

/* Sections */
#hs_cos_wrapper_dnd_area-module-11 .testimonial_content .testi_icon {
    display: none;
}

.testimoniTab ul li a span::after {
    content: '"' !important;
}

.testimoniTab .owl-carousel .owl-item {
    padding: 0px 10px;
}

.singlefolio:after {
    background: rgba(6, 43, 62, 67);
    opacity: 0.8;
}

.call-all {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.call-all:hover + .singlefolio:after {
    background: rgba(6, 43, 62, 67);
    opacity: 0.8;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    width: 100%;
}

.call-all:hover + .singlefolio .folioHover {
  opacity: 1;
  visibility: visible;
  left: 20px;
  padding: 10px;
}

.col-lg-3.col-sm-6.col-md-3.noPadding.BR {
    border-right: 0;
}

/* .front {
  background: url(https://app-eu1.hubspot.com/api/filemanager/api/v3/files/thumbnail-redirect/75339008223?size=medium&portalId=139840977&hs_static_app=file-picker-ui&hs_static_app_version=static-1.3524&errorOnPlaceholder=true&upscale=true&t=1694776011466);
} */

body .service_section,
body .funfact,
body .commonSection.ready,

/* BurgerMenu */
.hs-site-page .popup {
    background: var(--pm-blue) !important;
}

.hs-site-page .popup #hs_cos_wrapper_mobile_menu_contact ul.footer__contacts li,
.hs-site-page .popup #hs_cos_wrapper_mobile_menu_contact ul.footer__contacts li a {
    color: #fff;
}

.hs-site-page .popup #hs_cos_wrapper_mobile_menu_contact ul.footer__contacts li a:hover {
    text-decoration: underline;
}

/* about Module Hexagon */
@media only screen and (min-width: 768px)
  .PL_79 {
      padding-left: 79px;
  }
}

.not-flip-content .ab_img1 {
    right: -156px;
}

.not-flip-content .PR_79 {
    padding-right: 60px;
}

/* .ab_img2:after{height:470px !important;} */
/* services Module */
.testimonial_content .testi_icon {
    background: none;
}

.testimonial_content .cta-layout-two {
    margin-top: 50px;
}

.flipper>.front.style_white {
    background: #FFFFFF;
}

.icon_box_1 .front.style_white i {
    color: var(--pm-blue);
}

.icon_box_1 .front.style_white h3 {
    color: var(--pm-blue);
}

.flipper>.back.style_white {
    background: var(--pm-blue);
}

.icon_box_1 .back.style_white i {
    color: #ffffff
}

.icon_box_1 .back.style_white h3 {
    color: #ffffff
}

.flipper>.front.style_dark {
    background: #ffffff;
}

.icon_box_1 .front.style_dark i {
    color: #0000
}

.icon_box_1 .front.style_dark h3 {
    color: #000000
}

.flipper>.back.style_dark {
    background: #0DABBE;
}

.icon_box_1 .back.style_dark i {
    color: var(--pm-blue);
}

.icon_box_1 .back.style_dark h3 {
    color: #FFFFFF
}

.common_btn {
    background-color: #e77324;
}

/*Made the common button torque color everywhere because we have this one button only*/
.common_btn:after {
    background: #17acc0;
}

.common_btn:hover,
.common_btn:focus {
    background: #17acc0;
    color: #fff;
}

.common_btn,
.ready .common_btn{
    line-height: 26px;
    padding: 8px 40px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
 }

.custom_column {
    display: flex;
    justify-content: center;
}

.singleTM .tm_overlay:after {
    background: none;
}

.single_wedo .overlay_wedo:after {
    background: rgba(23, 172, 192, .7) !important;
}

.back.style_dark img {
    filter: brightness(0) invert(1);
}

.pageBanner {
    min-height: 640px;
    background-position: center !important;
}

.singlefolio:hover .folioHover {
    left: 30px
}

.singlefolio .folioHover h4 {
  line-height: normal;
}

.folioHover a {
  color: #fff !important;
  display: block;
}

.singlefolio:hover .folioHover {
  left: 20px;
  padding: 0 10px;
  cursor: pointer;
}

.body-container--services .service_section .custom_column .style_dark {
  /*border: 0;*/
  padding-left: 20px;
  padding-right: 20px;
}

section.commonSection.porfolio {
  padding-bottom: 0;
}

.testimoniTab ul li a .author_detail h6 {
  line-height: normal;
  color: var(--color-white);
}

.testimoniTab ul li a .author_detail h5 {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: normal;
}

.not-flip-content .ab_img1 {
    right: 0;
    position: relative;
}

img {
    box-shadow: none !important;
}

section.guide-to-LMS {
    padding-top: 0;
}

#bestChoiceSection,
#chooseus_id {
    padding-top: 0;
}


.text-center h2.sec_title,
.text-center,
.text-center p.sec_desc {
    width: 100%;
}

.wh_choose,
.sec_desc {
    word-break: break-word;
}

.chooseUs_title li a {
    line-height: normal;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
}

.chooseUs .chooseUs_title {
    justify-content: flex-start;
}

.chooseUs_title,
.chooseUs_title li,
.chooseUs_title li a {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}

.mainmenu ul li a.active-item:after {
    width: 100%;
}


#hs_cos_wrapper_module_1704279262207 .row {
    display: flex;
    flex-wrap: wrap;
}

section.service_section.commonSection .custom_column [class*="col-"] {
    display: flex;
}

section.service_section.commonSection .custom_column [class*="col-"] .flipper,
section.service_section.commonSection .custom_column [class*="col-"] .flipper>.back.style_dark {
    height: 100%;
}

.flipper .style_dark img {
    margin-bottom: 30px;
}

ol {
    list-style-position: inside;
    margin-left: 0;
    padding-left: 0;
}

ol li::marker {
    font-weight: bold;
}

#hs_cos_wrapper_module_17065976570935 ul li {
    list-style: disc;
}

#hs_cos_wrapper_module_17065976570935 a {
    word-wrap: break-word;
}

.testimonial .col-lg-offset-1 {
    margin-left: 0;
}

.owl-carousel .owl-item img,
.owl-carousel .owl-item .singleClient a,
.singlefolio .folioHover a {
    pointer-events: none;
}

.porfolio .folioHover a {
  pointer-events: auto;
}

.owl-carousel .owl-item .singleClient a img {
    opacity: 1 !important;
}

/* Tab */
body .chooseUs_title li:hover a,
.chooseUs_title li.active a {
    background: var(--pm-blue);
}

@media only screen and (min-width: 1024px) {
    #hs_cos_wrapper_module_1691062596416 .row.custom_column .col-lg-3.col-sm-4.col-md-3:first-child {
        margin-left: 20%;
    }
}

/*@media only screen and (min-width: 992px) {
    .custom_column .col-lg-3 {
      width: 25%;
    }
    #hs_cos_wrapper_module_1691062596416 .row.custom_column .col-lg-3.col-sm-4.col-md-3:first-child {
      margin-left: 13%;
    }
}*/
@media only screen and (max-width: 1023px) {
    h4.sub_title {
        font-size: 12px;
    }
}

/*404 page*/
.body-wrapper.hs-content-id-0.hs-site-page.page #header,
.body-wrapper.hs-content-id-113700662720.hs-site-page.page #header {
    background-color: #082b3f;
}

.fof_fomr form {
  position: relative;
}

.fof_headings {
    color: var(--light-blue-color);
}

.fof_fomr .search-form+.common_btn {
    margin-top: 30px;
}

.fof_fomr .hs-search-field {
    z-index: 3;
}

.fof_fomr form input[type=search],
.fof_fomr form input[type=text] {
    margin-bottom: 0;
}

.fof_fomr .hs-search-field__suggestions-container {
    margin-top: 0;
}

.hs-search-field__suggestions li a {
    line-height: normal;
    padding: 10px;
}

.hs-search-field__suggestions .results-for {
  color: #000;
}

.hs-search-field__suggestions-container {
  margin-top: 0;
}

ul#autocomplete-results {
    padding-top: 10px
}

.fof_fomr .hs-search-field__suggestions li a:focus,
.hs-search-field__suggestions li a:focus {
    color: #000;
}

.fof_fomr .hs-search-field__suggestions .results-for,
.hs-search-field__suggestions .results-for {
    color: var(--light-blue-color);
    padding: 10px !important;
}

@media screen and (max-width: 640px) {
    .fof_fomr .hs-search-field__button {
        position: absolute;
        right: 0;
    }

    .fof_headings {
        font-size: 40vw;
    }
}

/*========== Mobile ==========*/
@media only screen and (max-width: 400px) {
    h4.sub_title {
        font-size: 10px;
    }

    #hs_cos_wrapper_site_logo_hs_logo_widget #hs-link-site_logo_hs_logo_widget img {
        width: 250px !important;
    }

    #header a#open-overlay-nav {
        display: block;
    }

}

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

/* Start your style declarations here    */
#hs_cos_wrapper_module_16946830674443_>.responsive-text {
    column-count: 3;
    display: block !important;
}

@media only screen and (max-width: 1023px) {
    #hs_cos_wrapper_module_16946830674443_>.responsive-text {
        column-count: 2;
    }
}

@media only screen and (max-width: 767px) {
    #hs_cos_wrapper_widget_1694769940206 .coming-soon-countdown_module-container {
        gap: 15px;
    }

    #hs_cos_wrapper_module_16946830674443_>.responsive-text {
        column-count: 1;
    }

    .custom_column {
        display: block;
        text-align: center;
    }

    body .commonSection {
        overflow-x: auto;
        word-wrap: break-word;
    }

    .dnd_area-row-6-padding {
        padding-right: 20px !important;
    }

    .commonSection {
        padding: 60px 0;
    }
}

/********************Desktop*********************/


@media only screen and (min-width: 1200px) {

    .body-container--services .service_section .custom_column,
    .body-container--about .service_section .custom_column {
        display: flex;
    }

    .container {
        max-width: 1440px;
        width: 100%;
    }

    .no-gap {
        padding: 0 !important;
    }

    .no-gap>.container>.row {
        display: flex;
        align-items: center;
    }

}

@media only screen and (min-width: 1500px) {

    .body-container--services .service_section .custom_column,
    .body-container--about .service_section .custom_column {
        flex-wrap: nowrap;
    }
}


@media screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 100%;
        max-width: 900px;
    }
}

/*===============Landing Page=================*/

.hs-content-id-93488803823.hs-landing-page .hs_cos_wrapper_type_header h1 {
    line-height: normal;
}

.hs-content-id-93488803823.hs-landing-page .body-container>.row-fluid-wrapper>.row-fluid>.span12>.row-fluid-wrapper {
    margin-bottom: 80px;
}

#hs_cos_wrapper_widget_1709280646576 .image-gallery__wrapper {
    flex-direction: column;
}

/* form .hs-submit {
    position: relative;
    padding-left: 15px;
} */

form .hs-submit .actions,
.interactive-button-wrapper {
    align-items: center;
    background-color: #e77324;
    border: none;
    color: #fff;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    height: 70px;
    justify-content: center;
    outline: none;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 194px;
}

form .hs-submit input.hs-button,
.interactive-button-wrapper a.interactive-button {
    background-color: transparent;
    border: 0 !important;
    bottom: 0;
    font-size: 16px;
    font-weight: 400;
    left: 0;
    letter-spacing: 1.6px;
    line-height: .8;
    outline: none;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 1;
}

form .hs-submit .actions,
form .hs-submit .actions:after,
.interactive-button-wrapper,
.interactive-button-wrapper:after {
    transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
}

form .hs-submit .actions:hover:after,
.interactive-button-wrapper:hover:after {
    width: 100%;
}

form .hs-submit .actions:after,
.interactive-button-wrapper:after {
    background: var(--thm-base);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
}

/* .hs-custom-form .input {
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
} */

.hs-custom-form .input .hs-input {
    width: 100% !important;
}

.custom_alignment.center {
    text-align: center !important;
}

.custom_alignment.left {
    text-align: left !important;
}

.custom_alignment.right {
    text-align: right !important;
}

.service_section_2 .row {
    justify-content: center;
}

/*Ab Agency module at footer*/


.row-fluid .span12 .dnd-section:last-of-type .ab_img1,
.row-fluid .span12 .dnd-section:nth-last-child(2) .ab_img1 {
    position: static;
}

.row-fluid .span12 .dnd-section:last-of-type .ab_img1 img,
.row-fluid .span12 .dnd-section:nth-last-child(2) .ab_img1 img {
    width: 100%;
}

/*.row-fluid .span12 .dnd-section:last-of-type .ab_agency .row,
.row-fluid .span12 .dnd-section:nth-last-child(2) .ab_agency .row {
  display: flex;
  align-items: center;
}*/

.row-fluid .span12 .dnd-section:last-of-type .ab_agency .row .MB_45,
.row-fluid .span12 .dnd-section:nth-last-child(2) .ab_agency .row .MB_45 {
    margin-bottom: 10px;
}

/*About module with position static*/
.position-static-row .ab_img1,
.position-static-row .ab_img1 img {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .row.position-static-row {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .row.position-static-row {
        display: grid;
    }
    .PL_79.flip-content {
       order: -1;
    }
    .position-static-row [class*="col-"] {
        padding-left: 20px;
        text-align: left;
    }
}

section.commonSection.ab_agency .row.position-static-row {
    margin-bottom: -50px;
}

/*Call to action Layout 4 variant with vector overlay*/

section.ctaImage {
    padding: 0;
}

section.ctaImage.commonSection.ready .row [class*="col-"] {
    margin-top: 0;
}

.ctaImage .row {
    display: flex;
}

.ctaImage img {
    clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
}

.ctaImage h2 {
    text-align: left;
    color: white;
}

section.ctaImage.commonSection.ready {
    padding: 0;
    overflow-x: hidden;
    margin: 50px 0
}

section.ctaImage {
    padding: 0;
}

section.ctaImage.commonSection.ready .row [class*="col-"] {
    margin-top: 0;
}

.ctaImage .row {
    display: flex;
}

.ctaImage img {
    clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
}

.ctaImage h2 {
    text-align: left;
    color: white;
}

section.ctaImage.commonSection.ready {
    padding: 0;
}

.layer-img:before {
    background-image: url(https://corporatelearning.pixelmechanics.tech/hubfs/above-the-image.svg);
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.ctaImage.ready .row .col-lg-9 .row [class*=col-] {
    padding-left: 0;
}

@media screen and (min-width: 921px) and (max-width: 1500px) {
    .ctaImage.ready .container {
        margin: 0;
        padding: 0
    }

    .ctaImage.ready .row [class*=col-] {
        margin: 0;
        padding: 0;
    }
}

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

    .ctaImage.ready .container {
        margin: 0;
        padding: 0
    }

    .ctaImage.ready .row {
        flex-wrap: wrap;
    }

    .ctaImage.ready .row [class*=col-] {
        padding: 0 0 10px 0;
    }

    .ctaImage.ready .row .col-lg-9 {
        padding: 0 30px;
    }

    .ctaImage.ready .row .col-lg-9 .row {
        margin: 0;
    }
}

@media screen and (max-width: 639px) {
    .ctaImage.ready * {
        text-align: center;
    }
    /* Only for search result page */
      nav.hs-search-results__pagination a:first-child,
      nav.hs-search-results__pagination a:last-child {
        display: none;
    }
  
}

.topic-link-filter{
    background-color: #f1f1f1;
    border: none;
    outline: none;
    padding: 12px 16px;
    cursor: pointer;


}

a.topic-link-filter:hover {
    background-color: #17acc0;
    color: #fff;
}

.highlight {
  background-color: #17acc0;
  font-weight: bold;
}

.testimonial_layout_two .testimonial_content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testimonial_layout_two .testimonial_content .testi_icon {
    flex-basis: 100%;
    justify-content: center;
    max-width: 700px;
    order: 1;
    width: 100%;
}

.testimonial_layout_two .testimonial_content .testi_icon img {
    height: auto;
    width: 100%;
}

.testimonial_layout_two.icon-top .testi_icon {
      width: 115px;
      order: inherit;
      flex-basis: auto;
}

.testimonial_layout_two.icon-top .testi_icon img {
  width: auto;
  height: auto;
}

.custom-centered-container {
    max-width: 1400px;
    margin: 0 auto;
}

/*Newsletter subsription Thankyou page*/

.newsletter-confirmation-module {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1600px;
    padding: 150px 20px 0;
    width: 100%;
}

.confirmation-container {
    display: flex;
    max-width: 1000px;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #eaeaea;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.thank-you-image {
    flex: 1;
    margin-right: 20px;
    align-self: flex-end;
    max-width: 730px;
    width: 100%;
}

.thank-you-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.thank-you-message {
    flex: 2;
    padding-left: 100px;
    text-align: left;
    margin-bottom: 50px;
    max-width: 818px;
}

.thank-you-message h2 {
    font-size: 72px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase;
}

.thank-you-message p {
    font-size: 1.2em;
    margin: 10px 0;
    color: #333;
}

.links {
    margin-top: 10px;
}

.links a {
    margin: 0 5px;
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
}

.links a:hover {
    text-decoration: underline;
}

/*DOI page header*/

.body-wrapper.hs-content-id-106628284361 .header_01 {
  background-color: #082b3f !important;
}

.doi-links {
    display: inline-block;
    margin: 20px 0 0;
    border-top: 1px solid #d9d9d9;
    padding: 10px 0 0 0;
}

.doi-links a {
    padding: 0 15px;
    border-right: 1px solid #b1b1b1;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    line-height: 14px;
}

.doi-links a:first-child {
    padding-left: 0;
}

.doi-links a:last-child {
    border-right: none;
}

@media screen and (max-width: 768px) {
  .newsletter-confirmation-module {
    flex-direction: column;
  }
  
  .thank-you-message {
    padding-left: 0;
  }
  
  .newsletter-confirmation-module {
    padding-top: 90px;
  }
  
  .thank-you-message h2 {
    font-size: 50px;
  }
  
  .thank-you-image {
    margin-right: 0;
    border-bottom: 1px solid #d9d9d9;
    margin-right: 0;
  }
}

.thank-you-message h2:after {
    content: '';
    background:url(//139840977.fs1.hubspotusercontent-eu1.net/hubfs/139840977/raw_assets/public/Pixelmechanics%20main%20child%20-%20Stage/images/celebration.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 70px;
    width: 70px;
    margin-left: 10px;
}

.thank-you-message strong:before {
    background:url(//139840977.fs1.hubspotusercontent-eu1.net/hubfs/139840977/raw_assets/public/Pixelmechanics%20main%20child%20-%20Stage/images/pm-logo.png) no-repeat;
    content: "";
    display: inline-block;
    height: 26px;
    margin-right: 10px;
    position: absolute;
    width: 26px;
    left: 0;
}

.thank-you-message strong {
    padding-left: 35px;
    position: relative;
}


.centered-content .chose_img img {
  max-width: 800px;
  width: auto;
}
 
/* Search Results page */
.hs-search-results {
    padding: 40px 0;
}
#hs_cos_wrapper_search_results .hs-search-results__message {
    margin-bottom: 30px;
}
h3.hs-search-results__title {
    font-size: 26px;
    text-decoration: none;
    font-family: var(--thm-font);
}
#hs_cos_wrapper_search_results .hs-search-results__featured-image-wrapper {
    margin-bottom: 10px;
    flex-shrink: 0;
    margin-right: 1.25rem !important;
    flex-basis: auto !important;
    min-width: auto !important;
}
#hs_cos_wrapper_search_results .hs-search-results__featured-image {
    width: 250px !important;
}
#hs_cos_wrapper_search_results .hs-search-results__pagination {
    margin-top: 50px !important;
}

.white-text {
  color: #ffffff; /* Setting the text color to white */
}

/* Book a Meeting */
.book-meeting {
    background: url(//139840977.fs1.hubspotusercontent-eu1.net/hubfs/139840977/raw_assets/public/Pixelmechanics%20main%20child%20-%20Stage/images/book-a-meeting.png) no-repeat;
    background-size: cover
}
/* Trust Client */
@media screen and (max-width: 1199px) {
  .commonSection.trustClient .CL_content{
    background: #fff;
    padding: 10px;
  }
}

/*Slick slider*/
@media screen and (max-width: 767px) {
  .slick-slider .slick-dots{
    bottom: -35px;
   }
}

@media screen and (max-width: 767px) {
  .widget-type-custom_widget .cards{
    flex-wrap: wrap;
    justify-content: center;
   }
  
  .cards .cards__card.card{
    padding: 20px 15px;
    width: 50%;
  }
}

@media screen and (max-width: 499px) {
  .cards .cards__card.card{
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .body-container--about .agency_img2 img {
      max-width: calc(100% - 250px);
  }
}
@media screen and (max-width: 1199px) {
  .compay_date .year-2008{
    font-size: 5rem;
  }
}

p{
  hyphens: auto;
}

/* *