@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');



@font-face {
  font-family: 'UniversalSans-750';
  src: url('https://21174310.fs1.hubspotusercontent-na1.net/hubfs/21174310/Overflow%20site/Fonts/UniversalSans-750.woff2') format('woff2'),
    url('https://21174310.fs1.hubspotusercontent-na1.net/hubfs/21174310/Overflow%20site/Fonts/UniversalSans-750.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'UniversalSans-600';
  src: url('https://21174310.fs1.hubspotusercontent-na1.net/hubfs/21174310/Overflow%20site/Fonts/UniversalSans-600.woff2') format('woff2'),
    url('https://21174310.fs1.hubspotusercontent-na1.net/hubfs/21174310/Overflow%20site/Fonts/UniversalSans-600.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UniversalSans-450';
  src: url('https://21174310.fs1.hubspotusercontent-na1.net/hubfs/21174310/Overflow%20site/Fonts/UniversalSans-450.woff2') format('woff2'),
    url('https://21174310.fs1.hubspotusercontent-na1.net/hubfs/21174310/Overflow%20site/Fonts/UniversalSans-450.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}














/* 1a. Containers */




/* 1b. Colors */





/* Banner Overlay */








/* 1c. Typography */












/* 1d. Buttons */







/* 1d.1. Buttons2 */






/* 1d.1. Buttons3 */






/* 1e. Forms */











/* 1f. Tables */











/* 1g. Site header */





















/* 1h. Site footer */

.overlay:before,
.slide-single:before {
  background-color:rgba(91, 106, 129, calc( 75	/100))
}

.overlaybg {
  background-color: #5B6A81;
}

.footer-group-section {
  background-color: 

  
  
    
  


  rgba(242, 237, 235, 1)

;
}





.content-wrapper,
.wrapper,
.container,
.page-center { 
  max-width: 1330px;
  margin:0 auto !important; 
  padding:0 15px !important; 
  float:none !important; 
}

/* .dnd-section { 
padding: 50px 20px;
} 

.dnd-section > .row-fluid {
max-width: 1330px; 
} */






*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html { 
  font-size: 20px;
} 

body {
  font-family: UniversalSans-450; font-size:20px; font-family: ; font-style: normal; font-weight: normal; text-decoration: none; color: #666666;
} 

/* Paragraphs */ 
p { 
  font-size:20px; 
  line-height:1.4;
  margin:0;
  padding:10px 0px;
} 

/* Unordered List */
ul li {
  font-size: initial;
  color: initial;
}

/* Ordered List */
ol li {
  font-size: initial;
  color: initial;
}

/* Anchors */ 
a { 
  color: #fa4f4f; transition:all 0.4s; text-decoration:none;
} 

a:hover,
a:focus {
  color: #d22727;
}

a:active { 
  color: #ff7777; 
}

/* Headings */

h1 { 
  font-family: UniversalSans-600;
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal; 
  color: #000000; 
  font-size: 111px; 
  line-height: 1; 
  margin: 0px 0px 20px; 
  letter-spacing:0px;
}

h2 { 
  font-family: UniversalSans-600;
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal; 
  color: #000000; 
  font-size: 80px; 
  line-height: 1; 
  margin:0px 0px 20px; 
  letter-spacing:0px;
} 

h3 { 
  font-family: UniversalSans-600;
  font-weight: 100; text-decoration: none; font-family: ; font-style: normal; 
  color: #000000; 
  font-size: 50px; 
  line-height: 1; 
  margin:0px 0px 15px;
  letter-spacing:0px;
} 

h4 { 
  font-family: UniversalSans-600;
  font-weight: 100; text-decoration: none; font-family: ; font-style: normal; 
  color: #000000; 
  font-size: 32px; 
  line-height: 1.2; 
  margin:0px 0px 15px;
  letter-spacing:0px;
} 

h5 {
  font-family: UniversalSans-450;
  font-weight: normal; text-decoration: none; font-family: ; font-style: normal; 
  color: #000000; 
  font-size: 22px; 
  line-height: 1.2; 
  margin:0px 0px 15px;
  letter-spacing:0px;
} 

h6 { 
  font-family: UniversalSans-450;
  font-weight: normal; text-decoration: none; font-family: ; font-style: normal; 
  color: #545454; 
  font-size: 20px; 
  line-height: 1.2; 
  margin:0px 0px 15px;
  text-transform: uppercase;
  letter-spacing:0px;
}

/* Blockquote */

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

.body-container-wrapper ol,
.body-container-wrapper ul {
  padding-left: 20px;
}

.hs-blog-post .section.post-body ul li,
.hs-blog-post .section.post-body ol li {
  color: #666666;
  font-size: 20px;
  line-height: 1.4;
  margin: 0;
}





button,
.button {
  background-color: 

  
  
    
  


  rgba(250, 79, 79, 1.0)

;
  border: 1px solid #fa4f4f;
  border-radius: 6px;
  color: #FFFFFF;
  padding: 10px 23px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: rgba( 210, 39, 39, 1.0);
  border-color: #d22727;
  color: #FFFFFF;
}

button:active,
.button:active {
  background-color: rgba(255, 119, 119, 1.0);
  border-color: #ff7777;
  color: #FFFFFF;
}

a.btn-1 {
  font-family: UniversalSans-600;
  background-color: 

  
  
    
  


  rgba(250, 79, 79, 1.0)

!important;
  border: 1px solid #fa4f4f!important;
  border-radius: 6px!important;
  color: #FFFFFF!important;
  padding: 10px 23px!important;
  display:inline-block;
  /*   font-weight: 600 !important; */
  line-height:normal !important;
  font-family: ;
  transition:all 0.4s;
  font-size: 18px;
  letter-spacing: 0;
}

a.btn-1:hover{ background:transparent !important; color:#fa4f4f !important; }

a.btn-2 {
  font-family: UniversalSans-600;
  display: inline-block;
  margin: 0 0 20px;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #ffffff;
  border-radius: 6px;
  color: #fa4f4f;
  padding: 10px 23px;
  font-size: 16px;
  line-height: normal;
  /*   font-weight: 600 !important; */
  letter-spacing: 1px;
  line-height:normal !important;
  font-family: ;
  transition:all 0.4s;
  font-size: 18px;
  letter-spacing: 0;
}

a.btn-2:hover{background: transparent !important; color: #fff !important;}


a.btn-3 {
  font-family: UniversalSans-600;
  display: inline-block;
  margin: 0 0 20px;
  background-color: 

  
  
    
  


  rgba(#, 1.0)

;
  border: 0px solid ;
  border-radius: 0px;
  color: #fa4f4f;
  padding: 0px 0px;
  font-size: 16px;
  line-height: normal;
  /*   font-weight: 600 !important; */
  line-height:normal !important;
  letter-spacing: 1px;
  font-family: ;
  transition:all 0.4s;
  font-size: 18px;
  letter-spacing: 0;
}

a.btn-3:hover{ color:#000 !important; }

.btn a{ font-family: UniversalSans-600; border-radius: 6px!important; padding: 10px 23px!important; display: inline-block; line-height: normal !important;  font-family: ; transition: all 0.4s; font-size: 18px; }


.mb-40 {
  margin-bottom: 40px;
}





form, .submitted-message { 
  font-family: ; font-style: normal; font-weight: normal; text-decoration: none; 
}

/* Form title */ 

h3.form-title { 
  background-color: 

  
  
    
  


  rgba(102, 102, 102, 1)

; 
  color: #000000; 
} 

/* Form label */ 
form label { 
  color: #000; 
}

/* Form help text */

form legend { 
  color: #666666;
}

/* Form inputs */ 
input[type=text],
input[type=email], 
input[type=password],
input[type=tel], 
input[type=number], 
input[type=file], 
select, 
textarea,
.row-fluid form input, 
.row-fluid form select, 
.row-fluid form textarea{
  border-color: #ffffff; 
  color: #666666; 
} 

input[type=text]:focus, 
input[type=email]:focus, 
input[type=password]:focus, 
input[type=tel]:focus, 
input[type=number]:focus, 
input[type=file]:focus, 
select:focus, 
textarea:focus ,
.row-fluid form input:focus, 
.row-fluid form select:focus, 
.row-fluid form textarea:focus{ 
  border-color: #666666; 
} 

.ag-white-form .hs-form-field>label{
  color:#fff;
} 

/* Form placeholder text */
::-webkit-input-placeholder, 
::-moz-placeholder, 
:-ms-input-placeholder, 
:-moz-placeholder, 
::placeholder, 
.hs-fieldtype-date .input .hs-dateinput:before { 
  color: #666666; 
} 

/* Date picker */ 
.fn-date-picker td.is-selected .pika-button { 
  background: #666666; 
}

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

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

/* Submit button */

form input[type=submit],
form .hs-button { 
  background-color: 

  
  
    
  


  rgba(250, 79, 79, 1.0)

; 
  border: 1px solid #fa4f4f; 
  border-radius: 6px; 
  color: #FFFFFF; 
  padding: 10px 23px; 
} 

form input[type=submit]:hover, 
form input[type=submit]:focus, 
form .hs-button:hover, 
form .hs-button:focus { 
  background-color: rgba(210, 39, 39,1.0); 
  border-color: #d22727; 
  color: #FFFFFF; 
} 

form input[type=submit]:active, 
form .hs-button:active { 
  background-color: rgba(255, 119, 119, 1.0); 
  border-color: #ff7777; 
  color: #FFFFFF; 
}





table { 
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; 
  border-color: #666666;
} 

th, 
td { 
  border-color: #666666; 
  color: #666666;
} 

thead th, 
thead td { 
  background-color: 

  
  
    
  


  rgba(102, 102, 102, 1)

; 
  border-bottom-color: #666666; 
  color: #FFFFFF;
} 

tfoot td { 
  background-color: 

  
  
    
  


  rgba(#null, 1)

; 
  color: ; 
} 

tbody + tbody { 
  border-top-color: #666666; 
}





.header { 
  background-color: ; 
} 

body .navigation-primary a, 
.header__logo .logo-company-name, 
.header__language-switcher-label-current, 
.header__language-switcher .lang_list_class li a { 
  color: ; 
  font-family: ; 
} 

body .navigation-primary a:hover, 
body .navigation-primary a:focus, 
.header__language-switcher-label-current:hover, 
.header__language-switcher-label-current:focus, 
.header__language-switcher .lang_list_class li:hover a, 
.header__language-switcher .lang_list_class li a:focus { 
  color: ; 
} 

body .navigation-primary a:active, 
body .header__language-switcher-label-current:active, 
body .header__language-switcher .lang_list_class li a:active { 
  color: ;
} 

body .navigation-primary .submenu.level-1 > li > a.active-item:after { 
  background-color: #666666; 
} 

body .submenu.level-2, 
body .header__language-switcher .lang_list_class { 
  background-color: ; 
  border-color: #ffffff;
} 

body .submenu.level-2 > li:first-child:before { 
  border-color: #ffffff; 
} 

body .header__language-switcher .lang_list_class:before { 
  border-bottom-color: #ffffff; 
} 

body .submenu.level-2 .menu-item .menu-link:hover, 
body .submenu.level-2 .menu-item .menu-link:focus, 
body .header__language-switcher .lang_list_class li:hover, 
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before { 
  background-color: ; 
}

.header__language-switcher .lang_list_class.first-active::after { 
  border-bottom-color: ; 
} 

.header__language-switcher-label-current, 
.header__language-switcher .lang_list_class li a { 
  font-family: ; 
} 

.header__language-switcher-label-current:after {
  border-top-color: ; 
}

@media(max-width: 767px) {
  .header__navigation { 
    background-color: ;
  }  
  .header__navigation-toggle svg, 
  .menu-arrow svg { 
    fill: ; 
  }
}





/* Footer Content */
.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5, 
.footer h6, 
.footer p, 
.footer a,
.footer div,
.footer span { 
  color: #333333; 
}





.blog-post__date { 
  border-color: #666666; 
} 

.blog-tag-filter__menu-link, 
.blog-post__tag-link, 
.blog-card__tag-link, 
.blog-post__author-name, 
.blog-card__title a { 
  color: #666666; 
} 

.blog-card__tag-link:hover, 
.blog-card__title a:hover, 
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover, 
.blog-post__author-name:hover, 
.blog-card__tag-link:focus, 
.blog-card__title a:focus, 
.blog-tag-filter__menu-link:focus, 
.blog-post__tag-link:focus, 
.blog-post__author-name:focus { 
  color: #3e3e3e;
} 

.blog-card__tag-link:active, 
.blog-card__title a:active, 
.blog-tag-filter__menu-link:active, 
.blog-post__tag-link:active, 
.blog-post__author-name:active { 
  color: #8e8e8e; 
} 

.blog-tag-filter__menu-link--active-item:after { 
  background-color: #666666; 
}

.blog-pagination__link { 
  color: #666666; 
} 

.blog-pagination__link--active:after, 
.blog-pagination__prev-link:after, 
.blog-pagination__next-link:after { 
  background-color: #666666;
} 

.blog-post__title { 
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal; 
  color: #000000; 
  font-size: 80px;
} 

.blog-post__author { 
  background-color: #000000; 
} 

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

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

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






body .icon svg { 
  fill: #666666;
}

body .tns-nav button.tns-nav-active { 
  background-color: #666666; 
}

body .tns-nav button:hover, 
body .tns-nav button:focus {
  background-color: #666666;
} 

body .team-member__description { 
  background-color: #000000;
}

h3.form-title { 
  background-color:transparent !important;
  border:0px !important; 
}

/****************************** Set Variables ***************************/

.footer-group-section.footer-blog p,
.footer-blog a{
  color: #333333
}

.copy-section{
  background-color:

  
  
    
  


  rgba(#null, 1)

;
}

.copy-section p{
  color:

  
  
    
  


  rgba(#null, 1)

;
}
.social-icons-div ul li a svg{
  fill:

  
  
    
  


  rgba(#null, 1)

;
}

.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1>a,.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1>a:after,
.control-button .fa{ 
  color: ;
}

body .hs-form-field > label, 
.widget-type-google_search label,
#comment-form li.hs-form-booleancheckbox label{  
  color: #000;
}

.row-fluid form input,
.row-fluid form select, 
.row-fluid form textarea{ 
  border-color: #ffffff; 
}

.section-padding{
  padding:50px 20px !important;
}

hr {
  margin:15px 0; 
  background-color:#666666; 
  color:#666666; 
  height:2px;
} 

.two-col-fontstyle h3{
  border-color:#fa4f4f;
}

.two-col-fontstyle h2 strong,
.cd-timeline-block .cd-content_main h2{
  color:#fa4f4f;
}

.cd-timeline-block .cd-content_main h6, 
.cd-timeline-block .cd-content_main h2,
.cd-timeline-block .cd-content_main p{
  color:#000000;
}

/******************** Variables For Header **********************/
.header-group{
  background-color:;
}

.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1>a,
.control-button .fa,.control-button .fa{
  color:#000000 !important;
}

.top .header-right-cta .cta_button.agency-btn{
  color:#000000 !important;
  border-color:#000000 !important;
}

.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1>a:after{
  color: !important;
}

body .sticky-nav .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a,
.sticky-nav .control-button .fa{
  color:#000000 !important;
}

body .sticky-nav .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a:after{
  color: !important;
}

body .sticky-nav .header-right-cta .cta_button.agency-btn{ 
  color:#000000 !important;
  border-color:#000000 !important;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:after { 
  color:#ffffff !important; 
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{
  background:#ffffff !important; 
  color:#fa4f4f !important;
}

.top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:hover:after{
  color:#fa4f4f !important;
}

.hs-menu-wrapper ul ul li:hover > a, 
.menu-bar .hs-menu-wrapper ul ul li.active > a, 
.menu-bar .hs-menu-wrapper ul ul li.active-branch > a,
.hs-menu-wrapper ul ul li:first-child:hover:before{
  background:#ffffff !important;
}

/******* Mega Menu Variables Apply Here *******/
.mega-menu-branch h4{
  color:#5b6a81 !important;
}

.mega-menu-branch ul li a{
  color:#5b6a81 !important;
}

/********* PopUp Search Variables Apply Here **********/
.header-search-form .search-button{
  background: !important;
}

.header-search-form .search-button .fa{
  color: !important;
}

/* New Variables For Header */
/************************************************** Apply The Variables For The Header Menu  ****************************************************/
.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1>a,.control-button .fa,.control-button .fa{
  color:#000000 !important;
}

.top .header-right-cta .cta_button.agency-btn{
  color:#000000 !important; 
  border-color:#000000 !important;
}

.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1>a:after{
  color:;
}

body .sticky-nav .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a,
.sticky-nav .control-button .fa{
  color:#000000 !important;
}

body .sticky-nav .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a:after{
  color: !important;
}

body .sticky-nav .header-right-cta .cta_button.agency-btn{ 
  color:#000000 !important; 
  border-color:#000000 !important;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:after { 
  color:#ffffff !important; 
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover>a{
  color:#fa4f4f !important;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover>a:after{
  color:#fa4f4f !important;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{
  background-color:#ffffff !important;
  color:#fa4f4f;
}

.top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:hover:after{
  color:#fa4f4f !important;
}

.hs-menu-wrapper ul ul li:first-child:hover:before{
  background-color:#ffffff !important;
}

.hs-menu-wrapper ul ul li:hover > a, 
.menu-bar .hs-menu-wrapper ul ul li.active > a,
.menu-bar .hs-menu-wrapper ul ul li.active-branch > a{
  background-color:#ffffff !important; 
  color:#fa4f4f !important;
}

.hs-menu-children-wrapper li:hover a,
.top-menu .hs-menu-wrapper ul>li.hs-item-has-children:hover a:after {
  color:#fa4f4f !important;
}

.top .header-group{
  background-color:;
}

.top .header-group.sticky-nav{
  background-color:#fff;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
  border-bottom:1px solid #ffffff
}

/**************** Pricing 3 Column Css Here ********************/

.outter-pricing {
  display: flex;
  flex-wrap: wrap;
}

.pricing-3col .pricing-box,
.pricing-box {
  display: flex;
  flex-direction: column;
}

.pricing-3col .pricing-box {
  width: 33.33%;
  text-align: center;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important;
}

.pricing-box:nth-child(2) {
  margin-top: -45px;
}

.pricing-header {
  color: #fff;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 20px;
}

.pricing-header h4 {
  margin: 0
}

.price {
  padding: 30px 20px 20px
}

.pricing-header h3 {
  color: #fff;
  font-weight: 100;
}

.pricing-list ul li {
  color: #a4abb5;
  border-top: 1px solid #f0f7f9;
  padding: 5px 0 !important;
  font-weight: 500;
  font-size: 15px;
  display: block !important;
}

.pricing-list ul {
  margin: 20px 0
}

.pricing-content {
  background: #f0f7f9;
  padding: 20px
}

.pricing-list {
  margin-top: 40px
}

.pricing-list ul li:first-child {
  border-top: 0
}

.pricing-button {
  margin: 20px 0px;
}


/******** Pricing 4 Column Css Here ***********/

.pricing-4clm .pricing-box {
  width: 25%;
  text-align: center;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important;
}

.span6.widget-span.widget-type-cta {
  width: auto;
}

.cta-group {
  max-width: unset;
}

.section-bg.hero-section.new-banner.overlay *,
.video-bg.hero-section.overlay *,
.all-text-white,
.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white p,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white li,
.all-text-white .fa,
.all-text-white a {
  color: #ffffff
}

.ag-two-inner h2>span,
.main-content h1>span,
.three-col-header h4 {
  color: #666666!important;
}

.three-col-header h4:before,
.three-col-header h4:after {
  border-color: #666666!important
}

.contact-form1 h2>span,
.agency-header h1 strong,
.section-inbound-results span {
  color: #fa4f4f;
}

.agency-header h1 strong {
  font-weight: 200;
}

.agency-header h4:after {
  border-color: #000000;
}

.featured-heading h4:before,
.featured-heading h4:after {
  border-color: #fa4f4f!important
}

.dis-flex.agncy-ctagroup .span6.widget-span.widget-type-custom_widget,
.banner-cta .dis-flex .span6.widget-span.widget-type-custom_widget {
  width: auto;
}

.dis-flex.agncy-ctagroup {
  justify-content: center;
}

.pricing-header h3 {
  margin-bottom: 0px;
}

.flexslider *,
.split-screen * {
  color: #000000;
}

.banner-cta .dis-flex {
  justify-content: center;
  margin: 40px auto 0px;
}

.testi.dis-flex h5,
.testi.dis-flex h5 span {
  color: #fa4f4f;
}

.ui-section-two-col h3 {
  border-color: #666666;
}

.listing-filter ul li a:hover,
.listing-filter ul li a.active {
  background: #666666;
  color: #000000;
}

.hero-section h4:after {
  border-color: #000000;
}

.error-page {
  padding: 14rem 20px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.error-page:before {
  color: #f3f6f9;
  content: attr(data-error);
  font-family: Lato, sans-serif;
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

.system-page .top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a,
.system-page .control-button .fa,
.system-page .control-button .fa {
  color: #5b6a81 !important
}

.system-page .header-right-cta .cta_button.agency-btn {
  color: #5b6a81 !important;
  border-color: #5b6a81 !important
}

body.system-page .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a:after {
  color: #5b6a81 !important
}

.system-page.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a,
.system-page .control-button .fa,
.system-page .control-button .fa,
h1.error-page__heading {
  color: #666666!important;
}

ul.no-list.hs-error-msgs li {
  list-style-type: none;
}

h1.error-page__heading,
.systems-page h1 {
  z-index: 1;
  position: relative;
  color: #666666;
}

a.button.btn-1 {
  z-index: 1;
  position: relative;
}

.system-page .logo.span3 {
  display: none;
}

.system-page .logos.span3.system {
  display: block!important;
  padding-top: 15px;
  padding-bottom: 15px;
}

.sticky-nav .logos img {
  max-width: 50px !important;
}

.sticky-nav .logos img {
  max-width: 50px !important;
}

.systems-page form {
  max-width: 500px;
}

.systems-page {
  padding: 10rem 20px;
  max-width: 850px;
  margin: 0 auto;
}

.b2b-system .systems-page.system-pad {
  padding: 15rem 20px 15rem;
}

.b2b-system .systems-page {
  max-width: 850px;
  margin: 0 auto;
}

.full-width .systems-page form {
  max-width: 100%;
}

.email-prefs .item .item-inner {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-transition-property: background;
  -webkit-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -moz-transition-duration: .15s;
  -webkit-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -moz-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  border: 1px solid #e4e4e4;
  overflow: hidden;
  margin-top: 0;
  padding: 15px;
  background: #f7f7f7;
}

.email-prefs .item .item-inner {
  border-radius: 0px !important;
  position: relative;
  padding: 15px 15px 15px 40px;
  background-color: rgba(234, 237, 233, 0.2);
}

.email-prefs .item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding-bottom: 1px;
  position: relative;
  margin: 20px 0px;
  cursor: pointer;
}

.full-width .item-inner .checkbox-row input {
  width: 16px !important;
  height: 16px !important;
  top: 20px !important;
  position: absolute !important;
  left: 10px !important;
}

.systems-page form input {
  max-width: 100%;
  margin-bottom: 20px;
  float: left;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

.checkbox-row {
  margin-top: 0;
  overflow: hidden;
}

.email-prefs .item .item-inner.selected {
  background: rgba(193, 189, 231, 0.2);
  border: 1px solid #e0e7ec;
}

.email-prefs .item.disabled {
  opacity: .6;
  cursor: not-allowed;
}

.systems-page input[type="password"] {
  height: 40px !important;
  margin-bottom: 10px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  outline: 0;
}

form input[type=submit],
form .hs-button {
  cursor: pointer;
}

.header-right-cta a {
  margin-top: 20px !important;
}

.swap-even .span6.widget-span.widget-type-linked_image.wow.fadeInLeft {
  text-align: right!important;
}

.hs-blog-listing #custom-body,
.hs-blog-post #custom-body {
  margin-top: 50px !important;
}

@media(max-width:1024px) {
  .header-right-cta a {
    margin-top: 26px !important;
  }
}

@media(max-width:767px) {
  .dis-flex.agncy-ctagroup .span6.widget-span.widget-type-custom_widget,
  .span6.widget-span.widget-type-cta {
    width: 100%;
  }
  .error-page,
  .systems-page {
    padding: 10rem 20px;
  }
  .systems-page.system-pad {
    padding: 15rem 20px 5rem;
    max-width: 100%;
  }
  .mobile-open .mobile-trigger i {
    background: transparent !important;
  }
  .top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
    color: #666666!important;
  }
  .top-menu.js-enabled .hs-menu-wrapper {
    height: 100vh;
    overflow-y: scroll;
  }
  .top-menu .hs-menu-wrapper ul ul li:last-child>a {
    border-radius: 0 !important;
  }
  .swap-even .span6.widget-span.widget-type-linked_image.wow.fadeInLeft {
    text-align: center !important;
  }
  .pricing-3col .pricing-box,
  .service-box,
  .new-site-4col .website-box,
  .pricing-box,
  .pricing-4clm .pricing-box {
    width: 100%;
  }
  .pricing-box:nth-child(2) {
    margin-top: 0;
  }
  .pricing-box {
    margin-bottom: 40px;
  }
  .row-fluid .hero-section {
    padding: 120px 20px !important;
  }
  .feat-main .span10 {
    padding-left: 0;
  }
  .span5.ag-white-form {
    width: 100%;
    margin: 0 !important;
  }
  .tab-link a {
    color: #000000	!important;
  }
  .content-section,
  .clientsTestimonialSlider {
    padding: 60px 20px;
  }
  .b2b-new-frm.overlay.section-bg .container {
    top: unset !important;
    left: unset !important;
    padding: 0px !important;
  }
  .section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white.po-relative.b2b-new-frm.overlay {
    min-height: auto !important;
    padding: 100px 0px !important;
  }
  .mfp-close{
    top:-44px !important;
  }
  .hs-blog-listing #custom-body,
  .hs-blog-post #custom-body { margin-top:0px !important } /* 04/04/2022*/

}

@media (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

@media only screen and (max-height: 768px) and (min-width: 1024px) {
  .header-right.video-bg.hero-section,
  .header-left.dynamic-bg.left-screen.spna6,
  .header-left.dynamic-bg.left-screen.spna6,
  .spna6.video-bg.hero-section.header-right.right-screen {
    min-height: auto !important;
    padding: 130px 0px;
  }
  .section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white.po-relative.b2b-new-frm.overlay {
    min-height: auto !important;
    padding: 100px 0px !important;
  }
}

.sticky-nav .logos.system.span3.logo-black { margin-left: 0; }
html body.top .header-right-cta .cta_button.agency-btn ,html body.top .header-right-cta a#cta_button_4130406_5169c6c1-9596-49f9-97e8-c0a0e34cb763{
  line-height: 25px;
  padding: 3px 18px !important;
  margin-top: 8px !important;
}
/* New Pricing Css Here */
.txt-left,.bh-new-price .pricing-header,.bh-new-price .pricing-button{text-align:left;}
.bh-new-price .pricing-box { text-align: left; box-sizing: border-box; padding: 50px 20px 40px; position:relative; width: calc(33.33% - 30px); margin: 0 15px; box-shadow: 1px 1px 20px -5px rgba(0,0,0,.2) !important;  border: 2px solid transparent; }
.bh-new-price .pricing-list ul li{border:0px;}
.bh-new-price .pricing-box:nth-child(2){margin-top:0px;}
.bh-new-price .pricing-header{padding:0px; color:#000;}
.bh-new-price .pricing-header h3{color:#000; font-weight:400;}
.bh-new-price .price{padding:0px;}
.bh-new-price .pricing-list{margin-top:0px;}
.txt-right { text-align: right; }
.bh-new-price .pricing-box:hover {border: 2px solid #666666; }
.bh-new-price .price{font-weight:700;}
.price h3 { color: #666666 !important; font-weight: 700; }
.pricing-tag.txt-right h6 { padding: 5px; display: inline-block; color: #000000; margin-bottom:10px; }
.pricing-tag.txt-right { position: absolute; top: 15px; right: 20px; }
.bh-new-price .pricing-button{margin-top:auto;}
.bh-new-price.four-clmn .pricing-box { width: calc(25% - 30px); }
.overflow-footer.p {
  padding: 20px !important;
}
@media(max-width:1024px){
  .bh-new-price.four-clmn .pricing-box { width: calc(50% - 30px); margin:0 auto 30px;}
}


@media(max-width:767px){

  .bh-new-price .pricing-box,.bh-new-price.four-clmn .pricing-box{width:100%; margin:0 auto 30px;}
  .bh-new-price .pricing-box:last-child{margin-bottom:0px;}
  .dnd-type-cell #custom-body{margin-top: 0px !important;padding:0 20px;}
}

/******************************* Demo Page Css Here 15/2/22********************************************/

@media(max-width: 767px){

  .wrapper {padding:  0px 50px !important; }
  .rm-header svg {width: 200px;  padding:  0px 50px !important; }

}
@media(max-width:1024px){

  .wrapper {padding:  0px 50px !important; }
  .rm-header svg {width: 200px;  padding:  0px 50px !important; }


}

}
@media(max-width:991px){

  .wrapper {padding:  0px 50px !important; }
  .rm-header svg {width: 200px;  padding:  0px 50px !important; }
}

}


@media(max-width:1400px){


  .wrapper {padding:  0px 50px !important; }
  .rm-header svg {width: 200px;  padding:  0px 50px !important; }
}






/* ================================== */
/* ------- New Design - 2022 -------- */
/* ================================== */


body a.cta_button[title]{font-family: UniversalSans-600; background-color: 

  
  
    
  


  rgba(250, 79, 79, 1.0)

!important; border: 1px solid #fa4f4f!important;  border-radius: 6px!important;  color: #FFFFFF!important; padding: 10px 23px!important; display:inline-block; line-height:normal !important; font-family: ; font-size:18px; transition:all 0.4s; text-transform: inherit; letter-spacing: 0;}
body a.cta_button[title]:hover{ background:transparent !important; color:#fa4f4f !important; }
.text-parallax-normal, .text-parallax-fast, .text-parallax-slow{ transition:all 0.3s; }

input::-webkit-input-placeholder { color: #000; font-weight:400; font-family: UniversalSans-450;} /* WebKit browsers */
input:-moz-placeholder { color: #000; font-weight:400; font-family: UniversalSans-450;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #000; font-weight:400; font-family: UniversalSans-450;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #000; font-weight:400; font-family: UniversalSans-450;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #000; font-weight:400;font-family: UniversalSans-450; } /* WebKit browsers */
textarea:-moz-placeholder { color: #000; font-weight:400; font-family: UniversalSans-450;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #000; font-weight:400; font-family: UniversalSans-450;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #000; font-weight:400; font-family: UniversalSans-450;} /* Internet Explorer 10+ */

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

.hs-form textarea, 
.hs-form input[type="text"], 
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"],  
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"], 
.hs-form select {
  font-size: 18px;
  line-height: normal;
  color: #333333;
  border-radius: 2px;
  padding: 10px 15px;
  width: 100%;
  border: 0;
  background:#fff;
  height: 50px;
  border-radius: 12px;
  font-family: UniversalSans-450;
  font-family: ;
  box-shadow: 0px 0px 12px -2px rgb(0 0 0 / 10%);
}
.hs-form input:focus{
  outline: 0;
}
input[type="submit"]{
  -webkit-appearance: none;
  background-color: #0a40ef;
  color: #fff;
  padding: 20px 24px;
  border:1px solid #0a40ef;
  display: inline-block;
  text-decoration: none;
  line-height:normal;
  font-size: 15px;
  font-weight: 500;
  transition:all 0.4s;
}
input[type="submit"]:hover{
  background-color:#fff;
  color:#0a40ef;  
  text-decoration: none;
}
form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button:hover, form .hs-button:focus{ background: #fff; color: #d22727;}
.hs-form-field {
  position:relative;
  margin-bottom: 20px;
}
.text-red { color: #f05151; }
.submitted-message { text-align:  center; color: #155724; background-color: #d4edda; border-color: #c3e6cb; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #c3e6cb; border-radius: .25rem; }

.simple-button a { display: inline-block; color: #fa4f4f; font-family: UniversalSans-750; font-size: 18px; vertical-align: middle;}
.simple-button a img { max-width: 21px; margin: 0 0 0 9px; vertical-align: middle; transition: all 0.4s;}
.simple-button a:hover img { transform: translateX(10px);}

.slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; display:inline-block; color:#fa4f4f; background:#fff; width:60px; height:60px; font-size:0; cursor:pointer; border: 2px solid #fa4f4f; transition:all 0.4s; transform: translateY(-30%);}
.slick-arrow:before { font-family:'FontAwesome'; font-size:20px; }
.slick-arrow:hover { background:#fff; color:#fa4f4f; border-color:#fff; }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { content: "\f060"; color:#fa4f4f; }
.slick-arrow.slick-prev:hover:before{ color:#fa4f4f; }
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { content: "\f061"; color:#fa4f4f; }
.slick-arrow.slick-next:hover:before{ color:#fa4f4f; }
.slick-arrow.slick-disabled { display:none; }
button.slick-arrow:hover, button.slick-arrow:focus, .slick-arrow .button:hover, .slick-arrow .button:focus{border-color:#fff;color:#fa4f4f;}

/* ---- Header Section ---- */
.new-hearder-section { width: 100%; display: inline-block; vertical-align: top; padding: 15px 0; transition:all 0.4s; position: absolute; top: 0; left: 0; background: #fff; z-index: 99999999;}
.new-hearder-section.sticky { position: fixed; top: 0; left: 0; width: 100%; background: #fff; box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.3); padding: 5px 0;}
.new-hearder-section .logo-part { width: 300px; }
.new-hearder-section .menu-part { width: calc(100% - 300px); text-align: right; padding: 0 0 0 30px; display: flex; align-items: center;}
.new-hearder-section .logo-part img { max-width: 169px; width: 100%;}
.new-hearder-section .header-container { display: flex; align-items: center; padding: 0px 90px; max-width: 100%; width: 100%;}
.new-hearder-section .menu-part .header-btn { width: 180px; }
.new-hearder-section .menu-part .pop-menu { width: 80px; display: flex; justify-content: center; padding: 0 20px 0 10px;}
.new-hearder-section .menu-part .mainmenu { width: calc(100% - 180px);}
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li > a { font-size: 18px; font-weight: 600; color: #000000; }
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li:hover > a{ color:#fa4f4f; }
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper ul li a { white-space: inherit; max-width: 100%; width: 100%; display: inline-block; padding: 0; overflow: inherit; position: relative; font-family: UniversalSans-450;}
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li { padding: 23px 20px 16px;}
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children>a:after { content: '\f107'; top: 1px; left: 0; font-family: FontAwesome; position: absolute; right: 0; }
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover>a:after{ content: '\f106'; }
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children a { padding-right: 20px;}
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li > ul {background:#fa4f4f; width: 170px; text-align: left; top: 100%; overflow:hidden; transition:all 0.2s; box-shadow: 0px 0px 15px -4px rgb(250 79 79); }
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li > ul li a { padding: 9px 25px; font-size: 15px; color:#ffffff; background:#fa4f4f; }
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li > ul li a:hover{ background:#ffffff; color:#fa4f4f; transform: translateX(8px);}
.new-hearder-section .menu-part .pop-menu .popup-menu { opacity: 0; visibility: hidden; transition: all 0.5s; position: fixed; top: -100%; left: 0; width: 100%; height: 100vh; text-align: left; padding: 20px; z-index:999; display: flex;  align-items: center; justify-content: center;}
.new-hearder-section .menu-part .pop-menu .menu-btn {width: 23px;height: 35px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul { margin: 0;}
.new-hearder-section .menu-part .pop-menu .menu-btn span { display: inline-block; position: relative; width: 30px; height: 2px; background: #000; transition:all 0.4s; }
.new-hearder-section .menu-part .pop-menu .menu-btn span:before { content: ' '; top: -9px; left: 0; width: 100%; height: 2px; position: absolute; background: #000;  transition:all 0.4s;}
.new-hearder-section .menu-part .pop-menu .menu-btn span:after { content: ' '; top: 9px; left: auto; width: 62%; height: 2px; position: absolute; background: #000; right: 0;  transition:all 0.4s;}
.new-hearder-section .menu-part .pop-menu .menu-btn:hover span:after{ width: 100%; }
body.pop-menu-open .new-hearder-section .menu-part .pop-menu .popup-menu { opacity: 1; visibility: visible; background: #fa4f4f; top:0; }
.new-hearder-section .menu-part .pop-menu ul li { float: none; padding: 8px 0;}
.new-hearder-section .menu-part .pop-menu ul { margin: 0;}
.new-hearder-section .menu-part .pop-menu ul li a { max-width: 100%; padding: 0; white-space: inherit; overflow: inherit; color: #fff; font-size: 30px; font-weight: 900;}
.new-hearder-section .menu-part .pop-menu ul li a:hover { color: #000;}
.new-hearder-section .menu-part .pop-menu .close-btn { position: absolute; top: 20px; left: auto; right: 20px; font-size: 30px; color: #fff; cursor: pointer; transition: all 0.4s;}
.new-hearder-section .menu-part .pop-menu .close-btn:hover { transform: rotate(90deg);}
.new-hearder-section .menu-part .pop-menu ul li { transform: translateX(-60px); transition: all 500ms cubic-bezier(0, 0.01, 0.98, 1.01); opacity: 0; visibility: hidden;}
.pop-menu-open .new-hearder-section .menu-part .pop-menu ul li:first-child {transition-delay: 0.5s; opacity: 1; visibility: visible; transform: translateX(0px);}
.pop-menu-open .new-hearder-section .menu-part .pop-menu ul li:nth-child(2) {transition-delay: 1s;  opacity: 1; visibility: visible; transform: translateX(0px);}
.pop-menu-open .new-hearder-section .menu-part .pop-menu ul li:nth-child(3) {transition-delay: 1.5s;  opacity: 1; visibility: visible; transform: translateX(0px);}
.pop-menu-open .new-hearder-section .menu-part .pop-menu ul li:nth-child(4) {transition-delay: 2s;  opacity: 1; visibility: visible; transform: translateX(0px);}
.pop-menu-open .new-hearder-section .menu-part .pop-menu ul li:nth-child(5) {transition-delay: 2.5s;  opacity: 1; visibility: visible; transform: translateX(0px);}
.pop-menu-open .new-hearder-section .menu-part .pop-menu ul li:nth-child(6) {transition-delay: 3s;  opacity: 1; visibility: visible; transform: translateX(0px);}
.pop-menu-open .new-hearder-section .menu-part .pop-menu ul li:nth-child(7) {transition-delay: 3.5s;  opacity: 1; visibility: visible; transform: translateX(0px);}
.pop-menu-open .new-hearder-section .menu-part .pop-menu ul li:nth-child(8) {transition-delay: 4s;  opacity: 1; visibility: visible; transform: translateX(0px);}
.new-hearder-section .menu-part .mainmenu .pop-menu { display: none;}
.new-hearder-section .menu-part .mainmenu .header-btn {display: none;}
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li.active > a, .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li.active-branch > a {background: #fff; color:#fa4f4f; }
.new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li.active-branch ul li.active a {background: #fff; color:#fa4f4f; }

/* ---- Footer Section ---- */
.new-footer-section { width: 100%; display: inline-block; vertical-align: top; padding: 55px 0px 0px; background:

  
  
    
  


  rgba(242, 237, 235, 1)

; }
.new-footer-section .footer-top { display: flex; flex-wrap: wrap; padding: 0 0 5px;}
.new-footer-section .footer-top .left-side { width: 50%; padding: 0 30px 40px 0;}
.new-footer-section .footer-top .right-side { width: 50%; padding: 0 0 0 20px;}
.new-footer-section .footer-top .left-side .footer-logo img{ max-width: 245px; width: 100%;}
.new-footer-section .footer-top .left-side h6.email { padding: 18px 0 8px;}
.new-footer-section .footer-top .left-side h6.email a { display: inline-block; font-size: 20px; color: #000; text-transform: lowercase;}
.new-footer-section .footer-top .left-side h6.email a:hover { color: #fa4f4f;}
.new-footer-section .footer-top .left-side  .footer-subscribe { max-width: 400px; width: 100%;}
.new-footer-section .footer-top .right-side .wrap { margin: 0 -15px;}
.new-footer-section .footer-top .right-side .footer-menu { width: calc(100% / 3 - 34px); display: inline-block; vertical-align: top; margin: 0 15px 30px;}
.new-footer-section .footer-top .right-side .footer-menu ul { padding: 0 !important; }
.new-footer-section .footer-top .right-side .footer-menu ul li a { padding: 0; font-size: 18px; color: #333333; max-width: 100%; display: inline-block; white-space: inherit;}
.new-footer-section .footer-top .right-side .footer-menu ul li { padding: 9px 0 9px; width: 100%; float: none; line-height: normal; margin: 0;}
.new-footer-section .footer-top .right-side .footer-menu ul li a:hover { color: #fa4f4f;}
.new-footer-section .footer-top .right-side .footer-menu h3 { font-size: 20px; font-family:UniversalSans-750; padding: 35px 0 5px; color: #333333;}
.hs_error_rollup { display: none;}
.new-footer-section .footer-top .left-side .footer-subscribe input.hs-button { font-size: 16px; padding: 10px 40px;}
.new-footer-section .footer-top .left-side .footer-subscribe label.hs-error-msg { text-transform: inherit; font-weight: 400; font-size: 16px;}
.new-footer-section .footer-bottom { width: 100%; display: inline-flex; vertical-align: top; border-top: 1px solid #cccccc; padding: 30px 0px; flex-wrap: wrap; align-items: center;}
.new-footer-section .footer-bottom .policy { width: 50%; padding: 0 30px 0 0;}
.new-footer-section .footer-bottom .social { width: 50%; text-align: right;}
.new-footer-section .footer-bottom ul { list-style: none; margin: 0; padding: 0;}
.new-footer-section .footer-bottom .policy ul {padding-left: 0 !important;}
.new-footer-section .footer-bottom .policy ul li { display: inline-block; padding: 0 20px 0 0; margin: 0;}
.new-footer-section .footer-bottom .policy ul li:last-child { padding: 0;}
.new-footer-section .footer-bottom .policy ul li a { font-size: 16px; color: #666666; font-family:UniversalSans-750;}
.new-footer-section .footer-bottom .policy ul li a:hover { color: #fa4f4f;}
.new-footer-section .footer-bottom .social ul li { display: inline-block; padding: 0 0 0 12px;}
.new-footer-section .footer-bottom .social ul li a {  display: inline-block; width: 45px; height: 45px; background: #fa4f4f; border-radius: 50%; text-align: center; line-height: 55px; border: 1px solid #fa4f4f; transition: all 0.4s;}
.new-footer-section .footer-bottom .social ul li a svg {height: 20px;fill: #fff;transition: all 0.4s;}
.new-footer-section .footer-bottom .social ul li a:hover { background: #fff;}
.new-footer-section .footer-bottom .social ul li a:hover svg { fill: #fa4f4f;}
.new-footer-section p{ color:#333333; }
.new-footer-section .footer-top .right-side .footer-menu:nth-child(2) { padding-left: 50px;}
.new-footer-section .footer-top .right-side .footer-menu:nth-child(3) { padding-left: 45px;}
.new-footer-section .footer-container { padding: 0px 90px; max-width: 100%; width: 100%;}

/* -- System Pages -- */
.systems-page input.hs-input { border: 1px solid #000; border-radius: 7px; padding: 10px 15px; margin: 8px 0 15px;}
.systems-page.system-pad .hs-form-field { width: 100%; display: inline-block; margin-bottom: 10px;}
.systems-page.system-pad .hs-form-field label { display: block; margin: 0; height: auto; line-height: normal;}
.systems-page.system-pad .hs-form-field input#hs-login-widget-remember { margin-top: 4px; margin-right: 5px;}
.systems-page.system-pad  .hs-submit { margin: 15px 0 0;}
.systems-page.system-pad .hs-error-msgs label { text-transform: inherit; font-weight: 400; font-size: 16px; line-height: 18px;}
.b2b-system .systems-page.system-pad, .systems-page{padding:101px 0;}
.systems-page.system-pad.reset .hs-form-field ul.no-list { list-style: none; padding: 0; margin: 0;}
.systems-page .subscribe-options input#globalunsub { margin-top: 3px; margin-right: 4px;}
.systems-page .email-prefs .item .item-inner p { margin-bottom: 0;}

/* -- Terms & Condition Pages -- */
.term-common-section { width: 100%; display: inline-block; vertical-align: top; padding: 180px 0 70px;}
.term-common-section h1 { font-size: 80px; font-family: UniversalSans-750;}
.term-common-section h2 { font-size: 40px; padding: 10px 0 0;}
.term-common-section p { font-size: 18px; line-height: 28px;}
.term-common-section h3 { font-size: 25px; padding: 30px 0 0; margin: 0;}
.term-common-section ul { padding-left: 20px;}
.term-common-section ul li { color: #666666; font-size: 16px; padding-bottom: 15px;}
.term-common-section p a, .term-common-section ul li a{ color: #fa4f4f; font-family: UniversalSans-750; }
.term-common-section p a:hover, .term-common-section ul li a:hover{ color:#000; }

/* -- Faq Pages -- */
.faq-section { width: 100%; display: inline-block; vertical-align: top;  padding: 180px 0 70px;}
.faq-section h1 {  padding-bottom: 10px; position: relative; margin-bottom: 90px;}
.faq-section h1:before {  content: ' '; top: auto; left: 10px; width: 100px; height: 4px; background: #120f0f; position: absolute; bottom: 0;}
.faq-section .box { width: 100%; display: inline-block; vertical-align: top; padding: 30px 0; border-bottom: 1px solid #00000052;}
.faq-section .box .question { width: 100%; display: inline-block; vertical-align: top; position: relative; padding: 0 80px 12px 0; cursor: pointer;}
.faq-section .box .question h3 { font-size: 30px; margin: 0;}
.faq-section .box .question:before { content: '+'; top: 0; left: auto; width: 35px; height: 35px; background: #fa4f4f; position: absolute; border-radius: 50%; right: 22px; color: #fff; font-size: 26px; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.faq-section .box .question.active:before { content: '-';}
.faq-section .box .answer { width: 100%; display: inline-block; vertical-align: top; padding: 0 80px 0 0;}
.faq-section .btn { text-align: center; padding: 60px 0 0;}


/* ============= Homepage ============ */

/* -- Hero Section -- */
.overflow-hero { width: 100%; display: inline-block; vertical-align: top; padding: 190px 0px 70px; text-align: center;}
.overflow-hero .cover { max-width: 860px; width: 100%; margin: auto;}
.overflow-hero .btn { padding: 20px 0 0;}
.hs-responsive-embed-wrapper.hs-responsive-embed>div { width: 800px; height: 420px;}
.popup-video{ display:none; padding:0 !important; }
.overflow-hero .popup-box { width: 100%; display: inline-block; vertical-align: top; padding: 45px 0 0;}
.overflow-hero .popup-box .img-box { padding-bottom: 41%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 6px; position: relative; max-width: 1080px; margin: auto;}
.overflow-hero .popup-box .img-box a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-flex; height: 60px; width: 60px; background: #fff; border-radius: 50%; align-items: center; justify-content: center; font-size: 25px; padding: 2px 0 0 5px; color: #cccccc; box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 20%);}
.overflow-hero .popup-box .img-box a:hover { background: #fa4f4f; color: #fff;}

/* -- Trusted Logo Section -- */
.trusted-logo-section .box { max-width: 300px; height: 175px; width: 100%; background: #f6f2f0; border-radius: 9px; margin: 15px 15px;}
.trusted-logo-section .box .inner-box { width: 100%; height: 100%; padding: 20px; display: flex; align-items: center; justify-content: center;}
.trusted-logo-section .box .inner-box img { max-width: 170px; width: 100%; object-fit: contain; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1);}
.trusted-logo-section h3{ padding-bottom: 25px; }

/* -- Overflow Content Section -- */
.overflow-content-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0 50px; position:relative;}
.overflow-content-section .cover {  max-width: 100%; width: 100%;}
.overflow-content-section .cover h2 { font-size: 90px; margin-bottom: 35px; color: #bdbdbd;}
.overflow-content-section h2.active { color: #fa4f4f;}
.overflow-content-section h2:hover { color: #fa4f4f;}


/* -- Zig zag Section -- */
.zig-zag-section { width: 100%; display: inline-block; vertical-align: top;  padding: 40px 0 50px;}
.zig-zag-section .box { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 40px;}
.zig-zag-section .box .inner-wrap { width: 100%; display: flex; align-items: center;}
.zig-zag-section .box .left-part { width: 50%; padding-right: 50px; text-align: center;}
.zig-zag-section .box .right-part { width: 50%; padding-left: 50px; padding-right: 50px; text-align: center;}
.zig-zag-section .box .left-part .img-box{min-height: 730px; display: flex; align-items: center;justify-content: center;}
.zig-zag-section .box .left-part .img-box { background: #f6f2f0; padding: 40px;}
.zig-zag-section .box .left-part .img-box img { max-width: 332px; width: 100%;}
.zig-zag-section .box .right-part .details { max-width: 620px; width: 100%;}
.zig-zag-section .box .right-part .content { padding: 0px 0 18px;}
.zig-zag-section .box:nth-child(even) .inner-wrap { flex-direction: row-reverse;}
.zig-zag-section .box:nth-child(even) .inner-wrap .left-part { padding-right: 0; padding-left: 50px;}
.zig-zag-section .box:nth-child(even) .inner-wrap .details { margin: auto;}

/* -- How work Section -- */
.how-work-section { width: 100%; display: inline-block; vertical-align: top;  padding: 180px 0 150px;}
/* .how-wotk-section .box { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 40px;}
.how-wotk-section .box .inner-wrap { width: 100%; display: flex; align-items: center;}
.how-wotk-section .box .left-part { width: 50%; padding-right: 50px; text-align: center;}
.how-wotk-section .box .right-part { width: 50%; padding-left: 50px; padding-right: 50px; text-align: center;}
.how-wotk-section .box .left-part .img-box { padding: 0px; margin-bottom: 50px;}
.how-wotk-section .box .left-part .img-box img { max-width: 670px; width: 100%;}
.how-wotk-section .box .right-part .details { max-width: 610px; width: 100%; margin: auto;}
.how-wotk-section .box .right-part .content { padding: 0px 0 15px;}
*/

.how-work-section .box {width: 100%;display: inline-block;vertical-align: top;}
.how-work-section .box .left-part { width: 50%;}
.how-work-section .box .inner-wrap { display: flex; flex-wrap: wrap; }
.how-work-section .box .right-part { width: 50%; text-align: left; padding-left: 70px;}
.how-work-section .box .right-part .tab-box { margin:90px 0px 230px; cursor: pointer;}
.how-work-section .box .right-part .tab-box:last-child { margin-bottom: 90px;}
.how-work-section .box .right-part .tab-box .tabContent .tab-img { display: none;}
.how-work-section .box .left-part .left-inner-cover { position: sticky; top: 28%; }
.how-work-section .box .right-part .tab-box .btn { padding: 20px 0 0;}
.how-work-section .box .tabTitle h3 { font-size: 42px;}

.how-work-section .box .left-part .left-tab-cover {  width: 100%; max-width: 650px; margin: auto; position: relative;}
.how-work-section .box .left-part .left-tab-cover .laptop-box { width: 100%; display: inline-block; vertical-align: top;}
.how-work-section .box .left-part .left-tab-cover .laptop-box img { width: 100%; max-width: 100%;}

.how-work-section .box .box-animate:first-child .anim-wrap .img2 { position: absolute; top: 17px; left: 7px; right: 0; margin: auto; max-width: 515px; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98); transform: scale(0.9); opacity: 0; visibility: hidden; }
.how-work-section .box .box-animate:first-child .anim-wrap .img2 img { height: 327px; width: 100%; object-fit: cover; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98);}
.how-work-section .box .box-animate:first-child .anim-wrap .img3 { position: absolute; top: 45px; left: 0; right: 0; margin: auto; max-width: 420px; width:100%; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98); transform: scale(1.06); opacity: 0; visibility: hidden;}
.how-work-section .box .box-animate:first-child .anim-wrap .img4 { position: absolute; top: 50px; left: 0; right: 0; margin: auto; max-width: 418px; width:100%; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98); opacity: 0; visibility: hidden;}
.how-work-section .box .box-animate:first-child .anim-wrap .img5 { position: absolute; top: 125px; left: 0; right: 0; margin: auto; max-width: 240px; width:100%; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98); transform: scale(1.2); opacity: 0; visibility: hidden;}
.how-work-section .box .box-animate:first-child .anim-wrap .img6 { position: absolute; top: 278px; left: 0; right: 0; margin: auto; max-width: 418px; width:100%; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98); transform: scale(0); opacity: 0; visibility: hidden;}
.how-work-section .box .box-animate:first-child.anim-in .anim-wrap .img2 { transform: scale(1); opacity: 1; visibility: visible; }
.how-work-section .box .box-animate:first-child.anim-in .anim-wrap .img3 { transform: scale(1); opacity: 1; visibility: visible; transition-delay: 0.1s; }
.how-work-section .box .box-animate:first-child.anim-in .anim-wrap .img4 { opacity: 1; visibility: visible; transition-delay: 0.4s; opacity: 1; visibility: visible; transition-delay: 0.2s; }
.how-work-section .box .box-animate:first-child.anim-in .anim-wrap .img5 { opacity: 1; visibility: visible; transition-delay: 0.4s; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; transition-delay: 0.3s; }
.how-work-section .box .box-animate:first-child.anim-in .anim-wrap .img6 { opacity: 1; visibility: visible; transition-delay: 0.4s; transform: scale(1); opacity: 1; visibility: visible; transition-delay: 0.4s; }

.how-work-section .box .box-animate:nth-child(2) .anim-wrap .img2 { position: absolute; top: 17px; left: 9px; right: 0; margin: auto; max-width: 515px; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98); transform: scale(0.9); opacity: 0; visibility: hidden; }
.how-work-section .box .box-animate:nth-child(2) .anim-wrap .img2 img { width: 100%; height: 327px; object-fit: cover; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98);}
.how-work-section .box .box-animate:nth-child(2) .anim-wrap .img3 { position: absolute; top: 50px; left: 0; right: 0; margin: auto; max-width: 410px; width: 100%; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98); transform: scale(1.06); opacity: 0; visibility: hidden;}
.how-work-section .box .box-animate:nth-child(2) .anim-wrap .img4 { position: absolute; top: 50px; left: 0; right: 0; max-width: 407px; width: 100%; margin: auto; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98); opacity: 0; visibility: hidden; }
.how-work-section .box .box-animate:nth-child(2) .anim-wrap .img5 { position: absolute; top: 88px; left: 0; right: 0; margin: auto; max-width: 320px; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98); transform: translate(40px, 40px); opacity: 0; visibility: hidden;}
.how-work-section .box .box-animate:nth-child(2) .anim-wrap .img6 { position: absolute;top: 240px; left: 0; right: 0; margin: auto; max-width: 407px; transition: all 0.3s cubic-bezier(0.19, 0.01, 0.79, 0.98); transform: scale(0); opacity: 0; visibility: hidden;}
.how-work-section .box .box-animate:nth-child(2).anim-in .anim-wrap .img2 { transform: scale(1); opacity: 1; visibility: visible; }
.how-work-section .box .box-animate:nth-child(2).anim-in .anim-wrap .img3 { transform: scale(1); opacity: 1; visibility: visible; transition-delay: 0.1s; }
.how-work-section .box .box-animate:nth-child(2).anim-in .anim-wrap .img4 { opacity: 1; visibility: visible; transition-delay: 0.2s; }
.how-work-section .box .box-animate:nth-child(2).anim-in .anim-wrap .img5 { max-width: 408px; transform: translate(0px, 0px); opacity: 1; visibility: visible; transition-delay: 0.3s; }
.how-work-section .box .box-animate:nth-child(2).anim-in .anim-wrap .img6 { transform: scale(1); opacity: 1; visibility: visible; transition-delay: 0.4s; }

/* -- Growth Section -- */
.growth-section { width: 100%; display: inline-block; vertical-align: top; padding: 20px 0 50px;}
.growth-section .outer-cover { text-align: center; position: relative; z-index: 11111;}
.growth-section .outer-cover .content { max-width: 660px; width: 100%; margin: auto; padding: 0 0 50px;}
.growth-section .wrap { margin: 0 -12px; display: flex; flex-wrap: wrap;}
.growth-section .box-outer .box { width: calc(100% / 2 - 28px); display: flex; margin: 0 12px 28px; border: 2px solid #fa4f4f; border-radius: 8px; padding: 20px; background: #fff;}
.growth-section .box-outer .box .in-wrap { display: flex; align-items: center;  width: 100%;}
.growth-section .box-outer .box .left-side { width: 70px; height: 70px; background: #f6f2f0; border-radius: 50%; padding: 12px; display: flex; align-items: center; justify-content: center;}
.growth-section .box-outer .box .left-side img { max-width: 37px; width: 100%;}
.growth-section .box-outer .box .right-side { width: calc(100% - 70px); text-align: left; padding: 0 0 0 20px;}
.growth-section .box-outer .box .right-side h4 { font-size: 22px; margin: 0 0 12px; font-family:UniversalSans-750;}
.growth-section .box-outer .box .right-side .details { font-size: 20px; line-height: 30px;}
.growth-section .box-outer { max-width: 1220px; width: 100%; margin: auto; padding: 0 0 25px;}
.growth-section .growth-marquee .grow-img-box.mobile { max-width: 190px; width: 100%; padding: 30px 0 0; transition: all 0.5s;}
.growth-section .growth-marquee .grow-img-box.laptop { max-width: 800px; width: 100%;}
.growth-section .growth-marquee .box { padding: 0 15px;}
.growth-section .growth-slider-section { padding: 60px 0 0; position: relative; z-index: 1;}
.growth-slider-section { padding: 60px 0 0;}
.growth-section .growth-marquee .grow-img-box.mobile img { box-shadow: -19px 20px 22px -15px rgb(0 0 0 / 90%); border-radius: 27px;}
/* .growth-section .growth-slider-section:before { content: ' ';  top: -330px; left: 0; width: 80%; height: calc(100% + 260px); background: #fd9f9a; position: absolute; right: 0; margin: auto; z-index: -1; border-radius: 10px;} */
/* .growth-section .growth-marquee:hover .grow-img-box.mobile { transform: translateY(-15px);} */

/* -- We do Section -- */
.we-do-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0 60px;}
.we-do-section .left-part { width: 50%; padding: 0px 30px 0px 50px;}
.we-do-section .top-part { display: flex; flex-wrap: wrap; align-items: center;}
.we-do-section .right-part { width: 50%; padding-left: 11px;}
.we-do-section .left-part h3 { font-size: 40px; max-width: 600px; width: 100%;}
.we-do-section .wrap { margin: 0 -10px; display: flex;  flex-wrap: wrap; justify-content: center;}
.we-do-section .box { width: calc(100% / 2 - 23px); margin: 0 10px 20px; padding: 25px; border-radius: 10px; transition:all 0.4s;}
/* .we-do-section .box:hover{ background:#fff !important; border-color:#000 !important; } */
.we-do-section .box .icon { width: 55px; height: 55px; background: #000; border-radius: 50%; padding: 12px; display: flex; align-items: center; justify-content: center;}
.we-do-section .box .icon img { max-width: 23px;}
.we-do-section .box .box-details { padding: 15px 0 0;}
.we-do-section .box .box-details h3 { margin-bottom: 10px; font-family: UniversalSans-750; font-size: 42px;}
.we-do-section .box .box-details h5 { font-family: UniversalSans-600; font-size: 17px; padding-bottom: 30px;}
.we-do-section .box .box-details p { font-size: 13px; color: #5d5d5d; line-height: 22px;}
.we-do-section .bottom-part { width: 100%; display: inline-block; vertical-align: top;}
.we-do-section .bottom-part .box {width: calc(100% / 4 - 23px);}
.we-do-section .box .in-height{width: 100%; display: inline-block; vertical-align: top;}
.we-do-section .box .box-details .title {width: 100%;display: inline-block;vertical-align: top;}

/* -- Advantage Section -- */
.advantage-section.we-do-section .left-part .details h3 { font-size: 50px; padding-bottom: 15px;}
.advantage-section.we-do-section .box .box-details h3 { font-size: 26px; padding-bottom: 30px;}

/* -- Testimonial Section -- */
.testimonial-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0px 40px;}
.testimonial-section .section-content { padding-bottom: 10px; padding-left: 40px; display: flex; align-items: center;}
.testimonial-section .testimonial-slider .inner-cover {background-image: -moz-linear-gradient( 121deg, rgb(251,90,90) 0%, rgb(255,141,135) 100%);background-image: -webkit-linear-gradient( 121deg, rgb(251,90,90) 0%, rgb(255,141,135) 100%);background-image: -ms-linear-gradient( 121deg, rgb(251,90,90) 0%, rgb(255,141,135) 100%);border-radius: 10px;padding: 45px 55px;}
.testimonial-section .testimonial-slider .inner-cover .person-img { width: 100px; height: 100px; margin-bottom: 50px;}
.testimonial-section .testimonial-slider .inner-cover .person-img img { width: 100%; object-fit: cover; border-radius: 50%;}
.testimonial-section .testimonial-slider .inner-cover .details { color: #fff; width: 100%; display: inline-block; vertical-align: top;} /* max-width: 570px; */
.testimonial-section .testimonial-slider .inner-cover .details p { font-size: 25px; font-style: italic; line-height: 1.3;}
.testimonial-section .testimonial-slider .inner-cover .details  h4 { color: #fff; font-family: UniversalSans-750; font-size: 22px; margin-bottom: 5px; margin-top: 25px;}
.testimonial-section .testimonial-slider .inner-cover .details h5 { font-family: UniversalSans-750; font-size: 21px; color: #fff;}
.testimonial-section .testimonial-slider .slick-slide { margin: 0 13px;}
.testimonial-section .slick-list.draggable { padding: 0 6% 0;}
.testimonial-section .slick-buttons { width: 140px; height: 140px; position: relative;}
.testimonial-section .section-content .left-side { width: calc(100% - 140px);}

/* -- Community Section -- */
.community-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0 80px;}
.community-section .cover { background: #fef8f8; border-radius: 10px; overflow: hidden; display: flex; align-items: center; height: 1100px;}
.community-section .left-part { width: 50%; padding: 0 60px 0;}
.community-section .right-part { width: 50%;}
.community-section .right-part .box { width: calc(100% / 2 - 24px); margin: -30px 12px -30px; transition: all 0.5s; overflow: hidden; position: relative;}
.community-section .right-part .wrap { margin: 0 -12px; display: flex; flex-wrap: wrap;}
.community-section .right-part .box .top-img { margin: 15px 0 0; width: 100%; display: inline-block; vertical-align: top;}
.community-section .right-part .box .bottom-img { margin: 0px 0 15px; width: 100%; display: inline-block; vertical-align: top;}
.community-section .right-part .box .inner-wrap { width: 100%; display: inline-block; vertical-align: top; margin: 15px 0;}
.community-section .right-part .box .inner-box { width: 100%; display: inline-block; vertical-align: top; background: #d2dad8; border-radius: 10px; padding: 25px 25px; margin: 15px 0;}
.community-section .right-part .box .inner-box .person-img { width: 100px; height: 100px;}
.community-section .right-part .box .inner-box .person-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.community-section .right-part .box .inner-box  .content {padding: 50px 0 0;}
.community-section .right-part .box .inner-box .content p { font-size: 17px; font-style: italic; color: #060606;}
.community-section .right-part .box .inner-box .content h4 { font-family: UniversalSans-750; font-size: 17px; margin-bottom: 2px; margin-top: 10px;}
.community-section .right-part .box .inner-box .content h5 { font-family: UniversalSans-750; font-size: 17px; margin-bottom: 10px;}
.community-section .right-part .box .top-img img { width: 100%; height: 100%; border-radius: 10px;}
.community-section .left-part h3 { margin-bottom: 10px;}
.community-section .left-part .content {padding: 0 0 20px;}
.community-section .right-part .box:last-child { top: 20px;}
.community-section .right-part .box:first-child { top: 160px;}
.community-section .right-part .box:first-child:hover { top: 130px;}
.community-section .right-part .box:last-child:hover { top: -50px;}
.home-testimonial.testimonial-section .testimonial-slider .inner-cover .person-img,.home-com-sec.community-section .right-part .box .inner-box .person-img { display:none; }
.home-com-sec.community-section .right-part .box .inner-box .content { padding: 0; }
.community-section .right-part .box .top-img img { min-height: 470px; object-fit: cover;}
.community-section .right-part .box .bottom-img img { min-height: 470px;  object-fit: cover; width: 100%; height: 100%; border-radius: 10px;}

/* -- Home Blog Section -- */
.home-blog-section { width: 100%; display: inline-block; vertical-align: top; padding: 20px 0 70px;}
.home-blog-section .wrap {margin: 0 -10px; display: flex; flex-wrap: wrap; padding: 10px 0 0;}
.home-blog-section .left-part { width: 50%; padding: 0 10px;}
.home-blog-section .right-part { width: 50%; padding: 0 10px;}
.home-blog-section .left-part .post-image { width: 100%; display: inline-block; vertical-align: top; height: 355px; overflow: hidden;}
.home-blog-section .left-part .post-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0 0;}
.home-blog-section .box { transition: all 0.5s; border-radius: 10px; overflow: hidden; width: 100%; display: inline-block; vertical-align: top; box-shadow: 0px 0px 22px 0px rgb(0 0 0 / 20%);}
.home-blog-section .left-part .bottom-part { width: 100%; display: inline-block; vertical-align: top; padding: 20px;}
.home-blog-section .bottom-part .post-title { font-size: 25px; font-family: UniversalSans-750; color: #333333; line-height: 35px;}
.home-blog-section .bottom-part .post-title a { color: #333333;}
.home-blog-section .bottom-part .post-content p {font-size: 18px;}
.home-blog-section .bottom-part .post-title a:hover { color: #fa4f4f;}
.home-blog-section .bottom-part .date { color: #cccccc; font-size: 16px;}
.home-blog-section .bottom-part .read-more {padding: 15px 0 0;}
.home-blog-section .bottom-part .read-more a { display: inline-block; color: #fa4f4f; font-size: 18px; font-family: UniversalSans-750;}
.home-blog-section .box:hover { box-shadow: 0px 0px 45px 0px rgb(0 0 0 / 20%);}
.home-blog-section .box:hover .post-image img { transform: scale(1.1);}
.home-blog-section .box .post-image img { transition: all 0.4s; width: 100%; height: 100%; object-fit: cover;}
.home-blog-section .right-part .box { width: 100%; display: inline-flex; vertical-align: top; margin: 0 0 20px;}
.home-blog-section .right-part .box .post-image { width: 40%; min-height: 270px; border-radius: 10px; overflow: hidden;}
.home-blog-section .right-part .box .bottom-part { width: 60%; padding: 30px 20px 10px 35px;}
.home-blog-section .right-part .box .bottom-part .post-title { font-size: 23px; line-height: 32px;}
.home-blog-section .right-part .box .bottom-part .post-content p { font-size: 16px; line-height: 24px;}
.home-blog-section .right-part .box:last-child {margin-bottom: 0;}
.home-blog-section .right-part .box .post-image img { border-radius: 10px;}
.home-blog-section .bottom-part .read-more a img { max-width: 16px; display: inline-block; vertical-align: middle; margin-left: 3px; transition: all 0.4s;}
.home-blog-section .bottom-part .read-more a:hover img { margin-left: 8px;}

/* -- Schedule Meeting Section -- */
.schedule-meeting-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0 80px; text-align: center;}
.schedule-meeting-section .btn { padding: 30px 0 0;}
.schedule-meeting-section h3 { padding-bottom: 10px;}

/* ============= Demo Page ============ */

.new-demo-section { width: 100%; display: inline-block; vertical-align: top; overflow: hidden;}
.new-demo-section  .cover { width: 100%; display: flex; flex-wrap: wrap; }
.new-demo-section .left-part { width: 25%; padding: 25px 25px; }
.new-demo-section .right-part { width: 75%; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat;  background-size: cover; background-position: center center; min-height: 100vh; position: fixed; right: 0; overflow: hidden;}
.new-demo-section .left-part .logo { max-width: 170px; width: 100%;}
.new-demo-section .left-part .section-content { width: 100%; display: inline-block; vertical-align: top; padding: 25px 0 0;}
.new-demo-section .left-part h1 { font-size: 26px; letter-spacing: -0.5px; line-height: 1.3;  margin-bottom: 5px;}
.new-demo-section .left-part .section-content .btn { margin: 15px 0;}
.new-demo-section .left-part .box { width: 100%; display: inline-block; vertical-align: top; margin: 0 0 30px;}
.new-demo-section .left-part .box h3 { font-size:20px; font-family: UniversalSans-750; margin-bottom: 0;}
.new-demo-section .left-part .box h3+p { margin: 0;}
.new-demo-section .left-part .wrap { padding: 10px 0 0;}
.new-demo-section .left-part .sticky-bar { position: sticky; top: 0;}
.new-demo-section .right-part .form-cover { width: 100%; max-width: 551px; background: #e9e9e9; border-radius: 10px; padding: 25px; margin: auto; display: flex; align-items: center; justify-content: center;}.new-demo-section .right-part h3 { font-size: 32px; font-family: UniversalSans-750;}
.new-demo-section .right-part h5 { font-size: 18px; line-height: 25px;}
.new-demo-section .right-part form .hs-form-field {position: relative;}
.new-demo-section .right-part form ul.hs-error-msgs.inputs-list {position: absolute; top: 40px; right: -23px; list-style-type: none; padding: 1px 5px; background: #ff0000; margin: 0; border-top-right-radius: 8px; transform: scale(0.8);}
.new-demo-section .right-part form ul.hs-error-msgs.inputs-list > li > label {font-weight:500;position:relative;z-index:9;color: #fff;}
.new-demo-section .right-part form ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background:#ff0000; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0;}
.new-demo-section .right-part form .hs-form-field { margin-bottom: 5px;}
.new-demo-section .right-part form .hs-form-field>label { margin: 0;}
.new-demo-section .right-part form .hs-form-field input, .new-demo-section .right-part form .hs-form-field select, .new-demo-section .right-part form .hs-form-field textarea { font-size: 15px; border-radius: 8px;}
.new-demo-section .right-part form .hs-form-field ul.no-list.hs-error-msgs.inputs-list { margin: 0 0 10px;}
.new-demo-section .right-part form .hs-form-field label.hs-error-msg { font-size: 14px; text-transform: inherit; font-weight: 400; font-family: UniversalSans-450;}
.new-demo-section .right-part input.hs-button { margin: 0; width: 100%; border-radius: 0; background: #fa4f4f; border-color: #fa4f4f; transition: all 0.5s; border-radius:8px; }
.new-demo-section .right-part input.hs-button:hover { background: #000;}
.new-demo-section .right-part .bottom-text { padding: 20px 0 0; color: #000; font-size: 12px; line-height: 18px;}
.new-demo-section .left-part .box:last-child { margin-bottom: 0;}
.new-demo-section .right-part .mCSB_container{ height: 100%;}
.new-demo-section .right-part .form-outer { width: 100%; display: flex; justify-content: center; max-width: 100%; height: 100%; padding: 30px 20px; }
.new-demo-section .right-part form .hs-form-field select {  background-image: url(https://21174310.fs1.hubspotusercontent-na1.net/hubfs/21174310/select-down.png);  background-repeat: no-repeat; background-size: 11px; background-position: 98% center; letter-spacing: 0.4px; color: #333333;}
.hs-blog-listing .body-container-wrapper, .hs-blog-post .body-container-wrapper { padding-top: 108px;}


/* ============= Non Profits ============ */

/* -- Hero Section -- */
.inner-hero-section.overflow-hero .cover { max-width: 1105px;}
.inner-hero-section.overflow-hero .content { max-width: 1000px; width: 100%;  margin: auto;}

/* -- Zig Zag Section -- */
.non-profit-zigzag.zig-zag-section .box .left-part .img-box { min-height: auto; display: flex; align-items: center; justify-content: center;}
.non-profit-zigzag.zig-zag-section .box .left-part .img-box img { max-width: 630px;}
.non-profit-zigzag.zig-zag-section .box:nth-child(even) .left-part .img-box img { max-width: 330px; position: relative; }
.non-profit-zigzag.zig-zag-section .box .left-part { padding-right: 0;}
.non-profit-zigzag.zig-zag-section .box:nth-child(even) .inner-wrap .left-part { padding-left: 0;}
.non-profit-zigzag.zig-zag-section .box { margin-bottom: 0;}
.non-profit-zigzag.zig-zag-section .box .right-part { padding: 50px;}
.non-profit-zigzag.zig-zag-section .box .inner-wrap .details { margin: auto; max-width: 620px; width: 100%;}
.non-profit-zigzag.zig-zag-section .box:nth-child(even) .left-part .img-box img { top: 0; }
.zig-zag-box.non-profit-zigzag.zig-zag-section .box .left-part .img-box img,.zig-zag-box.non-profit-zigzag.zig-zag-section .box:nth-child(even) .left-part .img-box img { max-width: 100%; }
.zig-zag-box.zig-zag-section .box .left-part .img-box { padding: 0; min-height: auto !important; }

/* .zig-zag-box.non-profit-zigzag.zig-zag-section .box:nth-child(even) .left-part .img-box img{ top: 0;} */

/* -- Simple use Section -- */
.simple-use-section { width: 100%; display: inline-block; vertical-align: top; padding: 80px 0 50px;}
.simple-use-section .details { text-align: center; max-width: 820px; width: 100%; margin: auto; padding: 0 0 60px;}
.simple-use-section .details p span { color: #000; font-family: UniversalSans-600;}
.simple-use-section .box-outer { max-width: 700px; width: 100%; margin: auto;}
.simple-use-section .wrap {  margin: 0 -15px; display: flex;  flex-wrap: wrap;}
.simple-use-section .box { width: calc(100% / 2 - 30px); margin: 0 15px 30px; text-align: center;}
.simple-use-section .box .icon { width: 75px; height: 75px; background: #fa4f4f; border-radius: 50%; padding: 12px; display: flex; align-items: center; justify-content: center; margin: auto;}
.simple-use-section .box h3 { margin: 15px 0 10px; font-family: UniversalSans-750;}
.simple-use-section .box h5 {  margin: 0; font-family: UniversalSans-750; font-size: 20px; line-height: 30px;}
.simple-use-section .box .icon img { max-width: 31px;}

/* -- Benifit Section -- */
.benefit-section .box .box-details h3 { font-size: 26px; padding-bottom: 30px;}
.benefit-section .box .box-details p { line-height: 23px; font-size: 15px;}
.benefit-section .btn {text-align: center;padding: 20px 0 0;}
.benefit-section .section-heading { text-align: center; padding: 0 0 40px;}
.benefit-section .section-heading h3 { margin-bottom: 0;}

/* -- Story Section -- */
.new-story-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0 70px;}
.new-story-section .container { display: flex; flex-wrap: wrap;}
.new-story-section .left-part { width: 50%; padding: 60px 40px 0 0;}
.new-story-section .right-part { width: 50%; padding: 0 0 0 30px;}
.new-story-section .left-part h3 { text-transform: uppercase; font-family: UniversalSans-750;}
.new-story-section .story-slider .content p { font-size: 28px; color: #fff; line-height: 42px;}
.new-story-section .story-slider .person-box { width: 100%; display: flex; align-items: center; padding: 30px 0 0;}
.new-story-section .story-slider .person-box .person-img { width: 101px;}
.new-story-section .story-slider .person-box .person-details { width: calc(100% - 101px); padding: 0 0 0 25px;}
.new-story-section .story-slider .person-box h5 { font-family: UniversalSans-750; font-size: 20px; line-height: 26px;}
.new-story-section .slick-buttons { width: 100%; display: flex; position: relative; margin-bottom: 60px;}
.new-story-section .slick-buttons .slick-arrow.slick-prev { left: auto; right: 77px;}
.new-story-section .inner-wrap { background-image: -moz-linear-gradient( 121deg, rgb(251,90,90) 0%, rgb(255,141,135) 100%); background-image: -webkit-linear-gradient( 121deg, rgb(251,90,90) 0%, rgb(255,141,135) 100%); background-image: -ms-linear-gradient( 121deg, rgb(251,90,90) 0%, rgb(255,141,135) 100%); border-radius: 10px; padding: 30px; color: #fff; }
.new-story-section .inner-wrap *{color:#fff;}

/* -- Non-profit Faq Section -- */
.nonprofit-faq-section { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0 60px;}
.nonprofit-faq-section .details { text-align: center; padding: 0 0 20px;}
.nonprofit-faq-section .box { width: 100%; display: flex; flex-wrap: wrap; border-bottom: 1px solid #c2c2c2; padding: 51px 0;}
.nonprofit-faq-section .box .details { text-align: left; padding: 10px 0 0; width: 100%; display: none;}
.nonprofit-faq-section .box .details p { line-height: 28px; color: #424242;}
.nonprofit-faq-section .faq-wrap { max-width: 810px; width: 100%; margin: auto;}
.nonprofit-faq-section .box h4 { font-family: UniversalSans-750; font-size: 20px; color: #424242; letter-spacing: 0; margin-bottom: 0; padding-left: 30px; position: relative; cursor: pointer; width: 100%;}
.nonprofit-faq-section .box h4:before {  content: '\f107'; font-family: 'FontAwesome';  position: absolute; left: 4px; transition: all 0.4s;}
.nonprofit-faq-section .box:last-child { border: 0;}
.nonprofit-faq-section .box h4.active:before { transform: rotate(180deg);}
.nonprofit-faq-section .box .details ol, .nonprofit-faq-section .box .details ul { padding-left: 30px;}
.nonprofit-faq-section .box .details ol li, .nonprofit-faq-section .box .details ul li { padding-bottom: 7px; font-size: 18px; color: #424242;}
.nonprofit-faq-section .box .details ol li:last-child, .nonprofit-faq-section .box .details ul li:last-child { padding-bottom: 0;}

.benefit-section.we-do-section .bottom-part .box {width: calc(100% / 4 - 20px);}


/* -- Feature Section -- */
.feature-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0px 50px;}
.feature-section .inner-wrap { display: flex; flex-direction: row-reverse;}
.feature-section .left-part { width: 55%; padding: 60px 10px 0 10px; background: #FF8282;}
.feature-section .right-part { width: 45%; padding: 0 60px 0 0;}
.feature-section .right-part .tabing-box { width: 100%; display: flex; flex-wrap: wrap; padding: 5px 0 20px;}
.feature-section .right-part .tabing-box .title-wrap { display: flex; width: 100%;  padding: 17px 18px; background: #fff;}
.feature-section .right-part .tabing-box .icon { background: #f6f2f0; width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 15px; margin-top: 8px;}
.feature-section .right-part .tabing-box .tabTitle {  width: calc(100% - 70px); padding: 0 0 0 18px; font-family: UniversalSans-750; color: #161616; font-size: 22px; line-height: normal;}
.feature-section .right-part .tabing-box .icon img { max-width: 33px;}
.feature-section .right-part .tabing-box .tabTitle .content {  font-family: UniversalSans-450; font-size: 17px; line-height: 27px; padding: 11px 0 0; max-width: 100%; width: 100%;}
.feature-section .right-part .tabing-box.tabActive .title-wrap { background: #f6f2f0; border-radius: 10px;}
.feature-section .right-part .tabing-box.tabActive .title-wrap .icon { background: #fff;}
.feature-section .right-part .tabing-box .tab-content { display: none;}
.feature-section .left-part .img-box-sticky { position: sticky; top: 111px;}
.feature-section .right-part .section-content h3 { font-size: 30px; font-family: UniversalSans-750;}
.feature-section .right-part .section-content { padding-bottom: 30px;}
.feature-section .right-part .section-content h6 { font-size: 18px;}
.feature-section .left-part .box-animate { position: relative;}
/* .feature-section .left-part .box-animate .in-cover { transition: all 0.4s; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden;} */
.feature-section .left-part .box-animate.anim-in .in-cover { opacity: 1; visibility: visible; }
.feature-section .left-part .box-animate .in-cover {padding: 20px;}

.feature-section .left-part .box-animate h5.shadow-text { text-align:center; text-transform: uppercase; text-shadow: 0px 0px 3px #000; color: #fff; font-size: 92px;font-family: UniversalSans-750; letter-spacing: 0; position: absolute; top: 0;left: 0;}
.feature-section .left-part .box-animate:first-child{ display:block; }
.feature-section .left-part .box-animate img { max-width: 481px !important; width: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); border-radius: 5px;}
.feature-section .left-part .box-animate h5.shadow-text.small { font-size: 58px;}
.feature-section .btn { text-align: center; padding: 70px 0 20px;}
.feature-section .container {max-width: 100%;padding-right: 0 !important;}
.feature-section .right-part .tabing-box .details {width: 100%;}


/* ============= Corporations page ============ */

.employee-section { width: 100%; display: inline-block; vertical-align: top; text-align: center;  padding: 60px 0px;}
.employee-section .section-title { padding-bottom: 30px;}
.employee-section .section-title .content { max-width: 750px; width: 100%; margin: auto;}
.employee-section .img-cover { max-width: 1001px; width: 100%; margin: auto;}
.employee-section .wrap { margin: 0 -15px; display: flex; flex-wrap: wrap; justify-content: center; padding: 40px 0 0;}
.employee-section  .box { width: calc(100% / 3 - 30px); margin: 0 15px 60px;}
.employee-section .box .icon {background: #f6f2f0;height: 70px;width: 70px;border-radius: 50%;padding: 10px;display: flex;align-items: center;justify-content: center;margin: auto;}
.employee-section .box .icon img { max-width: 32px;}
.employee-section .box h4 { padding: 20px 0 5px; font-family: UniversalSans-750; font-size: 21px; letter-spacing: 0;  margin: 0;}
.employee-section .box  .content { max-width: 350px; width: 100%;  margin: auto;}

/* .corporations-page .benefit-section.we-do-section .bottom-part .box:nth-child(odd) {border: 2px solid #6d6d6d !important;}
.corporations-page .benefit-section.we-do-section .bottom-part .box:nth-child(odd):hover { border: 2px solid #000000 !important;}
.corporations-page .benefit-section.we-do-section .bottom-part .box:nth-child(even):hover { border: 2px solid #000 !important;}
.corporations-page .benefit-section.we-do-section .bottom-part .box:nth-child(even) { border: 2px solid #d1dbd8 !important;} */
.btn .icon { width: 14px; height: 14px; stroke: currentColor; stroke-width: 1px; }
.btn.is-outlined { border-style: solid; justify-content: center; background-color: transparent; text-align: center; box-shadow: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; text-decoration: none; display: inline-flex; align-items: center; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(0,0,0,var(--tw-border-opacity)); padding:20px 16px ; font-size: 16px; line-height: 1.25; font-weight: 600; color: #000; transition-duration: .15s; }


/******************************* Service tab module **********************************/
.span12.nav.nav-tabs.tabs-left ul { display: flex; flex-wrap: wrap; border-bottom: 2px solid; list-style: none; }
.span12.nav.nav-tabs.tabs-left ul li { width: 25%; }
.span12.nav.nav-tabs.tabs-left ul li .tab-nav-content { padding: 0; box-shadow: none; border: 0 !important; }
.span12.nav.nav-tabs.tabs-left ul li .tab-nav-content.active .txt-content{color:#fa4f4f;}
.span12.nav.nav-tabs.tabs-left ul li .tab-nav-content.active a{box-shadow: none;}
.tab-content-inner .dis-flex { display: flex; flex-wrap: wrap; }
.tab-content.sidebar__inner.clearfix { padding: 50px 0 0; }
.tab-content-inner .dis-flex .tab-content > p { margin-bottom: 40px; }
.servicev2-main .content-wrapper,.servicev2-main .wrapper, .servicev2-main .container, .servicev2-main .page-center { max-width: 1660px; padding: 0 0!important; }
.nav-tabs { padding-right: 0 !important; }
.tab-content-inner .dis-flex .tab-content { width: 50%; padding-right: 50px; }

/******************************* New Blog Listing page CSS **********************************/
.blog-list-main.rm-list-col-box { width: calc(33.33% - 40px); margin: 40px 20px 0;position:relative; }

.list-content-box { margin-top: 15px; }
.blog.blog-v1 #hubspot-topic_data {  background:#fa4f4f !important;}
ul.social-sharing a:hover i{ box-shadow:0 0 0 1em #fa4f4f inset !important;}
.rm-blog-list { display: flex; flex-direction: column; height: 100%; padding: 0 0 50px !important; margin: 0 !important; }
.post-listin-pages.read-time-section.dis-flx { position: absolute; top: 0; width: 100%; }
.post-sharing { position: absolute; bottom: 0; width: 100%; }
.blog-list-main.rm-list-col-box .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {  width:100%; border-width: 0; max-width: 100%; display: inline-block !important; margin: 10px 0px 10px 0px; object-fit: cover; height: 240px; }

.blog .blog-list-main.rm-list-col-box .post-header h2 a{font-size:30px;line-height:1 !important;}
.dis-flex.post-listing .hs-author-profile ,.dis-flex.post-listing h3.hs-author-listing-header{    text-align:center; width: 100%;}


/************************* Our Speak Value *****************************/

.bestEverCRESection.three-section.our-speak-value.pos-relative.m-com { padding: 100px 0 20px; }
.bestEverCRESection.three-section.our-speak-value .one-side * {color:#fff}
.bestEverCRESection.three-section.our-speak-value .box-outer .wrap { display: flex; flex-wrap: wrap;margin-top:45px; }
.bestEverCRESection.three-section.our-speak-value .box-outer .wrap .box {width: 33.33%;padding:0 30px; margin-bottom: 80px;    height: 100%;}    
.bestEverCRESection.three-section.our-speak-value .box-outer .wrap .box>*{height: 100%; }
.bestEverCRESection.three-section.our-speak-value .box-outer .wrap .box .one-side { display: flex; flex-wrap: wrap;   height: 100%; }
.bestEverCRESection.three-section.our-speak-value .box-outer .wrap .box .one-side h4{width:100%;font-size:22px;margin-bottom:10px;}
.bestEverCRESection.three-section.our-speak-value .box-outer .wrap .box .one-side .details { margin-top: auto; width: 100%; }
.bestEverCRESection.three-section.our-speak-value.pos-relative.m-com h2 { font-size: 45px; margin-bottom: 40px !important; display: block; width: 100%; }
.bestEverCRESection.three-section.our-speak-value .box-outer { margin-top: 75px; }

.tab-content-inner .dis-flex .tab-content.team-member { width: 25%; margin-bottom: 50px; padding: 0 15px; }
.section-padding.servicev2-main.team-member-section .span12.nav.nav-tabs.tabs-left ul li { width: 12.5%; padding: 0 5px;}
.section-padding.servicev2-main.team-member-section{padding:100px 0 !important;}
.section-padding.servicev2-main.team-member-section .tab-content-inner .dis-flex {  margin: 0 -15px; }
.tab-content.wow.pulse.team-member a { font-weight: 600; display: block; line-height: 0; }
.section-padding.servicev2-main.two-col-fontstyle.team-member-section .wrapper.main-content {    max-width: 1200px !important;padding:0 20px !important;}
.tab-content.wow.pulse.team-member * { color: #000; }
.tab-content.wow.pulse.team-member a:hover span{ color: #fa4f4f !important; }
.tab-content-inner .dis-flex .tab-content.team-member img { object-fit: cover; height: 275px !important; width: 100%; margin-bottom: 10px; object-position: top;}
.tab-content-inner .dis-flex .tab-content.team-member > p{margin-bottom:15px;}
.section-padding.servicev2-main.team-member-section .tab-nav-content .txt-content { width: 100%; font-size: 16px; }
.tab-content-inner .dis-flex .tab-content.team-member>a { display: none;}

.team-member-section .tab-content .team-social { width: 100%; display: inline-block; vertical-align: top; padding: 10px 0 0; position: absolute; top: auto; bottom: 0; left: 0;}
.team-member-section .tab-content .team-social ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; list-style: none;}
.team-member-section .tab-content .team-social ul li { display: inline-block; padding: 0 8px 0 0;}
.team-member-section .tab-content .team-social ul li a { display: inline-flex; align-items: center; justify-content: center; height: 40px; width: 40px; background: #fa4f4f;  border-radius: 50%; padding: 11px; border: 1px solid #fa4f4f;}
.team-member-section .tab-content .team-social ul li a svg { fill: #fff; transition: all 0.4s; height: 21px;  position: relative; top: 4px;}
.team-member-section .tab-content .team-social ul li a:hover { background: #fff;}
.team-member-section .tab-content .team-social ul li a:hover svg { fill: #fa4f4f;}
.team-member-section.servicev2-main .container{ max-width: 1330px !important; margin: 0 auto !important; padding: 0 15px !important;}
.team-member-section.servicev2-main .box-wrap { justify-content:center; }
.team-member-section .tab-content .team-content h5 {font-size: 14px; font-family: UniversalSans-750;}
.team-member-section .tab-content .team-content p { color: #666666 !important; display:none;}
.team-member-section .tabs-right {width:100%;}
.team-member-section .vx-filter-box .team-member.custom_width {width: calc(100% / 4 - 30px);padding-bottom: 0px;}
.tab-content.team-member.custom_width.mix.investorsandadvisors h4 {text-align: center;}

/* ============= Community Page ============ */

/* -- Community Content Section -- */
.community-content-section { width: 100%; display: inline-block; vertical-align: top;}
.community-content-section .content-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px;}
.community-content-section .box { width: calc(100% / 2 - 30px); margin: 0 15px 50px;}
.community-content-section .box p { color: #060606; font-size: 26px; line-height: 1.5;}
.community-content-section .box .details { max-width: 600px; width: 100%; margin: auto;}
.community-content-section .box h5 { margin: 22px 0 0; font-family: UniversalSans-750; font-size: 20px;}

/* -- Community Filter Section -- */
.community-filter-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0px;}
.community-filter-section .vx-filter-box { padding: 20px 0 0px; display: flex; flex-wrap: wrap; margin: 0 -10px;}
.community-filter-section .vx-filter-box .box { width: calc(100% / 3 - 20px); margin: 0 10px 40px; vertical-align: top; position:relative; padding-bottom: 18px;}
.community-filter-section .vx-filter-box .box .img-box { width: 100%; display: inline-block; vertical-align: top; height: 260px; overflow: hidden; border-radius: 10px; position: relative;}
.community-filter-section .vx-filter-box .box .img-box img { width: 100%; height: 100% !important; object-fit: cover; transition: all 0.4s;}
/* .community-filter-section .vx-filter-box .box .img-box:before { content: ''; top: 50%;  left: 50%; width: 15px; height: 15px; position: absolute; background: #f05151; border-radius: 50%; transform: translate(-50%, -50%); transition: all 0.4s; z-index: 1;} */
.community-filter-section .vx-filter-box .box:hover .img-box:before { width: 100%; height: 100%; border-radius: 0; opacity: 0.6;}
.community-filter-section .vx-filter-box .box:hover .img-box img { transform: scale(1.2);}
.community-filter-section .vx-filter-box .box .bottom-part { width: 100%; display: inline-block; vertical-align: top; padding: 25px 15px;}
.community-filter-section .vx-filter-box .box .bottom-part h3 { font-size: 22px; font-family: UniversalSans-750; letter-spacing: 0; margin-bottom: 5px;}
.community-filter-section .vx-filter-box .box .bottom-part .text { letter-spacing: 0.5px; font-size: 16px; line-height: 1.4; margin: 0; padding: 10px 0px; color: #666666;}
.community-filter-section .vx-filter-box .box .bottom-part .simple-button { padding: 5px 0 0; position: absolute; bottom: 0; top: auto; width: 100%;}
.community-filter-section .loadmore { text-align: center; padding: 30px 0 0px;}
.community-filter-section .loadmore button.loadmore-less { display: none;}
.community-filter-section .loadmore button.btn-1 { font-family: UniversalSans-600; background-color: rgba(250, 79, 79, 1.0); border: 1px solid #fa4f4f!important; border-radius: 6px!important; color: #FFFFFf; padding: 10px 23px!important; display: inline-block; line-height: normal !important; font-size: 18px; transition: all 0.4s; text-transform: inherit; letter-spacing: 0; cursor: pointer;}
.community-filter-section .loadmore button.btn-1:hover { color: #fa4f4f; background: transparent;}
.community-filter-section .top.filter-controls { width: 100%; display: flex; align-items: center; justify-content: space-between;}
.community-filter-section .top.filter-controls .left-side { padding: 0 30px 0 0;}
.community-filter-section .top.filter-controls .right-side { padding: 0 0 0 30px;}
.community-filter-section .top.filter-controls h5 { color: #fa4f4f; font-family: UniversalSans-750; cursor: pointer; position: relative; margin: 0; text-transform: capitalize;}
.community-filter-section .top.filter-controls h5.active i { transform: rotate(180deg);}
.community-filter-section .top.filter-controls .drop-box { position: relative; width: 100%;}
.community-filter-section .top.filter-controls .select-box { width:251px; position: absolute; top: calc(100% + 5px); z-index: 1111;  border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.3); display: none;}
.community-filter-section .top.filter-controls .select-box a { width: 100%; display: inline-block; padding: 5px 15px; border-bottom: 1px solid #ffffff4a; color: #fff; font-family: UniversalSans-600; letter-spacing: 0.5px; background: #fa4f4f; text-transform: capitalize; font-size:14px; }
.community-filter-section .top.filter-controls .select-box a:last-child { border: 0;}
.community-filter-section .top.filter-controls .select-box a:hover { background: #fff; color: #fa4f4f;}
.community-filter-section .top.filter-controls input { font-size: 18px; border: 1px solid #cecece;  border-radius: 10px; height: 50px; width: 310px;  padding: 10px 50px 10px 20px; color: #666666; font-family: UniversalSans-450;}
.community-filter-section .top.filter-controls .right-side .search-box { position: relative;}
.community-filter-section .top.filter-controls .right-side .search-box:before { content: ' '; width: 22px; height: 22px; position: absolute; background-image: url("https://21174310.fs1.hubspotusercontent-na1.net/hubfs/21174310/search-icon.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; left: auto; right: 20px; top: 50%; transform: translateY(-50%);}
.community-filter-section .vx-filter-box .box .bottom-part .in-height { width: 100%; display: inline-block; vertical-align: top;}
.community-filter-section .top.filter-controls input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cdcdcd; font-size:16px;
}
.community-filter-section .top.filter-controls input::-moz-placeholder { /* Firefox 19+ */
  color: #cdcdcd; font-size:16px;
}
.community-filter-section .top.filter-controls input:-ms-input-placeholder { /* IE 10+ */
  color: #cdcdcd; font-size:16px;
}
.community-filter-section .top.filter-controls input:-moz-placeholder { /* Firefox 18- */
  color: #cdcdcd; font-size:16px;
}
.community-filter-section .loadmore button.btn-1[disabled="disabled"] {
  display: none;
}

.community-filter-section .top.filter-controls h5:before { content: '\f107'; top: 2px; font-family: FontAwesome; position: absolute; left: auto; right: -22px; font-weight: 600; font-size: 20px;}
.community-filter-section .top.filter-controls h5.active:before { transform: rotate(180deg);}

.widget-type-post_filter .widget-module ul li{margin: 0 !important; padding: 0 !important;}
.widget-type-post_filter .widget-module ul { padding: 0 !important;}

/* -- Team Filter Section (About page) -- */
.team-member-section .section-title h4 { color: #666666; font-family: UniversalSans-450; font-size: 38px; line-height: 1.3; padding-bottom: 60px;}
.team-member-section .drop-box h5 { display: none;}
.team-member-section .drop-box .select-box { border-bottom: 2px solid #000; margin-bottom: 50px;}
.team-member-section .drop-box .select-box a { display: inline-block; color: #292929; font-family: UniversalSans-600; font-size: 17px; padding: 20px 20px 10px;}
.team-member-section .drop-box .select-box a.active, .team-member-section .drop-box .select-box a:hover { color: #fa4f4f;}
.team-member-section .drop-box .select-box a:first-child { padding-left: 0;}
.team-member-section .drop-box .select-box a:last-child { padding-right: 0;}
.team-member-section .vx-filter-box { display: flex; flex-wrap: wrap; justify-content: center; text-align: left; margin: 0 -15px;}
.team-member-section .vx-filter-box .team-member { width: calc(100% / 6 - 30px); margin: 0 15px 80px; position: relative; padding-bottom: 51px;}
.team-member-section .vx-filter-box .team-member .team-img { height: 225px; width: 100%; display: inline-block; vertical-align: top; margin-bottom: 12px;}
.team-member-section .vx-filter-box .team-member .team-img img { width: 100%; height: 100% !important; object-fit: cover; object-position: top;}
.team-member-section .vx-filter-box .team-member h4 {font-size: 20px;}

/* -- Home New Testimonial Section -- */
.home-new-testi-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0 70px;}
.home-new-testi-section .left-part { width: 50%; padding: 0 60px 0 0;}
.home-new-testi-section .container { display: flex; flex-wrap: wrap;}
.home-new-testi-section .right-part { width: 50%; padding: 0 0 0 10px;}
.home-new-testi-section .left-part .content h4 { font-size: 22px;}
.home-new-testi-section .left-part h4 { margin: 0; font-size: 38px; letter-spacing: 0;}
.home-new-testi-section .left-part h5 { color: #666666; font-size: 19px; padding: 6px 0 0;}
.home-new-testi-section .left-part p { margin: 6px 0;}
.home-new-testi-section .left-part .btn { padding: 10px 0 0;}
.home-new-testi-section .left-part .logo-wrap { padding: 65px 0 0;  display: flex; flex-wrap: wrap;  margin: 0 -15px;}
.home-new-testi-section .right-part .new-testi-slider {  display: flex;  flex-wrap: wrap; margin: 0 -10px;}
.home-new-testi-section .right-part .box { width: calc(100% / 2 - 20px); margin: 0 10px 20px; padding: 25px; border-radius: 10px; background: #F2EDEB; border: 1px solid #F2EDEB;}
.home-new-testi-section .right-part .box h3 { font-size: 26px; padding-bottom: 10px;  font-family: UniversalSans-750; margin-bottom: 0;}
.home-new-testi-section .right-part .box h5 { font-size: 18px; padding-bottom: 0;  font-family: UniversalSans-600;}
.home-new-testi-section .right-part .box p { font-size: 13px; color: #5d5d5d; line-height: 22px; padding: 40px 0 0;}
.home-new-testi-section .left-part .logo-wrap .logo-box { width: calc(100% / 3 - 30px); margin: 0 15px 30px; display: flex; align-items: center; justify-content: center;}
.home-new-testi-section .right-part .box .details .title {width: 100%;display: inline-block;vertical-align: top;}




/*************** Post Page Designe CSS  ******************************/


.widget-type-post_filter .widget-module{background-color: 

  
  
    
  


  rgba(250, 79, 79, 1.0)

!important; border: 1px solid #fa4f4f!important; }
.widget-type-post_filter .widget-module ul li a {    font-size: 15px;    font-family: 'Poppins',sans-serif !important; }
.widget-type-post_filter .widget-module ul li:hover a {    background: 

  
  
    
  


  rgba(250, 79, 79, 1.0)

 !important;    color: #fff;}
.hs-menu-item ul{	padding-left: 0 !important;}
.hs-menu-item ul li {	 padding-left: 0px !important;    margin-bottom: 0px !important;}
.about-author-sec.dis-flex { 	border-color: 

  
  
    
  


  rgba(250, 79, 79, 1.0)

 !important; }
.about-author-sec h3{ 	text-align: center; }
.span12.dnd-span.dnd-type-blog_subscribe.subscribe {    display: none;}
/* .widget-type-post_filter .widget-module ul li a,.body-container-wrapper a,.author-sections .blog-author-content h3 a{color:

  
  
    
  


  rgba(250, 79, 79, 1.0)

 !important;}
.widget-type-post_filter .widget-module ul li a:hover,.body-container-wrapper a:hover{color:#fff !important;} */
.blog-section{position:relative;padding-top:25px;}

.blog-section{ padding-top:15px !important}
/* .widget-type-post_filter .widget-module ul li a, .body-container-wrapper a { color:#fff !important;}
*/

.feature-section .left-part .overlay-bg-color { position: absolute; top: -30px; left: 0; width: 100%; height: calc(100% + 80px); z-index: -1; opacity:0; }

.churches-page .non-profit-zigzag.zig-zag-section .box .left-part .img-box {  padding: 0; height: 620px;}
.churches-page .non-profit-zigzag.zig-zag-section .box .left-part .img-box img { max-width: 100%; width: 100%; object-fit: cover; height: 100%;}

.corporations-page .non-profit-zigzag.zig-zag-section .box .left-part .img-box {  padding: 0; height: 620px;}
.corporations-page .non-profit-zigzag.zig-zag-section .box .left-part .img-box img { max-width: 100%; width: 100%; object-fit: cover; height: 100%;}

.new-footer-section .footer-top .left-side .footer-subscribe .hs-richtext h3 { font-size: 20px; font-family: UniversalSans-450; line-height: 25px; letter-spacing: 0; padding: 15px 0 0;}
.new-footer-section .footer-top .left-side .footer-subscribe .hs-richtext .form-logo { display: none;}
.hs-blog-post .hero-section.section-bg.video-bg {
  min-height: 530px;
  background-position: top center !important;
}
.hs-blog-post .post-listin-pages.read-time-section.dis-flx {position: relative;}
.hs-blog-post .section.post-header .post-header h1 span {color: #000000 !important;}
.hs-blog-post .section.post-header .post-header h1 {font-size: 51px;line-height: normal;}
.hs-blog-post .blog-section {padding-top: 0 !important;}
.hs-blog-post .blog.blog-v1 #hubspot-topic_data {background: transparent !important;color: #666;padding-left: 0;font-family: UniversalSans-450;}
.hs-blog-post .blog.blog-v1 #hubspot-topic_data a.topic-link {color: #666 !important;font-family: UniversalSans-450;text-transform: capitalize;font-size: 14px !important;}
.hs-blog-post .blog.blog-v1 #hubspot-topic_data a.topic-link:hover {color: #fa4f4f !important;}
.hs-blog-post .blog #hubspot-author_data span.hs-author-label {font-family: UniversalSans-450;}
.hs-blog-post .blog #hubspot-author_data a.author-link {font-family: UniversalSans-450;}
.hs-blog-post .section.post-body * {font-family: UniversalSans-450;}
.hs-blog-post .read-time-section span {font-family: UniversalSans-450;}
.hs-blog-post .blog #hubspot-author_data {font-family: UniversalSans-450;}

.of-only-form-sec .form-cover {background: #e9e9e9; border-radius: 10px;padding: 30px !important;}
.of-only-form-sec .form-cover select {padding: 0 15px !important;}
.of-only-form-sec .form-cover form .hs-submit input.hs-button {margin-top: 0 !important;width: 100% !important;max-width: 100% !important;background: #f05151 !important;color: #fff !important;}
.of-only-form-sec p, .of-only-form-sec p span, .of-only-form-sec h3 span {color: #000 !important;line-height: 25px;}
.of-only-form-sec .form-cover .hs-form-field > label > span {color: #0000008f;font-weight: 500;}

.hs-blog-post .blog-content {padding-bottom: 50px;}
.hs-blog-post .author-sections {margin: 20px 0px 0;}
.information-box-right h5 {font-family: UniversalSans-750;font-size: 18px;}
.information-box-right a.custom-next {display: flex;align-items: center;}
.information-box-right .next-feature-image {width: 150px;height: 95px;}
.information-box-right .content {width: calc(100% - 100px);padding: 0 0 0 15px;}
.information-box-right .content .title {line-height: normal; color: #000; transition:all 0.4s;}
.information-box-right .next-feature-image img.entry-img {width: 100%;height: 100%;object-fit: cover;}
.information-box-right {padding-bottom: 8px;}
.list-social-icons .blog-share i.fa:before {position: relative;top: 2px;}
.information-box-right .content .title:hover {color: #fa4f4f;}
.overflow-hero .subscribe-form {text-align: left;max-width: 320px;width: 100%;padding: 30px 0 0;}
.overflow-hero .subscribe-form h1 {color: #fff;font-size: 28px;margin: 0px 0 10px;}
.overflow-hero .subscribe-form label.hs-error-msg {font-size: 13px;font-family: UniversalSans-450;}
.new-blog-listing-hero { position:relative; z-index: 1;}
.new-blog-listing-hero:before {content: ' ';top: 0;left: 0;width: 100%;height: 100%;background: #000;position: absolute;z-index: -1;opacity: 0.14;}

.information-box-right .postedby h5 {margin-bottom: 5px;}
.information-box-right .postedby .author-name {padding: 0 0 20px;}
.hs-blog-post .inner-post-main-wrap .blog-content {padding-bottom: 90px;}
.hs-blog-post .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li {margin: 0;}

.new-blog-listing-hero {margin-top: -22px;}
.hs-blog-post .hero-section.section-bg.video-bg:before {display: none;}

.overflow-hero .popup-box .video-cover {max-width: 1080px;height: 533px;width: 100%;margin: auto;}
.overflow-hero .popup-box .video-cover video {width: 100%;height: 100%;object-fit: cover;}
.home-blog-section .right-part .box .post-content {font-size: 17px;line-height: 28px;}
.home-blog-section .box .post-content {font-size: 18px;line-height: 27px;padding: 6px 0;}
.home-blog-section .btn {text-align: center;padding: 70px 0 0;}
.blog-list-main .post-header h2 {line-height: 0.8;padding: 4px 0;}
.blog-list-main .meta-details {font-size: 17px;}

.overflow-hero .popup-box .video-cover .mp_video {width: 100%;height: 100%;position: relative;}
.overflow-hero .popup-box .video-cover .mp_video .playpause {width: 60px;height: 60px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #919191b5;box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.3);font-size: 24px;padding: 1px 0 0 7px;cursor: pointer;position: absolute; top: 50%;transform: translate(-50%, -50%);left: 50%;}
.overflow-hero .popup-box .video-cover .mp_video .playpause .fa-pause {display: none;}
.overflow-hero .popup-box .video-cover .mp_video.video_play .playpause {padding: 1px 0 0 2px;}
.overflow-hero .popup-box .video-cover .mp_video.video_play .playpause .fa-play {display: none;}
.overflow-hero .popup-box .video-cover .mp_video.video_play .playpause .fa-pause {display: block;}
.overflow-hero .popup-box .video-cover .mp_video.video_play .playpause {opacity: 0;}
.overflow-hero .popup-box .video-cover .mp_video.video_play:hover .playpause {opacity: 1;}

.information-box-right .next-feature-image img {height: 100%;object-fit: cover;width: 100%;}

/* -- Carousel Section -- */
.dragdrop-carousel-section {width: 100%;display: inline-block;vertical-align: top;padding: 180px 0px 70px;}
.dragdrop-carousel-section .sedction-heading {text-align: center;padding-bottom: 40px;}
.dragdrop-carousel-section .sedction-heading .content {max-width: 700px;width: 100%;margin: auto;padding: 0 0 15px;}
.dragdrop-carousel-section .inner-cover .box-img {width: 100%;display: flex;height: 240px;}
.dragdrop-carousel-section .inner-cover .box-img img {width: 100%;height: 100% !important;object-fit: cover;}
.dragdrop-carousel-section .inner-cover .box-bottom {width: 100%;display: inline-block;vertical-align: top;padding: 25px 25px 35px;background-color: #fff;transition: .5s ease-out;}
.dragdrop-carousel-section .inner-cover .box-bottom .tag-strip {width: 100%;display: flex;align-items: center; padding-bottom:25px;}
.dragdrop-carousel-section .inner-cover .box-bottom .tag-strip .icon {width: 30px;height: 30px;}
.dragdrop-carousel-section .inner-cover .box-bottom .tag-strip .icon svg{transition: .5s ease-out;}
.dragdrop-carousel-section .inner-cover .box-bottom .tag-strip .tag-title {width: calc(100% - 35px);padding: 0 0 0 6px;margin: 0;letter-spacing: 1px;font-size: 18px;transition: .5s ease-out;}
.dragdrop-carousel-section .inner-cover .box-bottom .outer-wrap {width: 100%; display:inline-block; vertical-align:top; }
.dragdrop-carousel-section .inner-cover .box-bottom .details {width: 100%; display:inline-block; vertical-align:top; }
.dragdrop-carousel-section .inner-cover .box-bottom .details .details {padding: 0;}
.dragdrop-carousel-section .inner-cover .box-bottom .details h4 {margin-bottom: 8px;transition: .5s ease-out;}
.dragdrop-carousel-section .inner-cover .box-bottom .details .details p {font-size: 18px;transition: .5s ease-out;}
.dragdrop-carousel-section .inner-cover .box-bottom .btn { padding-top:25px; }
.dragdrop-carousel-section .box.slick-slide {padding: 0 15px;}
.dragdrop-carousel-section .inner-cover {width: 100%;position: relative; z-index: 1; border: 1px solid #dedede;}
.dragdrop-carousel-section .inner-cover .full-box-link {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.dragdrop-carousel-section .inner-cover .full-box-link a {display: inline-block;width: 100%;height: 100%;}
.dragdrop-carousel-section .inner-cover:hover .box-bottom { background:#fa4f4f; }
.dragdrop-carousel-section .inner-cover:hover .icon svg {fill:#fff;}
.dragdrop-carousel-section .inner-cover:hover .details h4 {color:#fff;}
.dragdrop-carousel-section .inner-cover:hover .details p {color:#fff;}
.dragdrop-carousel-section .inner-cover:hover .tag-title{color:#fff;}
.dragdrop-carousel-section .inner-cover:hover .btn a.cta_button[title] {color: #fa4f4f !important;background-color: #fff !important;}
.dragdrop-carousel-section .inner-cover:hover .btn a.cta_button[title]:hover {border-color: #fff !important;color: #fa4f4f !important;}
.dragdrop-carousel-section ul.slick-dots {position: relative;top: 0;}
.dragdrop-carousel-section ul.slick-dots li button {width: 10px;height: 10px;border-radius: 50%;background: #cfcfcf;}
.dragdrop-carousel-section ul.slick-dots li.slick-active button, .dragdrop-carousel-section ul.slick-dots li:hover button {background: #fa4f4f;}

.blog-search .hs-search-field form {position: relative;max-width: 393px;width: 100%;float: right;top: -1px}
.blog-search .hs-search-field form button {position: absolute;left: auto;right:-1px;height: 100%;padding: 10px 20px;cursor: pointer;transition: all 0.4s; top:0; }
.blog-search .hs-search-field form  input {width: 100%;padding: 5px 80px 5px 15px;letter-spacing: 0;color: #333333;margin: 0;border: 1px solid #d3d3d3;border-radius: 12px;}
.blog-search {padding-right: 20px;}
.blog-search .hs-search-field form button svg {height: 15px;fill: #fff;position: relative;top: 2px;}
.blog-search .hs-search-field {position: relative;}
.blog-search .hs-search-field ul.hs-search-field__suggestions {position: absolute;left: auto;right: 0;max-width: 393px;width: 100%;top: 25px;z-index: 1111;padding: 12px;background: #fff;border-color: #e1e1e1;border-radius: 12px;}
.blog-search .hs-search-field ul.hs-search-field__suggestions li {padding: 2px 0;}
.blog-search .hs-search-field ul.hs-search-field__suggestions li a {display: inline-block;width: 100%;padding: 4px 12px;font-size: 14px;line-height: 22px;border-radius: 4px;}

.result-page .systems-page.system-pad {max-width: 100%;padding: 150px 0 70px;}
.result-page .systems-page.system-pad ul li {border-bottom: 1px solid #d7d7d7;padding: 30px 0;}
.result-page .systems-page.system-pad ul li p.hs-search-results__description {padding-bottom: 0;font-size: 16px;line-height: 28px;}
.result-page .systems-page.system-pad ul li a.hs-search-results__title {color: #333;}
.result-page .systems-page.system-pad ul li a.hs-search-results__title:hover {color: #fa4f4f;}







@media (max-height:820px){
  .new-demo-section .right-part .form-cover { transform: scale(0.8) translateY(-3%) !important; position: relative;}
}

@media (max-height:750px){
  .new-demo-section .right-part .form-cover { transform: scale(0.8) translateY(-8%) !important;}
} 

@media (max-height:700px){
  .new-demo-section .right-part .form-cover { transform: scale(0.7) translateY(-13%) !important; }
}

@media (max-height:650px){
  .new-demo-section .right-part .form-cover { transform: scale(1) !important; }
  .new-demo-section .right-part{ position: relative; }
}

@media (max-width:1600px){
  .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li > a {font-size: 16px;}
  .new-footer-section .footer-top .right-side .footer-menu h3{font-size: 19px;}
  .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li{ padding: 25px 15px 15px;}
  .span12.nav.nav-tabs.tabs-left ul li .tab-nav-content .txt-content { font-size: 16px; }
  .wrapper.main-content { max-width: 1250px; }
  .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children>a:after{top:0;}
}

@media (max-width:1450px){
  .new-footer-section .footer-top .left-side { width: 49%;}
  .new-footer-section .footer-top .right-side {width: 51%;}
  .new-demo-section .right-part .form-cover{ transform: scale(0.9);}
  .overflow-content-section .cover h2{ font-size: 80px;}
  .advantage-section.we-do-section .box .box-details h3{font-size: 23px;}
  .hs-blog-post .page-center.content-wrapper.main-content { max-width: 1100px;}


}

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

  .zig-zag-section .box .left-part{ padding-right: 0;}

}


@media (max-width:1370px){
  .new-hearder-section .logo-part { width: 270px;}
  .new-hearder-section .menu-part { width: calc(100% - 270px);}
  .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li { padding: 24px 10px 13px;}
  .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li > a { font-size: 15px;}
  .new-footer-section .footer-top .left-side { width: 40%;}
  .new-footer-section .footer-top .right-side { width: 60%;}
  .how-work-section .box .left-part .left-tab-cover { max-width: 580px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img2 { max-width: 455px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img2 img { height: 288px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img3 { max-width: 380px; top: 40px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img4 { max-width: 375px; top: 40px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img5{max-width: 200px; top: 115px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img6 { max-width: 378px; top: 252px;}

  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img2 { max-width: 455px;}
  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img2 img { height: 288px;}
  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img3 { max-width: 380px; top: 40px;}
  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img4 { max-width: 375px; top: 40px;}
  .how-work-section .box .box-animate:nth-child(2).anim-in .anim-wrap .img5 {max-width: 378px;}
  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img6 { max-width: 378px; top: 221px;}

  .how-work-section .box .right-part{ padding-left: 40px;}
  .feature-section .left-part .box-animate h5.shadow-text.small { font-size: 51px;}
  .feature-section .left-part .box-animate h5.shadow-text { font-size: 80px;}
  .span12.nav.nav-tabs.tabs-left ul li .tab-nav-content .txt-content { font-size: 14px; }
  .tab-content-inner .dis-flex .tab-content > p { margin-bottom:20px; }
  .section-padding.servicev2-main.team-member-section .tab-nav-content .txt-content {  font-size: 16px; }
  .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children>a:after{ top: 0px;}
  .team-member-section .drop-box .select-box a{ padding: 20px 15px 10px; font-size: 16px;}

}


@media (min-width:1200px){
  .new-hearder-section .menu-part .mainmenu>span>div.hs-menu-wrapper.mobile-menu { display: block !important;}
}

@media (max-width:1199px){
  h1 { font-size: 90px;}
  h2{ font-size: 70px; }
  .bestEverCRESection.three-section.our-speak-value.pos-relative.m-com h2 { font-size: 35px;}
  h4,.blog .post-header h2 a{ font-size: 28px; }
  .content-wrapper, .wrapper, .container, .page-center{ max-width: 961px;}
  .new-hearder-section .menu-part .pop-menu { display: none;}
  .new-hearder-section .menu-part .mainmenu .pop-menu { display: block; padding:0px; width:100%; }
  .new-hearder-section .menu-part .pop-menu .menu-btn { display: none;}
  .new-hearder-section .menu-part .pop-menu .close-btn { display: none;}
  .new-hearder-section .menu-part .mainmenu .nav-toggle { width: 42px; height: 42px; background: #fa4f4f; border-radius: 9px; position: relative; float: right;}
  .new-hearder-section .menu-part .mainmenu .nav-toggle span.icon-bar { width: 25px; height: 2px; background: #fff;  position: absolute; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%); transition:all 0.4s; }
  .new-hearder-section .menu-part .mainmenu .nav-toggle span.icon-bar:first-child { top: 32%; width: 25px;}
  .new-hearder-section .menu-part .mainmenu .nav-toggle span.icon-bar:last-child { top: 69%; width: 18px;  right: 10px; left: auto;}
  .new-hearder-section .menu-part .mainmenu>span>div.hs-menu-wrapper.mobile-menu { display:none; position: absolute; top: 100%; left: 0;  width: 100%;  text-align: left; z-index: 999; background: #fa4f4f; box-shadow: 0px 15px 24px -11px rgb(0 0 0 / 53%);}
  .new-hearder-section { position: relative;}
  .new-hearder-section .menu-part .mainmenu>span>div.hs-menu-wrapper>ul { width: 100%; padding: 0;}
  .new-hearder-section .menu-part .mainmenu>span>div.hs-menu-wrapper>ul>li {float: none;position: relative;}
  .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper ul li a { color: #fff; font-size: 16px; padding: 12px 20px; font-family: UniversalSans-600;}
  .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children>a:after { display: none;}
  .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li { padding: 0;}
  .new-hearder-section .menu-part span.mobile-toggle { position: absolute; width: 40px; height: 40px; left: auto; right: 20px; cursor: pointer; top:7px; }
  .new-hearder-section .menu-part span.mobile-toggle:before { content: '\f107'; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-family: FontAwesome; position: absolute; font-size: 26px;}
  .new-hearder-section .menu-part span.mobile-toggle.nav-subopen:before { content: '\f106';}
  .new-hearder-section .menu-part .mainmenu>span>div.hs-menu-wrapper>ul>li.hs-menu-depth-1:last-child { border: 0;}
  .new-hearder-section .menu-part .mainmenu .hs-menu-wrapper > ul > li:hover > a { color: #fff;}
  .new-hearder-section .menu-part .mainmenu>span>div.hs-menu-wrapper>ul>li.hs-menu-depth-1 { border-bottom: 1px dotted #ffffff61;}
  /*   .new-hearder-section .menu-part .mainmenu>span>div.hs-menu-wrapper>ul>li.hs-menu-depth-1:last-child { border: 0;} */
  .new-hearder-section .menu-part .mainmenu>span>div.hs-menu-wrapper>ul>li>ul { display:none; position: relative; max-width: 100%; width:100%; opacity: 1; visibility: visible; padding-bottom: 10px; transition: inherit;}
  .new-hearder-section .menu-part .mainmenu>span>div.hs-menu-wrapper>ul>li>ul li a { font-size: 16px;}
  .new-hearder-section .menu-part .mainmenu .pop-menu .popup-menu { position: relative; left: 0; top: 0; opacity: 1; visibility: visible; display: inline-block; height: auto;transition: inherit; padding: 0;}
  .new-hearder-section .menu-part .mainmenu .pop-menu .popup-menu .nav-toggle { display: none;}
  .new-hearder-section .menu-part .mainmenu .pop-menu .popup-menu .hs-menu-wrapper.mobile-menu { display: block !important; height:auto !important;}
  .new-hearder-section .menu-part .mainmenu .pop-menu .popup-menu .hs-menu-wrapper.mobile-menu ul { width: 100%;}
  .new-hearder-section .menu-part .mainmenu .pop-menu .popup-menu .hs-menu-wrapper.mobile-menu ul li { transform: translateX(0px); opacity: 1; visibility: visible; transition: inherit; border-bottom: 1px dotted #ffffff61;}
  .new-hearder-section .menu-part .mainmenu .pop-menu .popup-menu .hs-menu-wrapper.mobile-menu ul li a { padding: 10px 20px;}
  .new-hearder-section .menu-part .mainmenu { width: calc(100% - 180px);}
  .new-hearder-section .menu-part .mainmenu .nav-toggle.nav-menuopen span.icon-bar:first-child { transform: rotate(-45deg) translateY(-50%); top: 51%;}
  .new-hearder-section .menu-part .mainmenu .nav-toggle.nav-menuopen span.icon-bar:nth-child(2) { transform: rotate(48deg); top: 50%;}
  .new-hearder-section .menu-part .mainmenu .nav-toggle.nav-menuopen span.icon-bar:last-child { opacity: 0;}
  .new-hearder-section.sticky{ padding: 15px 0;}
  .new-footer-section .footer-top .right-side .footer-menu h3 { font-size: 18px;}
  .new-footer-section .footer-top .right-side { width: 65%;}
  .new-footer-section .footer-top .left-side { width: 35%;}
  .new-hearder-section .header-container { padding: 0px 15px;}
  .new-footer-section .footer-container { padding: 0px 15px;}

  .overflow-hero{ padding: 90px 0px 70px;}
  .overflow-hero .popup-box .img-box { padding-bottom: 49%;}
  .overflow-content-section .cover h2 { font-size: 79px;}
  .zig-zag-section .box .right-part { padding-left: 0px;}
  .zig-zag-section .box:nth-child(even) .inner-wrap .right-part { padding-left: 50px; padding-right: 0;}
  .how-wotk-section .box .right-part { padding: 0;}
  .home-blog-section .left-part { width: 100%; padding-bottom: 20px;}
  .home-blog-section .right-part { width: 100%;}
  .home-blog-section .right-part .box { width: calc(100% / 2);}
  .home-blog-section .right-part .box .bottom-part { padding: 30px 20px 10px 15px;}
  .community-section .left-part { width: 45%; padding: 0 30px 0;}
  .community-section .right-part { width: 55%;}
  .community-section .right-part .box .inner-box .content h5 { font-size: 14px;}
  .we-do-section .box .box-details h3{ font-size: 28px;}
  .benefit-section.we-do-section .box .box-details h3{ font-size: 26px; padding-bottom: 30px;}
  .we-do-section .left-part { padding: 0px 30px 0px 0px;}
  .testimonial-section .section-content { padding-left: 0;}
  .non-profit-zigzag.zig-zag-section .box .right-part { padding: 20px 50px !important;}
  .non-profit-zigzag.zig-zag-section .box .inner-wrap .details h3 { font-size: 40px;}

  .how-work-section .box .left-part .left-tab-cover { max-width: 460px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img2 { max-width: 360px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img2 img { height: 222px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img3 { max-width: 290px; top: 35px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img4 { max-width: 290px; top: 35px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img5{max-width: 140px; top: 95px;}
  .how-work-section .box .box-animate:first-child .anim-wrap .img6 { max-width: 294px; top: 195px;}

  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img2 { max-width: 360px;}
  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img2 img { height: 222px;}
  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img3 { max-width: 290px; top: 35px;}
  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img4 { max-width: 288px; top: 31px;}
  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img5{ top: 71px; }
  .how-work-section .box .box-animate:nth-child(2).anim-in .anim-wrap .img5 {max-width: 278px;}
  .how-work-section .box .box-animate:nth-child(2) .anim-wrap .img6 { max-width: 290px; top: 172px;}
  .how-work-section .box .right-part .tab-box { margin: 120px 0px 180px;}
  .how-work-section .box .right-part .tab-box:first-child { margin-top: 20px;}

  .new-demo-section .left-part { width: 30%;}
  .new-demo-section .right-part { width: 70%;}
  .new-demo-section .right-part .form-cover{ transform: scale(0.8);}
  .how-work-section .box .tabTitle h3 { font-size: 38px;}

  .term-common-section{padding: 70px 0 70px;}
  .faq-section{ padding: 70px 0 70px;}
  .hs-blog-listing .body-container-wrapper, .hs-blog-post .body-container-wrapper { padding-top: 0;}
  .new-hearder-section .menu-part .mainmenu .header-btn script {  display: none;}
  .new-hearder-section .menu-part .mainmenu .header-btn a.cta_button[title] { width: 100%;  border: 0 !important;  background: #fff !important; border-radius: 0 !important; color: #fa4f4f !important;}
  .feature-section .left-part .box-animate h5.shadow-text {  font-size: 65px;}
  .feature-section .left-part .box-animate h5.shadow-text.small {  font-size: 42px;}
  .tab-nav-content .txt-content { width: calc(100% - 10px); }
  .blog-list-main.rm-list-col-box { width: calc(50% - 40px); margin: 40px 20px 0; }
  .bestEverCRESection.three-section.our-speak-value .box-outer .wrap .box {    width: 50%;margin-bottom:40px;}
  .bestEverCRESection.three-section.our-speak-value .box-outer { margin-top:45px; }
  .section-padding.servicev2-main.team-member-section .span12.nav.nav-tabs.tabs-left ul li {width: 19.5%;}
  .team-member-section .section-title h4 { font-size: 34px;}
  .team-member-section .vx-filter-box .team-member h4 { font-size: 23px;}
  .team-member-section .tab-content .team-content h5 { font-size: 16px;}
  .team-member-section .drop-box .select-box a { padding: 20px 10px 10px; font-size: 14px;}
  .zig-zag-section .box .left-part .img-box { min-height: auto;}
  .feature-section .left-part{ padding: 60px 10px 0 10px;}
  .hs-blog-post .body-container #custom-body{margin-top: 0 !important;}

  .blog.blog-v1 .blog-content {width: 60%;margin: 0;padding-left: 20px;padding-right: 20px;}
  .blog.blog-v1 .sidebar-left {width: 5%;}
  .blog.blog-v1 .sidebar-right {width: 30%;margin: 0;padding-left: 10px;}
  .information-box-right .postedby .author-name{ font-size: 14px;}
  .team-member-section .vx-filter-box .team-member{width: calc(100% / 4 - 30px);}
  .feature-section .right-part{ padding: 0 30px 0 0;}
  .dragdrop-carousel-section{ padding: 80px 0px 40px;}

  .home-page .new-hearder-section {position: absolute;}
  .home-page .new-hearder-section.sticky {position: fixed;}
  body.home-page {padding-top: 60px;}
  .result-page .systems-page.system-pad {padding: 60px 0 50px;}
  .result-page .systems-page.system-pad .hs-search-results {padding-top: 0;}


}

@media (max-width:1024px){

  .tab-content-inner .dis-flex .tab-content.team-member { width: 50%;}
}

@media (max-width:991px){

  h1 { font-size: 70px;}
  h2 { font-size: 60px;}
  h3 { font-size: 40px;}
  .bestEverCRESection.three-section.our-speak-value.pos-relative.m-com h2 { font-size: 28px;}
  h4,.blog .post-header h2 a{ font-size: 26px; }
  h6 { font-size: 18px;}
  /*   .content-wrapper, .wrapper, .container, .page-center{ max-width: 738px;} */
  .content-wrapper, .wrapper, .container, .page-center{ max-width: 100%;}
  .new-footer-section .footer-top .left-side { width: 100%; padding: 0;}
  .new-footer-section .footer-top .right-side { width: 100%; padding: 20px 0 0;}
  .term-common-section h1 { font-size: 60px;}
  .term-common-section h2 { font-size: 30px;}
  .trusted-logo-section h3 { padding-bottom: 10px;}
  .overflow-content-section .cover h2 { font-size: 55px;}
  .growth-section .box-outer .box .right-side { width: 100%;  padding: 15px 0 0;}
  .growth-section .box-outer .box .in-wrap { flex-wrap: wrap;}
  .growth-section .box-outer .box .right-side h4 { font-size: 19px;}
  .growth-section .box-outer .box .right-side .details { font-size: 17px; line-height: 26px;}
  .growth-section .growth-marquee .grow-img-box.laptop { max-width: 700px;}
  .growth-section .growth-marquee .grow-img-box.mobile { max-width: 170px;}
  .how-wotk-section .box .left-part { width: 100%; padding: 0;}
  .how-wotk-section .box .right-part { width: 100%; padding: 50px 0 0;}
  .how-wotk-section .box .inner-wrap { flex-wrap: wrap;}
  .how-wotk-section .box .left-part .img-box { max-width: 700px; width: 100%; margin: 0 auto 40px;}
  .we-do-section .left-part { width: 100%; padding: 0 0 30px;}
  .we-do-section .right-part { width: 100%; padding: 0;}
  .we-do-section .bottom-part .box { width: calc(100% / 2 - 23px);}
  .benefit-section.we-do-section .bottom-part .box { width: calc(100% / 2 - 20px);}
  .testimonial-section .testimonial-slider .inner-cover { padding: 35px 25px 20px;}
  .community-section .cover { flex-wrap: wrap; height: auto;}
  .community-section .left-part { width: 100%; padding: 30px 15px 60px;}
  .community-section .right-part { width: 100%; padding: 40px 0 40px;}
  .home-blog-section .right-part .box .post-image { width: 100%; padding: 0 10px; min-height: auto; height: 220px;}
  .home-blog-section .right-part .box { flex-direction: column;}
  .home-blog-section .right-part .box .bottom-part { width: 100%;}
  .testimonial-section .testimonial-slider .inner-cover .details p { font-size: 20px;}
  .testimonial-section .testimonial-slider .inner-cover .details h5 { font-size: 18px;}

  .how-work-section .box .left-part { display: none;}
  .how-work-section .box .right-part { width: 100%; padding: 0;}
  .how-work-section .box .right-part .tab-box .tabContent .tab-img {display: block;}
  .how-work-section .box .right-part .tab-box .details { display: flex; flex-direction: column-reverse;}
  .how-work-section .box .right-part .tab-box .tabContent { margin-bottom: -25px;}
  .how-work-section .box .right-part .tab-box:first-child { margin-top: 0;}
  .how-work-section .box .right-part .tab-box { margin: 30px 0px 20px;}
  .how-work-section .box .right-part .tab-box:last-child { margin-bottom: 0;}

  .new-demo-section .left-part {  width: 40%;}
  .new-demo-section .right-part { width: 60%;}
  .new-demo-section .right-part h5 {  font-size: 14px; line-height: 22px;}
  .how-work-section .box .right-part .tab-box .title-wrap { text-align: center;}

  .non-profit-zigzag.zig-zag-section .box .inner-wrap .details h3 { font-size: 32px;}
  .new-story-section .left-part { width: 100%; padding: 0;}
  .new-story-section .right-part { width: 100%; padding: 40px 0 0;}

  .feature-section .right-part { width: 100%; padding: 0;}
  .feature-section .left-part { display: none;}
  .feature-section .right-part .tabing-box .tab-content { display: block; padding: 30px 0 0; position: relative;}
  .feature-section .right-part .tabing-box .tab-content .img-box { max-width: 400px; width: 100%; margin: auto; position: relative;}
  .feature-section .right-part .tabing-box {  display: block; background: #fff;  margin-bottom: 25px;  border-radius: 0; padding: 0px 0px 30px; border-bottom: 1px solid #00000045;}
  .feature-section .right-part .tabing-box .tab-content h5.shadow-text { text-align: center; text-transform: uppercase; text-shadow: 0px 0px 2px #000; color: #fff; font-size: 60px; font-family: UniversalSans-750; letter-spacing: 0; position: absolute; top: 25px; left: 0; right: 0;  margin: auto;}
  .feature-section .right-part .tabing-box .tab-content h5.shadow-text.small { font-size: 60px;}
  .feature-section .right-part .tabing-box .tabTitle .content { max-width: 100%;}
  .feature-section .right-part .tabing-box .title-wrap { background: #fff;}
  .feature-section .right-part .tabing-box .icon { background: #fff;}
  .feature-section .right-part .tabing-box .title-wrap .icon { background: #fff;}
  .feature-section .right-part .tabing-box .title-wrap .icon { background: #f6f2f0;}
  .feature-section .right-part .tabing-box .details { width: 100%; display: flex;  flex-direction: column-reverse;}
  .feature-section .right-part .tabing-box:last-child { border: 0; margin: 0;}
  .feature-section .right-part .tabing-box.tabActive .title-wrap { background: #fff;}
  .feature-section .right-part .tabing-box.tabActive .title-wrap .icon { background: #f6f2f0;}
  .feature-section .btn{ padding: 0px 0 10px;}
  .bestEverCRESection.three-section.our-speak-value.pos-relative.m-com { padding: 50px 0 !important; }

  .community-filter-section .vx-filter-box .box { width: calc(100% / 2 - 20px);}
  .community-content-section .box p{ font-size: 22px;}
  .team-member-section .vx-filter-box .team-member { width: calc(100% / 3 - 30px);}
  .section-padding.servicev2-main.team-member-section { padding: 100px 0 0px !important;}
  .team-member-section .drop-box h5 { display: inline-block; color: #fa4f4f; font-family: UniversalSans-750; cursor: pointer; position: relative; margin: 0; width: auto;}
  .team-member-section .drop-box h5:before { content: '\f107'; top: 2px; font-family: FontAwesome; position: absolute; left: auto; right: -22px; font-weight: 600; font-size: 20px;}
  .team-member-section .drop-box h5.active:before { transform: rotate(180deg);}
  .team-member-section .drop-box .select-box { width: 240px; position: absolute; top: calc(100% + 5px);  z-index: 1111; border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 9px -1px rgb(0 0 0 / 30%); background: #fa4f4f; margin: 0;  display: none;}
  .team-member-section .drop-box { position: relative; margin-bottom: 35px;}
  .team-member-section .drop-box .select-box a { width: 100%; display: inline-block;  color: #fff; border-bottom: 1px solid #ffffff5e;  padding: 5px 15px !important;}
  .team-member-section .drop-box .select-box a:last-child { border: 0;}
  .team-member-section .drop-box .select-box a.active, .team-member-section .drop-box .select-box a:hover {background: #fff;}

  .home-new-testi-section .left-part { width: 100%; padding: 0 0 30px;}
  .home-new-testi-section .right-part { width: 100%; padding: 0;}
  .home-new-testi-section { padding: 40px 0 40px;}

  .feature-section .right-part .tabing-box .tab-content .tab-img {position: relative;z-index: 1;padding: 20px 15px;}
  .feature-section .right-part .tabing-box .tab-content .tab-img .overlay-bg-color {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}

  .hs-blog-post .page-center.content-wrapper.main-content {width: 100%; max-width: 100%;}
  .blog.blog-v1 .category_filter h3 {font-size: 22px;}
  .hs-blog-post .section.post-header .post-header h1 {font-size: 38px;}
  .hs-blog-post .hero-section.section-bg.video-bg {
    min-height: 430px;
    background-position: top center !important;
    background-size: cover !important;
  }

  .blog.blog-v1 .blog-content {width: 100%;padding: 0 0 30px;}
  .blog.blog-v1 .sidebar-right {width: 100%;padding: 0;margin: 0 0 30px;}
  .blog.blog-v1 .sidebar-left {width: 100%;}
  .we-do-section .container {max-width: 100%;}
  .overflow-hero .popup-box .video-cover{ height: 383px;}
  .how-work-section{padding: 40px 0 60px;}
  .home-blog-section .btn{ padding: 30px 0 0;}
  .feature-section .container {padding-right: 15px !important;}

  /* -- Full container with page section -- */
  .overflow-hero .cover {max-width: 100%;}
  .how-work-section .box .right-part .tab-box .tabContent .tab-img {max-width: 600px;width: 100%;margin: auto;}
  .home-new-testi-section .left-part .logo-wrap .logo-box img {width: 210px;}
  .simple-use-section .details {max-width: 100%;}
  .nonprofit-faq-section .faq-wrap {max-width: 100%;}
  .servicev2-main .content-wrapper, .servicev2-main .wrapper, .servicev2-main .container, .servicev2-main .page-center {max-width: 100%;}

  /*- End -*/

  .team-member-section .vx-filter-box .team-member.custom_width {width: calc(100% / 3 - 30px);}

}


@media (max-width:767px){
  h1 { font-size: 50px;}
  h2 { font-size: 45px;}
  h3,.blog .post-header h2 a { font-size: 24px;}
  h6 { font-size: 16px; line-height: 1.3;}
  .new-hearder-section .logo-part { width: 150px;}
  .new-hearder-section .menu-part { width: calc(100% - 150px);}
  .new-hearder-section.sticky{ padding: 10px 0;}
  .new-hearder-section .menu-part .header-btn { width: 170px;}
  .new-hearder-section .menu-part .header-btn a.btn-1 { padding: 14px 20px!important;}
  .new-hearder-section .menu-part .mainmenu { width: calc(100% - 170px); padding-right: 15px;}
  .new-hearder-section .menu-part .header-btn a {font-size: 17px; width:100%; padding:10px 15px!important;}
  .new-footer-section { padding: 40px 0px 0px;}
  .new-footer-section .footer-top .left-side h6.email a { font-size: 18px;}
  .new-footer-section .footer-top .right-side .footer-menu { width: calc(100% / 1 - 34px); margin: 0 15px 30px;}
  .new-footer-section .footer-top .right-side .footer-menu:nth-child(2) { padding-left: 0;}
  .new-footer-section .footer-top .right-side .footer-menu:nth-child(3) { padding-left: 0;}
  .new-footer-section .footer-top .right-side .footer-menu h3 { padding: 0 0 15px; margin-bottom: 0;}
  .new-footer-section .footer-top { padding: 0;}
  .new-footer-section .footer-top .right-side .footer-menu ul li a { font-size: 16px;}
  .new-footer-section .footer-top .right-side .footer-menu ul li { padding: 8px 0 6px; line-height: normal;}
  .new-footer-section .footer-bottom { flex-direction: column; padding: 20px 0px;}
  .new-footer-section .footer-bottom .policy { width: 100%; padding: 0 0;  text-align: center;}
  .new-footer-section .footer-bottom .social { width: 100%; padding: 15px 0 0; text-align: center;}
  .new-footer-section .footer-bottom .social ul li a { width: 40px; height: 40px; line-height: 46px;}
  .new-footer-section .footer-bottom .social ul li a svg { height: 17px;}
  .new-footer-section .footer-bottom .social ul li:first-child { padding-left: 0;}
  .new-footer-section .footer-bottom .social ul li { padding: 0 0 0 5px;}
  .new-footer-section .footer-top .left-side .footer-logo { max-width: 215px;}
  .term-common-section h1 { font-size: 46px;}
  .term-common-section h2 { font-size: 22px; line-height: 28px;}
  .term-common-section p { font-size: 16px; line-height: 27px;}
  .term-common-section h3 { font-size: 21px; padding: 20px 0 0;}
  .term-common-section { padding: 50px 0 40px;}
  .faq-section h1 { margin-bottom: 30px;}
  .faq-section { padding: 50px 0 50px;}
  .faq-section .box .question h3 { font-size: 21px;}
  .faq-section .box .question { padding: 0 60px 12px 0;}
  .faq-section .box .question:before { right: 6px;}
  .faq-section .box .answer {padding: 0;}
  .faq-section .btn { padding: 40px 0 0;}
  .content-wrapper, .wrapper, .container, .page-center { max-width: 100%;}
  .overflow-hero { padding: 40px 0px 40px;}
  .trusted-logo-section h3 { padding-bottom: 0;}
  .overflow-content-section { padding: 20px 0 20px;}
  .overflow-content-section .cover h2 { font-size: 39px;}
  .zig-zag-section { padding: 20px 0 30px;}
  .zig-zag-section .box .inner-wrap { flex-direction: column;}
  .zig-zag-section .box .left-part { width: 100%; padding: 0;}
  .zig-zag-section .box .left-part .img-box img { max-width: 201px;}
  .zig-zag-section .box .right-part { width: 100%; padding: 22px 15px 0;}
  .zig-zag-section .box .left-part .img-box { padding: 30px 20px;}
  .growth-section .outer-cover .content { padding: 0px 0px 30px;}
  .growth-section .box-outer .box { width: calc(100% / 1 - 28px);}
  .growth-section .growth-slider-section:before { width: 100%;  height: calc(100% + 20px); top: 30px;}
  .growth-section .box-outer { padding: 0px; }
  .growth-section .growth-slider-section { padding: 80px 0 0;}
  .how-wotk-section { padding: 30px 0 20px;}
  .how-wotk-section .box:last-child { margin-bottom: 0;}
  .we-do-section .left-part h3 { font-size: 33px;}
  .we-do-section .box { width: calc(100% / 1 - 23px);}
  .we-do-section .box .box-details h5 { padding-bottom: 0;}
  .we-do-section { padding: 40px 0px 40px;}
  .we-do-section .box:last-child { margin-bottom: 0;}
  .advantage-section.we-do-section .left-part .details h3 { font-size: 38px;}
  .advantage-section.we-do-section .box .box-details h3 { padding-bottom: 0px;}
  .we-do-section .bottom-part .box { width: calc(100% / 1 - 23px);}
  .benefit-section.we-do-section .bottom-part .box { width: calc(100% / 1 - 20px);}
  .we-do-section.advantage-section .top-part .box:last-child { margin-bottom: 20px;}
  .testimonial-section { padding: 10px 0px 20px;}
  .slick-arrow { width: 40px; height: 40px;}
  .testimonial-section .slick-buttons { width: 100px; height: 110px;}
  .slick-arrow:before { font-size: 15px;}
  .testimonial-section .section-content .left-side {  width: calc(100% - 100px);}
  .community-section { padding: 20px 0 60px;}
  .community-section .right-part { padding: 20px 0 40px;}
  .home-blog-section .right-part .box { width: calc(100% / 1);}
  .home-blog-section .right-part .box .post-image { padding: 0; height: 300px; min-height: auto;}
  .home-blog-section .left-part .post-image { height: 300px;}
  .home-blog-section { padding: 10px 0 30px;}
  .schedule-meeting-section { padding: 30px 0 50px;}
  .community-section .right-part .box:first-child {top: 90px;}
  .community-section .right-part .box:last-child { top: 0;}
  .community-section .right-part .box:first-child:hover { top: 90px;}
  .community-section .right-part .box:last-child:hover { top: 0;}
  .community-section .right-part .box .inner-box { padding: 25px 15px;}
  .zig-zag-section .box .right-part .details { margin: auto;}
  .growth-section .box-outer .box .in-wrap { justify-content: center;}
  .growth-section .box-outer .box .right-side { text-align: center;}
  .testimonial-section .testimonial-slider .inner-cover .person-img { margin-bottom: 20px;}
  .popup-video.fancybox__content { max-width: 460px;}
  .how-work-section { padding: 10px 0 50px; overflow: hidden;}
  .how-work-section .box .right-part .tab-box .tabContent { margin-bottom: 0;}
  .how-work-section .box .right-part .tab-box h3 { margin-bottom: 0;}
  .how-work-section .box .right-part .tab-box h3+p { margin-top: 0;}
  .home-blog-section .box .post-image img { border-radius: 10px;}
  .new-demo-section .left-part { width: 100%; height: auto;padding: 20px 15px 30px;}
  .new-demo-section .right-part { width: 100%; height: auto;padding: 50px 15px; position: relative;}
  .new-demo-section .right-part .bottom-text { padding: 0;}
  .new-demo-section .right-part h3 { font-size: 25px;}
  .new-demo-section .right-part .form-outer{ padding:0; }
  .new-demo-section .right-part .form-cover{ transform: scale(1) !important; top: 0;}
  .how-work-section .box .tabTitle h3 { font-size: 30px;}
  .non-profit-zigzag.zig-zag-section .box .left-part .img-box img { max-width: 530px;}
  .non-profit-zigzag.zig-zag-section .box .left-part .img-box { min-height: 420px;}
  .zig-zag-section .box:nth-child(even) .inner-wrap { flex-direction: column;}
  .non-profit-zigzag.zig-zag-section .box:nth-child(even) .left-part .img-box img { max-width: 250px; position: relative; left: -30px;}
  .non-profit-zigzag.zig-zag-section .box { margin-bottom: 50px; overflow: hidden;}
  .non-profit-zigzag.zig-zag-section .box:last-child { margin-bottom: 0;}
  .simple-use-section { padding: 40px 0 30px;}
  .benefit-section.we-do-section .bottom-part .box { width: 100%;}
  .new-story-section .story-slider .content p { font-size: 22px; line-height: 34px;}
  .new-story-section .story-slider .person-box .person-img {width: 80px;}
  .new-story-section .story-slider .person-box .person-details { width: calc(100% - 80px);}
  .new-story-section .slick-buttons { margin-bottom: 30px;}
  .new-story-section .slick-buttons .slick-arrow.slick-prev { left: 0;}
  .new-story-section .slick-buttons .slick-arrow.slick-next { left: 50px;}
  .new-story-section { padding: 40px 0 30px;}
  .nonprofit-faq-section { padding: 20px 0 20px;}
  .nonprofit-faq-section .box { padding: 30px 0;}
  .overflow-hero.inner-hero-section h1 { font-size: 43px;}
  .non-profit-zigzag.zig-zag-section .box .right-part { padding: 20px 15px !important;}
  .feature-section { padding: 30px 0px 0px;}
  .feature-section .right-part .section-content h3 { font-size: 28px;}
  .feature-section .right-part .tabing-box .tab-content h5.shadow-text.small { font-size: 38px;}
  .feature-section .right-part .tabing-box .tab-content h5.shadow-text { font-size: 50px;}
  .feature-section .right-part .tabing-box .tabTitle .content { font-size: 16px;}
  .feature-section .right-part .tabing-box .icon img { max-width: 34px;}
  .feature-section .btn{ padding: 0px 0 50px;}
  .zig-zag-box.non-profit-zigzag.zig-zag-section .box:nth-child(even) .left-part .img-box img { left: 0;  }
  .employee-section .box {  width: calc(100% / 1 - 30px); margin: 0 15px 40px;}
  .employee-section { padding: 60px 0px 30px;  }
  .tabs-right { width: 100%; }
  .tab-link a{background:#fa4f4f !important;    color: #fff !important;}
  .tab-pane .tab-content-inner {  padding: 20px; background: #fff; box-shadow: 0 6px 9px rgb(0 0 0 / 10%); }
  .tab-content-inner .dis-flex .tab-content{ width: 100%; padding-right: 0; }
  .tab-link a:after { content: "+"; position: absolute; right: 20px; top: 50%; color: #fff !important; font-size: 33px; z-index: 1; transform: translateY(-50%); }
  .tab-link.active a:after { content: "-";}
  .tab-link {  position: relative; }
  .community-content-section .box { width: calc(100% / 1 - 30px); margin: 0 15px 40px;}  /* 04/04/2022 */
  .community-content-section .box h5 { margin: 10px 0 0; font-size: 18px;}
  .community-filter-section { padding: 40px 0px 60px;}
  .community-content-section .box p {font-size: 20px; line-height: 1.4;}
  .section-padding.servicev2-main.team-member-section { padding: 60px 0 30px !important;}
  .section-padding.servicev2-main.team-member-section h2+h4 { font-size: 18px; line-height: 27px; padding-bottom: 20px;}
  .community-section .right-part .box .top-img img, .community-section .right-part .box .bottom-img img {min-height: auto;}
  .team-member-section .vx-filter-box .team-member { width: calc(100% / 2 - 30px);}
  .team-member-section .vx-filter-box { max-width: 580px;margin: auto;}
  .blog-share i.fa { margin-bottom: 0px !important;}
  .home-new-testi-section .left-part h4 { font-size: 28px;}
  .home-new-testi-section .right-part .box { width: calc(100% / 1 - 20px);}
  .home-new-testi-section .left-part .logo-wrap .logo-box { width: calc(100% / 2 - 30px);}
  .home-new-testi-section .right-part .box p{padding: 10px 0 0;}
  .churches-page .non-profit-zigzag.zig-zag-section .box .left-part .img-box img { max-width: 100%; width: 100%; left: 0;}
  .churches-page .non-profit-zigzag.zig-zag-section .box .left-part .img-box {  height: 511px;}
  .corporations-page .non-profit-zigzag.zig-zag-section .box .left-part .img-box {  height: 511px;}
  .corporations-page .non-profit-zigzag.zig-zag-section .box .left-part .img-box img { max-width: 100%; width: 100%; left: 0;}
  .benefit-section .section-heading h3{ font-size: 28px;}

  .hs-blog-post .list-social-icons .blog-share {padding: 0 0 15px;}
  .hs-blog-post .list-social-icons .blog-share i.fa:before {position: relative;top: 2px;}
  .hs-blog-post .section.post-header .post-header h1 { font-size: 30px;}
  .of-only-form-sec .form-cover{ padding: 20px !important;}
  .of-only-form-sec .lp-form.rm-form-div form .hs_submit input{margin-bottom: 0 !important;}
  .hs-blog-post .blog-content{ padding-bottom: 0;}
  .blog.blog-v1 .category_filter {margin-bottom: 10px !important;}
  .overflow-hero .subscribe-form h1 {font-size: 24px;line-height: 28px;}
  .home-new-testi-section .left-part .logo-wrap .logo-box img { width: 188px;}
  .result-page .systems-page.system-pad ul li a.hs-search-results__title{font-size: 22px !important;}
  .team-member-section .vx-filter-box .team-member.custom_width {width: calc(100% / 2 - 30px);}

}


@media (max-width:767px) and (max-height:650px){
  .new-demo-section .right-part .form-outer{ height: auto; overflow: inherit;}
}
@media (max-width:640px){

  .blog-list-main.rm-list-col-box { width: 100%; margin: 20px 0 0; }
  .post-listin-pages.read-time-section.dis-flx { position: relative; top: 0; width: 100%; }
  .post-sharing { position: relative; bottom: 0; width: 100%; }
  .rm-blog-list {  padding: 0 0 10px !important;}
  .bestEverCRESection.three-section.our-speak-value.pos-relative.m-com { padding: 40px 0 !important; }
  .bestEverCRESection.three-section.our-speak-value .box-outer .wrap .box {   padding:0 0; width:100%;margin-bottom:20px;}
  .community-filter-section .vx-filter-box .box {width: calc(100% / 1 - 20px);}
  .community-filter-section .top.filter-controls { flex-direction: column; align-items: baseline;}
  .community-filter-section .top.filter-controls .left-side { padding: 0 0 19px;}
  .community-filter-section .top.filter-controls .right-side { width: 100%; padding: 0;}
  .community-filter-section .top.filter-controls input { width: 100%;}
  .community-filter-section .loadmore { padding: 10px 0 0px;}
  .community-filter-section .vx-filter-box .box .bottom-part .in-height{ height: auto !important;}
  .blog-list-main .meta-details + br {display: none;}
  .blog-list-main .meta-details { font-size: 14px;}
  .blog-search {padding-right: 0;}

}
@media (max-width:567px){
  .tab-content-inner .dis-flex .tab-content.team-member { width: 100%;}
}

@media (max-width:480px){

  h1 { font-size: 37px;}
  h2 { font-size: 36px;}
  h4{ font-size: 24px; }
  .overflow-content-section .cover h2 br { display: none;}
  .overflow-content-section .cover h2 { font-size: 32px;}
  .zig-zag-section .box .right-part .details h3 { font-size: 28px;}
  .growth-section .growth-marquee .grow-img-box.laptop { max-width: 290px;}
  .growth-section .growth-marquee .grow-img-box.mobile { max-width: 60px;}
  .growth-section .growth-marquee .grow-img-box.mobile img { border-radius: 13px;}
  .how-wotk-section .box .right-part .details h3 { margin-bottom: 0;}
  .advantage-section.we-do-section .left-part .details h3 { font-size: 32px;}
  .testimonial-section .section-content { flex-wrap: wrap;}
  .testimonial-section .section-content .left-side { width: 100%;}
  .testimonial-section .slick-buttons { height: 70px;}
  .testimonial-section .slick-list.draggable { padding: 0;}
  .community-section .right-part .box { width: calc(100% / 1 - 24px);}
  .community-section .right-part .box:first-child { top: 0; margin-bottom: 20px;}
  .community-section .right-part .box:first-child:hover { top: 0;}
  .home-blog-section .bottom-part .post-title { font-size: 22px; line-height: 32px;}
  .home-blog-section .right-part .box .bottom-part .post-title { font-size: 22px;}
  .schedule-meeting-section h3 br { display: none;}
  .popup-video.fancybox__content { max-width: 380px;}
  .simple-use-section .box { width: calc(100% / 1 - 30px);}
  .overflow-hero.inner-hero-section h1 br { display: none;}
  .overflow-hero.inner-hero-section h1 { font-size: 36px; line-height: 1.2;}
  .non-profit-zigzag.zig-zag-section .box .right-part { padding: 20px 15px !important;}
  .non-profit-zigzag.zig-zag-section .box .inner-wrap .details h3 { font-size: 27px;}
  .non-profit-zigzag.zig-zag-section .box .left-part .img-box { min-height: auto;}
  .simple-use-section .details { padding: 0 0 50px;}
  .we-do-section.benefit-section { padding: 20px 0px 20px;}
  .new-story-section .story-slider .person-box .person-details { width: 100%; padding: 15px 0 0;}
  .new-story-section .story-slider .person-box { flex-wrap: wrap;}
  .new-story-section .story-slider .content p { font-size: 20px; line-height: 32px;}
  .new-story-section { padding: 40px 0 10px;}
  .feature-section .right-part .tabing-box .tab-content h5.shadow-text { font-size: 30px;}
  .feature-section .right-part .tabing-box .tab-content h5.shadow-text.small { font-size: 22px;}
  .feature-section .right-part .tabing-box .tab-content { padding: 20px 0 0;}
  .feature-section .right-part .tabing-box .tabTitle { width: 100%; padding: 20px 0 0;}
  .feature-section .right-part .tabing-box .title-wrap { flex-wrap: wrap; padding: 18px 0px;}
  .feature-section .right-part .section-content h3 { font-size: 25px; font-family: UniversalSans-600;}
  .new-hearder-section .menu-part .header-btn {display: none;}
  .new-hearder-section .menu-part .mainmenu { width: 100%; padding-right: 0;}
  .new-hearder-section .menu-part .mainmenu .header-btn {display: block; width:100%; }
  .new-hearder-section .menu-part .mainmenu .header-btn a.btn-1 { background: #fff !important; border-radius: 0 !important; color: #fa4f4f !important; text-align: center; font-size: 17px; border: 0 !important;}
  .new-hearder-section .menu-part .mainmenu .header-btn {
    background-color: #ffffff;
    padding: 10px 10px;
  }

  .new-hearder-section .menu-part .mainmenu .header-btn a.cta_button[title] {
    padding: 12px 15px!important;
    border-radius: 6px !important;
    width: 98%;
    margin: auto;
    display: block;
    background-color: #fa4f4f !important;
  }

  .new-hearder-section .menu-part .mainmenu .header-btn a span {
    color: #ffffff !important;
  }
  /*   .team-member-section .vx-filter-box .team-member { width: calc(100% / 1 - 30px); margin: 0 15px 50px;} */
  /*   .team-member-section .vx-filter-box .team-member {    margin: 0 0 50px;} */
  .team-member-section .drop-box { padding: 0 15px; }

  /*   .team-member-section .vx-filter-box .team-member .team-img{height:auto !important;} */
  /*   .team-member-section .vx-filter-box .team-member .team-img img {    width: 100%;  height: 460px !important;} */
  .hs-blog-listing .page-center.content-wrapper.main-content, .hs-blog-post .page-center.content-wrapper.main-content { padding-top: 40px !important}
  .new-hearder-section .menu-part .mainmenu .header-btn {margin: 0;}
  .overflow-hero .popup-box .video-cover { height: 233px;}
  .team-member-section .vx-filter-box {max-width: initial;margin: 0 -15px;}
  .dragdrop-carousel-section .box.slick-slide {padding: 0;}
  .dragdrop-carousel-section .sedction-heading{ padding-bottom: 20px;}
}



@media (max-width:400px){
  .term-common-section h2 { font-size: 17px; margin-bottom: 10px;}
  .popup-video.fancybox__content { max-width: 290px;}


}

.leadinModal {
  z-index: 99999;
}

/* Landing Page */
.landing-page {
  margin-top: 110px;
}

@media (max-width: 1199px) {
  .landing-page {
    margin-top: 0;
  }
}

.leadinModal {
  z-index: 99999;
}


.body-container--podcasts-page {
  overflow: hidden;
}

.body-container--podcasts-page .dnd-module,
.body-container--podcasts-page  .dnd-column {
  min-height: 0 !important;
}

.member-login {
  background-color: #000000;
}


.member-login .systems-page {
  padding-top: 250px !important;
  display: flex;
  margin: auto;
  max-width: 1000px;
  justify-content: space-between;
}

.member-login .systems-page > div {
  width: 51%;
}

.member-login .systems-page .form-container {
  border: 1px solid;
  padding: 30px;
  border-radius: 20px;
  width: 39%;
  background-color: #ffffff;
}

.member-login .systems-page .form-container img {
  max-width: 136px;
  display: block;
  margin: 20px auto 0;
}

.member-login .systems-page.system-pad .hs-form-field label {
  font-size: 12px;
  margin-bottom: 5px;
}

.member-login .hs-login-widget-show-password,
.member-login #hs_login_reset,
.member-login .hs-register-widget-show-password {
  font-size: 12px;
  display: block;
}

.member-login .systems-page.system-pad .hs-form-field {
  margin-bottom: 0;
  margin-top: 13px;
}

.member-login .systems-page.system-pad .hs-form-field input#hs-login-widget-remember {
  margin-top: 0px;
}

.member-login .systems-page input.hs-input {
  margin: 0;
}

.member-login #hs_login_reset {
  text-align: center;
}

.member-login .systems-page.system-pad .hs-submit {
  text-align: center;
}

.member-login .systems-page.system-pad .hs-submit input {
  float: none;
}

.member-login .form-container > p {
  text-align: center;
  font-size: 12px;
}

.member-login .content-side {
  text-align: center;
}

.member-login .content-side h2 {
  font-size: 40px;
  color: #ffffff;
}

.member-login .content-side p {
  font-size: 16px;
  line-height: 150%;
  color: #ffffff;
}

.member-login .content-side img {
  margin-top: 15px;
}

.member-login .systems-page form {
  max-width: 100%;
}

.member-register .systems-page.system-pad .hs-error-msgs label {
  margin-top: 6px;
  display: block;
  font-size: 12px;
}

.member-register .form-input-validation-message {
  margin-bottom: 0;
}

@media all and (max-width: 768px) {
  .member-login .systems-page {
    padding-top: 100px !important;
  }

  .member-login .systems-page {
    flex-flow: column;
  }

  .member-login .systems-page .form-container {
    width: 100%;
    margin-bottom: 30px;
  }

  .member-login .systems-page > div {
    width: 100%;
  }

  .member-login .content-side h2 {
    font-size: 32px;
  }
}


.flowcon-landing {
	background-color: #eaeaea;
}