@font-face {
  font-family: "GT_Esti_Regular";
  font-style: normal;
  font-weight: normal;
  src: url("//cdn2.hubspot.net/hubfs/5478398/Ezbob%20-%20April%20Folder%202019/Fonts/GT-Eesti-Pro-Display-Regular.eot") format("embedded-opentype"),
    url("//cdn2.hubspot.net/hubfs/5478398/Ezbob%20-%20April%20Folder%202019/Fonts/GT-Eesti-Pro-Display-Regular.woff2") format("woff2"), 
    url("//cdn2.hubspot.net/hubfs/5478398/Ezbob%20-%20April%20Folder%202019/Fonts/GTEestiProDisplay-Regular.ttf") format("truetype"),
    url("//cdn2.hubspot.net/hubfs/5478398/Ezbob%20-%20April%20Folder%202019/Fonts/GTEestiProDisplay-Regular.otf") format("otf"), 
    url("//cdn2.hubspot.net/hubfs/5478398/Ezbob%20-%20April%20Folder%202019/Fonts/GTEestiProDisplay-Regular.svg") format("svg")
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://f.hubspotusercontent40.net/hubfs/5478398/ezbob-2021/fonts/HelveticaNeue-Light.woff') format('woff2'),
        url('https://f.hubspotusercontent40.net/hubfs/5478398/ezbob-2021/fonts/HelveticaNeue-Light.woff2') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


*
{
  margin: 0px;
  padding: 0px;
}
body
{
  overflow-x: hidden;
  height: 100%;
  font-family: 'GT_Esti_Regular',Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
}
h1, h2, h3, h4, h5, h6
{
  font-family: 'GT_Esti_Regular',Arial,Helvetica,sans-serif;
  font-weight: 400;
}
h1
{
  font-size: 72px;
  line-height: 1.2;
  margin: 0px 0px 35px;
}
h2
{
  font-size: 50px;
}
p
{
  font-size: 20px;
  margin: 0 0 25px;
  line-height: 1.5;
}
p:last-child
{
  margin: 0px;
}
a {
  color: #3e2196;
  text-decoration: none;
}
a, button, input[type="submit"]
{
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
} 
a:hover, a:focus
{
  outline: none;
  text-decoration: none;
}
:focus
{
  outline: none;
}
::selection
{
  background: #000;
  color: #fff;
}
ul
{
  margin: 0px;
  padding: 0px;
}
ul li
{
  list-style: none; 
} 
li
{
  font-size: 20px;
  line-height: 1.5;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom
}


.header-right-section .custom-menu-primary ul li.hs-item-has-children > a::after {
  content: '';
  width: 4px;
  height: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  border-width: 4.5px;
}
/*.body-container-wrapper:not(.hs-blog-listing .body-containert-wrapper) {
  padding-top: 0px !important;
}*/
a.cta_button, .b-cta a
{
  font-size: 20px;
  border: 1px solid #7251d4;
  color: #fff;
  border-radius: 50px;
  padding: 10px 35px;
  display: inline-block;
  text-align: center;
  background:#7251d4;
}
a.cta_button:hover
{
  background: #3e2196;
  color: #fff;
  border: 1px solid #3e2196;
}
.container-fluid .row-fluid .page-center {
  max-width: 100%;
  padding: 0 5%;
}
.row-fluid [class*="span"]
{
  min-height: 0px;
}
/*========= Header Section ===========*/

.header-container
{
  /*     background: transparent; */
  padding: 0px 0;
}
.small-header .header-container
{
  padding: 0px 0px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.header-main
{
  padding: 30px 0px;
  transition: all 0.3s; 
  -webkit-transition: all 0.3s; 
  -moz-transition: all 0.3s; 
  -ms-transition: all 0.3s; 
  -o-transition: all 0.3s; 
}
.small-header .header-main
{
  padding: 15px 0px;
}
.header-main .page-center > .row-fluid-wrapper > .row-fluid, .header-right-section > .row-fluid-wrapper > .row-fluid, .banner-content-outer
{
  display: flex;
  display: -webkit-flex;
  align-items:  center;
  justify-content: space-between;
}
.header-main .page-center>.row-fluid-wrapper>.row-fluid:before, .header-main .page-center>.row-fluid-wrapper>.row-fluid:after
{
  display: none;
}
.header-right-section > .row-fluid-wrapper > .row-fluid
{
  justify-content: flex-end;
}
.header-right-section > .row-fluid-wrapper > .row-fluid > div
{
  width: auto;
}
.header-container .header-logo .hs_cos_wrapper_type_logo a:after
{
  display: none;
}
.header-container .header-logo .hs_cos_wrapper_type_logo img, .small-header .header-container .header-logo .hs_cos_wrapper_type_logo a img
{
  max-width: 130px;
}
.header-menu.custom-menu-primary .hs-menu-wrapper > ul
{
  padding-top: 0px;
}
.header-menu.custom-menu-primary .hs-menu-wrapper > ul > li 
{
  text-transform: capitalize;
  margin-right: 50px;
  font-size: inherit;
}
.header-menu.custom-menu-primary .hs-menu-wrapper > ul > li:last-child 
{
  margin-right: 0px;
}
.header-menu.custom-menu-primary .hs-menu-wrapper > ul > li > a
{
  padding: 10px 0;   
  /*     color: #fff; */
  color: #000;
  font-size: 20px;
}
.header-menu.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover
{
  color: #3e2196;
}
.header-cta-btn
{
  margin-left: 0px !important;
}
.banner-section a.cta_button.view-solution-cta:hover
{
  color: #3e2196;
  background: transparent;
}
.social-icons a {
  display: inline-block;
}
.social-icons a svg {
  vertical-align: bottom;
}

.header-right-section .custom-menu-primary ul li.hs-item-has-children ul {
  left: 0 !important;
  padding: 0;
  border-radius: 0;
}
.header-right-section .custom-menu-primary ul li.hs-item-has-children ul:before {
  display: none;
}
.header-right-section .custom-menu-primary ul li.hs-item-has-children ul li a {
  font-size: 16px;
  padding: 8px 10px;
}
.header-right-section .custom-menu-primary ul li.hs-item-has-children ul li a:hover {
  background: #3e2196;
}
.header-right-section .custom-menu-primary ul li.hs-item-has-children ul li:hover {
  background: transparent;
}



/*========= Banner Section ===========*/

.banner-section {
  /*     background-image: linear-gradient(to right, #3e2196, #7251d4); */
  padding: 30px 0px 150px;
  /*     color: #fff; */
  position: relative;
}
.banner-section:after {
  background: url(https://cdn2.hubspot.net/hubfs/5478398/Ezbob-sep2019/images/home/rounded-img.png);
  content: "";
  position: absolute;
  width: 37%;
  height: 89%;
  right: 0;
  bottom: 0;
  background-size: contain;
  background-position: right bottom;
  background-repeat:  no-repeat;
  display: none;
}
.banner-section h1
{
  max-width: 425px;
  color: #3e2196;
}
.banner-left-section {
  max-width: 35.7%;
  flex: 0 0 35.7%;
}
.banner-right-section img {
  max-width: 300px;
}

.banner-cta-section {
  margin: 35px 0px 0px;
}
a.cta_button.view-solution-cta, a.cta_button.contact-us-cta, a.cta_button.view-all-case-studies, a.cta_button.download-brochure-cta
{
  padding: 0px;
  border: 0px;
  margin: 0 0 0 30px;
}
.content-with-background a.cta_button.view-solution-cta:hover, a.cta_button.view-all-case-studies:hover, a.cta_button.download-brochure-cta:hover
{
  background: transparent;
  color: #fff;
}
.banner-section a.cta_button span, a.cta_button.contact-us-cta span, a.cta_button span, .item-benefits a.leader-more-btn span
{
  /*     display: inline-block;
  vertical-align: middle; */
  margin: 0px 0px 0px 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
a.cta_button.view-solution-cta:hover span, a.cta_button.contact-us-cta:hover span, a.cta_button:hover span, .item-benefits a.leader-more-btn:hover span
{
  transform: translateX(5px);
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
}
.banner-content-outer {
  position: relative;
  z-index: 9;
}
.banner-section p
{
  font-size: 28px;
  line-height: 34px;
}
.banner-right-section {
  padding-right: 170px;
}


.laptop-image-video {
  width: 42vw;
  margin-right: -4.98vw;
}
.laptop-image {
  position: relative;
  z-index: 2;
  padding-bottom: 67.7027027%;
}
.laptop-image svg.laptop__mockup {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}
.laptop-image svg.laptop__mockup__shadow
{
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
  z-index: 1;
}
.video-section {
  position: absolute;
  height: 85.35%;
  width: 83.89715832%;
  left: 16.21621622%;
  top: 5.588822355%;
  overflow: hidden;
  z-index: 9;
  background-size: contain;
}
.video-section video
{
  height: 100%;
  width: 100%;
  background: #000;
}
.video-section iframe
{
  height: 100%;
  width: 100%;
}
.video-image {
  position: absolute;
  height: 85.22954092%;
  width: 83.89715832%;
  left: 16.21621622%;
  top: 5.588822355%;
  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  display: none;
}

/*========= Clients Section ===========*/

.our-clients-main {
  background: #e5dede;
  padding: 50px 0px 30px;
}
.our-clients-main h2 {
  color: #666666;
  margin: 10px 0px 0px;
  max-width: 13%;
  flex: 0 0 13%;
  position: relative;
  font-size: 26px;
}
.our-clients-main h2:before
{ 
  content: "";
  position: absolute;
  right: 0px; 
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 3px;
  height: 30px;
  background: #666;
}
.logo-images-list, .single-col-title-content, .clients-inner {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.logo-images-list {
  max-width: 80%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center !important;
}
.logo-image-section {
  max-width: 25%;
  flex: 0 0 25%;
  text-align: center;
  margin: 0 0 20px;
  padding: 0px 20px;
}
.logo-image-section img {
  /*     max-width: 70%; */
}
.logo-image-section {
  /*     text-align: right; */
}
.clients-inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/*========= Left right Section ===========*/

.left-title-right-content
{
  padding: 150px 0px;
}
.single-col-title-content
{
  align-items: flex-start;
}
.left-title-section, .right-content-section
{
  max-width: 50%;
  flex: 0 0 50%;
}
.left-title-section h2 {
  font-size: 50px;
  max-width: 461px;
  margin: 0px;
}
.left-title-section h2 span
{
  color: #3e2196;
}
.cta-button-section
{
  margin: 50px 0px 0px;
}
.cta-button-section a.cta_button.contact-us-cta:hover, .strip-with-text-cta a.cta_button.view-solution-cta:hover
{
  background: transparent;
  color: #3e2196;
}
.logo-images-sec
{
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.logo-images-sec img {
  max-height: 100px;
  width: auto !important;
  margin: 0px 40px 0px 0px;
}


/*========= content with background Section ===========*/

.content-with-background
{
  padding: 100px 0px;
  position: relative;
  background-size: cover !important;
  background-position: center right !important;
  background-attachment: fixed !important;
}
.content-with-background:before {
  content: "";
  position: absolute;
  background: #3e2196;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
}
.content-with-background .content-section
{
  position: relative;
  color: #fff;
  max-width: 55%;
}
.content-with-background .content-section h2
{
  max-width: 96%;
}
.content-with-background.gray-overlay:before
{
  background: #514968;
  opacity: .75;
}
.content-with-background h4 {
  font-size: 30px;
  line-height: 1.5;
  margin: 0px 0px 15px;
}
.content-with-background p {
  font-size: 30px;
}
.cta-buttons-section
{
  margin: 50px 0px 0px;
}
.gray-overlay .cta-buttons-section {
  margin: 35px 0px 0px;
}
.content-with-background.without-overlay:before
{
  display: none;
}
.content-with-background.without-overlay p {
  font-size: 28px;
  line-height: 34px;
}
.content-with-background a.cta_button
{
  color: #3e2196;
  border-color: #fff;
  background: #fff; 
}
.content-with-background a.cta_button:hover
{
  background: #fff; 
  color: #3e2196;
}
/*=========== Strip Section ===============*/

.strip-with-text-cta {
  background: #e5dede;
  padding: 50px 0px;
}
.text-cta-strip
{ 
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.left-text-sec h4
{
  margin: 0px;
  font-size: 36px;
}
.right-cta-sec {
  margin-left: 50px;
}
a.cta_button.view-solution-cta:hover, a.cta_button.view-all-case-studies:hover{
  background: transparent;
  color: #3e2196;
}
a.cta_button.view-all-case-studies:hover
{
  color: #fff;
}

/*========= Benefits Section =========*/

.benefits-of-clients {
  padding: 100px 0px;
}
.benefits-title-sec h2 {
  max-width: 600px;
}
.benefits-listing-sec
{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px 0px 0px;
}
.item-benefits
{
  max-width: 23%;
  flex: 0 0 23%;
  margin: 0 0 4%;
}
.item-benefits h4 {
  font-size: 30px;
  /*     color: #3e2196; */
  color: #000;
  margin: 0 0 20px; 
  min-height: 72px;
}
.icon-image {
  margin: 0px 0px 20px;
}
.icon-image img {
  max-width: 50px;
}
.item-benefits a.leader-more-btn {
  font-size: 20px;
}
.item-benefits a.leader-more-btn:hover {
  color: #3e2196;
}
.benefits-of-clients .cta-button-section {
  margin: 0px 0px 0px;
}
.item-benefits p {
  min-height: 120px;
  color: gray;
}

/*=========== Footer section =============*/

.footer-main
{
  padding: 100px 0px;
}
.footer-bio
{
  margin: 25px 0px 0px;
}
.footer-main h2 {
  font-size: 28px;
  color: #3e2196;
  margin: 0px 0px 20px;
}
.footer-main ul li a, .footer-main a
{
  font-size: 20px;
  color: #000;
  line-height: 30px;
}
.footer-main ul li a:hover, .footer-main a:hover
{
  color: #3e2196;
}
.footer-logo img {
  max-width: 100px;
}
.footer-bio h4
{
  max-width: 237px;
  line-height: 24px;
}
.footer-second-row 
{
  padding: 100px 0px 0px;
}
.footer-second-row p {
  font-size: 14px;
  line-height: 20px;
}
.forth-col p {
  max-width: 230px;
}

/*=========== landing Page ==========*/

.custom-header-group
{
  padding: 50px 0px;
}
.landing-banner {
  min-height: 98vh;
  background-size: cover;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  background-position: center;
}
.landing-banner-inner {
  color: #fff;
}
.landing-banner-inner h2 {
  font-size: 36px;
  margin: 0 0 15px;
}
.b-cta a
{
  color: #fff;
  border-color: #fff;
}
.b-cta a:hover
{
  background: #fff;
  color: #3e2196;
}
.two-landing-section
{
  padding: 100px 0px;
}
.two-left-text 
{
  padding-right: 200px;
}
.two-left-text h2 {
  color: #3e2196;
  font-size: 36px;
  margin: 0px 0px 25px;
}
.two-left-text p
{
  margin: 0px 0px 15px;
}
.body-container-wrapper ul li
{
  position: relative;
  padding-left: 25px;
  margin: 0 0 15px;
}
.body-container-wrapper ul li:last-child
{
  margin: 0px;
}
.body-container-wrapper ul li:before
{
  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #3e2196;
  top: 12px;
}
.two-right-form h3 {
  color: #3e2196;
  font-size: 20px;
  margin: 0 0 20px;
}
.hs-form-field > label {
  font-size: 22px;
  margin: 0px 0px 15px;
  display: inline-block;
}
.hs-input:not([type="checkbox"]):not([type="radio"]) {
  border: 1px solid #999999;
  height: 45px;
  width: 100%;
  border-radius: 50px;
  color: #000;
  font-size: 14px;  
  padding: 0px 20px;
  font-family: 'GT_Esti_Regular',Arial,Helvetica,sans-serif;
  box-sizing: border-box;
}
.body-container-wrapper form ul li
{
  padding-left: 0px;
}
.body-container-wrapper form ul li:before
{
  display: none;
}
input[type="checkbox"] + span:before
{
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  border: 1px solid #000;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
input[type="checkbox"] + span:after
{
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 50%;
  left: 3px;
  top: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
input[type="checkbox"]:checked + span:after
{
  opacity: 1;
  visibility: visible;
}
input[type="checkbox"]
{ 
  /* opacity: 0; */
  cursor: pointer;
}
ul.no-list.hs-error-msgs.inputs-list li label {
  color: red;
  font-size: 15px;
}
.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 35px;
}
.legal-consent-container {
  margin: 35px 0;
}
input[type="submit"]
{
  background: #7251d4;
  border: 1px solid #7251d4;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  font-size: 20px;
  padding: 10px 35px;
}
input[type="submit"]:hover
{
  background: transparent;
  color: #7251d4;
}
.custom-footer-group
{
  padding: 70px 0px 0px;
}
.custom-footer-group .custom-footer-pdf-link p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 80%;
  font-weight: 400;
  color: #829b9b;
}
.custom-footer-group a, .custom-address p
{
  font-size: 20px;
  color: #000;
  line-height: 30px;
}
.custom-footer-group a:hover
{
  color: #3e2196;
}
.custom-footer-pdf-link {
  margin: 50px 0px 0px;
}
.hs-header-top-group > .row-fluid-wrapper > .row-fluid
{
  display: flex;
  display: -webkit-flex; 
}


/*========= Blog Page ==============*/


.blog-body
{
  padding: 100px 0px 100px;
  border-bottom:1px solid #ccc;
}

.banner-image-section-blog h1 {
  margin: 0;
  padding: 45px 0;
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: rgba(255, 255, 255, .9);
  margin-right: 30px;
  margin-bottom: 0;
}
.blog-section .post-listing  .post-item.first-post-box {
  padding-bottom: 0;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width:100%;
  flex: 0 0 100%;
}
.blog-section .post-listing .post-item.first-post-box .hs-featured-image-wrapper a {
  display: inline-block;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.blog-section .post-listing .post-item.first-post-box .hs-featured-image-wrapper a img {
  width: 100%;
  height: 100%;
}
.blog-section .post-listing .post-item.first-post-box .post-header p.hubspot-topic_data {
  margin-bottom: 0;
}
.blog-section .post-listing .post-item.first-post-box .post-header {
  padding: 30px;
}
.blog-section .post-listing .post-item.first-post-box .post-header p  .topic-link {
  text-transform: initial;
  font-size: 14px;
  font-weight: 500;
  color: #aeaeae;
}
.blog-section .post-listing .post-item.first-post-box .post-header h2 {
  font-size: 42px;
  margin-top: 0;
  margin-bottom: 15px;
}
.blog-section .post-listing .post-item.first-post-box .blog-author-date-section span {
  color: #b5b5b5;
  font-size: 16px;
  line-height: 18px;
  margin: 0 7px;
  font-weight: 100;
}
.blog-section .post-listing .post-item.first-post-box .blog-author-date-section span .author-link {
  color: #b5b5b5;
}
.blog-section .post-listing .post-item.first-post-box:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
  box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
}
.post-item.first-post-box .hs-featured-image-wrapper a:hover {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}
.blog-section .post-listing {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blog-section .post-listing .post-item {
  max-width: 48%;
  flex: 0 0 48%;
  margin-bottom: 30px;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding-bottom: 0;
}
.blog-section .post-listing .post-item:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
  box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
}
.blog-section .post-listing .post-item .hs-featured-image-wrapper a {
  display: inline-block;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden;
}
.blog-section .post-listing .post-item .hs-featured-image-wrapper a:hover {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}
.blog-section .post-listing .post-item .hs-featured-image-wrapper a img {
  height: 250px;
  object-fit: cover;
  width: 100%;
  overflow: hidden;
}
.blog-section .post-listing .post-item .post-header {
  padding: 20px 25px 18px;
}
.blog-section .post-listing .post-item .post-header h2 {
  margin-bottom: 10px;
  min-height: 120px;
  font-size: 20px;
}
.blog-section .post-listing .post-item .blog-author-date-section span {
  color: #222;
  font-size: 18px;
  line-height: 28px;
  margin: 0 7px;
  margin-left: 0;
}
.blog-section .post-listing .post-item .blog-author-date-section span a {
  color: #222;
}

.page-numbers-container .page-numbers {
  display: flex;
  justify-content: center;
}
.page-numbers-container .page-numbers li:before {
  display: none;
}
.page-numbers-container .page-numbers li {
  padding: 0;
  margin: 0;
}
.page-numbers-container .page-numbers li a {
  display: inline-block;
  width: 30px;
  text-align: center;
  height: 30px;
  margin: 0 5px;
  font-size: 14px;
  border-radius: 4px;
  background: #eaeaea;
  line-height: 30px;
}
.page-numbers-container .page-numbers li a:hover , .page-numbers-container .page-numbers li.current a {
  background: #3e2895;
  color: #fff;
}





.blog-body .blog-right > div > div > .widget-span {
  padding: 30px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-body .blog-right > div > div > .widget-span h3.form-title {
  text-align: center;
  font-size: 20px;
}
.blog-body .blog-right > div > div > .widget-span form .hs-form-field {
  margin-bottom: 0;
}
.blog-body .blog-right > div > div > .widget-span form .hs-form-field label {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: inherit;
}
.blog-body .blog-right > div > div > .widget-span form .hs-form-field .input input {
  width: 100%;
  border: 1px solid #eaeaea;
  height: 43px;
  padding: 8px 15px;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #666;
  display: block;
  font-weight: 300;
}
.blog-body .blog-right > div > div > .widget-span form .hs-form-field  .hs-error-msg {
  font-size: 14px;
  margin-bottom: 0;
  position: relative;
  top: -10px;
}
.blog-body .blog-right > div > div > .widget-span form .hs-form-field .hs-form-radio-display {
  margin: 0;
}
.blog-body .blog-right > div > div > .widget-span form .hs-form-field .hs-form-radio-display input {
  float: left;
  width: auto;
  height: 32px;
  margin-right: 10px;
}
.blog-body .blog-right > div > div > .widget-span form .hs-form-field .hs-form-radio {
  margin-bottom: 0;
  width: 100%;
  float: left;
}
.blog-body .blog-right > div > div > .widget-span form .hs_submit {
  width: 100%;
  float: left;
}
.blog-body .blog-right > div > div > .widget-span form .hs_submit .actions {
  margin-top: 10px;
}
.blog-body .blog-right > div > div > .widget-span form .hs_submit .actions .hs-button.primary.large {
  width: 100%;
  padding: 0.7em 2.1em;
  border: 0;
  background: #3c2190;
  color: #fff;
  border: 1px solid #3c2190;
}
.blog-body .blog-right > div > div > .widget-span form .hs_submit .actions .hs-button.primary.large:hover {
  border: 1px solid #3c2190;
  background: transparent;
  color: #3c2190;
}





.blog-body .blog-right .popular-posts .popular-posts-title h3 {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 100;
}
.blog-body .blog-right .popular-posts .popular-posts-title h3:before {
  content: '';
  position: absolute;
  height: 1px;
  width: 190px;
  background-color: #eaeaea;
  top: 50%;
  margin-top: -1px;
  left: 100%;
}
.blog-body .blog-right .popular-posts .popluar-post-inner.popular-first .popular-post-image a , 
.blog-body .blog-right .popular-posts .popluar-post-inner .popular-post-image a {
  display: inline-block;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.blog-body .blog-right .popular-posts .popluar-post-inner.popular-first .popular-post-image a img , 
.blog-body .blog-right .popular-posts .popluar-post-inner .popular-post-image a img
{
  width: 100%;
  height: 140px;
  border-radius: 4px;
  object-fit: cover;
  overflow: hidden;
}
.blog-body .blog-right .popular-posts .popluar-post-inner.popular-first .popular-post-image a:hover , 
.blog-body .blog-right .popular-posts .popluar-post-inner .popular-post-image a:hover {
  transform: scale(1.1);
}
.blog-body .blog-right .popular-posts .popluar-post-inner.popular-first .popular-post-image , 
.blog-body .blog-right .popular-posts .popluar-post-inner .popular-post-image{
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.blog-body .blog-right .popular-posts .post-title a {
  font-size: 14px;
  color: #222;
}



.popluar-post-inner.popular-first {
  display: inherit;
}
.popluar-post-inner.popular-first
.popular-post-image , .popluar-post-inner.popular-first .post-title , .popluar-post-inner.popular-first .popular-post-date , 
.popluar-post-inner.popular-first {
  width: 100%;
  float:left;
}
.popluar-post-inner.popular-first .post-title, .blog-body .blog-right .popular-posts .popluar-post-inner.popular-first .popular-post-date {
  padding: 0;
}
.popluar-post-inner {
  width: 100%;
  float: left;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}
.popluar-post-inner .popular-post-image {
  width: 30%;
  float: left;
  border-radius: 4px;
}
.blog-body .blog-right .popular-posts .popluar-post-inner .popular-post-image a img {
  height: 100px;
}
.popluar-post-inner .post-title {
  width: 70%;
  float: left;
  padding-left: 15px;
  margin-top: 0;
}
.blog-body .blog-right .popular-posts .popluar-post-inner .popular-post-date {
  padding-left: 15px;
  font-size: 14px;
  color: #666;
  width: 70%;
  float: right;
}
.popluar-post-inner:last-child {
  border: 0;
  padding-bottom: 0;
}
.blog-body .blog-right .popular-posts .popluar-post-inner.popular-first .popular-post-date {
  width: 100%;
  font-family: 'Helvetica Neue';
} 


/*========= Blog Page ==============*/


/*========= Blog Detail Page ==============*/

.banner-post-detail-inner {
  padding: 120px 0;
  position: relative;
}
.banner-detail-post {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.banner-post-detail-inner h1 {
  font-size: 48px;
  text-align: center;
  color: #fff;
  margin: 0px auto;
  max-width: 50%;
}
.banner-detail-post:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
}
.banner-post-detail-inner .post-detail-author {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.banner-post-detail-inner .post-detail-author .authore-image {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #fff;
  margin-right: 15px;
  display: none;
}
.banner-post-detail-inner .post-detail-author .author-name a {
  color: #fff;
}
.banner-post-detail-inner .post-detail-author .author-date {
  margin-left: 15px;
  color: #ccc;
  font-size: 12px;
}
.hs-blog-post .blog-main-content {
  max-width: 50%;
  margin: 0 auto !important;
  float: none;
}
.hs-blog-post .blog-main-content .section.post-body ul {
  padding: 0;
}
.hs-blog-post .blog-main-content .section.post-body ul li {
  margin-bottom: 15px;
  font-size: 20px;
  color: #000;
}
.hs-blog-post .blog-main-content .section.post-body ul li:last-child {
}
.hs-blog-post .blog-main-content .section.post-body p:empty {
  display: ;
}
.hs-blog-post .blog-main-content .section.post-body p {
  font-size: 20px;
  color: #000;
  font-weight: 100;
}
.hs-blog-post .blog-main-content #hubspot-topic_data {
  margin-top: 30px;
  font-size: 16px;
}
.hs-blog-post .blog-main-content #hubspot-topic_data .topic-link {
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  margin: 0 4px;
  color: #666;
}
.hs-blog-post .blog-main-content #hubspot-topic_data .topic-link:hover {
  border-color: #3e2196;
}



/*========= Blog Detail Page ==============*/

.hs-blog_default_hubspot_blog_7587536470_subscription {
  display: none;
}
.globe_class {
  background-image: none;
  width: auto;
  height: auto;
}
a.lang_switcher_link {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  color: #212121;
}
a.lang_switcher_link img {
  max-width: 30px;
  margin-right: 5px;
}
.lang_switcher_class .lang_list_class {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  padding: 0;
  text-align: left;
  top: 100%;
  width: 130px;
}
.lang_switcher_class .lang_list_class li {
  border: 0 none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 8px 10px;
}
.lang_switcher_class .lang_list_class:after
{
  display: none;
}
.lang_switcher_class {
  padding-top: 7px;
  float:right;
  margin-right: 20px;
}
.back-to-blog
{
  margin: 30px 0px 0px; 
  text-align: center;
}
.back-to-blog a
{
  color: #3e2196;
  font-size: 20px;
}
.back-to-blog a span
{
  margin-right: 5px;
  display: inline-block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.back-to-blog a:hover span
{
  transform: translateX(-5px);
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  -o-transform: translateX(-5px);
}
/*====== Solutions Page =========*/

.banner-section.banner-with-background, .banner-section.banner-with-background h1 {
  color: #fff;
}
.banner-section.banner-with-background h1 {
  max-width: 100%;
}
.banner-section.banner-with-background {
  background-size: cover;
  background-position: right;
  /*     padding: 250px 0px 150px; */
} 
.banner-section.banner-with-background .banner-left-section {
  max-width: 40%;
  flex: 0 0 40%;
}
.banner-section.banner-with-background a.cta_button, .page-with-transparent-header .header-cta-btn a.cta_button  {
  border-color: #fff;
  color: #3e2196;
  background: #fff;
}
.banner-section.banner-with-background a.cta_button:hover, .page-with-transparent-header .header-cta-btn a.cta_button:hover
{
  background: #fff;
  color: #3e2196;
}
.banner-section.banner-with-background a.cta_button.view-solution-cta:hover
{
  background: transparent;
  color: #fff;
}
.solution-two-col .left-title-section h2 {
  max-width: 645px;
}
.accordion_header {
  background: #f5f2f2;
  font-size: 24px;
  vertical-align: middle;
  position: relative;
}
.accordion_header img {
  vertical-align: middle;
  max-height: 40px;
  max-width: 40px !important;
  margin: 0px 15px 0px 0px;
}
.accordion_group {
  border: 0px;
  border-radius: 0px;
  background: transparent;
  padding: 0px;
}
.accordion_content {
  padding: 40px 20px;
}
.accordion_header::before, .accordion_header::after {
  content: "";
  position: absolute;
  background: #3e2196;
  width: 15px;
  height: 2px;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.accordion_header::after {
  width: 2px;
  height: 15px;
  right: 31px;
} 
.accordion_group.expanded .accordion_header::before {
  opacity: 0;
  visibility: hidden;
}
.accordion_group.expanded .accordion_header::after {
  transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
}
.single-right-repeater .left-title-section h2 {
  max-width: 100%;
}
.acontent-inner-right-header {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  margin: 0 0 15px;
}
.acontent-inner-right-header img {
  max-width: 40px !important;
}
.acontent-inner-right-header h4 {
  margin: 0px;
  font-size: 30px;
  padding-left: 20px;
}
.single-right-repeater .content-inner-right {
  margin: 0px 0px 30px;
}
.single-right-repeater .content-inner-right:last-child {
  margin: 0px 0px 0px;
}
.single-right-repeater.left-title-right-content {
  padding: 0px;
}
.single-right-repeater .single-col-title-content {

  border-bottom: 1px solid #ccc;
  padding: 150px 0px;
}
.page-with-transparent-header .body-container-wrapper {
  padding-top: 0px !important;
}
.page-with-transparent-header .header-container {
  background: transparent;
}
.page-with-transparent-header.small-header .header-container {
  background-image: linear-gradient(to right, #3e2196, #7251d4);
} 
.page-with-transparent-header .header-menu.custom-menu-primary .hs-menu-wrapper > ul > li > a {
  color: #fff;
}
.custom-headers-socials img {
  max-width: 33px;
}
.banner-section.banner-with-background a.cta_button.download-brochure-cta:hover, .content-with-background a.cta_button.download-brochure-cta:hover {
  background: transparent;
  color: #fff;
}
.left-title-right-content a.cta_button.download-brochure-cta:hover {
  color: #3e2196;
}
form .hs-richtext {
  font-size: 20px;
  line-height: 1.5;
  margin: 10px 0px;
}

.body-two-col-section .page-center.content-wrapper 
{
  border: 1px solid #ccc;
}

/*=============== Careers Page ====================*/


.custom-banner {
  background-position: 40vw 60vh;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #e6dfdd;
  padding: 0 0 25px;
}
.hs-contact-row1-group .main-content {
  width: 50% !important;
  float: none !important;
  margin: 0 auto !important;
  padding: 0 23px;
  padding-top: 1.5rem;
}
.hs-contact-row1-group .main-content h2 {
  font-weight: 500;
  line-height: 1.2;
  font-size: 2rem;
  margin: 1.5rem 0;
  font-family: 'GT_Esti_Regular',Arial,Helvetica,sans-serif;
  color: #1c1c1c;
  margin-bottom: .5rem;
}
.hs-contact-row1-group .main-content h3, .hs-contact-row1-group .main-content h1 {
  font-weight: 500;
  line-height: 1.2;
  font-size: 100px;
  margin: 3rem 0;
  font-family: 'GT_Esti_Regular',Arial,Helvetica,sans-serif;
  color: #1c1c1c;
  margin-bottom: .5rem;
}
.hs-contact-row1-group .main-content h1  {
  margin-top: 1.5rem;
}
.hs-contact-row1-group .main-content ul {
  margin: 20px 0px;
}
.hs-contact-row1-group .main-content ul li {
  margin: 0px;
}
.hs-contact-row1-group .main-content ul li a  {
  text-decoration: underline;
  color: #1c1c1c;
}
.container-fluid .hs-contact-row1-group .row-fluid .page-center.content-wrapper {
  float: none;
  max-width: 1640px;
  margin: 0 auto;
  padding: 0;
}
.hs-contact-row1-group .main-content p {
  font-size: 1.3em;
}
.hs-contact-row1-group .main-content p a {
  color: #000;
}




.request-page .main-content {
  padding: 50px 0;
}
.right-demo-form {
  background:#fff;
  background-color: rgb(255, 255, 255);
  background-image: none;
  background-color:#ffffff !important;
  background-image: none !important;
  display: block !important;
  font-size: 15px !important;
  margin-top: 10px !important;
  padding:30px !important;
  border-radius: 0 0 100px 0;
}
.left-content h1 {
  color:  #3E2196;
  font-size: 60px;
}
.right-demo-form form.hsForm_8427959e-2138-430a-974f-46fe2a274f24 .hs-form-field > label , 
.right-demo-form form.hsForm_8427959e-2138-430a-974f-46fe2a274f24 span .hs-form-required {
  /*     display: none; */
}
.right-demo-form form fieldset .hs_message > label {
  display: block;
}

.right-demo-form form fieldset {
  margin-bottom: 20px;
}
.left-content p {
  width: 100%;
  max-width:520px;
}
.right-demo-form span {
  font-size: 15px !important;
}
.right-demo-form form .input input , .right-demo-form form .input select  {
  font-size: 15px !important;
  border: 1px solid #7251D4 !important;
  height:50px !important;
  width: 100%;
  border-radius: 50px;
  color:#000;
  padding: 0px 20px;
  font-family: 'GT_Esti_Regular',Arial,Helvetica,sans-serif;
  box-sizing: border-box;
}
.right-demo-form form textarea {
  border: 1px solid #7251d4 !important;
  height: 90px !important;
  min-height: auto;
  border-radius: 25px !important;
  font-size: 15px !important;
  margin-top: 15PX;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.right-demo-form form fieldset .hs_message > label {
  margin-bottom: 0;
}
.right-demo-form .actions {
  text-align: center;
  padding-bottom: 50px;
}
.right-demo-form .hs-button.primary.large {
  border-radius: 30px;
  padding: 15px 100px;
  border: 1px solid #7251d4;
  color: #fff;
  font-size: 18px;
  transition:.3s;
  background:#7251d4;
}
.right-demo-form .hs-button.primary.large:hover {
  background:#3e2196;
  color:#fff;
  transition:.3s;
  border-color:#3e2196;
}

.right-demo-form form fieldset .hs_message > label {
  margin-bottom: 0;
}
.right-demo-form form fieldset .legal-consent-container {
  margin: 0 0 20px;
}
.right-demo-form form fieldset .legal-consent-container > .hs-richtext {
  display: none;
}
.right-demo-form form fieldset .legal-consent-container ul li  p {
  margin-left: 0px;
  font-size: 15px;
}
.right-demo-form form fieldset .legal-consent-container ul li span {
}
.right-demo-form form fieldset .legal-consent-container ul li span:before {
  display: none;
}
.right-demo-form form fieldset .legal-consent-container ul li span::before , .right-demo-form form fieldset .legal-consent-container ul li span::after {
  display: none;
}
.right-demo-form form fieldset .legal-consent-container ul li input {
  height: 35px !important;
}
.request-page .header-main {
  padding: 20px 0;
}
.right-demo-form form .hs_error_rollup {
  display: none;
}







.recent-blog-posts-outer .recent-post-listing {
  display: flex;
  display: -webkit-flex;
  display: -moz-flexbox;
  flex-wrap: wrap;
}
.recent-blog-posts-outer .recent-post-listing .post-item { 
  max-width: 31.33%;
  flex: 0 0 31.33%;
  margin: 15px 3% 15px 0;
  border: 1px solid #ccc;
}
.recent-blog-posts-outer .recent-post-listing .post-item:nth-child(3n) {
  margin-right: 0;
}
.recent-blog-posts-outer .recent-post-listing .post-item .hs-featured-image-wrapper a img {
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.recent-blog-posts-outer .recent-post-listing .post-item .post-header {
  float: left;
  width: 100%;
  padding: 15px;
}
.recent-blog-posts-outer .recent-post-listing .post-item .post-header h2 {
  font-size: 24px;
  margin: 0px 0 15px;
  min-height: 120px;
  text-align: left;
}
.recent-blog-posts-outer {
  padding-bottom: 100px;
}
.recent-blog-posts-outer h2 {
  text-align: center;
  margin-bottom: 30px;
}
.recent-blog-posts-outer .recent-post-listing .post-item .post-header span a {
  color: #000;
}

input[type="checkbox"], input[type="radio"] {
  width: auto !important;
  height: auto !important;
}
.hs-form-booleancheckbox input[type="checkbox"]  {
  opacity: 0;
  cursor: pointer;
}
.hs-form-booleancheckbox input[type="checkbox"] + span::before {
  border-radius: 0px;
  cursor: pointer;
}
.hs-form-booleancheckbox input[type="checkbox"] + span::after {
  height: 5px;
  border-radius: 0px;
  background-color: transparent;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  left: 2px;
  top: 9px;
  cursor: pointer;
}

.blog-body .blog-right > div > div > .widget-span form .hs-form-field.hs-email {
  display: inline-block;
  width: 100%;
}

/*=========== Video page September 2020 ========*/

.landing-2020 .container-fluid .row-fluid .page-center {
  max-width: 1080px;
  padding: 0;
}
.landing-2020 .banner-main-sec.banner-with-overlay {
  position: relative;
}
.landing-2020 .banner-main-sec.banner-with-overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg,rgb(0 166 206 / 0.6),rgb(0 0 0 / .6));
  top: 0px;
  left: 0px;
}
.landing-2020 .content-sec {
  width: calc(100% - 480px);
  padding: 3.5rem 2rem 3.5rem;
  position: relative;
}
.landing-2020 .content-sec h1 {
  margin: .5em 0;
  color: #fff;
  font-size: 62px;
}
.landing-2020 .left-content-main {
  padding: 70px 0px 0px;
}
.landing-2020 .right-form-sec {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 32px 44px 0 rgba(51, 71, 91, 0.12);
  padding: 40px;
  margin-top: -250px;
  position: relative;
}
.landing-2020 .right-form-sec h3 {
    text-align: center;
    margin: 0px 0px 20px;
}
.landing-2020 .right-form-sec input[type="submit"] {
  font-size: 20px;
  border: 1px solid #7251d4;
  color: #fff;
  border-radius: 50px;
  padding: 10px 35px;
  display: inline-block;
  text-align: center;
  background: #7251d4;
  font-family: inherit;
}
.landing-2020 .right-form-sec input[type="submit"]:hover {
  background: #3e2196;
  border: 1px solid #3e2196;
}
.landing-2020 .right-form-sec .hs-form-field > label {
  font-size: 16px;
  margin: 0px 0px 5px;
  font-weight: normal;
}
.landing-2020 .right-form-sec .hs-form-field .hs-input {
/*   max-width: 50%;  */
  max-width: 100%;
  font-size: 14px;
  border-radius: .1875rem;
  height: 42px;
}
body.landing-2020 .right-form-sec .hs-form-field textarea.hs-input {
  min-height: 130px;
  resize: none;
  max-width: 100%;
}
.landing-2020 .right-form-sec .legal-consent-container p {
  font-size: 16px;
}
.landing-2020 .left-content-main h4 {
  margin: 0px 0px 20px;
}
.landing-2020 .body-container-wrapper form ul li.hs-form-booleancheckbox {
  line-height: normal;
}
body.landing-2020 form label {
  font-weight: normal;
}
body.landing-2020 form.hs-form .hs-fieldtype-checkbox ul.inputs-list {
  border: 1px solid #999;
  padding: 15px;
}
body.landing-2020 form.hs-form .hs-fieldtype-checkbox ul.inputs-list li {
  font-size: 14px;
}
.partner-main-outer-sec {
  text-align: center;
  padding: 80px 0px;
}
.partner-main-outer-sec .heading-title {
  max-width: 700px;
  margin: 0 auto;
}
.partner-main-outer-sec .heading-title h2 {
  font-size: 24px;
}
.partner-logo-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 70px auto 0px;
  max-width: 80%;
}
.landing-2020 .footer-main-outer {
  background-color: #33475b;
  padding: 2.5rem 0;
  text-align: center;
  color: #fff;
}
.footer-main-outer .footr-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
}
.footer-main-outer .footr-menu ul li {
  margin-right: 30px;
}
.footer-main-outer .footr-menu ul li:last-child {
  margin-right: 0px;
}
.footer-main-outer .footr-menu ul li a {
  color: #fff;
  font-size: 18px;
}
.landing-2020 .right-form-sec li.hs-form-checkbox,
.landing-2020 .right-form-sec li.hs-form-radio {
  font-size: 16px;
  font-weight: normal;
}
.landing-2020 .right-form-sec li.hs-form-checkbox label,
.landing-2020 .right-form-sec li.hs-form-radio label {
  font-weight: normal;
}
.landing-2020 .right-form-sec input[type="checkbox"]+span:before {
  border-radius: 3px;
  width: 15px;
  height: 15px;
  top: 3px;
}
.landing-2020 .right-form-sec input[type="checkbox"]:checked+span:before {
  background-color: #000;
}
.landing-2020 .right-form-sec input[type="checkbox"]+span:after {
  display: none;
}
.landing-2020 .right-form-sec .hs-form-field .hs-input[type="checkbox"] {
  margin-right: 10px;
  opacity: 0;
}

/*=========== End Video page September 2020 ========*/

/*=========== pwd protected page ========*/

.password-template .content-wrapper {
  background-color: #e6dfdd;
}
.password-template .main-content {
  padding: 200px 0px 70px;
}
body.password-template .custom_error_message h1 {
  margin: 0px 0px 20px;
}
body.password-template .custom_error_message form {
  margin: 20px 0px 0px;
}
body.password-template .custom_error_message form input[type="password"] {
  margin-bottom: 10px;
  border-radius: 10px;
  border: 0px;
  box-shadow: none;
  max-width: 500px;
  font-weight: 400;
  font-family: inherit;
}
body.password-template .custom_error_message form input[type="password"]:focus {
  outline: 2px solid #000;
}
body.password-template .custom_error_message form input#hs-pwd-widget-password[type="password"] {
  height: 44px !important;
}
body.password-template .custom_error_message form input[type="submit"] {
  background-color: #7251d4;
  border-color: #7251d4;
  border-radius: 50px;
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  font-family: inherit;
  padding: 8px 64px;
  margin: 30px 0px 0px;
}

/*=========== End pwd protected page ========*/

.holiday-banner {
  background-size: cover;
  background-position: center;
  padding: 150px 0px;
  color: #fff;
  text-align: center;
}

/*========== Thanks Page ==========*/

.banner-with-bg-cta {
  padding: 87px 0px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.overlay-sec::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg,rgb(0 166 206 / .6),rgb(0 0 0 / .6));
  top: 0px;
  left: 0px;
}
.banner-with-bg-cta-outer {
  position: relative;
  max-width: 600px;
}
.banner-with-bg-cta-text h3 {
	font-size: 62px;
  color: #fff;
  margin: 0 0 10px;
  line-height: 1.2;
}
.banner-with-bg-cta-text h5 {
  color: #fff;
  font-size: 16px;
}
.banner-with-bg-cta-btn {
  margin: 30px 0px 0px;
}
.banner-with-bg-cta-btn a,
.three-col-rep-btn a {
  font-size: 20px;
  border: 1px solid #7251d4;
  color: #fff;
  border-radius: 50px;
  padding: 10px 35px;
  display: inline-block;
  text-align: center;
  background: #7251d4;
  font-family: inherit;
}
.banner-with-bg-cta-btn a:hover,
.three-col-rep-btn a:hover {
  background: #3e2196;
  border: 1px solid #3e2196;
}
.three-col-img-txt-btn {
  padding: 80px 0px 0px;
}
.three-col-img-txt-btn-rep-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.three-col-img-txt-btn-rep:nth-child(3n) {
  margin-right: 0px;
}
.three-col-img-txt-btn-rep {
  max-width: 31.3%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31.3%;
  flex: 0 0 31.3%;
  margin: 0 3% 3% 0;
}
.three-col-rep-text,
.three-col-rep-btn {
  margin: 20px 0px 0px;
}

/*======== New home banner module =========*/

.home-banner-express-sec {
  padding: 0px 0px 0px;
}
.banner-express-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.banner-express-content {
  max-width: 550px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 550px;
  flex: 0 0 550px;
  padding: 50px 0px;
}
.banner-express-image {
  max-width: 48%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  text-align: right;
}
.banner-express-content ul {
/*   margin: 0px 0px 25px; */
}
.banner-express-content a {
  font-size: 20px;
  border: 1px solid #7251d4;
  color: #fff;
  border-radius: 50px;
  padding: 10px 35px;
  display: inline-block;
  text-align: center;
  background: #7251d4;
  margin: 35px 0px 0px;
}


.error-template .custom_error_message {
	padding: 170px 0px 0px;
  text-align:center;
}
.error-template .hs-search-field {
  margin: 20px 0px 100px;
}
.error-template .custom_error_message h1 {
	font-size: 36px;
	margin: 0;
}
.error-template .custom_error_message h2 {
	font-size: 92px;
  color: #3e2196;
}
.error-template .hs-search-field input {
	max-width: 400px;
	margin: 0 auto;
	border-radius: 40px;
	height: 50px;
	box-shadow: none;
	padding: 0px 20px;
}

.blog-2021 .body-container-wrapper {
	padding-top: 150px !important;
}

@media (min-width: 600px){
  .hs-contact-row1-group .main-content h3, .hs-contact-row1-group .main-content h1 {
    font-size: 70px;
  }
}
@media (min-width: 900px){
  .hs-contact-row1-group .main-content h3, .hs-contact-row1-group .main-content h1 {
    font-size: 80px;
  }
}
@media (min-width: 1200px){
  .hs-contact-row1-group .main-content h3, .hs-contact-row1-group .main-content h1 {
    font-size: 80px;
  }
}
@media (min-width: 1800px){
  .hs-contact-row1-group .main-content h3, .hs-contact-row1-group .main-content h1 {
    font-size: 100px;
  }
}
@media (max-width: 1200px){
  .hs-contact-row1-group .main-content {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
  }
}
@media(max-width:768px){
  .body-container-wrapper {
    padding-top: 0 !important;
  }
  .request-page .header-main {
    padding: 20px 15px;
  }
  .request-page .body-container-wrapper {
    padding: 0 !important;
  }
  .right-demo-form .hs-button.primary.large {
    width:100%;
    text-align:center;
    padding-left:0;
    padding-right:0;
  }
  .password-template .main-content {
    padding: 50px 0px;
  }
}
@media (max-width: 767px){

  .custom-menu-primary.header-menu .hs-menu-wrapper > ul li ul li.hs-menu-item.hs-menu-depth-2 {

    display: block ;

  }
  .custom-menu-primary.header-menu .hs-menu-wrapper > ul li ul li {

    display: none ;

  }
  .header-menu.custom-menu-primary .hs-menu-wrapper > ul > li:last-child a.cta_button {
    font-size: 16px;
    text-align: center;
    padding: 0 25px;
    display: inline-block;
    color: #3f2297 !important; 
    line-height: 42px;
    background: #fff;
    border-radius: 50px;
    width: auto !important;
    margin:5px 15px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a {
    background: #5a3bb7;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li:hover {
    background: rgba(255,255,255,.08);
  }
  .header-right-section .custom-menu-primary ul li.hs-item-has-children ul li a {
    padding: 3px 10px;
  }
  .header-right-section .custom-menu-primary ul li.hs-item-has-children ul{
    border:0;
    width:100%;
  }
  .right-demo-form {
    margin-top: 0 !important;
  }
  .request-page .main-content{
    margin:0;
  }
  .hs-contact-row1-group .main-content {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
  }
  .container-fluid .hs-contact-row1-group .row-fluid .page-center.content-wrapper {
    padding: 20px 15px;
  }
  .left-content {
    text-align: center;
    padding-bottom: 50px;
  }
  .left-content p {
    max-width:100%;
  }
  .password-template .main-content {
    padding: 30px 0px;
  }
  .holiday-banner {
    background-size: cover;
    background-position: center;
    padding: 60px 0px;
  }
  .error-template .custom_error_message {
    padding: 110px 0px 0px;
  }
  .error-template .custom_error_message h1 {
    font-size: 24px;
  }
  .error-template .hs-search-field {
    margin: 20px 0px 50px;
  }
  .error-template .custom_error_message h2 {
    font-size: 62px;
  }
}
@media (max-width: 640px){
  .hs-contact-row1-group.custom-banner {
    background-position: 41vw -28vw;
  }
  .hs-contact-row1-group .main-content h2 {
    font-size: 25px;
  }
  .hs-contact-row1-group .main-content h3, .hs-contact-row1-group .main-content h1 {
    font-size: 40px;
  }
  .right-demo-form .hs-button.primary.large {
    width:100%;
    text-align:center;
    padding-left:0;
    padding-right:0;
  }
  .right-demo-form{
    padding: 20px !important;
  }
}

@media(max-width:480px){  
  .right-demo-form form fieldset.form-columns-2 , .right-demo-form form fieldset.form-columns-1  {
    margin-bottom: 0;
  }
  .right-demo-form form fieldset .hs-form-field {
    margin-bottom: 30px;
  }
  .right-demo-form form .form-columns-2 .hs-form-field {
    padding: 0 !important;
  }
  .right-demo-form form .hs-form-field {
    padding: 0 !important;
  }
  .right-demo-form form .input input , .right-demo-form form .input select  {
    width:100% !important;
    height: 45px !important;
  }

  .right-demo-form form fieldset .legal-consent-container ul li input {
    height: 26px !important;
    width: auto !important;
  }
  .right-demo-form form fieldset .legal-consent-container ul li p{
    margin-left:0px;
  }
  .right-demo-form form fieldset .legal-consent-container {
    margin: 0 0 20px;
  }
  .right-demo-form .hs-button.primary.large {
    padding: 11px 15px;
    font-size: 15px;
  }


}

/*======= Media Queries / Responsive ========*/

@media (max-width:1800px){
  .banner-left-section {
    max-width: 49.5%;
    flex: 0 0 49.5%;
  }
  .banner-section {
    padding: 10px 0px 150px;
  }
  .banner-section:after {
    width: 43%;
  }
  .banner-right-section {
    padding-right: 150px;
  }
  .banner-section.banner-with-background .banner-right-section {
    padding-right: 50px;
  }
  .left-text-sec h4 {
    font-size: 28px;
  }
  .content-with-background p, .content-with-background h4 {
    font-size: 26px;
  }
  .item-benefits h4 {
    font-size: 26px;
    min-height: 62px;
  }
  .item-benefits p {
    min-height: 150px;
  }
  .content-with-background .content-section h2
  {
    max-width: 100%;
  }
  .two-left-text {
    padding-right: 0;
  }
  .banner-post-detail-inner h1 {
    max-width: 60%;
  }
  .logo-images-sec img {
    max-height: 80px;
  }
  .banner-section.banner-with-background .banner-left-section {
    max-width: 55%;
    flex: 0 0 55%;
  }
}
@media (max-width: 1350px){
  .logo-images-sec img {
    max-height: 70px;
  }
}
@media (max-width: 1245px){
  .header-menu.custom-menu-primary .hs-menu-wrapper>ul>li {
    margin-right: 40px;
  }
}

@media (max-width:1199px){
  .banner-right-section {
    padding-right: 0px;
  }
  .banner-right-section img {
    max-width: 250px;
  }
  h2, .left-title-section h2 {
    font-size: 42px;
    max-width: 100%;
  }
  .content-with-background .content-section h2 {
    max-width: 87.6%; 
  }
  .left-text-sec {
    max-width: 49%;
    flex: 0 0 49%;
  }
  .item-benefits {
    max-width: 24%;
    flex: 0 0 24%;
  }
  .item-benefits h4 {
    font-size: 24px;
  }
  .cta-button-section img {
    max-height: 59px;
    margin: 0px 30px 0px 0px;
  }
  .logo-images-list {
    max-width: 79%;
    flex: 0 0 79%;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
  }
  .logo-image-section img {
    max-width: 80%;
  }
  .our-clients-main h2 {
    max-width: 21%;
    flex: 0 0 21%;
  }
  .logo-image-section {
    margin: 0 0 30px;
  }
  .our-clients-main {
    padding: 50px 0px 30px;
  }
  .item-benefits p {
    min-height: 210px;
  }
  .content-with-background .content-section {
    max-width: 70%;
  }
  .header-menu.custom-menu-primary .hs-menu-wrapper>ul>li {
    margin-right: 20px;
  }
  .header-cta-btn a.cta_button {
    padding: 10px 25px;
  }
  .header-container .header-logo .hs_cos_wrapper_type_logo img, .small-header .header-container .header-logo .hs_cos_wrapper_type_logo a img {
    max-width: 100%;
  }
  .banner-post-detail-inner h1 {
    max-width: 80%;
  }
  .hs-blog-post .blog-main-content {
    max-width: 66%;
  }
  .header-menu.custom-menu-primary .hs-menu-wrapper>ul>li>a {
    font-size: 16px;
  }
  .blog-body .blog-right .popular-posts .popluar-post-inner .popular-post-image a img {
    height: 60px;
  }
  .blog-section .post-listing .post-item .post-header h2{
    min-height: 150px;
  }
  .recent-blog-posts-outer .recent-post-listing .post-item .hs-featured-image-wrapper a img {
    height: 160px;
  }
  .recent-blog-posts-outer .recent-post-listing .post-item .post-header h2 {
    font-size: 20px;
    min-height: 100px;
  }
  .landing-2020 .content-sec {
    width: 100%;
    padding: 20px 2rem 100px;
    text-align: center;
  }
  .landing-2020 .form-main-outer .page-center > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .landing-2020 .form-main-outer .page-center > .row-fluid-wrapper > .row-fluid::before,
  .landing-2020 .form-main-outer .page-center > .row-fluid-wrapper > .row-fluid::after {
    display: none;
  }
  .landing-2020 .left-content-main {
    padding: 70px 0px 0px;
    max-width: 100%;
    flex: 0 0 100%;
    order: 2;
  }
  .landing-2020 .right-form-sec {
    margin-top: -80px;
    max-width: 650px;
    flex: 0 0 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .landing-2020 .container-fluid .row-fluid .page-center {
    padding: 0 15px;
  }
  .banner-express-content {
    max-width: 48%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
  }
}
@media (max-width: 991px){
  .container-fluid .row-fluid .page-center
  {
    padding: 0px 15px;
  }
  .header-menu.custom-menu-primary .hs-menu-wrapper > ul > li {
    margin-right: 10px;
  }
  .header-cta-btn {
    margin-left: 0px !important;
  }
  .lang_switcher_class
  {
    margin-right: 10px;
  }
  .banner-section h1, h1 {
    font-size: 52px;
  }
  .banner-section p {
    font-size: 24px;
    line-height: 30px;
  }
  .banner-left-section {
    max-width: 60%;
    flex: 0 0 60%;
  }
  .banner-right-section img {
    max-width: 200px;
  }
  .left-title-right-content, .content-with-background, .footer-main, .benefits-of-clients {
    padding: 90px 0px;
  }
  .content-with-background .content-section h2 {
    max-width: 100%;
  }
  .item-benefits {
    max-width: 48%;
    flex: 0 0 48%;
  }
  .cta-button-section img {
    max-height: 50px;
    margin: 0px 20px 0px 0px;
  }
  .text-cta-strip
  {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .left-text-sec, .right-cta-sec {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }
  .right-cta-sec {
    margin-left: 0px; 
    margin: 20px 0px 0px;
  }
  .content-with-background.without-overlay p {
    max-width: 100%;
  }
  .footer-main ul li a, .footer-main a, .footer-main p {
    font-size: 16px;
  }
  .footer-bio h4 {
    line-height: 20px;
    font-size: 14px;
  }
  .footer-main .footer-second-row p {
    font-size: 13px;
  }
  .footer-second-row {
    padding: 80px 0px 0px;
  }
  .item-benefits p {
    min-height: auto;
  }
  .item-benefits h4 {
    min-height: 56px;
  }
  .content-with-background .content-section {
    max-width: 100%;
  }
  .header-cta-btn a.cta_button {
    padding: 10px 15px;
    font-size: 18px;
  }
  .header-menu.custom-menu-primary .hs-menu-wrapper > ul > li > a {
    font-size: 16px;
  }
  .banner-post-detail-inner h1 {
    max-width: 100%;
  }
  .hs-blog-post .blog-main-content {
    max-width: 720px;
  }
  .header-right-section>.row-fluid-wrapper>.row-fluid>div:not(:first-child) {
    margin-left: 10px;
  }
  .header-cta-btn a.cta_button {
    font-size: 16px;
  }
  .hs-blog-listing .blog-left {
    width: 100%;
  }
  .hs-blog-listing .blog-right {
    width: 100%;
    margin: 30px 0 0 0;
  }
  .popluar-post-inner .popular-post-image{
    width:100px;
  }
  .blog-body .blog-right .popular-posts .popluar-post-inner .popular-post-date{
    float:left;
  }
  .lang_switcher_class
  {
    margin-right: 0px;
  }
  .header-main, .custom-header-group {
    padding: 30px 0px;
  }
  .recent-blog-posts-outer .recent-post-listing .post-item .post-header h2 {
    font-size: 18px;
    min-height: 80px;
  }
  .recent-blog-posts-outer .recent-post-listing .post-item .post-header span {
    font-size: 14px;
  }
  .recent-blog-posts-outer .recent-post-listing .post-item .post-header span {
    font-size: 14px;
  }
  .recent-blog-posts-outer h2 {
    margin-bottom: 15px;
  }
  .recent-blog-posts-outer {
    padding-bottom: 60px;
  }
  .partner-logo-sec {
    max-width: 100%;
  }
  .three-col-img-txt-btn-rep {
    max-width: 32%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    margin: 0 2% 2% 0;
  }
  .three-col-img-txt-btn-rep p {
    font-size: 18px;
  }
  .three-col-rep-btn a {
    font-size: 16px;
    padding: 10px 25px;
  }
}
@media (max-width: 768px){

  .header-container-wrapper {
    position: relative; 
    width: 100%;
  }
  .header-container, .small-header .header-container {
    /*     padding: 20px 15px; */
  }
  .header-main, .custom-header-group{
    padding: 20px 15px;
  }
  .header-container .header-logo .hs_cos_wrapper_type_logo img, .small-header .header-container .header-logo .hs_cos_wrapper_type_logo a img
  {
    margin: 0px;
  }
  .custom-menu-primary.js-enabled.header-menu .hs-menu-wrapper
  {
    position: absolute;
    top: 100%;
    box-shadow: none;
  }
  .custom-menu-primary.header-menu .hs-menu-wrapper > ul {
    background-image: linear-gradient(to right, #3e2196, #7251d4);
  }
  .custom-menu-primary.header-menu .hs-menu-wrapper > ul li
  {
    border-top: 1px dotted #3e2196;
  }
  .header-menu.custom-menu-primary .hs-menu-wrapper > ul > li > a
  {
    padding: 0px 15px;
  }
  .mobile-trigger.cta_border_button {
    background: transparent;
    border: 0;
    padding: 0;
    margin-top: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 15px;
  }
  .mobile-trigger.cta_border_button span {
    display: block;
    width: 24px;
    height: 4px;
    background: #3e2196;
    margin: 0 0 4px;
  }
  .mobile-trigger.cta_border_button span:last-child
  {
    margin: 0px;
  }
  .header-cta-btn {
    margin-right: 40px;
  }
  a.cta_button {
    padding: 10px 25px;
  }
  a.cta_button.view-solution-cta, a.cta_button.contact-us-cta, a.cta_button.view-all-case-studies {
    margin: 0 0 0 20px;
  }
  .header-container .header-logo .hs_cos_wrapper_type_logo img, .small-header .header-container .header-logo .hs_cos_wrapper_type_logo a img {
    max-width: 100px;
  }
  .custom-header-right-mod {
    margin-right: 20px;

  }
  .custom-logo-group img {
    max-width: 100px;
  }
  .banner-section {
    padding: 50px 0px 50px;
  }
  .hs-landing-page .lang_switcher_class {
    margin-right: 0px;
  }
  .page-with-transparent-header .mobile-trigger.cta_border_button span {
    background: #fff;
  }
}
@media (max-width: 767px){

  .header-container-wrapper {
    position: relative !important; 
    width: 100%;
  }
  .page-with-transparent-header .header-container-wrapper {
    position: absolute !important;
  }
  .banner-content-outer, .single-col-title-content, .clients-inner, .logo-images-list, .cta-button-section,
  .banner-express-inner 
  {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .banner-left-section, .banner-right-section, .left-title-section, .right-content-section, .our-clients-main h2, .logo-images-list, .item-benefits, .banner-right-video-section, .banner-section.banner-with-background .banner-left-section,
  .banner-express-content,
  .banner-express-image {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .banner-right-section
  {
    text-align: center;
    margin: 20px 0px 0px;
  }
  .header-cta-btn, .our-clients-main h2:before
  {
    display: none !important;
  }
  .banner-section {
    padding: 30px 0px 50px;
  }
  .banner-section h1, h1 {
    font-size: 40px;
    margin: 0px 0px 20px;
  }
  .banner-section p {
    font-size: 20px;
    line-height: 30px;
  }
  .banner-cta-section {
    margin: 20px 0px 0px;
  }
  .banner-right-section img {
    max-width: 150px;
  }
  .logo-image-section {
    max-width: 320px;
    flex: 0 0 100%;
    text-align: center;
    margin: 0 auto 20px;
  }
  .logo-image-section img {
    max-width: 115px;
  }
  .our-clients-main h2 {
    text-align: center;
    margin: 0px 0px 40px;
  }
  .left-title-right-content, .content-with-background, .footer-main, .benefits-of-clients, .two-landing-section, .single-right-repeater .single-col-title-content {
    padding: 40px 0px;
  }
  h2, .left-title-section h2 {
    font-size: 30px;
  }
  p, a.cta_button {
    font-size: 18px;
  }
  .cta-button-section {
    margin: 20px 0px 0px;
  }
  .cta-buttons-section {
    margin: 30px 0px 0px;
  }
  .left-text-sec h4 {
    font-size: 20px;
  }
  .benefits-listing-sec {
    margin: 20px 0px 0px; 
  }
  .item-benefits h4 {
    font-size: 20px;
    margin: 0px 0px 10px;
    min-height: auto;
  }
  .footer-first-row > .row-fluid-wrapper > .row-fluid > div
  {
    margin: 0px 0px 30px;
  }
  .item-benefits
  {
    margin: 0px 0px 50px;
  }
  .item-benefits:last-child, .footer-first-row > .row-fluid-wrapper > .row-fluid > div:last-child
  {
    margin: 0px 0px 0px;
  }
  .content-with-background h4, .content-with-background p {
    font-size: 20px;
  }
  .cta-button-section img {
    margin: 0px 20px 20px 0px;
  }
  .content-with-background.without-overlay p {
    font-size: 20px;
    line-height: 26px;
  }
  .footer-main h2 {
    font-size: 24px;
    margin: 0px 0px 10px;
  }
  .footer-second-row, .banner-right-video-section {
    padding: 40px 0px 0px;
  }
  .benefits-of-clients .cta-button-section, .two-right-form {
    margin: 50px 0px 0px;
  }
  .laptop-image-video {
    float: right;
    width: 80vw;
  }
  .custom-header-right-mod {
    margin-right: 40px;
    display: none;
  }                      
  .custom-footer-group
  {
    padding: 40px 0px 0px;
  }
  .landing-banner {
    min-height: 350px;  
  }
  .landing-banner-inner h2 {
    font-size: 24px;
    margin: 0 0 10px;
  }
  .two-left-text h2 {
    font-size: 26px;
    margin: 0px 0px 15px;
  }
  li
  {
    font-size: 18px;
  }
  .hs-header-top-group > .row-fluid-wrapper > .row-fluid
  {
    display: inherit;
  }
  .hs-header-top-group>.row-fluid-wrapper>.row-fluid > div {
    margin: 0px 0px 30px;
  }
  .hs-header-top-group>.row-fluid-wrapper>.row-fluid > div:last-child {
    margin: 0px 0px 0px;
  }
  .custom-footer-pdf-link {
    margin: 30px 0px 0px;
  }
  .banner-post-detail-inner {
    padding: 80px 0;
    position: relative;
  }
  .hs-blog-post .blog-main-content {
    max-width: 520px;
  }
  .lang_switcher_class
  {
    margin-right: 40px;
  }
  .custom-logo-group > .row-fluid-wrapper > .row-fluid
  {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
  }
  .custom-logo-group > .row-fluid-wrapper > .row-fluid:before, .custom-logo-group > .row-fluid-wrapper > .row-fluid:after
  {
    display: none;
  }
  .blog-body {
    padding: 60px 0px 60px;
  }
  .blog-section .post-listing .post-item{
    max-width:100%;
    flex:0 0 100%;
  }
  .blog-section .post-listing .post-item .post-header h2 {
    margin-bottom: 30px;
    min-height: auto;
    font-size: 22px;
	line-height: 32px;
  }
  .blog-section .post-listing .post-item .hs-featured-image-wrapper a img {
    height: auto;
  }
  .blog-body .blog-right .popular-posts .popluar-post-inner .popular-post-image a img {
    height: 100px;
  }
  .banner-section.banner-with-background {
    /*     padding: 110px 0px 50px; */
  }
  .banner-section.banner-with-background .banner-right-section {
    padding-right: 0px;
  }
  .accordion_header {
    font-size: 20px;
  }
  .solution-two-col .right-content-section {
    margin: 40px 0px 0px;
  }
  .accordion_content {
    padding: 20px 10px;
  }
  .accordion_header img {
    max-height: 30px;
    max-width: 30px !important;
    margin: 0px 5px 0px 0px;
  }
  .acontent-inner-right-header h4 {
    font-size: 22px;
    padding-left: 10px;
  }
  .acontent-inner-right-header img {
    max-width: 30px !important;
  }
  .single-right-repeater .content-inner-right {
    margin: 0px 0px 20px;
  }
  .single-right-repeater .left-title-section {
    margin: 0px 0px 30px;
  }
  form .hs-richtext {
    font-size: 18px;
  }
  .landing-2020 .right-form-sec {
    max-width: 100%;
    padding: 30px 20px;
  }
  .right-form-sec .hs-form-field > label {
    font-size: 18px;
  }
  .partner-logo-sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .single-logo {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0 0 30px;
  }
  .single-logo:last-child {
    margin: 0px;
  }
  .landing-2020 .content-sec h1 {
    font-size: 40px;
  }
  .landing-2020 .right-form-sec .hs-form-field .hs-input {
    max-width: 100%;
  }
  .banner-with-bg-cta {
    padding: 40px 0px;
  }
  .banner-with-bg-cta-text h3 {
    font-size: 36px;
  }
  .banner-with-bg-cta-btn a {
    font-size: 18px;
  }
  .three-col-img-txt-btn {
    padding: 50px 0px 0px;
  }
  .three-col-img-txt-btn-rep {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0 0 30px 0;
  }
  .three-col-img-txt-btn-rep:last-child {
    margin: 0px;
  }
  .three-col-rep-text, .three-col-rep-btn {
    margin: 15px 0px 0px;
  }
  .home-banner-express-sec > .page-center {
    padding: 0px 0px 0px !important;
  }
  .banner-express-content {
    order: 2;
    padding: 30px 15px 50px;
  }
  .banner-express-image {
    text-align: left;
  }
}

@media(max-width:639px){
  .banner-post-detail-inner h1 {
    font-size: 24px;
  }
  .banner-post-detail-inner .post-detail-author{
    margin-top:20px;
  }
  .banner-post-detail-inner {
    padding: 50px 0;
  }
  .blog-section .post-listing .post-item.first-post-box .post-header h2 {
    font-size: 26px;
  }
  .blog-section .post-listing .post-item.first-post-box .post-header {
    padding: 20px;
  }
  .blog-body .blog-right > div > div > .widget-span {
    padding: 20px 15px;
  }
  .blog-section .post-listing .post-item .post-header {
    padding: 15px 15px 15px;
  }
}

@media (max-width: 479px){
  a.cta_button
  {
    display: block;

  }
  a.cta_button.view-solution-cta, a.cta_button.contact-us-cta, a.cta_button.view-all-case-studies, a.cta_button.download-brochure-cta {
    margin: 15px 0 0 0px;
  }
  .cta-button-section span
  {
    display: inline-block;
    width: 100%;
  }
  .banner-section a.cta_button span, a.cta_button.contact-us-cta span, a.cta_button span
  {
    width: auto;
  }
  .popluar-post-inner .post-title {
    width: 60%;
  }
  .blog-body .blog-right .popular-posts .popluar-post-inner .popular-post-date {
    float: right;
    width: 60%;
  }
  .popluar-post-inner .popular-post-image {
    width: 90px;
  }
}


/*-- 16-06-21 --*/
/*--- thankyou page starts ---*/

.container-fluid .thanku-page-2021.grey-background .row-fluid .page-center{
     padding: 0 3.5%;
     width: 100%;
}



.new-module-banner-with-bg-cta.banner-with-bg-cta::before {
    display: none;
}
.new-module-banner-with-bg-cta {
    min-height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-position: center center; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #f3f4fa;
    background-position: center bottom;
}
.banner-with-bg-cta.new-module-banner-with-bg-cta{
  padding:0;
  padding-top: 70px !important;
}
.banner-back-button {
    position: relative;
    margin-left: 0;
    padding: 60px 0 60px;
}
.banner-back-button a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    letter-spacing: .05em;
    transition: opacity .3s ease-in-out;
    align-items: center;
}
.banner-back-button a img{
    margin-right: 10px;
}
.banner-with-text-cta-outer {
    position: relative;
    max-width: 1100px;
    margin: auto;
}
.banner-left-right-btn-text {
    display: flex;
    justify-content: space-between;
}
.banner-left-right-btn-text .left-text {
    width: 50%;
}
.banner-left-right-btn-text .left-text h3{
   font-size: 50px;
    color: #fff;
    margin: 0;
    font-weight: 500;
    line-height: 1.2;
}
.banner-left-right-btn-text .right-text-btn-outer {
    border-radius: 20px;
    background-color: #3e2196;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 70px 87.5px;
}
.banner-left-right-btn-text .right-text h5 {
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    max-width: 245px;
    margin-bottom: 40px;
}
.banner-left-right-btn-text .right-cta a {
    border-radius: 30px;
    background-color: #5fdc85;
    border: 1px solid #5fdc85;
    padding: 20px 36px;
    display: inline-block;
}
.grey-background{
  background-color: #f3f4fa;
}
.three-col-img-txt-btn-outer {
    max-width: 1100px;
    margin: 0 auto;
}
.three-col-img-txt-btn .three-col-header h4{
    font-size: 32px;
    color: #3e2196;
    line-height: 34px;
    display: inline-block;
    margin: 0;
    z-index: 1;
    position: relative;
    margin-bottom: 35px;
    letter-spacing: 0;
}
.three-col-img-txt-btn-outer .three-col-img-txt-btn-rep-outer > * {
    max-width: 31.3%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.3%;
    flex: 0 0 31.3%;
    margin: 0 3% 3% 0;
}
.three-col-img-txt-btn-outer .three-col-img-txt-btn-rep-outer > *:last-child{
    margin: 0;
}
.three-col-img-txt-btn-outer .three-col-img-txt-btn-rep-outer > *:hover{
    color: #3e2196;
}
.three-col-img-txt-btn-rep-outer > * .three-col-img-txt-btn-rep{
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0 0 0 0;
}
.three-col-img-txt-btn-rep-outer .three-col-rep-img img{
    border-radius: 20px;
    width: 100%;
    height: 260px !important;
    transition: ease-in-out .5s;
    object-fit: cover;
    overflow: hidden;
    object-position: top;
    margin: 0;
    display: block;
}
.three-col-img-txt-btn-rep-outer .three-col-rep-img img:hover{
    transform: scale(1.05);
    transition: ease-in-out .5s;
}

.partner-main-outer-sec-new-module{
    text-align: center;
    padding: 80px 0px;
}
.partner-main-outer-sec-new-module .heading-title h2{
    font-size: 32px;
    color: #3e2196;
    line-height: 34px;
    display: inline-block;
    margin: 0;
    z-index: 1;
    position: relative;
    margin-bottom: 35px;
    letter-spacing: 0;
    text-align: center;
}
.partner-main-outer-sec-new-module .partner-logo-sec{
    max-width: 1000px;
}
.partner-main-outer-sec-new-module .partner-logo-sec > * {
    flex-basis: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.partner-main-outer-sec-new-module .single-logo img {
    max-height: 30px !important;
    object-fit: cover;
    max-width: 200px !important;
}

/*--- responsive -----*/
@media (max-width: 991px){

  .partner-main-outer-sec-new-module .single-logo img {
    max-height: 70px !important;
    object-fit: cover;
    max-width: 150px !important;
  }
}

@media (max-width: 767px){

  .heder-new-landing-template .header__menu-button .header__menu-button__line {
    background-color: #fff;
  }
  .banner-left-right-btn-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .banner-back-button {
    margin-left: 0;
 }
  .banner-left-right-btn-text .left-text {
    width: 100%;
    margin-bottom: 60px
  }
  .banner-left-right-btn-text .left-text h3 {
    font-size: 25px;
  }
  .banner-left-right-btn-text .right-text-btn-outer{
     padding: 60px 50px;
  }
  .three-col-img-txt-btn .three-col-header h4,
  .partner-main-outer-sec-new-module .heading-title h2,
  .banner-left-right-btn-text .right-text h5{
     font-size: 20px;
  }
  .three-col-img-txt-btn-rep-outer .three-col-rep-text p{
     font-size: 16px;
  }
  .three-col-img-txt-btn-outer .three-col-img-txt-btn-rep-outer > * {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0 0 8% 0;
  }
  .partner-main-outer-sec-new-module .partner-logo-sec > * {
    flex-basis: 100%;
  }
  .partner-main-outer-sec-new-module .partner-logo-sec > *{
    margin-bottom: 45px;
  }
  .partner-main-outer-sec-new-module .partner-logo-sec > *:last-child{
    margin-bottom: 0;
  }
  .partner-main-outer-sec-new-module .partner-logo-sec {
    flex-wrap: wrap;
    margin-top: 50px;
  }
   .partner-main-outer-sec-new-module .single-logo img {
    max-height: 40px !important;
    object-fit: cover;
    max-width: 180px !important;
  }
}

@media (max-width: 480px){

  
}

/*--- thankyou page ends ---*/

/*******************Landing page with two landing banner**********************/

.two-landing-banner .container-fluid .row-fluid .page-center {
  padding: 0;
}

.two-landing-banner .page-center {
  padding: 0 !important;
}

.two-landing-banner .row-fluid {display: flex; justify-content: space-between; flex-wrap: wrap;}

.two-landing-banner .two-landing-left {
  width: 50%;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center !important;
}


.two-landing-banner .two-lanidng-right {
  width: 50%;
  background-color: #E6DFDD;
  margin-left: 0;
  padding: 50px;
  box-shadow: 0px 3px 6px #00000029;
}

.two-landing-banner .two-landing-left .landing-left-text {
  transform: translateY(40%);
  padding: 50px;
  color: #fff;
}

.two-landing-banner .two-landing-left .landing-left-text h2 {
  width: 70%;
  font-size: 58px;
}

.two-landing-banner .two-landing-left .landing-left-text p:nth-child(1) {
  margin-bottom: 10px;
  font-size: 14px;
}

.two-landing-banner .two-landing-left .landing-left-text p:nth-child(2) {
  margin-bottom: 16px;
  font-size: 18px;
}


.two-landing-banner .two-lanidng-right .landing-right-text h2 {
  color: #7251D4;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 15px;
}

.two-landing-banner .two-lanidng-right .landing-right-text h3 {
  color: #7251D4;
  font-size: 24px;
  margin-bottom: 23px;
}

.two-landing-banner .two-lanidng-right .landing-right-text ul {
  padding-left: 25px;
  margin-bottom: 32px;
}

.two-landing-banner .two-lanidng-right .landing-right-text ul li {
  color: #212121;
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 21px;
}

.two-landing-banner .two-lanidng-right .landing-right-text ul li:before{
  background: #212121;
}


.two-landing-banner .two-lanidng-right .form-title{
  color: #7251D4;
  font-size: 20px;
  margin-left: 20px;
  margin-bottom: 35px;
}

.two-landing-banner .two-lanidng-right form{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.two-landing-banner .two-lanidng-right form .hs-email{
  width: calc(50% - 25px);
  order: 1;
  margin-right: 25px;
  min-height: 60px;
}

.two-landing-banner .two-lanidng-right form .hs-email input[type="email"]{
  background-color: transparent;
  font-weight: normal;
  font-size: 16px;
  padding: 20px;
  border: 3px solid #7251D4;
  text-align: center;
  color: #7251D4;
}


.two-landing-banner .two-lanidng-right form .hs-email input[type="email"]::-webkit-input-placeholder { /* Edge */
  color: #7251D4;
  opacity: 0.48;
}


.two-landing-banner .two-lanidng-right form .hs-email input[type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7251D4;
  opacity: 0.48;
}


.two-landing-banner .two-lanidng-right form .hs-email input[type="email"]::placeholder {
  color: #7251D4;
  opacity: 0.48;
}


.two-landing-banner .two-lanidng-right form .hs-email label{
  display: none;
}

.two-landing-banner .two-lanidng-right form .hs-submit{
  width: 50%;
  order: 2;
}

.two-landing-banner .two-lanidng-right form .legal-consent-container{
  order: 3;
  width: 100%;
  position:relative;
}
.two-landing-banner .legal-consent-container .hs-form-booleancheckbox-display>span {
  display: block;
  padding-left: 50px;
  position: relative;
  margin: 0;
}
.two-landing-banner .legal-consent-container input[type="checkbox"]+span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  border: 1px solid #707070;
  width: 33px;
  height: 33px;
  border-radius: 4px;
  z-index:99;
}
.two-landing-banner .legal-consent-container input[type="checkbox"]:checked+span:after {
  opacity: 1;
  visibility: visible;
}
.two-landing-banner .legal-consent-container input[type="checkbox"]+span:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: #7251d4;
  border-radius: 50%;
  left: 8px;
  top: 19px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.two-landing-banner .legal-consent-container .hs-form-booleancheckbox-display>span p {
  font-size: 14px;
  line-height: 18px;
}
.two-landing-banner form .hs-richtext {
  line-height: 1.5;
  margin: 10px 0px;
  position: absolute;
  left: 0;
  top: 20px;
  padding-left: 50px;
}
.two-landing-banner form .hs-richtext p {
  font-size: 14px;
  line-height: 18px;
}
.two-landing-banner .legal-consent-container .hs-form-booleancheckbox-display input {
  float: left;
  position: absolute;
  top: 93%;
  left: 1px;
  opacity: 0;
  transform: translateY(-50%);
  width: 33px;
  height: 33px;
}
.two-landing-banner .legal-consent-container ul.no-list.hs-error-msgs.inputs-list {
  position: absolute;
  bottom: -50px;
  left: 50px;
}
.two-landing-left {
  background-size: cover !important;
  background-position: right !important;
  background: #5D3DBD;
}

/* .two-landing-banner input[type="submit"]{
padding: 8px 48px;
font-size: 16px;
height: 60px;
min-width: 260px; 
} */
.two-landing-banner input[type="submit"] {
  padding: 8px 48px;
  font-size: 16px;
  height: 60px;
  min-width: 260px;
  background: transparent;
  color: #7251d4;
  font-weight: 600;
  border: 3px solid #7251d4;
}
.two-landing-banner input[type="submit"]:hover{
  background : #7251d4;
  color: #fff;
} 
.two-landing-banner .two-lanidng-right form .hs-email input[type="email"] {
  background-color: transparent;
  font-weight: normal;
  font-size: 14px !important;
  padding: 20px;
  border: 3px solid #7251d4;
  text-align: center;
  color: #7251d4;
  font-size: 18px;
  min-width: 260px;
  height: 60px;
}
/*----------------*/
.mobile-banner img {
  width: 100% !important;
}
.landing-right-form {
  position: relative;
}
.landing-right-form .hs_error_rollup {
  display: none;
}
.landing-right-form .hs_email ul.no-list.hs-error-msgs.inputs-list label {
  display: block;
  padding-left: 25px;
  position: absolute;
  top: 8px;
}
.two-landing-banner .row-fluid:before, .two-landing-banner .row-fluid:after {
  display: none;
}
.custom-footer-group {
  padding: 100px 0px;
  background-color: #fff;
}
.custom-footer-group .custom-footer-pdf-link p {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1c1c1c;
}
.custom-footer-group .custom-footer-pdf-link p:last-child {
  margin-bottom: 0;
}
.submitted-message p {
  font-size: 16px;
  margin-left: 20px !important;
}
.resource-sidebar-outer {
  margin-top: 0;
}
.resource-sidebar-main .top-section h2 {
  margin-top: 0;
}





@media(min-width:1600px){
  .two-landing-banner .two-lanidng-right form .hs-email {
    width: 40%;
  }
  .two-landing-banner .two-lanidng-right form .hs-submit{
    width: 55%;
  }
}
@media(min-width:1920px){
  .landing-right-form .hs_email ul.no-list.hs-error-msgs.inputs-list label {
    padding-left: 35px;
  }
  .submitted-message p {
    font-size: 20px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text h2 {
    font-size: 44px;
    line-height: 50px;
  }
  .landing-right-text {
    padding-right: 13%;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text h3 {
    font-size: 28px;
    line-height: 53px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text ul li {
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 21px;
  }
  .two-landing-banner .two-lanidng-right .form-title {
    font-size: 24px;
    line-height: 28px;
  }
  .two-landing-banner input[type="submit"] {
    padding: 10px 48px;
    min-width: 340px;
    min-height: 77px;
  }
  .two-landing-banner .two-lanidng-right form .hs-email input[type="email"] {
    font-size: 14px !important;
    min-width: 340px;
    height: 77px;
  }
  .two-landing-banner input[type="submit"] {
    padding: 10px 48px;
    min-width: 340px;
    font-size: 20px;
    height: 77px;
  }
  .two-landing-banner .two-lanidng-right form .hs-email {
    width: 40%;
  }
  .two-landing-banner .two-lanidng-right form .hs-submit {
    width: 56%;
  }
}
@media (max-width: 1300px){
  .two-landing-banner .two-lanidng-right form .hs-email {
    min-height: 60px;
  }
  ul.no-list.hs-error-msgs.inputs-list li label {
    font-size: 13px;
  }
  .two-landing-banner .legal-consent-container .hs-form-booleancheckbox-display>span p, .two-landing-banner form .hs-richtext p {
    font-size: 13px;
  }
  .two-landing-banner .two-lanidng-right form .hs-email input[type="email"] {
    padding: 15px;
    font-size: 18px;
    min-width: 100%;
    height: 50px;
    font-size: 18px;
  }
  .two-landing-banner input[type="submit"] {
    padding: 8px 48px;
    font-size: 16px;
    height: 50px;
    min-width: 100%;
  }
  .two-landing-banner .two-lanidng-right form .hs-email {
    width: 50%;
    order: 1;
    margin-right: 0;
  }
  .two-landing-banner .two-lanidng-right form .hs-submit {
    width: 44%;
    order: 2;
  }
}
@media (max-width: 1024px){
  .two-landing-banner .legal-consent-container ul.no-list.hs-error-msgs.inputs-list {
    bottom: -55px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text h3 {
    font-size: 20px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text ul li {
    font-size: 14px;
    line-height: 18px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text h2 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 13px;
  }
  .two-landing-banner .two-lanidng-right .form-title {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .two-landing-banner .two-lanidng-right form .hs-email {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0px;
  }
  .two-landing-banner .legal-consent-container .hs-form-booleancheckbox-display>span p, .two-landing-banner form .hs-richtext p {
    font-size: 13px;
  }

  .two-landing-banner .two-lanidng-right form .hs-submit {
    width: 100% !Important;
  }
  .two-landing-banner input[type="submit"] {
    margin: 0 auto;
    display: block;
    width: 100%;
  }
}
@media (max-width: 992px){
  ul.no-list.hs-error-msgs.inputs-list li label {
    font-size: 10px;
  }
  .two-landing-banner .legal-consent-container ul.no-list.hs-error-msgs.inputs-list {
    bottom: -40px;
    left: 30px;
  }
  .two-landing-banner form .hs-richtext p, .two-landing-banner .legal-consent-container .hs-form-booleancheckbox-display>span p{
    font-size:9px;
    line-height:12px;
  }
  .two-landing-banner .legal-consent-container .hs-form-booleancheckbox-display>span, .two-landing-banner form .hs-richtext {
    padding-left: 30px;
  }
  .two-landing-banner .legal-consent-container input[type="checkbox"]+span:before {
    width: 22px;
    height: 22px;
    top: 13px;
  }
  .two-landing-banner .legal-consent-container input[type="checkbox"]+span:after {
    width: 14px;
    height: 14px;
    left: 5px;
    top: 18px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text h2 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text ul li {
    margin: 0 0 8px 0;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text ul, .two-landing-banner .two-lanidng-right .form-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px){
  .submitted-message p {
    font-size: 14px;
  }
  .legal-consent-container {
    margin: 15px 0 40px;
  }
  .two-landing-banner .two-lanidng-right .form-title {
    margin-bottom: 0px;
  }
  .two-landing-banner .legal-consent-container ul.no-list.hs-error-msgs.inputs-list {
    bottom: -45px;
    left: 30px;
  }
  .two-landing-banner .row-fluid {
    display: block;
    width: 100%
  }

  .two-landing-left {
    background-image: none !important;
    background-color: transparent;
    background-size: auto !important;
    width: 100% !important;
  }
  .mobile-banner {
    display: block !important;
    background-color: #5d3dbd;
  }
  .two-landing-banner .two-landing-left .landing-left-text {
    padding: 0px;
  }
  .two-landing-banner .two-lanidng-right {
    width: 100%;
    padding: 20px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text h3 {
    font-size: 17px;
    margin-bottom: 19px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text ul {
    padding-left: 0;
    margin-bottom: 0px;
  }
  .two-landing-banner .two-lanidng-right .landing-right-text ul li {
    font-size: 16px;
    line-height: 18px;
  }

  .two-landing-banner .two-lanidng-right form .hs-email {
    width: 100%;
    margin: 30px auto;
  }
  .two-landing-banner .two-lanidng-right form .hs-email input[type="email"] {
    font-size: 17px;
    padding: 19px;
  }
  .two-landing-banner .two-lanidng-right form .hs-submit {
    width: 100%;
  }
  .two-landing-banner input[type="submit"] {
    padding: 10px 48px;
    width: 100%;
    margin-bottom: 10px;
  }
  .custom-footer-group {
    padding: 40px 0px;
  }
  .custom-footer-group a, .custom-address p {
    font-size: 16px;
    line-height: 30px;
  }
  .custom-footer-group .custom-footer-pdf-link p {
    font-size: 13px;
  }
  .landing-right-form .hs_email ul.no-list.hs-error-msgs.inputs-list label {
    top: 12px;
  }
  .recent-blog-posts-outer .recent-post-listing .post-item {
    max-width: 370px;
    flex: 0 0 100%;
    margin: 15px auto 15px !important;
  }
  .recent-blog-posts-outer {
    padding-bottom: 40px;
  }
  .recent-blog-posts-outer .recent-post-listing .post-item .post-header h2{
    min-height: auto;
  }
}

@media (max-width: 480px){
  .two-landing-banner form .hs-richtext p, .two-landing-banner .legal-consent-container .hs-form-booleancheckbox-display>span p{
    font-size:9px;
    line-height:11px;
  }
}

/* blog page css */

.blog-2021 .blog-right .subscribe-outer {
    background: #3e2196;
    padding: 25px !important;
    border-radius: 20px !important;
}
.blog-2021 .blog-right .form-title {
    color: #fff;
    font-size: 24px !important;
    font-weight: normal;
    margin: 0 0 30px;
	text-align: left !important;
}
.blog-2021 .blog-right .hs_email span {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
	 font-family: 'Helvetica Neue';
}
.blog-2021 .blog-right .hs-error-msg {
    color: #ff0202;
    font-size: 14px;
    font-weight: normal;
}
.blog-2021 .blog-right .hs-blog_default_hubspot_blog_7587536470_subscription {
    display: none;
}
.blog-2021 .blog-right .inputs-list p {
    color: #fff;
    font-size: 14px;
	font-weight: normal;
	 font-family: 'Helvetica Neue';
}
.blog-2021 .blog-right .inputs-list p a {
    color: #fff;
	font-weight: bold;

}
.blog-right .hs-error-msgs{ display: inline-block !important; }
.blog-right .hs-error-msgs li{line-height: normal;}
.blog-right .hs_error_rollup,.right-form-sec .hs_error_rollup { display: none !important; }
.blog-right .submitted-message,.right-form-sec .submitted-message { color: #5fdc85; }
.blog-2021 .blog-right .hs-form-required { color: #fff; }
.blog-2021 .blog-right .hs_submit .actions{margin-top: 0;}
.blog-2021 .blog-right .hs_submit .actions input {
    width: 100% !important;
    border: 1px solid #5fdc85 !important;
    background: none !important;
    border-radius: 20px;
    color: #5fdc85 !important;
    font-size: 16px
}
.blog-2021 .blog-right .widget-span {
    border: 0 !important;
    margin-bottom: 0 !important;
}
.blog-2021 .blog-right input[type="checkbox"] + span:before {
    border: 1px solid #fff;
    background: #fff;
    border-radius: 4px;
    width: 15px;
    height: 15px;
}
.blog-2021 .hs-form-booleancheckbox input[type="checkbox"] + span::after{
	left: 4px;
    top: 11px;
}
.blog-2021 .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 30px; }
.blog-2021 .popular-posts {
    margin: 30px 0 0;
    background: #fff;
    padding: 25px;
    overflow: hidden;
    border-radius: 20px;
}
.blog-2021 {
    background: #f3f4fa;
}
.blog-2021 .popular-posts .popular-first .post-title {
    margin: 20px 0 10px !important;
}
.blog-2021 .popular-posts .post-title a { color: #3e2196 !important; font-size: 18px !important; line-height: 24px; }
.blog-2021 .popular-post-date { font-size: 14px !important; color: #222222 !important; font-family: 'Helvetica Neue';}
.blog-2021 .popular-posts-title h3 {
    color: #3e2196;
    font-size: 24px !important;
}
.blog-2021 .popular-post-image img {
    border-radius: 10px !important;
}
.blog-2021 .popular-posts-title h3:before {
    display: none !important;
}
.blog-2021 .banner-heading h1 {
    color: #3e2196;
    opacity: 1;
    font-size: 50px;
    padding: 40px 0 0;
    margin: 0;
	line-height: 1.2;
}
.blog-2021 .blog-body {
    padding-top: 50px;
}
.blog-2021 .blog-section .post-listing .post-item {
    border: 0;
}
.blog-2021 .hs-featured-image-wrapper img {
    border-radius: 20px !important;
}
.blog-2021 .post-header h2{
	min-height: auto !important;
	font-size: 22px;
	    line-height: 32px;
}
.blog-2021 .post-header h2 a {
    font-size: 22px;
}
.blog-2021 .blog-section .post-listing .post-item .post-header {
    padding: 10px 15px 18px;
}

.blog-2021 .page-numbers li a,.blog-2021 .page-numbers li.current a {
    border-radius: 50% !important;
}
.blog-2021 .blog-body {
    padding: 100px 0px 60px;
    border-bottom: 0;
}


/* blog details page css */

.blog-2021 .back-to-blog {
    margin: 30px 0px 30px;
    text-align: left;
}
.blog-2021 .post-detail-author {
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog-2021 .banner-content-sec {
    text-align: center;
    margin: 0 auto 40px;
    max-width: 600px;
}
.blog-2021 .banner-content-sec h1 {
    font-size: 40px;
    color: #3e2196;
}
.blog-2021 .author-name a {
    font-size: 16px;
    padding-right: 20px;
	text-transform: capitalize;
	font-family: 'Helvetica Neue';
	font-weight: bold;
}
.blog-2021 .author-date {
    font-size: 16px;
    font-weight: 300;
	color: #3e2196;
	text-transform: capitalize;
	font-family: 'Helvetica Neue';
}
.blog-2021 .blog-left p { font-size: 18px !important; line-height: 28px; color: #222 !important; font-weight: normal;font-family: 'Helvetica Neue'; }
.blog-2021 #hubspot-topic_data { font-size: 14px !important; color: #222 !important; font-family: 'Helvetica Neue';font-weight: bold;}
.blog-2021  #hubspot-topic_data .topic-link { padding: 4px 12px !important; border: 1px solid #654fac !important; font-size: 14px !important; margin: 0 4px !important; color: #3e2196 !important; border-radius: 20px !important;text-transform: capitalize;font-family: 'Helvetica Neue';font-weight: 300;}
.blog-2021 .blog-body-outer .page-center {
    padding: 0 !important;
}
.blog-2021 .blog-body-outer {
    max-width: 900px;
    margin: 0 auto !important;
    float: none !important;
}
.blog-2021 .blog-body-outer .blog-right {
    flex: 1;
}
.blog-2021 .blog-body-outer .blog-left {
    width: 70%;
}
.blog-2021 .featured-image-sec img {
    border-radius: 20px;
}
.blog-2021 .blog-body-outer .blog-body {
    padding: 50px 0px 60px;

}
.blog-2021 .back-to-blog a {font-size: 14px; font-family: 'Helvetica Neue';font-weight: bold;}

/* resource details page css */
.landing-2021 .banner-main-sec { min-height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; align-items: center; justify-content: flex-start; background-color: #f3f4fa; padding-top: 150px !important; }
.landing-2021 .banner-main-sec .page-center { max-width: 1170px !important; width: 100%; padding: 0 !important;}
.landing-2021 .banner-main-sec .content-sec { width: 40%;}
.landing-2021 .banner-main-sec .content-sec h1 { color: #fff; font-size: 50px; }
.landing-2021 .white-logo-header { background:url(https://f.hubspotusercontent40.net/hubfs/5478398/ezbob-2021/images/resources/detail-background.png); background-size: cover;background-repeat: no-repeat; }
.landing-2021 .ezbob-header-main .hs-menu-wrapper ul li a{color: #ffffff !important;}
.landing-2021 .ezbob-header-main .hs-menu-wrapper ul li >.hs-menu-children-wrapper li a{color: #000 !important;}
.landing-2021 .form-main-outer { padding: 80px 0 0; background: #f3f4fa; }
.landing-2021 .form-main-outer  .left-content-main ul li { font-size: 18px; line-height: 28px; margin: 0 0 20px;    color: #222; font-family: 'Helvetica Neue';}
.landing-2021 .form-main-outer .left-content-main ul { padding: 0; }
.landing-2021 .form-main-outer ul li::before { background: rgb(95 220 133) !important; }
.landing-2021 .back-to-blog a{color: #fff;    font-size: 14px;}
.landing-2021 .back-to-blog { background:url(https://f.hubspotusercontent40.net/hubfs/5478398/ezbob-2021/images/resources/detail-background.png); margin: 0; padding: 30px 0; text-align: left; border-bottom: 1px solid #cecaca;background-size: cover;background-repeat: no-repeat; }
.landing-2021 .form-main-outer .back-button a { color: #fff; }
.landing-2021 .form-main-outer .right-form-sec { background: #282478; padding: 30px; color: #fff;border-radius: 20px;flex: 1;     margin-top: -436px;max-width: 330px;}
.landing-2021 .form-main-outer .hs-form-field span { font-size: 16px; line-height: normal; margin: 0 0 0 !important; font-weight: 300;font-family: 'Helvetica Neue';}
.landing-2021 .form-main-outer .hs-form-field label { margin: 0 0 8px !important; }
.landing-2021 .form-main-outer .right-form-sec h3 { font-size: 24px; font-weight: normal; margin: 0 0 20px; }
.landing-2021 .form-main-outer .row-fluid { display: flex;     align-items: flex-start;}
.landing-2021 .form-main-outer .left-content-main { width: 70% !important;}
.landing-2021 .right-form-sec .input input { border-radius: 5px !important; height: 35px !important; }
.landing-2021 .right-form-sec .hs-richtext p { color: #fff; font-size: 16px; font-weight: normal; font-family: 'Helvetica Neue'; }
.landing-2021 .right-form-sec .hs-richtext p a { color: #fff; font-weight: bold;}
.landing-2021 .right-form-sec input[type="checkbox"] + span:before { top: 4px; border: 1px solid #fff; background: #fff; border-radius: 4px; width: 15px; height: 15px; }
.landing-2021 .right-form-sec .actions input { width: 100%; background: none !important; color: #5fdc85 !important; border: 1px solid #5fdc85 !important; border-radius: 20px !important; padding: 8px 20px !important; font-size: 16px; }
.landing-2021 .right-form-sec .inputs-list p { font-size: 14px; padding-left: 12px; }
.landing-2021 .left-content-main p { font-weight:normal !important;font-size: 18px; color: #222 !important;line-height: 28px; font-family: 'Helvetica Neue';}
.landing-2021 .left-content-main br { display: none; }
.landing-2021 .ezbob-footer-main { padding: 0 0 60px; }
.landing-2021 .hs-form-booleancheckbox input[type="checkbox"] + span::after{left: 4px;top: 8px;border-color: #000;}
.landing-2021 .hs-error-msg { font-size: 12px !important; }
.blog-2021 .blog-right .blog-post-listing-outer { padding: 0 !important;}

.landing-2021 .form-main-outer .row-fluid:first-child {max-width: 1170px !important;margin: 0 auto !important;}
.landing-2021 .form-main-outer .page-center {width: 100%;max-width: 100% !important;padding: 0 !important;}
.landing-2021 .form-main-outer .row-fluid .page-center .row-fluid{padding: 0 !important;}
.landing-2021 .back-button { margin: 0 0 20px; }
.landing-2021 .back-button a { color: #fff;  font-family: 'Helvetica Neue';}
.landing-2021 .form-main-outer .left-content-main .vidyard-player-container {
  margin: 0px 0px 30px !important;
}
.landing-2021 .left-content-main p img {
  margin-left: 15px;
}
.blog-2021 .blog-author-date-section span {
   font-family: 'Helvetica Neue' !important;
}
.blog-2021 .blog-author-date-section span a {
   font-family: 'Helvetica Neue' !important;
}
.ezbob-resource-main.small-header .header-main{padding: 0 !important;}
.page-without-banner .page-center.content-wrapper{ padding: 160px 15px;}
.page-without-banner .single-col-content .main-container { max-width: 1080px; padding: 0 !important;margin: 0 auto !important;float: none; }
.single-col-content ul { margin: 0 0 30px;} 
.single-col-content ul li {font-family: 'Helvetica Neue';color: #222 !important;font-size: 16px;}
.single-col-content ul li span,.single-col-content p span{color: #222 !important;}
.single-col-content p { margin: 10px 0 10px; font-family: 'Helvetica Neue'; color: #222; font-size: 18px; }
.single-col-content .hs-embed-wrapper { margin: 0 !important; }
.single-col-content h2 { text-align: left !important; font-size: 40px; line-height: normal;color: #3e2196;}
.single-col-content h1 { font-size: 40px; color: #222; }

.ezbob-resource-main .filter-mobile .resource-sidebar-main h2{font-size: 22px !important;}






@media(max-width:1400px){
.landing-2021 .form-main-outer .left-content-main{width:60% !important;}
}
@media(max-width:1300px){
.landing-2021 .banner-main-sec .content-sec h1{ font-size: 40px;}
.landing-2021 .banner-main-sec .content-sec {padding: 0 30px;}
.landing-2021 .form-main-outer .row-fluid:first-child{padding: 0 30px;}
.landing-2021 .back-button{ padding: 0 15px;}
}

@media(max-width:991px){
.mobile-trigger.cta_border_button span{background: #ffffff;}	
.landing-2021 .banner-main-sec .content-sec { width: 60%; }
.landing-2021 .banner-main-sec .content-sec h1{font-size: 30px;}
.landing-2021 .banner-main-sec{min-height: 270px;}
.landing-2021 .form-main-outer .right-form-sec{padding: 15px; margin-top: -200px;}
.landing-2021 .form-main-outer{padding: 30px 0 0;}
.landing-2021 .form-main-outer .left-content-main { width: 60% !important; }
.blog-2021 .blog-body { padding: 40px 0px 60px; }
.blog-2021 .mobile-trigger.cta_border_button span{background: #3e2196;}
.blog-2021 .banner-content-sec h1{font-size: 30px;}
.landing-2021 .form-main-outer .row-fluid:first-child{padding: 0 15px;}
.single-col-content h2 { font-size: 30px; }
  .blog-2021 .blog-body-outer .page-center {
    padding: 0px 15px !important;
  }
}

@media (max-width:768px){
.landing-2021 .ezbob-header-main .hs-menu-wrapper ul li >.hs-menu-children-wrapper li a { color: #fff !important; }	

}


@media(max-width:767px){
.landing-2021 .ezbob-footer-main { padding: 30px 0 60px; }	
/* .landing-2021 .ezbob-header-main .hs-menu-wrapper ul li >.hs-menu-children-wrapper li a { color: #fff !important; } */
.landing-2021 .back-to-blog,.landing-2021 .white-logo-header{background-color:#5736b0 !important;background: none;}
.landing-2021 .form-main-outer .row-fluid{    flex-direction: column-reverse;}
.landing-2021 .form-main-outer .right-form-sec{margin: -100px auto 20px;}
.landing-2021 .banner-main-sec .content-sec { width: 100%;    padding: 0 20px; text-align: center;}
.landing-2021 .banner-main-sec .content-sec h1 { font-size: 25px; }
.landing-2021 .form-main-outer .left-content-main { width: 100% !important;    padding: 0; }
.landing-2021 .hs-input:not([type="checkbox"]):not([type="radio"]){ font-size: 14px;}
.blog-2021 .blog-section .post-listing .post-item .post-header h2{margin-bottom: 10px;font-size: 20px; line-height: normal;}
.blog-2021 .post-header h2 a { font-size: 20px; line-height: normal; }
.blog-2021 .banner-heading h1{font-size: 30px;}
.blog-2021 .banner-content-sec h1{font-size: 25px;}
.blog-2021 .blog-body-outer .blog-left { width: 100%; margin: 0 0 30px; }
.blog-2021 .blog-body-outer .blog-right{margin: 0;}
.single-col-content h2 { font-size: 22px; }
  .landing-2021 .banner-main-sec {
	padding-top: 100px !important;
    padding-bottom: 80px;
  }
  .blog-2021 .body-container-wrapper {
    padding-top: 70px !important;
  }
}