@import url('https://pro.fontawesome.com/releases/v5.10.0/css/all.css');






/* 1a. Containers */





/* 1b. Colors */








/* 1c. Typography */




























/* 1d. Buttons */








/* 2d. Secondary Buttons */









/* 3d. Tertiary Buttons */











/* 1e. Forms */













/* 1f. Tables */


















.content-wrapper {
  max-width: 1260px;
  padding: 0px 30px;
}





:focus { outline: 0; }
:focus-visible { outline: 0; }

html {
  font-size: 18px;
  line-height: 27px;
}

body {
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #505768;
  font-size: 18px;
  line-height: 27px;
}


.small_body_font *{
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #505768;
  font-size: 14px;
}

.large_body_font *{
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #505768;
  font-size: 24px;
  line-height:36px;
}
.large_body_fontindividual p,.large_body_fontindividual li{
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #505768;
  font-size: 24px;
  line-height:36px;
}
.large_body_font i,.small_body_font i,.large_body_font em,.small_body_font em,.large_body_fontindividual i,.large_body_fontindividual em{
  font-style: italic;
}
.large_font{
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #505768;
  font-size: 24px;
  line-height:36px;
}
.blue-color h1 span,.blue-color h2 span,.blue-color h3 span,.blue-color h4 span,.blue-color h5 span,.blue-color h6 span {
  color: #0099F8;
}
.red-color h1 span,.red-color h2 span,.red-color h3 span,.red-color h4 span,.red-color h5 span,.red-color h6 span {
  color: #BA0000;
}
.black h1 span,.black h2 span,.black h3 span,.black h4 span,.black h5 span,.black h6 span {
  color: #000000;
}
.black-color h1,.black-color h2,.black-color h3,.black-color h4,.black-color h5,.black-color h6 {
  color: #000000;
}
.active .red-hover,
.red-hover:hover{
  color: #BA0000 !important;
}
.black-hover:hover{
  color: #BA0000 !important;
  border-bottom: 1px solid #BA0000;
}
.black-hover:hover svg path{fill:#BA0000 ;}

/* Anchors */

a {
  color: rgba(186, 0, 0, 1.0);
}

a:hover,
a:focus {
  color: rgba(186, 0, 0, 1.0);
}

/* Headings */

h1,
.h1 {
  font-weight: 700; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  color: #000000;
  font-size: 64px;
  text-transform: none;
  line-height:76.8px;
}

h2,
.h2 {
  font-weight: 700; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  color: #000000;
  font-size: 40px;
  text-transform: none;
  line-height:48px;
}

h3,
.h3 {
  font-weight: normal; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  color: #505768;
  font-size: 24px;
  text-transform: none;
  line-height:36px;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  color: #505768;
  font-size: 20px;
  text-transform: none;
  line-height:32px;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  color: #505768;
  font-size: 18px;
  text-transform: none;
  line-height:30px;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  color: #afafaf;
  font-size: 14px;
  text-transform: uppercase;
  line-height:18px;
  letter-spacing: 0.7px;
}

/* Blockquote */

blockquote {
  border-left-color: #000000;
}

@media (max-width:1024px){
  h1, .h1{font-size:40px;line-height:48px;}
  h2, .h2{font-size:24px;line-height:28px;}
  h3, .h3{font-size:18px;line-height:24px;}
  h5, .h5{font-size:14px;line-height:21px;}
  .large_body_font *{font-size:18px;line-height:27px;}
  .large_body_fontindividual p,.large_body_fontindividual li{font-size:18px;line-height:27px;}
  .large_font{font-size:18px;line-height:27px;}
  body { font-size: 14px; line-height: 21px;}
}





.hs-button,a.cta_button {
  border: 2px solid #BA0000;

  padding: 14px;

  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(186, 0, 0, 1.0)

;
  border-radius: 20px;
  color: #FFFFFF;
  font-size: 18px;
  text-transform: none;
  cursor:pointer;
  display: inline-block;
  outline: 0;
}
.hs-button span,a.cta_button span{
  position:relative;
  padding-right: 25px;
  display: inline-flex;
}
.hs-button span:after,a.cta_button span:after{
  position:absolute;
  content:"";
  right:0;
  top:50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.354' height='9.573' viewBox='0 0 14.354 9.573'%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M17.029,11.435a.652.652,0,0,0,0,.917l3.031,3.036H8.518a.648.648,0,0,0,0,1.3H20.05l-3.031,3.036a.656.656,0,0,0,0,.917.645.645,0,0,0,.912,0L22.045,16.5h0a.728.728,0,0,0,.135-.2.619.619,0,0,0,.05-.249.65.65,0,0,0-.184-.454L17.936,11.45A.635.635,0,0,0,17.029,11.435Z' transform='translate(-7.875 -11.252)' fill='%23fff'/%3E%3C/svg%3E%0A");  background-size: 15px;
  background-repeat: no-repeat;
  background-position:center;
  width: 15px;
  height: 10px;
  transition: all 0.5s ease;
}
.hs-button:focus span:after,.hs-button:hover span:after,a.cta_button:focus span:after,a.cta_button:hover span:after{
  right:-4px;
}
.hs-button:focus,
.hs-button:hover {
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: rgba(146, 0, 0, 1.0);
  border-color: #920000;
  color:#fff;
}

.secondary-button .hs-button,.secondary-button a.cta_button {
  border: 2px solid #505768;

  padding: 14px;

  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 16px;
  color: #505768;
  font-size: 18px;
  text-transform: none;
  cursor:pointer;
  line-height: 1;
  display: inline-block;
  outline: 0;
}
.secondary-button .hs-button span,.secondary-button a.cta_button span {
  position:relative;
  padding-right: 0px;
}
.secondary-button .hs-button span:after,.secondary-button a.cta_button span:after{
  display:none;
}
.secondary-button .hs-button:focus,
.secondary-button .hs-button:hover,
.secondary-button a.cta_button:focus,
.secondary-button a.cta_button:hover {
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color:

  
  
    
  


  rgba(80, 87, 104, 1.0)

;
  color:#fff;
}

.tertiary-button .hs-button,.tertiary-button a.cta_button {
  border: 2px solid #ECECEC;

  padding: 14px;

  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 16px;
  color: #505768;
  font-size: 18px;
  text-transform: none;
  cursor:pointer;
  line-height: 1;
  box-shadow: 0px 3px 25px #0000001A;
  display: inline-block;
  outline: 0;
}
.tertiary-button .hs-button span,.tertiary-button a.cta_button span{
  position:relative;
  padding-right: 0px;
}
.tertiary-button .hs-button span:after,.tertiary-button a.cta_button span:after{
  display:none;
}
.tertiary-button .hs-button:focus,
.tertiary-button .hs-button:hover,
.tertiary-button a.cta_button:focus,
.tertiary-button a.cta_button:hover{
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color:

  
  
    
  


  rgba(80, 87, 104, 1.0)

;
  border: 2px solid 

  
  
    
  


  rgba(80, 87, 104, 1.0)

;
  color:#fff;
}
a.simple-link{font-size: 14px; align-items: center;font-weight:700;font-size:14px;letter-spacing: 0.7px; color: #505768; text-transform: uppercase;line-height:18px;transition:all 0.4s ease;border-bottom: 1px solid transparent;}
a.simple-link svg { margin-left: 9px; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; }
a.simple-link:hover{color:#BA0000 ;border-bottom: 1px solid #BA0000;}
a.simple-link:hover svg path{fill:#BA0000 ;}
a.simple-link:hover svg { margin-left: 15px; }

@media (max-width:767px){
  .hs-button span:after, a.cta_button span:after{
    display:none;
  }
  .hs-button span, a.cta_button span {padding-right: 0px; }
}





form,
.submitted-message {
  font-family: {font=DM Sans, font_set=GOOGLE, styles={font-family='DM Sans', sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=18, size_unit=px, color=#505768, variant=null, fallback=sans-serif, style=font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #505768;font-size: 18px;font-family: 'DM Sans', sans-serif;};
}
.submitted-message {
  text-align: center;
}
h3.form-title {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(0, 0, 0, 1.0);
  
}

.hs-form label {
  color: rgba(0, 0, 0, 1.0);
}

.hs-form legend {
  color: rgba(0, 0, 0, 1.0);
}

form .hs-form-field{
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(130, 130, 130, 1.0);
  border-color: rgba(236, 236, 236, 1.0);
  border-radius: 16px;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #BA0000;
}

.fn-date-picker td .pika-button:hover {
  background-color: #BA0000 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #BA0000;
}






/* Table */

table {
  border: 1px solid #1a1a1a;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #1a1a1a;

  padding: 18px;

  color: #1a1a1a;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(186, 0, 0, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #BA0000;
}





.top-header{
  background-color: rgba(244, 241, 227, 1.0);
  color: rgba(51, 51, 51, 1.0);
}
.top-header a{
  color: rgba(96, 96, 96, 1.0);
}
.top-header a:hover{
  color: rgba(80, 87, 104, 1.0);
}
.top-header svg path{
  fill: rgba(0, 0, 0, 1.0);
}

.main-header{
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(0, 0, 0, 1.0);
}
.main-header .main-link{
  color: rgba(0, 0, 0, 1.0);
}
.main-header .main-link:hover{
  color: rgba(186, 0, 0, 1.0);
}

.main-header .search button path{
  fill: rgba(0, 0, 0, 1.0);
}
.main-header .search form input[type=text]{
  color: rgba(0, 0, 0, 1.0) !important;
  border-color: rgba(0, 0, 0, 1.0) !important;
}
.main-header .search form input[type=text]::placeholder{
  color: rgba(0, 0, 0, 1.0) !important;
}
.main-header .phone a{
  color: rgba(186, 0, 0, 1.0);
}
.main-header .phone a:hover{
  color: rgba(186, 0, 0, 1.0);
}
.main-header .submenu{
  background-color: rgba(255, 255, 255, 1.0);
}
.main-header .list2 .title{
  color: rgba(51, 51, 51, 1.0);
}
.main-header .description{
  color: rgba(80, 87, 104, 1.0);
}
.main-header .list2 a:hover>.title{
  color: rgba(186, 0, 0, 1.0);
}
@media(min-width:1201px){
/*   .main-header .with-child .list2 .active .title{
    color: rgba(186, 0, 0, 1.0);
  } */
}
.main-header .link a{
  color: rgba(0, 0, 0, 1.0);
}
.main-header .link a:hover{
  color: rgba(186, 0, 0, 1.0);
}
.main-header .tag-post,
.main-header .link{
  background: rgba(186, 0, 0, 0.05);
}
.main-header .info-box .title,
.main-header .post-title,
.main-header .link .title{
  color: rgba(186, 0, 0, 1.0);
}
.main-header .tag-post p{
  color: rgba(96, 96, 96, 1.0);
}
.main-header .rec-post{
  background: rgba(0, 0, 0, 1.0);
}
.main-header .rec-post *{
  color: rgba(255, 255, 255, 1.0) !important;
}
.main-header  .read-more{
  color: rgba(80, 87, 104, 1.0);
}




.footer{ 
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(0, 0, 0, 1.0);
}
.footer .about-company *{ 
  color: rgba(0, 0, 0, 1.0);
}
.footer .menu .hs-menu-wrapper>ul>li>a{ 
  color: rgba(0, 0, 0, 1.0) !important;
}
.footer .wrapper a{ 
  color: rgba(80, 87, 104, 1.0);
}
.footer .wrapper a:hover{ 
  color: rgba(80, 87, 104, 1.0);
}
.footer .contact-us .inner{
  background-color: rgba(0, 0, 0, 1.0);
}
.footer .contact-us .content *{
  color: rgba(255, 255, 255, 1.0);
}
.footer .contact-us form,
.footer .contact-us .legal-consent-container *{
  color: rgba(255, 255, 255, 1.0);
}
.footer  .copyright{
  color: rgba(96, 96, 96, 1.0);
}
.footer  .copyright a{
  color: rgba(96, 96, 96, 1.0);
}
.footer .copyright a:hover{
  color: rgba(96, 96, 96, 1.0);
}
.footer .footer-social a{
  background-color: rgba(0, 0, 0, 1.0);
  color: rgba(255, 255, 255, 1.0);
}
.footer .footer-social a:hover{
  background-color: rgba(0, 0, 0, 1.0);
  color: rgba(255, 255, 255, 1.0);
}
.footer p.description{
  color: rgba(80, 87, 104, 1.0);
}
.footer .divider{
  border-top-color: rgba(96, 96, 96, 0.3) !important;
}




.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 0px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #505768;
}

.blog-post__tag-link {
  color: #505768;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #282f40;
}

.blog-post__tag-link:active {
  color: #787f90;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 700; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #000000;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #282828;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 0px;
}

#comments-listing .comment-reply-to {
  color: ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: ;
}

#comments-listing .comment-reply-to:active {
  color: ;
}





.hs-search-results__title {
  font-weight: 700; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  color: #000000;
}





/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-weight: 700; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  text-transform: none;
}

.blog-index__post-title-link {
  color: #000000;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #000000;
}

.blog-index__post-title-link:active {
  color: #282828;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #505768;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #333333;
}
.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #333333;
}

/* Pricing card */

.card__price {
  font-weight: normal; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  color: #505768;
  font-size: 24px;
}

.card__body svg {
  fill: #BA0000;
}

/* Social follow */

.social-links__icon {
  background-color: #BA0000;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #920000;
}

.social-links__icon:active {
  background-color: #e22828;
  font-weight: normal; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  color: #505768;
  font-size: 24px;
}
@media (max-width:1024px){
.card__price{font-size:18px;line-height:24px;}

}



.four-columncard-wrap .card .content * {color: #333333;}
.five-columncard-wrap .card .content * {color: #333333;}
.mobile-breadcrumb li:last-child a {
  color: #BA0000;
}
.featured-card .content p{
  color: #333333;
}
.services-tabber .item.active h3:before,
.service-card ul li:before{
  background-color: #BA0000;
}
.breadcrumb-with-menu,
.breadcrumb-with-menu .righ-menu a{
  color: #000000;
}
.breadcrumb-with-menu .righ-menu .active>a,
.breadcrumb-with-menu .righ-menu a:hover{
  color: #BA0000;
}
.features .item .title{
  color: #000000;
}
.features .item:hover .title{
  color: #BA0000;
}
.black_color p,
.black_color{
  color: #333333;
}
.service-page .widget-type-rich_text p,.service-page .widget-type-rich_text:not(a) {color: #333;} {
  color: #333333;
}
.recent-tag-posts .read-more {
  color: #505768;
}
.recent-tag-posts .item:hover .meta{
  color: #BA0000;
}
.recent-tag-posts .item:hover .read-more {
  color: #000000;
}


@media(min-width:1025px){
  .learning-hub-banner-bottom .level1:hover > span path{ fill:#BA0000;}
  .learning-hub-item:hover .tags,.learning-hub-banner-bottom .level1:hover > span {
    color: #BA0000;
  }
}

@media(max-width:1024px){
  .learning-hub-banner-bottom .back{   color: #BA0000;}
}

@media(max-width:767px){

  .features .item .title {
    color: #BA0000;
  }
}



ul.slick-dots { list-style: none; padding: 0; margin: auto;    text-align: center; }
ul.slick-dots li.slick-active button{background:#C73333;}
ul.slick-dots button { width: 8px; height: 8px; background: #DCDDE0;     margin: 0px 8px;border: 0; font-size: 0; border-radius: 50%; display: inline-block; min-width: auto; padding: 0; }
ul.slick-dots li { display: inline-block; }

.mfp-bg { background: #4c4c4c; opacity: 1; }
.banner-form-popop{ border-radius:64px;max-width: 1620px; margin:88px auto;padding: 109px 50px; }
.banner-form-popop h2.h1 { text-align: center;    margin-bottom: 37px; }
.banner-form-popopinner{max-width:804px;margin:0 auto;}
.banner-form-popop .hs_submit{ text-align: center; }
.banner-form-popop button.mfp-close { min-width: auto; font-size: 0; width: 39px; height: 39px; background: url(https://7103021.fs1.hubspotusercontent-na1.net/hubfs/7103021/MobileCorp_August2022/Images/Home%20Page/close.svg); background-position: center; background-repeat: no-repeat; background-size: 39px; opacity: 1; right: 34px; top: 37px; }

.body-container-wrapper ul{list-style: none; margin: 0 0 25px; padding: 0;}
.body-container-wrapper  ul li { font-weight: 500; margin-bottom: 8px; padding-left: 23px; position: relative; }
.body-container-wrapper ul li:after { background: #ba0000; border-radius: 50%; content: ""; height: 8px; left: 0; position: absolute; top: 10px; width: 8px; }
.body-container-wrapper ol { padding-left: 20px;margin: 0 0 25px;  }
.body-container-wrapper ol li { font-weight: 500; margin-bottom: 8px; }

.learning-hub-banner li,
.body-container-wrapper .slick-dots li,
.learning-hub-banner ul li,
.contactmap-addresscontent-wrap ul li,
.widget-module ul li,
.content-with-image ul li,
form ul li,
.whyus-tabpanel ul li,
.oursolution-wrap ul li,
.body-container-wrapper div[class*=menu-wrapper] li{
  padding-left:0;
  margin-bottom:0;
}
.body-container-wrapper ul ul {
  margin-top: 8px;
}

.learning-hub-banner li:after,
.slick-dots li:after,
.contactmap-addresscontent-wrap ul li:after,
.widget-module ul li:after,
.content-with-image ul li:after,
form ul li:after,
.whyus-tabpanel ul li:after,
.oursolution-wrap ul li:after,
.body-container-wrapper div[class*=menu-wrapper] li:after{
  display:none;
}

@media (max-width:1800px){
  .banner-form-popop {margin: 98px auto;}
}
@media (max-width:1300px){
  .banner-form-popop {padding: 59px 30px; }
}
@media (max-width:1024px){
  .body-container-wrapper ul li:after {top:6px;}
}
@media (max-width:767px){ 
  .mfp-container {padding: 0; }
  .banner-form-popop { border-radius:0px; margin: 0px auto; max-width:100%; padding: 66px 32px;}
  .banner-form-popop button.mfp-close {background-size: 12px; height: 12px; right: 17px;top: 22px; width: 12px; }
  .banner-form-popop h2.h1 { font-size:24px; font-weight: 500; line-height: 31px; margin-bottom: 11px; }
  div#unique-form1  button.mfp-close{background: url(https://7103021.fs1.hubspotusercontent-na1.net/hubfs/7103021/MobileCorp_August2022/Images/Home%20Page/black-close.svg);}
}
@media (max-width:400px){
  .banner-form-popop form .hs-button,.banner-form-popop form input[type=submit] { width: 100%; }
}