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

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
body{
    overflow-x: hidden;
}
*{
  margin:0px;
  padding: 0px;
  box-sizing: border-box !important;
}
img {
    max-width: 100%;
}
ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
p ,.hs_cos_wrapper_type_inline_rich_text li{
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 25px;
    color: #5E6D81;
}
.hs_cos_wrapper_type_inline_rich_text ul,
.hs_cos_wrapper_type_inline_rich_text li{
    list-style: disc;
}
p:last-child,
.hs_cos_wrapper_type_inline_rich_text li:last-child{
    margin-bottom: 0px;
}
p;empty{
    display: none;
}
p,a,button,span,li{
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4{
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: normal;
}
h1{
    font-size: 55px;
    line-height:65px;
    text-transform: uppercase;
}
h2{
    font-size: 40px;
    line-height: 55px;
    color: #5E6D81;
}
h3{
    font-size: 30px;
    line-height: 45px;
    color: #5E6D81;
}


.page-center {
  width: 100%;
  max-width: 1126px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto !important;
  float: initial !important;
}

@media (min-width: 1024px) {
  .page-center {
    max-width: 984px;
  }
}

@media screen and (min-width: 1200px) {
  .page-center {
    max-width: 1100px;
  }
}

@media screen and (min-width: 1440px) {
  .page-center {
    max-width: 1400px;
  }
}

@media screen and (min-width: 1800px) {
  .page-center {
    max-width: 1440px;
  }
}

.header-section {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgb(164 164 164 / 15%);
    padding: 20px 0px;
    position: relative;
}

@media(min-width: 768px) {
.header-section-button {
    position: relative;
    right: 0px;
    display: flex !important;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}
  
}

@media(min-width: 992px) {
  .header-section .page-center {
    padding-right: 30px;
  }
  .header-section-button {
    position: relative;
    right: -20px;
    display: flex !important;
    align-items: center;
    flex-direction: row;
}
.header-section-button .cta-btn a {
    white-space: nowrap;
}
}

@media screen and (max-width: 1023px) {
  .header-section .page-center {
    max-width: 100%;
  }

}

@media screen and (min-width: 1200px) {
  .header-section .page-center {
    padding-right: 40px;
  }
  
}




.header-section-navigation ul {
    text-align: right;
}
.header-section-navigation li {
    display: inline-block;
    margin-right: 40px;
}
.header-section-navigation li a {
    font-size: 15px;
    line-height: 19px;
    color: #5e6d81;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
}

.header-section-navigation li a:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0px;
    width: 100%;
    height: 0.75px;
    background: #14b9d6;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.header-section-navigation li ul li a:after,
.header-section-navigation li.active-branch li a:after{
   display: none;
}
.header-section-navigation li a:hover:after {
    opacity: 1;
    visibility: visible;
}
.header-section-navigation li a:hover {
    color: #5e6d81;
    text-shadow: 0px 0px 0px #5e6d81;
}
.header-section-navigation li ul li a:hover:after{
   display: block;
}
.header-section-navigation li.active a{
    color: #5E6D81;
/*     font-weight: 700; */
    text-shadow: 0px 0px 0px #5e6d81;
}
.header-section-navigation li.active a:after,
.header-section-navigation li.active-branch a:after,
.header-section-navigation li.active-branch li.active-branch a:after{
    opacity: 1;
    visibility: visible;
    display: block;
}
.header-section-inner .row-fluid {
    display: flex;
    align-items: center;
}
.header-section-inner .row-fluid .row-fluid{
    display: block;
}
.header-section-button {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.header-section-button .cta-btn a {
    width: 100%;
    background: #14B9D6;
    font-family: 'Abel' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 22px !important;
    line-height: normal !important;
    border-radius: 0px !important;
    padding: 8px 15px !important;
    text-transform: inherit;
  box-shadow: none !important;
}


/*.header-section-button .cta-btn a:hover{
    background-color: rgb(22,203,235) !important;
}*/
.cta-btn a {
    background: #14B9D6;
    box-shadow: 0px 4px 16px rgb(64 96 102 / 15%);
    border-radius: 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 15px 31px;
    text-decoration: none;
    border: 2px solid #14b9d6;
    box-sizing: border-box !important;
    text-transform: none;
}
.cta-btn a:hover {
    background: #fff;
    color: #14b9d6;
}



a.meanmenu-reveal {
    display: none;
}

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: absolute;
    background: transparent;
    padding: 0px;
    min-height: auto;
    z-index: 99;
    right: 0;
    top: 0;
}

.mean-container a.meanmenu-reveal {
    width:auto;
    height: auto;
    padding: 0px;
    position: absolute;
    top: 32px;
    right: 50px !important;
    cursor: pointer;
    color: #40b9d6;
    text-decoration: none;
    font-size: 16px;
    text-indent: 0;
    line-height: 22px;
    font-size: 33px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}
.mean-container .meanmenu-reveal.meanclose {
    font-size: 30px !important;
    top: 36px;
    right: 55px !important;
}
.mean-container a.meanmenu-reveal span {
    display: block;
    background: #40b9d6;
    height: 3px;
    margin-top: 5px;
    width: 24px;
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #40b9d6;
    margin-top: 0px;
    position: relative;
    top: 90px;
}
.mean-container .mean-nav div {
    min-height: auto;
    display: block;
}
.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%;
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 100%;
    padding: 1em 20px;
    margin: 0;
    text-align: left;
    color: #fff;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(255,255,255,0.5);
    text-decoration: none;
    text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
    width: 100%;
    padding: 1em 35px;
    border-top: 1px solid #f1f1f1;
    border-top: 1px solid rgba(255,255,255,0.25);
    opacity: .75;
    filter: alpha(opacity=75);
    text-shadow: none !important;
    visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
    width: 70%;
    padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
    width: 60%;
    padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
    width: 50%;
    padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
    background: #252525;
    background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 46px;
    height: 51px;
    padding: 15px !important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: rgba(255,255,255,0.1);
    border: none !important;
    border-left: 1px solid rgba(255,255,255,0.4) !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(0,0,0,0.9);
}

/*.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}*/

/*.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}*/

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.mean-remove {
    display: none !important;
}









/************** header css End **********************/

.banner-section {
    padding: 102px 0px 104px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    float: left;
    width: 100%;
}
.banner-section-inner {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.banner-section-left {
    float: left;
    width: 51%;
}
.banner-section-right {
    float: right;
    width: 44%;
}
.banner-section-right-image {
    float: left;
    width: 100%;
}
.banner-section-right-image img {
    width: 80%;
    margin-left: 80px;
}
.banner-section-left-content {
    float: left;
    width: 100%;
    max-width: 610px;
}
.banner-section-left-content h1 {
    font-size: 55px;
    line-height: 65px;
    color: #fff;
    text-transform: uppercase;
}
.banner-section-left-content h4{
    font-size: 35px;
    line-height: 55px;
    color: #FFFFFF;
}
.banner-section-left-content p {
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    margin-top: 50px;
}
.banner-section-left-content .cta-btn {
    margin-top: 50px;
}
.banner-section-left-content .cta-btn a{
    background: #fbc035;
    color: #fff;
    border-color:#fbc035;
}
.banner-section-left-content .cta-btn a:hover{
    background:#fff;
    color: #fbc035;
    border-color:#fff;
}
.trusted-section {
    float: left;
    width: 100%;
    padding: 85px 0px;
}
.trusted-section-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 55px;
}
.trusted-section-heading h2 {
    text-transform: uppercase;
    color: #5E6D81;
}
.logo-slider-section {
    width: 100%;
    margin:0 -25px;
}
.logo-slider-section .slick-slide{
    margin-right: 25px;
    margin-left:25px;
}
.logo-slider-section .slick-dots{
    bottom: -50px;
}
.logo-slider-section .slick-dots li button {
    margin: 0px !important;
    padding: 0px !important;
    width: auto !important;
    height: auto !important;
}
.logo-slider-section  .slick-dots li button:before {
    font-size: 45px;
    width: auto;
    height: auto;
    opacity: 1;
    color: #EBECF0;
}
.logo-slider-section  .slick-dots li.slick-active button:before{
    color: #18B7D3;
}
.logo-slider-section-inner {
    background: #fff;
    box-shadow: 0px 10px 20px rgb(199 207 208 / 15%);
    border-radius: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}
.logo-slider-section-inner img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}
.content-section {
    float: left;
    width: 100%;
    padding: 40px 0px 30px;
}
.content-section-heading {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.content-section-heading h2{
    text-transform: uppercase;
    color: #5E6D81;
}
.content-section-inner {
    width: 100%;
    float: left;
}
.content-section-box {
    float: left;
    width: 100%;
    margin: 47px 0px;
}
.content-section-box:last-child {
    margin-bottom: 0px;
}
.content-section-box-inner {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.counting-section .content-section-box-inner{
    align-items: flex-start;
}
.left-block {
    float: left;
    width:50%;
}
.right-block {
    float: right;
    width: 50%;
    position: relative;
}
.right-block img {
    width: 80%;
    filter: drop-shadow(0px 2px 20px rgba(185, 192, 193, 0.28));
    border-radius: 10px;
    position: relative;
    z-index: 9;
}

.counting-section .image-right .right-block:after {
    content: "";
    width: 340px;
    height: 360px;
    position: absolute;
    right: 87px;
    bottom: -20px;
    background: #EEEEEE;
    border-radius: 9px;
    transform: skew(-8deg, -8deg);
}

.counting-section .image-left .right-block:after {
    content: "";
    width: 340px;
    height: 360px;
    position: absolute;
    left: -26px;
    bottom: -20px;
    background: #EEEEEE;
    border-radius: 9px;
    transform: skew(8deg, 8deg);
}

.left-block-content {
    float: left;
    width: 100%;
    padding-right: 60px;
}
.left-block-content h3 {
    text-transform: uppercase;
    color: #14b9d6;
    margin-bottom: 25px;
    font-weight: 500 !important;
    font-family: 'Lato',sans-serif;
    max-width: 90%;
}
.left-block-content p{
    font-size: 16px;
    line-height: 25px;
}
.left-block-content .cta-btn {
    margin-top: 35px;
}
.left-block-content .cta-btn a{
    background: #5E6D81;
    color: #FFFFFF;
    border-color: #5E6D81;
    box-shadow: none;
}
.left-block-content .cta-btn a:hover{
    background: #14b9d6;
    border-color: #14b9d6;
}
.content-section-box-inner.image-left {
    flex-direction: row-reverse;
}
.content-section-box-inner.image-left .left-block-content {
    padding-left: 60px;
    padding-right: 0px;
}
.why-ontoforce-section {
    float: left;
    width: 100%;
    padding-top: 70px;
    z-index: 1;
    position: relative;
}
.why-ontoforce-section:before{
    content:"";
    position: absolute;
    top:0;
    left: 0;
    width: 500px;
    height: 100%;
    background: url(https://9110261.fs1.hubspotusercontent-na1.net/hubfs/9110261/layer-bg.png);
    background-repeat:no-repeat !important;
    background-position: center !important;
    background-size: cover !important; 
}
.why-ontoforce-section-heading {
    float: left;
    width: 100%;
    margin-bottom: 70px;
    text-align: center;
}
.why-ontoforce-section-heading h2{
    text-transform: uppercase;
    color: #5E6D81;
}
.why-ontoforce-section-inner {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.why-ontoforce-section-box {
    display: inline-block;
    width: 33.33%;
    padding: 0px 15px;
    margin-bottom: 55px;
    position: relative;
}
/*.why-ontoforce-section-box:before {
    content: "";
    position: absolute;
    right: 5px;
    top: -10px;
    width: 85%;
    height: 85%;
    background: linear-gradient(89.42deg, #8296B1 10.42%, rgba(20, 185, 214, 0.32) 105.31%);
    border-radius: 10px;
}*/
.why-ontoforce-section-box-inner {
    padding: 50px 18px 50px 18px;
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow:0px 2px 20px rgb(185 192 193 / 28%);
    border-radius: 10px;
    position: relative;
    z-index: 1;
    min-height: 290px;
}
.why-ontoforce-section-box-left {
    float: left;
    width: 28%;
}
.why-ontoforce-image-box {
    background: rgba(241, 248, 255, 0.65);
    border-radius: 10px;
    padding: 18px;
}
.home .why-ontoforce-image-box {
    background: transparent;
    border-radius: 0px;
    padding: 0px;
}
.why-ontoforce-section-box-left img{
    width: 90%;
}
.why-ontoforce-section-box-right {
    float: right;
    width: 68%;
}
.why-ontoforce-section-box-right h5 {
    font-size: 23px;
    line-height: 23px;
    color: #5E6D81;
    margin-bottom: 24px;
    font-weight: 500;
    position: relative;
    padding-left: 0px;
}
/* .why-ontoforce-section-box-right h5:before {
    content: "";
    position: absolute;
    left: 0;
    top:6px;
    width: 16px;
    height:16px;
    background: #14B9D6;
    border-radius: 100%;
} */
.Ontoforce-CTA-section {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center
}
.Ontoforce-CTA-section-inner {
    float: left;
    width: 100%;
    position: relative;
}
.Ontoforce-CTA-section-inner-box {
    margin: 0 auto;
    padding: 75px 117px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 10px;
}
.Ontoforce-CTA-section-inner-box h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    margin-bottom: 45px;
    text-transform: uppercase;
}
.Ontoforce-CTA-section-inner-box .cta-btn a {
    background: #FBC035;
    box-shadow: 0px 4px 16px rgb(64 96 102 / 20%);
    border-color: #FBC035;
    color: #ffffff;
}

.Ontoforce-CTA-section-inner-box .cta-btn a:hover{
    background: #ffffff;
    color: #FBC035;
    border-color: #ffffff;
}
.image-text-center-section {
    float: left;
    width: 100%;
    margin: 60px 0px 80px;
}
.image-text-center-row1 {
    float: left;
    width: 100%;
}
.image-text-center-row1 h2 {
    text-align: center;
    margin-bottom: 35px;
    text-transform: uppercase;
}
.image-text-center-row2 {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.image-text-center-row2 img{
    width: 100%;
}
.pad-0 {
    padding-top: 0px !important;
}
.counting-section .left-block-content h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 50px;
    text-transform: uppercase;
    color: #B6DFEB;
    font-family: 'Lato', sans-serif;
}
.counting-section .left-block-content h3 {
    color: #5E6D81;
    font-weight: 400 !important;
}
.counting-section .left-block-content .cta-btn a {
    background: #14b9d6;
    color: #fff;
    border-color: #14b9d6;
    box-shadow: none;
}
.counting-section .left-block-content .cta-btn a:hover {
    background: #fff;
    color: #14b9d6;
}
/*.whitepaper-section {
    float: left;
    width: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-top: 130px;
}
.whitepaper-section-inner {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.whitepaper-section-inner.Left {
    flex-direction: row-reverse;
}
.whitepaper-section-left {
    float: left;
    width: 53%;
}
.whitepaper-section-right {
    float: right;
    width: 40%;
    text-align: center;
}
.whitepaper-section-content {
    float: left;
    width: 100%;
    padding: 80px 0px;
}
.whitepaper-section-content h2{
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: normal;
    margin-bottom: 30px;
    -webkit-font-smoothing: antialiased;
}
.whitepaper-section-content h5{
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 40px;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.whitepaper-section-content p{
    color: #FFFFFF;
}
.whitepaper-section-content .cta-btn{
    margin-top:50px;
}
.whitepaper-section-content .cta-btn a {
    color: #5e6d81;
    background: #FBC035;
    border-color: #FBC035;
}
.whitepaper-section-content .cta-btn a:hover{
    background: #ffffff;
    color: #5e6d81;
    border-color: #ffffff;
}*/
.popular-blog-section {
    float: left;
    width: 100%;
    padding: 80px 0px 134px;
}
.popular-blog-section-row-1,
.testimonial-slider-section-row-1 {
    width: 100%;
    padding-right: 150px;
    margin-bottom: 38px;
}
.popular-blog-section-row-1 h2,
.testimonial-slider-section-row-1 h2 {
    text-transform: uppercase;
}
.popular-blog-section-row-2,
.testimonial-slider-section-row-2 {
    width: 100%;
}
.blog-quote-text {
    float: left;
    width: 100%;
    padding-top: 80px;
    display: flex;
}
.blog-quote-text h5{
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    color: #5E6D81;
}
.blog-quote-text img {
    width: 70px;
    margin-right: 20px;
    border: 2px solid #00BAD8;
    border-radius: 100%;
    padding: 2px 6px;
    object-fit: scale-down;
}
.blog-slider .slick-list {
    margin: 0px -17px;
}
.blog-slider .slick-slide {
    margin: 0px 17px;
}
.blog-slider .slick-arrow ,
.testimonial-slider .slick-arrow {
    position: absolute;
    top: -88px;
    right: 0;
    font-size: 33px;
    color: #5E6D81;
    border: 1px solid #5E6D81;
    width: 60px;
    line-height: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 100px;
    cursor: pointer;
    z-index: 1;
}
.blog-slider .slick-arrow:hover,
.testimonial-slider .slick-arrow:hover{
     border: 1px solid #14B9D6;
     color: #14B9D6;
}
.blog-slider .fa.fa-angle-left.slick-arrow ,
.testimonial-slider .fa.fa-angle-left.slick-arrow {
    right: 75px;
}
.blog-slider-inner {
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgb(20 185 214 / 17%);
    border-radius: 10px;
}
.blog-slider-inner img {
    width: 100%;
    height: 227px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}
.blog-slider-inner-content {
    float: left;
    width: 100%;
    padding: 15px 22px 25px;
}
.blog-slider-inner-content #hubspot-topic_data {
    margin-bottom: 10px;
}
.blog-slider-inner-content #hubspot-topic_data .topic-link {
    font-size: 16px;
    line-height: 24px;
    color: #18b7d3;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.blog-slider-inner-content #hubspot-topic_data.topic-link:last-child {
    margin-right: 0px;
}
.blog-slider-inner-content h5{
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: #5E6D81;
    margin-bottom: 20px;
}
.blog-slider-inner-content h5 a{
    color: #5E6D81;
    text-decoration: none;
}
.blog-slider-inner-content .read-btn {
    margin-top: 20px;
}
.blog-slider-inner-content .read-btn a {
    font-size: 18px;
    line-height: 26px;
    color: #18B7D3;
    text-decoration: none;
}
.testimonial-slider-section {
    width: 100%;
    padding: 100px 0px;
}
.testimonial-slider-box-inner {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #EEEEEE;
    border-radius: 10px;
    overflow: hidden;
}
.testimonial-slider-box-left {
    float: left;
    width: 30%;
}
.testimonial-slider-box-left img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.testimonial-slider-box-right {
    float: right;
    width: 65%;
    padding: 50px 60px 50px 0px;
}
.testimonial-slider-box-right h5{
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: #14B9D6;
    margin-bottom: 10px;
}
.testimonial-slider-box-right span {
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    color: #9da3a5;
    margin-bottom: 15px;
    display: block;
}
.testimonial-slider-box-right p{
    font-size: 24px;
    line-height: 34px;
}


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

/*************** Footer css Start **********************/

.footer-section {
    padding: 30px 0px 60px;
}

.footer-section-left-inner {
    max-width: 460px;
}
.footer-logo {
    margin-bottom: 30px;
}
.social-icon-section {
    float: left;
    width: 100%;
}
.footer-section .social-icon-section {
    margin-top:28px;
}
.social-icon-section li {
    display: inline-block;
    margin-right: 23px;
}
.social-icon-section li:last-child {
    margin-right: 0px;
}
.social-icon-section li a {
    width: 50px;
    height: 50px;
    border: 1px solid #14B9D6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.social-icon-section li a span{
    line-height: 0px;
}
.social-icon-section li a svg {
    width: 20px;
    height: 20px;
    fill:#14B9D6;
}
.social-icon-section li a:hover{
    background: #14B9D6;
}
.social-icon-section li a:hover svg{
    fill: #fff;
}
.footer-menu-row h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #14B9D6;
    margin-bottom: 28px;
    display: inline-block;
}
.footer-menu-row ul li {
    display: block;
    margin-bottom: 18px;
}
.footer-menu-row ul li:last-child {
    margin-bottom: 0px;
}
.footer-menu-row ul li a {
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #5E6D81;
    text-transform: capitalize;
}
.footer-menu-row ul li a:hover {
    color: #14B9D6;
}
.footer-menu-row .row-fluid{
    display: flex;
    justify-content: space-between;
}
.footer-menu-row .row-fluid .row-fluid{
    display: block;
}
.footer-menu-col {
    width: 40% !important;
}
.footer-menu-col.footer-menu-col3 {
    width: 16% !important;
}
.footer-bottom {
    padding: 15px 0px;
    border-top: 2px solid #EEEEEE;
}
.footer-bottom div{
    min-height: auto !important;
}
.footer-bottom-left span{
    font-size: 16px;
    line-height: 19px;
    color: #5E6D81;
}
.footer-bottom-menu {
    text-align: right;
}
.footer-bottom-menu ul li {
    display: inline-block;
    margin-right: 40px;
}
.footer-bottom-menu ul li:last-child {
    margin-right: 0px;
}
.footer-bottom-menu ul li a{
    font-size: 16px;
    line-height: 19px;
    color: #5E6D81;
    text-decoration: none;
}
.footer-bottom-menu ul li a:hover{
    color: #14b9d6;
}

/*************** Footer css End **********************/

/*************** Whitepaper landing page css **********************/


.whitepaper-banner-section {
    padding: 40px 0px 100px !important;
}
.banner-logo {
    float: left;
    width: 100%;
    margin-bottom: 70px;
}
.whitepaper-banner-section .banner-section-right-image {
    float: left;
    width: 100%;
    text-align: right;
    padding-right: 0px !important;
}
.whitepaper-banner-section .banner-section-right-image img {
    width: 100%;
    height: 400px !important;
    object-fit: contain;
}
.whitepaper-banner-section .banner-section-left-content {
    float: left;
    width: 100%;
    max-width: 684px;
}
.whitepaper-banner-section .banner-section-left-content .cta-btn {
    margin-top: 70px;
}
.whitepaper-banner-section .banner-section-left-content .cta-btn a {
    background: #FBC035;
    color: #ffff;
    border-color: #FBC035;
}
.whitepaper-banner-section .banner-section-left-content .cta-btn a:hover {
    background: #fff;
    color: #FBC035;
    border-color: #fff;
}
.what-learn-section {
    float: left;
    width: 100%;
    padding: 50px 0px 0px;
}
.what-learn-section-heading {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}
.what-learn-section-heading h2{
    text-transform: uppercase;
}
.what-learn-section-inner {
    float: left;
    width: 100%;
}
.what-learn-section-inner-box {
    float: left;
    width: 41.1%;
    display: flex;
    justify-content: space-between;
    margin-right: 210px;
    margin-bottom: 105px;
}
.what-learn-section-inner-box:nth-child(2n+2) {
    margin-right: 0px;
}
.what-learn-section-box-left {
    width: 17%;
    float: left;
}
.what-learn-section-box-left img {
    width: 100%;
}
.what-learn-section-box-right {
    width: 75%;
    float: right;
}
.what-learn-section-box-right h3{
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #14B9D6;
    margin-bottom: 15px;
}
.about-author-section {
    float: left;
    width: 100%;
    padding: 60px 0px;
}
.about-author-section-inner {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.about-author-section-inner-left {
    float: left;
    width: 39%;
}
.about-author-section-inner-left img {
    width: 100%;
}
.about-author-section-inner-right {
    float: right;
    width: 56%;
}
.about-author-section-inner-right h2{
    text-transform: uppercase;
    color: #5E6D81;
    margin-bottom: 10px;
}
.about-author-section-inner-right h4{
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    color: #14B9D6;
    margin-bottom: 30px;
}
.what-reader-said {
    float: left;
    width: 100%;
    padding: 110px 0px 80px;
}
.what-reader-said-heading {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}
.what-reader-said-heading h2{
    text-transform: uppercase;
}
.what-reader-said-inner {
    float: left;
    width: 100%;
}
.what-reader-said-inner-box {
    float: left;
    width: 47.6%;
    margin-right: 60px;
    margin-bottom: 60px;
}
.what-reader-said-inner-box:nth-child(2n+2) {
    margin-right: 0px;
}
.what-reader-said-box-inner {
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgb(185 192 193 / 28%);
    border-radius: 10px;
    padding: 35px 30px;
    float: left;
    width: 100%;
}
.what-reader-said-box-row1 {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    align-items: center;
}

.what-reader-said-box-row1-left {
    float: left;
    width: 99px;
    margin-right: 15px;
}
.what-reader-said-box-row1-left img {
    width: 99px;
    height: 99px;
    object-fit: contain;
    border-radius: 100px;
}
.what-reader-said-box-row1-right {
    float: left;
    width: 100%;
}
.what-reader-said-box-row1-right h5{
    font-weight: 500;
    font-size: 28px;
    line-height: 28px;
    color: #5E6D81;
    margin-bottom: 8px;
}
.what-reader-said-box-row1-right span{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #9DA3A5;
}
.what-reader-said-box-row2 {
    float: left;
    width: 100%;
}
.landing-page-footer {
    padding: 26px 0px;
    background: #fff;
}
.landing-page-footer div{
    min-height: auto;
}
.landing-page-footer .social-icon-section {
    text-align: right;
}
.landing-page-footer-inner .row-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.landing-page-footer-inner .row-fluid .row-fluid{
    display: block;
}
.landing-page-form-section {
    float: left;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 70px 0px;
}
.form-heading {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 70px;
}
.form-heading h2 {
    color: #fff;
    text-transform: uppercase;
}
.landing-page-form-inner {
    float: left;
    width: 100%;
}
.landing-page-form-inner form {
    margin: 0 auto;
    max-width: 800px;
}
.landing-page-form-inner form fieldset {
    max-width: 100% !important;
    margin-bottom: 30px;
}
.landing-page-form-inner form input,
.landing-page-form-inner form select {
    height: auto;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.27);
    width: 100% !important;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    border: 0px;
    outline: none;
    min-height: 48px;
}
.hs-fieldtype-intl-phone.hs-input{
    width: 100% !important;
}
.landing-page-form-inner form input::-webkit-input-placeholder {
  color: #EEEEEE;
}
.landing-page-form-inner form input[type="radio"],
.landing-page-form-inner form input[type="checkbox"]{
    width:auto !important;
}
.landing-page-form-inner form label{
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    color: #FFFFFF;
    margin-bottom: 30px !important;
    display: block;
}
.landing-page-form-inner form .input label{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 10px !important;
    position: relative;
}
.landing-page-form-inner form .input ul li:last-child label{
    margin-bottom: 0px !important;
}
.landing-page-form-inner form fieldset .hs-fieldtype-text label {
    display: none !important;
}
.landing-page-form-inner form fieldset .hs-fieldtype-text label.hs-error-msg,
.landing-page-form-inner form .hs-error-msgs label {
    display: block !important;
    margin: 0px !important;
    color: red !important;
    font-size: 14px;
}
.landing-page-form-inner form .input label input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.landing-page-form-inner form .input label span{
    position: relative;
    padding-left: 30px;
}
.landing-page-form-inner form .input label span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 19px;
    height: 19px;
    background: url(https://9110261.fs1.hubspotusercontent-na1.net/hubfs/9110261/uncheck-icon.png);
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.landing-page-form-inner form .input input:checked~span:before {
    background: url(https://9110261.fs1.hubspotusercontent-na1.net/hubfs/9110261/checked-icon.png);
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.landing-page-form-inner form [data-reactid=".hbspt-forms-0.2.0"] .input label span:before {
    background-image: none !important;
    background: #fff;
    width: 19px;
    height: 19px;
}
.landing-page-form-inner form [data-reactid=".hbspt-forms-0.2.0"] .input label span span:before,
.landing-page-form-inner form [data-reactid=".hbspt-forms-0.2.0"] .input label span span:after{
    display: none !important;
}
.landing-page-form-inner form [data-reactid=".hbspt-forms-0.2.0"] .input label span span{
    margin: 0px !important;
    padding: 0px !important;
}
.landing-page-form-inner form [data-reactid=".hbspt-forms-0.2.0"] .input input:checked~span:before{
    background: #3badcb;
}

.landing-page-form-inner form [data-reactid=".hbspt-forms-0.2.0"] .input input:checked~span:after{
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.landing-page-form-inner form .input input[type="checkbox"]{
    position: initial;
    opacity: 1;
    height: auto;
    transform: scale(1.4);
}

.landing-page-form-inner form .input input[type="checkbox"]~span{
    padding-left: 15px;
}

.landing-page-form-inner form .input input[type="checkbox"]~span:before{
    display: none;
}
.landing-page-form-inner form .hs-richtext p{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}
.landing-page-form-inner form .hs-richtext p a{
    color: #fff;
}

.landing-page-form-inner form .actions {
    width: 100%;
    text-align: center;
    margin-top: 40px !important;
}
.landing-page-form-inner form .actions input.hs-button {
    width: auto !important;
    padding: 15px 60px !important;
    border-radius: 100px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    background: #fbc035;
    cursor: pointer;
}
.landing-page-form-inner form .actions input.hs-button:hover{
    background: #fff;
    color: #fbc035;
}

/*************** Whitepaper landing page css  end **********************/

/*************** Webinar landing page css **********************/

.webinar-banner-section {
    float: left;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 40px 0px 0px;
    margin-bottom: 270px;
}
.webinar-banner-section-inner {
    margin: 0 auto;
    max-width: 650px;
    text-align: center;
}
.webinar-banner-logo {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.webinar-banner-conent {
    float: left;
    width: 100%;
}
.webinar-banner-conent h3{
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 40px;
    font-family: 'Lato', sans-serif !important;
}
.webinar-banner-conent h2{
    color: #fff;
}
.banner-bottom-image {
    float: left;
    width: 100%;
    margin-top: 45px;
    margin-bottom: -270px;
}
.banner-bottom-image img {
    width: 100%;
}
.webinar-conetnt-section {
    float: left;
    width: 100%;
    padding: 80px 0px 0px;
}
.webinar-conetnt-section-inner {
    float: left;
    width: 100%;
}
.webinar-conetnt-section-inner-box {
    float: left;
    width: 47.3%;
    margin-right: 50px;
    margin-bottom: 50px;
}
.webinar-conetnt-section-inner-box:nth-child(2n+2) {
    margin-right: 0px;
}
.webinar-conetnt-section-inner-box h5 {
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 32px;
    color: #14B9D6;
}
.speakers-section {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.speakers-section-heading {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
}
.speakers-section-heading h2 {
    text-transform: uppercase;
}
.speakers-section-inner {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}
.speakers-section-box {
    float: left;
    width: 25.7%;
    margin-right: 65px;
    margin-left: 65px;
    margin-bottom: 50px;
    text-align: center;
}
.speakers-section-box:nth-child(3n+3) {
    margin-right:0px;
}
.speakers-section-box img {
    width: 228px;
    height: 228px;
    object-fit: cover;
    border-radius: 100%;
    border: 3px solid #B6DFEB;
    margin-bottom: 30px;
}
.speakers-section-box h4{
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #14B9D6;
    margin-bottom: 20px;
}
.speakers-section-box span{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    color: #5E6D81;
    display: block;
    margin-bottom: 20px;
}
.speakers-section-box p{
    color: #9DA3A5;
    font-weight: bold;
}
.testimonial-webinar {
    padding-top: 0px;
}
.webinar-landing-form {
    padding: 0px !important;
}
.webinar-landing-form-inner {
    float: left;
    width: 100%;
    border-radius: 10px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 35px 110px 65px;
}
.webinar-landing-form .landing-page-form-inner form {
    margin: 0 auto;
    max-width: 100%;
}
.webinar-landing-form  .landing-page-form-inner form label[placeholder="Enter your Webinar register"] {
    display: none !important;
}
/*************** Webinaar landing page css  end **********************/


/********* Solution Page Css **********/

.mt-0 {
    margin-top: 0 !important;
}

.content-section.pd-bm-100 {
    padding-bottom: 100px;
}

.solution .testimonial-slider-section {
    padding-bottom: 45px;
}

.banner-section-left-content .cta-btn.white-cta a {
    background: #FFFFFF;
    color: #14B9D6;
    border-color: #ffffff;
}
.use-cases-section {
    background: #F1F8FF;
    float: left;
    width: 100%;
    padding: 70px 0px 110px;
}

.use-cases-section .use-cases-heading {
    text-align: center;
    margin-bottom: 80px;
}

.use-cases-section .use-cases-post-repeater .post {
    display: flex;
    margin-top: 70px;
}

.use-cases-section .use-cases-post-repeater .post .left-img {
    width: 30%;
}

.use-cases-section .use-cases-post-repeater .post .left-img img {
    max-width: 100%;
    height: 300px;
    object-fit: cover;
}

.use-cases-section .use-cases-post-repeater .post .content-area {
    width: 70%;
    padding-left: 50px;
}

.use-cases-section .use-cases-post-repeater .post .content-area h3 {
    margin-bottom: 20px;
    font-family: 'Lato',sans-serif;
}

.use-cases-section .use-cases-post-repeater .post .content-area .cta-btn.blue-outline-btn {
    margin-top: 50px;
}

.use-cases-section .use-cases-post-repeater .post .content-area .cta-btn.blue-outline-btn a {
    color: #14b9d6;
    border-color: #14b9d6;
    background: transparent;
    padding: 10px 43px 10px 31px;
    position: relative;
}

.use-cases-section .use-cases-post-repeater .post .content-area .cta-btn.blue-outline-btn a i.fa {
    position: absolute;
    font-size: 34px;
    top: 1px;
    right: 20px;
}

.use-cases-section .use-cases-post-repeater .post .content-area .cta-btn.blue-outline-btn a:hover {
    background: #14B9D6;
    color: #fff;
}

.use-cases-section .watch-all-btn {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 30px;
}

.use-cases-section .watch-all-btn a.cta_button {
    background: #14b9d6;
    box-shadow: 0px 4px 16px rgb(64 96 102 / 15%);
    border-radius: 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 15px 31px;
    text-decoration: none;
    border: 2px solid #14b9d6;
    box-sizing: border-box !important;
    text-transform: uppercase;
}

.content-section.solution-content-section {
    background-image: url(https://9110261.fs1.hubspotusercontent-na1.net/hubfs/9110261/solution-content-section-bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
}

.border-radius-10 .Ontoforce-CTA-section-inner-box {
    border-radius: 10px;
}

.org-cta .Ontoforce-CTA-section-inner-box .cta-btn a {
    background: #FBC035;
    border-color: #FBC035;
    color: #fff;
}

/* Mega menu Style */

.mega-menu {
    position: relative;
    min-height: auto !important;
}
.mega-menu-branch {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    z-index: 98;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1,.8);
    transform: scale(1,.8);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    pointer-events: none;
}

.mega-menu-branch.active {
    opacity: 1;
    visibility: visible;
    transition: .3s ease;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    pointer-events: auto;
}

.mega-menu-options .content-section {
    background: #fff;
    box-shadow: 0px 2px 20px rgb(185 192 193 / 28%);
    padding: 30px 0 25px 0;
}

.mega-menu-options .content-section .sub-heading {
    font-size: 16px;
    line-height: 19px;
    color: #14b9d6;
    margin: 0 0 10px 0;
}

.mega-menu-options .content-section .sub-menus ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 50px;
}

.mega-menu-options .content-section .sub-menus ul li:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.mega-menu-options .content-section .sub-menus ul li:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
}

.mega-menu-options .content-section .sub-menus ul li:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 3;
}

.mega-menu-options .content-section .sub-menus ul li a {
    font-size: 16px;
    line-height: 19px;
    color: #5E6D81;
    text-decoration: none;
}

span.scroll-to-top{
    display: none;
} 

.span12.widget-span.widget-type-custom_widget {
    min-height: auto;
}
.faq .header-section{box-shadow: 0 0;}
.hs-blog-listing .header-section{box-shadow: 0 0;}
.faq-section {
    padding: 70px 0;
}
.faq-section.module-spacingTop--0 {
  padding-top: 0;
}
.faq-section.module-spacingTop--25 {
  padding-top: 17.5px;
}
.faq-section.module-spacingTop--50 {
  padding-top: 35px;
}
.faq-section.module-spacingTop--75 {
  padding-top: 52.5px;
}
.faq-section.module-spacingBottom--0 {
  padding-bottom: 0;
}
.faq-section.module-spacingBottom--25 {
  padding-bottom: 17.5px;
}
.faq-section.module-spacingBottom--50 {
  padding-bottom: 35px;
}
.faq-section.module-spacingBottom--75 {
  padding-bottom: 52.5px;
}

.faq-section .heading {
    margin-bottom: 30px;
    text-align: center;
}

/* Blog Style */


.of-blog-listing-new {
    padding: 50px 0;
}

.of-blog-listing-new .main-blog-heading {
    text-align: center;
    margin-bottom: 40px;
}
.of-blog-listing-new .main-blog-heading h2 {
  font-family: 'Abel', 'Lato', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.blog-filter h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #8296B1;
    font-family: 'Lato',sans-serif;
    margin-bottom: 40px;
}

.blog-filter .filter-outer {
    margin-bottom: 40px;
    display: flex;
}

.blog-filter .filter-outer .filter-left-dropdowns{
    width: 100%
}
.blog-filter .filter-outer #fillterfunction {
    width: 100%;
    display: flex;
}

.blog-filter .filter-outer .right-search-bar {
    width: 30%;
}

.blog-filter .filter-outer .filter-left-dropdowns .dropdown {
    width: 25%;
    padding-right: 25px;
}

.blog-filter .filter-outer .filter-left-dropdowns .dropdown select {
    width: 100%;
    border: none;
    border-bottom: 1.5px solid #14B9D6;
    font-size: 16px;
    line-height: 19px;
    color: #9DA3A5;
    padding: 11px 0 11px 0;
    font-weight: 400;
    font-family: 'Lato';
    outline: none;
} 

.blog-filter .filter-outer .right-search-bar form input[type="text"] {
    width: 100%;
    border: none;
    border-bottom: 1.5px solid #14B9D6;
    font-size: 16px;
    line-height: 19px;
    color: #9DA3A5;
    padding: 11px 0 11px 31px;
    font-weight: 400;
    font-family: 'Lato';
    outline: none;
}
.blog-filter .filter-outer .right-search-bar form input[type="text"]::-webkit-input-placeholder { 
  color: #9DA3A5;
}
.blog-filter .filter-outer .right-search-bar form {
    position: relative;
}

.blog-filter .filter-outer .right-search-bar form button {
    position: absolute;
    top: 15px;
    left: 0;
    background: transparent;
    border: none;
    color: #40b9d6;
}
.hs-search-field__bar button svg {
    height: 15px !important;
    fill: #40b9d6;
}
.blog-listing-wrapper .post-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}
/*.blog-listing-wrapper .post-listing .post-item.featured-post {
    width: 100%;
}*/

.blog-listing-wrapper .post-listing .post-item .highlight-label {
    position: absolute;
    top: 0;
    right: 30px;
    background: #fbc035;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    border-radius: 0px;
    box-shadow: 0px 0px 10px 0px #00000073;
    font-family: 'Abel',sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 17px;
}

.blog-listing-wrapper .post-listing .post-item {
    width: 50%;
    padding: 0 30px;
    margin-bottom: 60px;
    position: relative;
}

.post-item .post-inner {
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(185, 192, 193, 0.28);
}

.post-item .post-inner img.hs-featured-image {
    width: 100%;
    margin: 0;
    max-width: 100%;
    height: 340px;
    object-fit: cover;
}

.post-item .post-inner .post-header {
    display: inline-block;
    width: 100%;
    padding: 25px 30px 20px 30px;
}

.post-item .post-inner .post-header h2 {
    font-size: 22px;
    line-height: 28px;
    color: #5E6D81;
  font-family: 'Abel', 'Lato', sans-serif;
  font-weight: 400;
}

@media (min-width: 992px) {
  .post-item .post-inner .post-header h2 {
    font-size: 30px;
    line-height: 36px;
  }
}

.post-item .post-inner .post-header h2 a {
    color: #5E6D81;
    text-decoration: none;
}

.post-item .post-inner .post-body {
    padding: 0 30px 30px 30px;
}

.post-item .post-inner .post-body p {
    font-size: 16px;
    line-height: 22px;
}

.post-item .post-inner .post-body .read-more-link a.more-link {
    font-size: 18px;
    line-height: 26px;
    color: #18B7D3;
    text-decoration: none;
  font-weight: 700;
}

.of-blog-single-post .single-blog-banner img.hs-image-widget {
    display: block;
    width: 100%;
    height: 650px !important;
    object-fit: cover;
}

.of-blog-single-post .blog-section {
    padding-top: 40px;
}

.of-blog-single-post .blog-section .post-header h1 {
    font-size: 55px;
    text-transform: uppercase;
    color: #5E6D81;
    margin: 0 0 30px 0;
}

.of-blog-single-post .blog-section .post-body p {
    font-size: 18px;
    line-height: 26px;
    color: #5E6D81;
}

.of-blog-single-post .blog-section .post-body h3 {
    text-transform: uppercase;
    color: #5E6D81;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 60px;
}

.of-blog-single-post .blog-section .post-header h1 * {
    font-family: 'Abel',sans-serif;
}

.of-blog-single-post .blog-section a.topic-link {
    font-size: 22px;
    line-height: 26px;
    color: #14B9D6;
    text-decoration: none;
    margin-right: 25px;
}

.of-blog-single-post .blog-section p#hubspot-topic_data {
    margin-top: 30px;
}
.hs-search-field__suggestions {
    padding: 20px;
    border: 0px !important;
    border-radius: 5px;
    background: #fff;
    position: absolute;
    width: 100%;
    box-shadow: 0px 0px 10px 0px #0000003b;
    opacity: 0;
    visibility: hidden;
}
.hs-search-field.hs-search-field--open .hs-search-field__suggestions{
    visibility: visible;
    opacity: 1;
}
.hs-search-field__suggestions li {
    margin-bottom: 10px;
}

.hs-search-field__suggestions li a {
    text-decoration: none;
    color: #5e6d81;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Lato',sans-serif;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    background: transparent !important;
}
.hs-search-field__suggestions li a:hover {
    color: #fbc035;
}

.single-filter-outer{
    display: none;
}
.hs-author-social-section {
    margin-bottom: 80px;
}
.hs-author-social-section .hs-author-social-links{
    display: flex;
    align-items: center;
}
.hs-author-social-section .hs-author-social-links a {
    width: 50px;
    height: 50px;
    border: 1px solid #14b9d6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-size: 0px;
    margin-right: 20px;
}
.hs-author-social-section .hs-author-social-links a:last-child {
    margin-right: 0px;
}
.hs-author-social-section .hs-author-social-links a svg {
    width: 20px;
    height: 20px;
    fill: #14b9d6;
}
.hs-author-social-section .hs-author-social-links a:hover {
    background: #14b9d6;
}
.hs-author-social-section .hs-author-social-links a:hover svg {
    fill: #fff;
}

.hs-blog-post .whitepaper-section{
    margin-top:0px !important;
}

.recommended-blog-posts {
    float: left;
    width: 100%;
    background: #F1F8FF;
    padding: 100px 0px;
    margin-top: 50px;
}
.recommended-blog-posts-row-1 {
    float: left;
    width: 100%;
    padding-right: 150px;
    margin-bottom: 50px;
}
.recommended-blog-posts-row-1 h2 {
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}
.recommended-blog-posts-row-2 {
    float: left;
    width: 100%;
}
.recommended-blog-posts-row-2 .blog-slider .slick-list {
    padding: 20px 0px;
}
.blog-post-slider-inner {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(185 192 193 / 28%);
    margin-right: 50px;
}
.blog-post-slider-inner img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.blog-post-content {
    padding: 20px 15px;
    float: left;
    width: 100%;
}
.blog-post-content h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #5E6D81;
    font-family: 'Lato' !important;
    margin-bottom: 20px;
}
.blog-post-content h4 a{
    color: #5E6D81;
    text-decoration: none;
}
.blog-post-content .post-body {
    min-height: 60px;
    margin-bottom: 15px;
}
.blog-post-content .read-btn a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #18B7D3;
    text-decoration: none;
}
.read-all-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin: 80px 0px 50px;
}
.read-all-btn a{
    background: #14b9d6;
    box-shadow: 0px 4px 16px rgb(64 96 102 / 15%);
    border-radius: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 11px 22px;
    text-decoration: none;
    border: 2px solid #14b9d6;
    box-sizing: border-box !important;
    text-transform: uppercase;
    min-width: 180px;
}
.read-all-btn a:hover{
    background: #fff;
    color: #14b9d6;
}
.recommended-blog-posts-row-2 .slick-prev {
    right: 80px;
    left: initial;
}

/**************** Abour Page Css **************************/

.about-page-banner {
    padding: 150px 0px;
    position: relative;
    z-index: 1;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center! important;
}
.about-page-banner:after {
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: linear-gradient(89.42deg, #8296B1 10.42%, #14B9D6 105.31%);
    opacity: 0.8;
    z-index: -1;
}
.about-page-banner-inner {
    width: 100%;
    text-align: center;
}
.about-page-banner-inner img {
    width: 500px;
}
.about-content-section {
    float: left;
    width: 100%;
    padding: 100px 0px 0px;
}
.top-heading {
    float: left;
    width: 100%;
}
.top-heading h1{
    font-size: 55px;
    line-height: 65px;
    text-transform: uppercase;
    color: #5E6D81;
    margin-bottom: 30px;
}
.about-content-section-inner {
    float: left;
    width: 100%;
}
.about-content-section-inner img{
    width: 100%;
}
.about-content-section-inner h2{
    margin-bottom: 20px;
}
.our-managment-section {
    padding: 50px 0px 0px;
    float: left;
    width: 100%;
    background: #F1F8FF;
}
.our-managment-row1 {
    float: left;
    width: 100%;
    margin-bottom: 100px;
}
.our-managment-row1-inner {
    text-align: center;
    margin: 0 auto;
    max-width: 1074px;
}
.our-managment-row1 h2 {
    margin-bottom: 30px;
    text-transform: uppercase;
}
.our-managment-row2 {
    float: left;
    width: 100%;
}
.our-managment-row2-box {
    width: 44%;
    margin-right: 120px;
    margin-bottom: 120px;
    display: inline-flex;
    /*justify-content: space-between;*/
    vertical-align: top;
    align-items: center;
}
.our-managment-row2-box:nth-child(2n+2) {
    margin-right:0px;
}
.our-managment-row2-box-left {
    float: left;
    width: 40%;
    margin-right: 40px;
}
.our-managment-row2-box-right {
    float: right;
    width: 60%;
}
.our-managment-row2-box img {
    width: 185px;
    height: 185px;
    border-radius: 100%;
    object-fit: cover;
    border: 3px solid #b6dfeb;
    display: inline-block;
}
.our-managment-row2-box h3{
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    color:#5E6D81 ;
    margin-bottom: 25px;
}
.our-managment-row2-box h4{
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 28px;
    color: #14B9D6;
    margin-bottom: 25px;
}
.our-managment-row2-box-right ul li {
    display: inline-block;
    margin-right: 12px;
}
.our-managment-row2-box-right ul li:last-child {
    margin-right: 0px;
}
.our-managment-row2-box-right ul li a {
    width: 30px;
    height: 30px;
    border: 1px solid #14b9d6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    line-height: 0px;
}
.our-managment-row2-box-right ul li a:hover{
    background: #14b9d6;
}
.our-managment-row2-box-right ul li a:hover svg {
    fill: #fff;
}
.our-managment-row2-box-right ul li a svg {
    width: 14px;
    height: 14px;
    fill: #14b9d6;
}


/**************** About Page Css End **************************/
/**************** Single Blog Landing Page Css  **************************/

.single-blog-banner{
    float: left;
    width: 100%;
}
.single-blog-banner img {
    display: block;
    width: 100%;
    height: 650px !important;
    object-fit: cover;
}
.single-blog-landing-content {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.single-blog-landing-content .hs-author-social-section,
.single-blog-landing-content .post-header,
.single-blog-landing-content .post-body{
    width: 100%;
    float: left;
}
.single-blog-landing-content .post-header h1 {
    font-size: 50px;
    text-transform: uppercase;
    color: #5e6d81;
    margin: 0 0 30px 0;
}
.single-blog-landing-content .post-body.post-body p,
.single-blog-landing-content .post-body.post-body span {
    font-size: 16px;
    line-height: 25px;
    color: #5e6d81;
/*    display: inline-block;
    width: 100%;*/
}
.single-blog-landing-content .post-body.post-body p img{
    float: left;
    padding: 0px 10px;
}
.single-blog-landing .whitepaper-section {
    margin-top: 0px !important;
}
.single-blog-landing-content .post-body.post-body ul{
    margin-top:15px !important;
    margin-bottom:15px !important;
    list-style: disc !important;
    list-style-position: inside !important;
}
.single-blog-landing-content .post-body.post-body ul li p{
    width: auto !important;
}
.single-blog-landing-content .post-body.post-body ul li::marker {
    color: #5e6d81;
}


/**************** Single Blog Landing Page Css End **************************/

/**************** Contact alternative Page Css **************************/

.contact-banner {
    position: relative;
    text-align: center;
    z-index: 0;
}
.contact-banner:after{
    content: "";
    position: absolute;
    top: 0px;
    left:0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(89.42deg, #8296B1 10.42%, #14B9D6 105.31%);
    opacity: 0.8;
    z-index: -1;
}
.contact-banner h1{
    color: #fff;
}
.contact-content-section {
    float: left;
    width: 100%;
    padding: 80px 0px;
}
.contact-content-section-inner {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 60px;
}
.contact-inner-left {
    float: left;
    width: 48%;
}
.contact-inner-right {
    float: right;
    width: 48%;
}
.contact-top-heading {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 65px;
}
.contact-top-heading img {
    width: 70px;
    margin-right: 30px;
}
.contact-top-heading h3 {
    text-transform: uppercase;
}
.contact-form-section {
    float: left;
    width: 100%;
    padding: 50px 45px;
    background: #8296B1;
    border-radius: 10px;
    padding-bottom: 97px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.contact-form-section:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 167px;
    background: url(https://9110261.fs1.hubspotusercontent-na1.net/hubfs/9110261/Frame-40.png);
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: right !important;
    z-index: -1;
}
.contact-form-section form .hs-form-field {
    max-width: 100% !important;
    margin-bottom: 35px;
}
.contact-form-section form input,
.contact-form-section form textarea,
.contact-form-section form select {
    font-family: 'Lato',sans-serif;
    height: auto;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.27);
    width: 100% !important;
    padding: 12px 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    border: 0px;
    outline: 0;
}
.contact-form-section form textarea{
    min-height: 150px;
}
.contact-form-section form input::-webkit-input-placeholder,
.contact-form-section form textarea::-webkit-input-placeholder { 
  color: #fff;
}
.contact-form-section form input::-moz-placeholder,
.contact-form-section form textarea::-moz-placeholder {
  color: #fff;
}
.contact-form-section form input:-ms-input-placeholder,
.contact-form-section form textarea:-ms-input-placeholder { 
  color: #fff;
}
.contact-form-section form input:-moz-placeholder,
.contact-form-section form textarea:-moz-placeholder { 
 color: #fff;
}
.contact-form-section form .input input[type="checkbox"] {
    position: relative;
    top: 6px;
    opacity: 1;
    height: auto;
    transform: scale(1.4);
    width: auto !important;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    opacity: 0.80;
}
.contact-form-section form .input input[type="checkbox"]~span {
    padding-left: 12px;
}
.contact-form-section form .input label {
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 0px !important;
    -webkit-font-smoothing: auto;
}
.contact-form-section form p{
    color: #fff;
    margin-bottom: 20px;
}
.contact-form-section form .actions {
    width: 100%;
    text-align: center;
    margin-top: 45px !important;
}
.contact-form-section form .actions input.hs-button {
    width: auto !important;
    padding: 15px 60px !important;
    border-radius: 100px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    background: #fbc035;
    cursor: pointer;
}
.contact-form-section form .actions input.hs-button:hover {
    background: #fff;
    color: #fbc035;
}
.hs-error-msg,
.hs-error-msgs label {
    color: red;
    font-size: 14px;
}
.loaction-section {
    float: left;
    width: 100%;
}
.loaction-box {
    border: 1px solid #8296b1;
    border-radius: 10px;
    padding: 20px 30px;
    margin-bottom: 20px;
}
.loaction-box:last-child {
    margin-bottom: 0px;
}
.loaction-box h3 {
    margin-bottom: 15px;
}
.map-section {
    margin: 20px 0px 0px;
}
.loaction-box ul li {
    display: flex;
    margin-bottom:5px;
    align-items: center;
}
.loaction-box ul li:last-child {
    margin-bottom: 0px;
}
.loaction-box ul li img {
    margin-right: 15px;
    width: 35px;
    height: 35px;
    object-fit: contain;
}
.loaction-box ul li a {
    font-size: 16px;
    line-height: 23px;
    color: #5e6d81;
    text-decoration: none;
    min-height: 49px;
    display: flex;
    align-items: center;
}
.loaction-box ul li:last-child a {
    color: #14B9D6;
}
.map-section .iframe_wrapper {
    padding-bottom: 21.25% !important;
}
.map-section-inner span {
    display: block;
    margin-top: 10px;
    color: #14B9D6;
    text-decoration: underline;
}


/**************** Contact alternative Page Css End **************************/


#hs-cta-wrapper-e813baa8-274d-46b6-9e63-5b87c17af9e2 a:hover {
    background: transparent;
    color: #14b9d6;
}



/*************** login page css ***********************/


.login-col-left {
    background: url(https://9110261.fs1.hubspotusercontent-na1.net/hubfs/9110261/Try_DISQverrOVER.png);
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
}
.login-content-section {
    float: left;
    width: 100%;
    padding: 100px 50px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.login-content-row1 {
    float: left;
    width: 100%;
    margin-bottom: 70px;
}
.login-content-row1 h2 {
    color: #fff;
    font-size: 68px;
    line-height: 68px;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 30px;
}
.login-content-row1 h6 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    font-family: 'Abel',sans-serif;
    margin-bottom: 80px;
}
.login-content-row1 ul li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 35px;
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding-right: 35px;
    padding-left: 30px;
}
.login-content-row1 ul li:before{
    content: "";
    position: absolute;
    left: 0;
    top:7px;
    width: 14px;
    height: 14px;
    background: #fbc035;
    border-radius:100%;
}

.login-content-row2 {
    float: left;
    width: 100%;
}
.login-page-slider-inner {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.login-page-slider-left {
    float: left;
    width: 30%;
}
.login-page-slider-left img {
    width: 100%;
    height: 215px;
    object-fit: cover;
}
.login-page-slider-right {
    float: right;
    width: 65%;
    padding: 20px 25px 20px 20px;
}
.login-page-slider-right h5 {
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: #14b9d6;
    margin-bottom: 10px;
    font-family: 'Abel',sans-serif;
}
.login-page-slider-right span {
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.6px;
    color: #9da3a5;
    margin-bottom: 12px;
    display: block;
    font-family: 'Abel',sans-serif;
    -webkit-font-smoothing: antialiased;
}
/*.login-landing-page{
    background: #e1e1e1;
}*/
.login-page-iframe-section {
    float: left;
    width: 100%;
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-page-iframe-section iframe {
    min-height: 674px;
    left: 0;
    border: 0px;
    box-shadow: none;
    overflow: hidden;
}
/*************** login page css end ***********************/

.communityLogin___QJn9d {
    height: auto !important;
}
#root .communityLogin___QJn9d {
    height: auto !important;
}



.landing-page-form-inner form .legal-consent-container .input span {
    margin: 0;
    padding-left: 30px !important;
    line-height: initial;
}

.landing-page-form-inner form .legal-consent-container .input li.hs-form-booleancheckbox label {
    line-height: initial !important;
}

.landing-page-form-inner form .legal-consent-container .input li.hs-form-booleancheckbox label input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    opacity: 0;
}

.landing-page-form-inner form .legal-consent-container .input span p {
    color: #fff;
}

.landing-page-form-inner form .legal-consent-container .input span p a {
    color: #fff;
}

.landing-page-form-inner form .legal-consent-container .input span:before {
    content: "";
    display: block !important;
}


/*.hs-content-id-66833352499 .breadcrumb-nav ol li {
    text-transform: uppercase;
}*/



/********************* Media Css ***************************/

@media (min-width: 991px){
  .header-section-navigation li {
      position: relative;
      line-height: 43px;
  }
  .header-section-navigation li.hs-item-has-children:after{
    content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    top: 2px;
    right: -15px;
    color: #5E6D81;
    transition: ease-in-out 0.5s;
  }
   .header-section-navigation li.hs-item-has-children.mega-menuized-active:after{
     content: "\f0d8";
   }
  .header-section-navigation li.mega-menuized-active>a:after{
      opacity: 1;
      visibility: visible;
  }
  .header-section-navigation li ul.hs-menu-children-wrapper {
      display: none;
      position: absolute;
      width: 100%;
      left: -18px;
      min-width: 170px;
      background: #fff;
      padding-top: 30px;
      top: 42px;
      padding-bottom: 10px;
      z-index: 9;
  }
  .header-section-navigation li:hover ul.hs-menu-children-wrapper {
      display: block;
  }
  .header-section-navigation li ul.hs-menu-children-wrapper li {
      text-align: left;
      width: 100%;
      padding: 10px 20px;
      margin-right: 0px !important;
      line-height: normal;
  }
  .header-section-navigation li ul.hs-menu-children-wrapper li a {
      text-transform: initial;
      display: block;
  }
  .whitepaper-page .post-item .post-inner .hs-featured-image-wrapper {
      text-align: center;
      float: left;
      width: 100%;
  }
  .whitepaper-page .post-item .post-inner img.hs-featured-image{
      width: 100%;
      margin: 0 auto;
      max-width: 300px;
      height: 340px;
      float: initial;
  }
  .whitepaper-page .post-item:nth-child(1) .post-inner .hs-featured-image-wrapper img.hs-featured-image{
      max-width: 100%;
  }
  .blog-slider-inner-content {
      min-height: 326px;
  }
  .post-item .post-inner {
      min-height: 565px;
  }


}

@media(min-width: 1280px){
  .login-col-right {
      margin-left: 0px !important;
      width: 42.7% !important;
  }
}

@media(min-width: 1301px){
  .banner-section,
  .about-page-banner {
      height: 650px;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
  }
  .what-learn-section-box-left img {
      width: 90%;
  }
  .login-content-section {
       float: initial; 
      margin: 0 auto;
      max-width: 1180px;
  }
  .login-page-slider .slick-slider .slick-track {
      width: 100% !important;
  }
}

@media(min-width: 1401px){

  .header-section-button .cta-btn a{
      padding: 15px 20px;
  }
  .banner-section-left-content p {
      margin-top: 30px;
  }
  .whitepaper-banner-section .banner-section-left-content .cta-btn {
      margin-top: 50px;
  }
  .use-cases-section .use-cases-post-repeater .post .content-area h3 {
      font-size: 26px;
      line-height: 40px;
  }
  .contact-form-section {
      padding-bottom: 110px;
  }
  .contact-form-section form input, 
  .contact-form-section form textarea, 
  .contact-form-section form select {
      padding: 14px 30px;
  }

}

@media(min-width: 1450px){
.header-section-button .cta-btn a{
  width: auto !important;
    font-size: 27px !important;
    line-height: 140% !important;
    padding: 4px 25px !important;
}
}


@media(min-width: 1701px){

  .header-section-navigation li:last-child,
  .header-section-navigation li {
      margin-right: 53px;
  }
  /* .banner-section {
      padding: 223px 0px 200px;
  } */
  .banner-section-right-image {
      padding-right: 30px;
  }
  .logo-slider-section-inner img {
      height: 130px;
  }
  .awards-section .logo-slider-section-inner img {
      height: 120px;
  }
  .why-ontoforce-image-box {
      padding: 14px;
  }
  .why-ontoforce-section-box-inner {
      min-height: 312px;
  }
  .whitepaper-section-content .cta-btn a {
      padding: 15px 51px;
  }
  .blog-slider-inner-content h5 {
      font-size: 30px;
      line-height: 34px;
  }
  .banner-section-left {
      width: 47%;
  }
  .banner-section-right {
      width: 49%;
  }
  .whitepaper-section-image {
      max-width: 500px;
  }
  .testimonial-slider-box-left img {
      height: 370px;
  }
  .whitepaper-banner-section .banner-section-left {
      width: 54%;
  }
  .whitepaper-banner-section .banner-section-right {
      width: 41%;
  }
  .speakers-section-box {
      width: 26.5%;
  }
}

@media(max-width: 1700px){
  .header-section-navigation li {
      display: inline-block;
      margin-right: 25px;
  }
  .header-section-navigation li:last-child {
      margin-right: 10px;
  }
  .why-ontoforce-section-box-left {
      width: 26%;
  }
  .why-ontoforce-section-box-right {
      float: right;
      width: 67%;
  }
  .why-ontoforce-section-box-right h5 {
      font-size: 22px;
      line-height: 22px;
      margin-bottom: 16px;
  }
  .why-ontoforce-section-box-right h5:before {
      width: 12px;
      height: 12px;
  }
  .why-ontoforce-image-box {
      padding: 12px;
  }
}

@media(max-width: 1500px){
  .banner-section-left-content h1, h1 {
      font-size: 45px;
      line-height: 55px;
  }
  .banner-section-left-content p {
      font-size: 22px;
      line-height: 28px;
      margin-top: 35px;
  }
  .banner-section-left-content .cta-btn {
      margin-top: 40px;
  }
  .counting-section .left-block-content h2 {
      font-size: 60px;
      line-height: 45px;
  }
  .testimonial-slider-box-right p {
      font-size: 18px;
      line-height: 28px;
  }
  .what-learn-section-inner-box {
      width: 40.7%;
  }
  .what-learn-section-box-right h3 {
      font-size: 28px;
      line-height: 28px;
  }
}


@media(max-width: 1400px){
  h2 {
      font-size: 45px;
      line-height: 45px;
  }
  h3 {
      font-size: 28px;
      line-height: 40px;
  }
  p {
      font-size: 16px;
      line-height: 26px;
  }
  .banner-section-left-content {
      max-width: 501px;
  }
  .banner-section-left h4 {
      font-size: 30px;
      line-height: 40px;
  }
  .banner-section-right-image {
      max-width: 480px;
  }
  .cta-btn a {
      padding: 13px 30px;
      line-height: normal;
  }
  .header-section-button .cta-btn a {
      width: 100%;
      padding: 11px 10px;
      margin-top: -7px;
      font-size: 15px;
  }
  .blog-quote-text h5 {
      font-size: 24px;
      line-height: 30px;
      color: #5E6D81;
  }
  .blog-slider-inner img {
      height: 200px;
  }
  .blog-slider .slick-arrow ,
  .testimonial-slider .slick-arrow {
      top:-83px;
      font-size: 26px;
      width: 45px;
      line-height: 45px;
      height: 45px;
  }
  .blog-slider .fa.fa-angle-left.slick-arrow ,
  .testimonial-slider .fa.fa-angle-left.slick-arrow {
      right: 65px;
  }
  .blog-slider-inner-content .read-btn a {
      font-size: 16px;
      line-height: 26px;
  }
  .footer-menu-row h5 {
      font-size: 16px;
      line-height: 20px;
  }
  .footer-menu-row ul li a {
      font-size: 16px;
      line-height: 18px;
  }
  .about-author-section-inner-right h4 {
      font-size: 30px;
      line-height: 30px;
      margin-bottom: 25px;
  }
  .what-reader-said-inner-box {
      width: 47.2%;
  }
  .what-reader-said-box-row1 {
      margin-bottom: 20px;
  }
  .what-reader-said-box-row1-right h5 {
      font-size: 26px;
      line-height: 26px;
  }
  .what-reader-said-box-row1-right span {
      font-size: 16px;
      line-height: 26px;
  }
  .webinar-conetnt-section-inner-box h5 {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 25px;
  }
  .speakers-section-box img {
      width: 200px;
      height: 200px;
      margin-bottom: 20px;
  }
  .speakers-section-box h4{
      margin-bottom: 10px;
  }
  .speakers-section-box span{
      font-size: 22px;
      line-height: 22px;
      margin-bottom: 10px;
  }
  .of-blog-single-post .single-blog-banner img.hs-image-widget {
      height: 450px !important;
  }
  .recommended-blog-posts-row-2 .blog-slider .slick-arrow{
      top: -73px;
  }
  .about-page-banner-inner img {
      width: 400px;
  }
  .top-heading h1 {
      font-size: 40px;
      line-height: 55px;
  }
  .our-managment-row2-box h3 {
      font-size: 32px;
      line-height: 32px;
  }
  .our-managment-row2-box h4 {
      font-weight: normal;
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 20px;
  }
  .single-blog-banner img {
      height: 450px !important;
  }
}

@media(max-width: 1279px){
  .login-landing-page .row-fluid {
      display: flex;
      justify-content: space-between;
  }
  .login-landing-page .row-fluid .row-fluid {
      display: block;
  }
  .login-col-right {
      margin: 0px !important;
      width: 45% !important;
  }
  }

  @media(max-width: 1199px){
  h2 {
      font-size: 35px;
      line-height: 39px;
  }
  h3 {
      font-size: 26px;
      line-height: 38px;
  }
  p {
      font-size: 15px;
      line-height: 23px;
  }
  .header-section-button .cta-btn a {
      padding: 11px 13px;
      font-size: 12px;
  }
  .header-section-navigation li {
      margin-right: 20px;
  }
  .header-section-navigation li:last-child {
      margin-right: 10px;
  }
  .header-section-navigation li a {
      font-size: 14px;
      line-height: 18px;
  }
  .footer-menu-col {
      width: 33% !important;
  }
  .footer-menu-col.footer-menu-col3 {
      width: 19% !important;
  }
  .Ontoforce-CTA-section-inner-box {
      padding: 60px 80px;
  }
  .Ontoforce-CTA-section-inner-box h2 {
      font-size: 40px;
      line-height: 50px;
  }
  .logo-slider-section {
      margin: 0 0px;
  }
  .blog-slider .slick-arrow, .testimonial-slider .slick-arrow {
      top: -77px;
  }
  .blog-slider-inner-content h5 {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 15px;
  }
  .blog-quote-text h5 {
      font-size: 22px;
      line-height: 28px;
  }
  .counting-section .left-block-content h2 {
      font-size: 50px;
      line-height: 38px;
  }
  .banner-section {
      padding: 100px 0px 130px;
  }
  .banner-section-left-content h1, h1 {
      font-size: 45px;
      line-height: 53px;
  }
  .banner-section-left-content p {
      font-size: 20px;
      line-height: 26px;
      margin-top: 30px;
  }
  .banner-section-left-content .cta-btn {
      margin-top: 30px;
  }
  .left-block-content h3 {
      max-width: 100%;
  }
  .why-ontoforce-section-box-inner {
      padding: 30px 18px 30px 18px;
      flex-direction: column;
      min-height: 385px;
  }
  .why-ontoforce-section-box-left {
      width: 45%;
      margin-bottom: 20px;
  }
  .why-ontoforce-section-box-right {
      float: right;
      width: 100%;
  }
  .whitepaper-section-content h5 {
      font-size: 24px;
      line-height: 35px;
  }
  .what-learn-section-inner-box {
      width: 42.5%;
      margin-right: 140px;
      margin-bottom: 75px;
  }
  .what-reader-said-inner-box {
      width: 46.7%;
  }
  .what-learn-section-box-right h3 {
      font-size: 24px;
      line-height: 24px;
  }
  .speakers-section-box {
      width: 25.7%;
      margin-right: 109px;
      margin-bottom: 50px;
  }
  .why-ontoforce-section:before{
      display: none;
  }
  .our-managment-row2-box {
      width: 47%;
      margin-right: 50px;
      margin-bottom: 50px;
  }
  .our-managment-row2-box img {
      width: 150px;
      height: 150px;
  }
  .our-managment-row2-box h4 {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 15px;
  }
  .our-managment-row2-box h3 {
      font-size: 29px;
      line-height: 30px;
      margin-bottom: 20px;
  }
  .login-page-iframe-section {
      padding: 0px 25px;
  }
  .login-content-section {
      padding: 80px 50px;
  }
  .login-content-row1 h2 {
      font-size: 55px;
      line-height: 55px;
      margin-bottom: 25px;
  }
  .login-content-row1 h6 {
      font-size: 22px;
      margin-bottom: 50px;
  }

  .login-page-slider-left img {
      width: 200px;
      height: 215px;
  }
  .login-page-slider-right {
      margin-top: 30px;
  }
  .login-content-row1 ul li {
      font-size: 16px;
      line-height: 26px;
      padding-right: 28px;
      padding-left: 30px;
  }
  .header-section-button {
        margin-left: 10px !important;
    }
    .header-section-button .cta-btn a {
        font-size: 18px!important;
        padding: 8px 10px!important;
    }
    .header-section-navigation li:last-child {
        margin-right: 0px !important;
    }
}


@media(max-width: 991px){
  h2,.Ontoforce-CTA-section-inner-box h2 {
      font-size: 30px;
      line-height: 35px;
  }
  .header-section {
      padding: 10px 0px;
  }
  .header-section-inner .row-fluid {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  .header-section-logo {
      width: 50% !important;
      position: relative;
      z-index: 999;
  }
  .header-section-button {
      width: auto !important;
      margin-left: 0px !important;
      margin-right: 0px !important;
  }
  .header-section-button .cta-btn a {
      width: 180px;
      margin-top: 0px;
      font-size: 14px;
      position: relative;
      z-index: 999;
  }
  .blog-slider-inner-content h5 {
      font-size: 24px;
      line-height: 28px;
  }
  .mean-container a.meanmenu-reveal {
      right: 21px !important;
  }
  .mean-container .meanmenu-reveal.meanclose {
      right: 22px !important;
  }
  .banner-section {
      padding: 80px 0px 80px;
  }
  .banner-section-left-content h1 ,h1 {
      font-size: 35px;
      line-height: 44px;
  }
  .banner-section-left-content p {
      font-size: 18px;
      line-height: 26px;
      margin-top: 24px;
  }
  .banner-section-left-content .cta-btn {
      margin-top: 24px;
  }
  .trusted-section {
      padding: 80px 0px;
  }
  .trusted-section-heading {
      margin-bottom: 45px;
  }
  .left-block-content {
      padding-right: 0px;
  }
  .content-section-box-inner.image-left .left-block-content {
      padding-left: 0px;
      padding-right: 0px;
  }
  .content-section-box-inner {
      flex-direction: column !important;
  }
  .left-block {
      width: 100%;
      margin-bottom: 50px;
  }
  .right-block {
      width: 100%;
  }
  .why-ontoforce-section-box {
      width: 50%;
      margin-bottom: 55px;
  }
  .Ontoforce-CTA-section-inner-box {
      padding: 60px 50px;
  }
  .image-text-center-section {
      float: left;
      width: 100%;
      margin: 60px 0px 60px;
  }
  .whitepaper-section-inner {
      flex-direction: column;
  }
  .whitepaper-section-left {
      float: left;
      width: 100%;
  }
  .whitepaper-section-content {
      float: left;
      width: 100%;
      padding: 40px 0px;
  }
  .whitepaper-section-right {
      float: right;
      width: 100%;
      text-align: center;
  }
  .whitepaper-section-image {
      margin-top: 0px !important;
  }
  .testimonial-slider-box-left img {
      height: 250px;
  }
  .testimonial-slider-box-right {
      width: 65%;
      padding: 30px 30px 30px 0px;
  }
  .testimonial-slider-box-right h5 {
      font-size: 22px;
      line-height: 21px;
  }
  .testimonial-slider-box-right span, .testimonial-slider-box-right p {
      font-size: 15px;
      line-height: 24px;
  }
  .testimonial-slider-section {
      padding: 80px 0px;
  }
  .popular-blog-section {
      padding: 80px 0px 80px;
  }
  .blog-slider .slick-arrow, .testimonial-slider .slick-arrow {
      top: -73px;
      font-size: 20px;
      width: 35px;
      line-height: 35px;
      height: 35px;
  }
  .blog-slider .fa.fa-angle-left.slick-arrow, .testimonial-slider .fa.fa-angle-left.slick-arrow {
      right: 55px;
  }
  .blog-quote-text img {
      width: 52px;
      margin-right: 20px;
      height: 52px;
      object-fit: contain;
  }
  .blog-quote-text h5 {
      font-size: 18px;
      line-height: 26px;
  }
  .footer-section-left {
      width: 100% !important;
      margin-bottom: 40px !important;
  }
  .footer-section-right {
      width: 100% !important;
      margin-left: 0px !important;
      padding-left: 0px !important;
  }
  .footer-menu-col {
      width: 37% !important;
  }
  .footer-section-left-inner {
      max-width: 100%;
  }
  .footer-logo {
      margin-bottom: 20px;
  }
  .banner-logo {
      float: left;
      width: 100%;
      margin-bottom: 40px;
  }
  .whitepaper-banner-section .banner-section-right-image img {
      height: 400px !important;
  }
  .what-learn-section-inner-box {
      width: 44.5%;
      margin-right: 80px;
      margin-bottom: 75px;
  }
  .what-reader-said {
      padding: 80px 0px 80px;
  }
  .about-author-section-inner-right h4 {
      font-size: 26px;
      line-height: 26px;
      margin-bottom: 20px;
  }
  .what-reader-said-inner-box {
      width: 100%;
      margin-right: 0px !important;
      margin-bottom: 50px !important;
  }
  .webinar-conetnt-section {
      padding: 50px 0px 20px;
  }
  .webinar-conetnt-section-inner-box {
      width: 100%;
      margin-right: 0px;
      margin-bottom: 50px;
  }
  .speakers-section-box {
      width:44.7%;
      margin-right: 75px !important;
      margin-bottom: 50px;
  }
  .speakers-section-box:nth-child(2n+2) {
      margin-right: 0px !important;
  } 
  .speakers-section {
      float: left;
      width: 100%;
      margin-bottom: 0px;
  }
  .webinar-landing-form-inner {
      padding: 35px 35px 65px;
  }
  .form-heading {
      margin-bottom: 50px;
  }
  .use-cases-section .use-cases-post-repeater .post .content-area {
     padding-left: 30px;
  }
  .use-cases-section .use-cases-post-repeater .post .content-area .cta-btn.blue-outline-btn {
     margin-top: 30px;
  }
  .image-right .right-block:after,
  .image-left .right-block:after{
    display: none;
  }
  .our-managment-row2-box img {
      width: 160px;
      height: 160px;
  }
  .our-managment-row2-box h3 {
      font-size: 28px;
      line-height: 28px;
  }
  .our-managment-row2-box h4 {
      font-size: 20px;
      line-height: 20px;
  }
  .about-page-banner {
      padding: 100px 0px;
  }
  .about-page-banner-inner img {
      width: 300px;
  }
  .top-heading h1 {
      font-size: 45px;
      line-height: 55px;
  }
  .about-content-section {
      padding: 80px 0px 0px;
  }
  .our-managment-row2-box img {
      width: 140px;
      height: 140px;
  }
  .our-managment-row2-box-left {
        margin-right: 30px;
    }
  .our-managment-row2-box {
      width: 46%;
      margin-right: 40px;
      margin-bottom: 40px;
  }
  .our-managment-row2-box img {
    width: 120px;
    height: 120px;
  }
  .our-managment-row2-box h4 {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 10px;
  }
  .our-managment-row2-box h3 {
      font-size: 22px;
      line-height: 24px;
      margin-bottom: 15px;
  }
  .contact-content-section-inner {
      padding-right: 0px;
      flex-direction: column-reverse;
  }
  .contact-top-heading {
      margin-bottom: 50px;
  }
  .contact-inner-right {
      float: right;
      width: 100%;
  }
  .embed_container iframe {
      width: 100%;
  }
  .contact-inner-left {
      margin-top: 50px;
      width: 100%;
  }
  .login-landing-page .row-fluid {
      flex-direction: column;
  }
  .login-content-section {
      padding: 50px 50px;
  }
  .login-col-left,.login-col-right{
      width: 100% !important
  }
  .login-page-iframe-section {
      padding: 0px 25px;
      min-height: auto;
  }

  .login-page-slider-left {
      width: 32%;
  }
  .login-page-slider-left img {
      width: 100%;
      height: 230px;
  }
  .login-page-slider-right {
      float: right;
      width: 65%;
  }
}


@media(max-width: 767px){
  .login-page-slider-inner {
      flex-direction: column;
      padding: 40px;
  }
   .login-page-slider-left {
      width: 100%;
  }
  .login-page-slider-left img {
      width: 200px;
      height: 215px;
  }
  .login-page-slider-right {
      float: right;
      width: 100.communityLogin___QJn9d {
      background: #fff;
      display: flex;
      height: auto !important;
      align-items: stretch;
  }%;
      padding: 0px;
      margin-top: 30px;
  }
  .header-section-button .cta-btn{
      display: none !important;
  }
  .header-section-inner .row-fluid {
      justify-content: space-between;
  }
  .footer-bottom-left {
      width: 30% !important;
      float: left !important;
  }
  .footer-bottom-right {
      float: right !important;
      width: 68% !important;
  }
  .footer-bottom-menu ul li {
      margin-right: 20px;
  }
  .footer-bottom-menu ul li a {
      font-size: 14px;
      line-height: 18px;
  }
  .logo-slider-section .slick-slide {
      margin-right: 10px;
      margin-left: 10px;
  }
  .banner-section {
      padding: 60px 0px 60px;
  }
  .banner-section-inner {
      flex-direction: column-reverse;
  }
  .banner-section-left {
      width: 100%;
      margin-top: 24px;
  }
  .banner-section-right {
      float: right;
      width: 100%;
  }
  .banner-section-right-image {
      float: initial;
      width: 75%;
      margin: 0 auto;
  }
  .trusted-section {
      padding: 60px 0px;
  }
  .content-section-heading {
      margin-bottom: 30px;
  }
  .why-ontoforce-section-box {
      width: 100%;
      margin-bottom: 55px;
      text-align: center
  }
  .why-ontoforce-section-box:last-child {
      margin-bottom: 0px;
  }
  .why-ontoforce-section-box-left {
      margin: 0 auto 20px;
  }
  .why-ontoforce-section-box-right h5 {
      display: inline-block;
  }
  .why-ontoforce-section-box-inner {
      min-height: auto;
  }
  .Ontoforce-CTA-section-inner-box {
      padding: 40px 30px;
  }
  .Ontoforce-CTA-section-inner-box h2 {
      margin-bottom: 30px;
  }
  .cta-btn a {
      font-size: 14px;
  }
  .content-section-box {
      margin: 15px 0px;
  }
  .left-block-content h3 {
      margin-bottom: 15px;
  }
  .blog-quote-text {
      padding-top: 40px;
  }
  .popular-blog-section {
      padding: 60px 0px 60px;
  }
  .testimonial-slider-section {
      padding: 60px 0px;
  }
  .popular-blog-section-row-1, .testimonial-slider-section-row-1 {
      padding-right: 115px;
  }
  .testimonial-slider-box-inner {
      flex-direction: column;
      padding: 30px;
  }
  .testimonial-slider-box-left {
      float: initial;
      width: 50%;
      margin: 0 auto;
  }
  .testimonial-slider-box-left img {
      height: 200px;
  }
  .testimonial-slider-box-right {
      width: 100%;
      padding: 30px 0px 0px 0px;
      text-align: center;
  }
  .footer-menu-row h5 {
      font-size: 15px;
      margin-bottom: 20px;
  }
  .footer-menu-row ul li a {
      font-size: 15px;
      line-height: 17px;
  }
  .whitepaper-banner-section {
      padding: 40px 0px 60px !important;
  }
  .banner-logo {
      margin-bottom: 60px;
      text-align: center;
  }
  .whitepaper-banner-section .banner-section-right-image img {
      height: 350px !important;
  }
  .what-learn-section {
      padding: 60px 0px 0px;
  }
  .what-learn-section-inner-box {
      width: 100%;
      margin-right: 0px !important;
      margin-bottom: 50px;
  }
  .about-author-section-inner {
      flex-direction: column;
  }
  .about-author-section-inner-left {
      width: 48%;
      margin-bottom: 40px;
  }
  .about-author-section-inner-right {
      width: 100%;
  }
  .what-reader-said-box-row1-right h5 {
      font-size: 22px;
      line-height: 22px;
  }
  .what-reader-said-box-row1-right span {
      font-size: 13px;
      line-height: 18px;
  }
  .what-reader-said-inner-box {
      margin-bottom: 30px !important;
  }
  .what-reader-said {
      padding: 60px 0px 40px;
  }
  .form-heading {
      margin-bottom: 40px;
  }
  .landing-page-form-inner form fieldset {
      margin-bottom: 20px;
  }
  .landing-page-form-inner form label {
      font-size: 24px;
      line-height: 32px;
  }
  .landing-page-form-inner form .input label {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 6px !important;
  }
  .landing-page-form-inner form input,
  .landing-page-form-inner form .hs-richtext p {
      font-size: 16px;
      line-height: 26px;
  }
  .landing-page-footer-inner .row-fluid {
      flex-direction: column;
  }
  .landing-page-footer .social-icon-section {
      text-align: center;
      margin-top: 30px;
  }
  .webinar-banner-section {
      padding: 40px 0px 40px;
      margin-bottom: 0px;
  }
  .webinar-banner-logo {
      margin-bottom: 30px;
  }
  .webinar-banner-conent h3 {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 20px;
  }
  .banner-bottom-image {
      margin-top: 35px;
      margin-bottom: 0px;
  }
  .webinar-conetnt-section-inner-box h5 {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 20px;
  }
  .webinar-conetnt-section-inner-box {
      margin-bottom: 35px;
  }
  .webinar-conetnt-section-inner-box:last-child {
      margin-bottom: 0px;
  }
  .speakers-section-box {
      width: 100%;
      margin-right: 0px !important;
      margin-bottom: 50px;
  }
  /*.speakers-section-box:last-child {
      margin-bottom: 0px;
  }*/
  .speakers-section-heading ,
  .what-reader-said-heading{
      margin-bottom: 50px;
  }
  .webinar-landing-form-inner {
      padding: 25px 25px 40px;
  }
  .use-cases-section {
    padding-bottom: 70px;
  }
  .use-cases-section .use-cases-post-repeater .post {
    display: block;
  }
  .use-cases-section .use-cases-post-repeater .post .left-img {
    width: 100%;
    margin-bottom: 20px;
  }
  .use-cases-section .use-cases-post-repeater .post .content-area {
    width: 100%;
    padding: 0;
  }
  .use-cases-section .use-cases-post-repeater .post .left-img img {
    width: 100%;
  }
  .use-cases-section .use-cases-post-repeater .post .content-area h3 {
    font-size: 22px;
    line-height: initial;
  }
  .use-cases-section .watch-all-btn {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 0px;
  }
  .use-cases-section .use-cases-post-repeater .post .content-area .cta-btn.blue-outline-btn a i.fa {
    font-size: 28px;
    top: 3px;
    right: 21px;
  }
  .of-blog-single-post .blog-section .post-body img {
      width: 100% !important;
      margin-left: 0px !important;
      margin-right: 0px !important;
  }
  .of-blog-single-post .blog-section .post-header h1 {
      font-size: 31px;
  }
  .of-blog-single-post .blog-section .post-body p {
      font-size: 16px;
  }
  .of-blog-single-post .blog-section .post-body h3 {
      font-size: 32px;
      line-height: 43px;
  }
  .post-item .post-inner img.hs-featured-image {
      height: 232px;
  }
  .blog-listing-wrapper .post-listing .post-item {
      width: 100%;
      margin-bottom: 50px;
  }
  .blog-listing-wrapper .post-listing .post-item:last-child {
      margin-bottom:0px;
  }
  .post-item .post-inner .post-header h2 {
      font-size: 18px;
      line-height: 24px;
  }
  .post-item .post-inner .post-body p {
      font-size: 14px;
      line-height: 22px;
  }
  .post-item .post-inner .post-header {
      padding: 25px 20px 20px 20px;
  }
  .post-item .post-inner .post-body {
      padding: 0 20px 30px 20px;
  }
  .blog-filter .filter-outer {
      flex-direction: column;
  }
  .blog-filter h3 {
      margin-bottom: 20px;
  }

  .blog-filter .filter-outer #fillterfunction {
      width: 100%;
      margin-bottom: 20px;
      flex-direction: column;
  }
  .blog-filter .filter-outer .filter-left-dropdowns .dropdown {
      width: 100%;
      padding-right: 0px;
  }
  .blog-filter .filter-outer .right-search-bar {
      width: 100%;
  }
  .of-blog-single-post .single-blog-banner img.hs-image-widget {
      height: 350px !important;
  }
  .hs-author-social-section {
      margin-bottom: 50px;
  }
  .hs-author-social-section .hs-author-social-links a {
      width: 40px;
      height: 40px;
      margin-right: 15px;
  }
  .hs-author-social-section .hs-author-social-links a svg {
      width: 18px;
      height: 18px;
  }
  .recommended-blog-posts {
      padding: 80px 0px;
  }
  .recommended-blog-posts-row-1 {
      padding-right: 0px;
      margin-bottom: 40px;
  }
  .read-all-btn {
      margin: 50px 0px 0px;
  }
  .recommended-blog-posts-row-2 .blog-slider .slick-arrow {
      top: -10px;
  }
  .recommended-blog-posts-row-2 .slick-prev {
      right: 50px;
      left: initial;
  }
  .recommended-blog-posts-row-2 .fa-angle-right:before, 
  .recommended-blog-posts-row-2 .fa-angle-left:before {
      font-size: 25px !important;
  }
  .our-managment-row1 {
      margin-bottom: 60px;
  }
  .our-managment-row2-box {
      width: 100%;
      margin-bottom: 50px;
      margin-right:0px !important;
  }
  .about-content-section {
      padding: 60px 0px 0px;
  }
  .top-heading h1 {
      font-size: 36px;
      line-height: 45px;
  }
  .social-icon-section li {
      margin-right: 10px;
  }
  .single-blog-landing-content .social-icon-section ul li a {
      width: 40px;
      height: 40px;
  }
  .single-blog-landing-content .post-header h1 {
      font-size: 31px;
  }
  .single-blog-banner img {
      height: 350px !important;
  }
  .our-managment-row2-box-left {
      margin-right: 25px;
  }
  .contact-content-section {
      padding: 50px 0px;
  }
  .contact-top-heading {
      margin-bottom: 40px;
  }
  .contact-top-heading img {
      width: 60px;
      margin-right: 25px;
  }
  .contact-form-section {
      padding: 40px 30px;
      padding-bottom: 40px;
  }
  .contact-form-section:after{
      display: none;
  }
  .contact-form-section form .hs-form-field {
      margin-bottom: 25px;
  }
  .login-content-section {
      padding: 40px 40px;
  }
  .login-content-row1 h2 {
      font-size: 48px;
      line-height: 50px;
      margin-bottom: 25px;
  }
  .login-content-row1 h6 {
      font-size: 20px;
      margin-bottom: 40px;
  }
  .login-content-row1 ul li {
      font-size: 16px;
      line-height: 26px;
      padding-right: 0px;
      width: 100%;
  }
  .login-content-row1 ul li:last-child {
      margin-bottom: 0px;
  }
  .login-content-row1 {
      margin-bottom: 50px;
  }
  .speakers-section-inner {
    flex-direction: column;
  }
  .speakers-section-box {
    margin-left: 0px;
 }
 .header-section-button {
    width: 50% !important;
    margin-left: 0px !important;
    margin-right: 40px !important;
}
}

@media(max-width: 480px){
  .header-section {
      padding: 15px 0px;
  }
  .header-section-logo {
      width: 80% !important;
  }
  .header-section-logo img {
      width: 190px !important;
  }
  .mean-container a.meanmenu-reveal {
      top: 28px;
      right: 20px !important;
  }
  .mean-container .mean-nav {
      top: 82px;
  }
  h2, .Ontoforce-CTA-section-inner-box h2 {
      font-size: 28px;
      line-height: 35px;
  }
  h3 {
      font-size: 24px;
      line-height: 33px;
  }
  .left-block-content p {
      font-size: 15px;
      line-height: 23px;
  }
  .why-ontoforce-section {
      padding-top: 50px;
  }
  .why-ontoforce-section-box-right h5{
      padding-left: 0px;
      font-size: 20px;
      line-height: 20px;
  }
  .why-ontoforce-section-box-right h5:before{
      display: none;
  }
  .counting-section .left-block-content h2 {
      font-size: 42px;
      line-height: 30px;
  }
  .whitepaper-section-content h2 {
      margin-bottom: 20px;
  }
  .whitepaper-section-content h5 {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 20px;
  }
  .whitepaper-section-content .cta-btn {
      margin-top: 30px;
  }
  .popular-blog-section-row-1, .testimonial-slider-section-row-1 {
      padding-right: 0px;
  }
  .blog-slider .slick-arrow, .testimonial-slider .slick-arrow {
      top: -34px;
      font-size: 16px;
      width: 25px;
      line-height: 22px;
      height: 25px;
  }
  .blog-slider .fa.fa-angle-left.slick-arrow, .testimonial-slider .fa.fa-angle-left.slick-arrow {
      right: 35px;
  }
  .blog-slider-inner-content {
      padding: 15px 22px 20px;
  }
  .blog-slider-inner-content h5 {
      font-size: 22px;
      line-height: 26px;
  }
  .blog-slider-inner-content .read-btn {
      margin-top: 15px;
  }
  .testimonial-slider-box-left {
      width: 80%;
  }
  .footer-section {
      padding: 30px 0px 30px;
  }
  .footer-menu-row .row-fluid {
      display: block;
      justify-content: space-between;
  }
  .footer-menu-col {
      width: 100% !important;
      margin-bottom: 30px;
  }
  .footer-menu-col.footer-menu-col3{
      width: 100% !important
  }
  .footer-menu-col:last-child {
      margin-bottom: 0px;
  }
  .footer-bottom-left {
      width: 100% !important;
      margin-bottom: 15px;
      text-align: center;
  }
  .footer-bottom-right {
      float: right !important;
      width: 100% !important;
      text-align: center;
  }
  .footer-bottom-menu {
      text-align: center;
  }
  .whitepaper-banner-section .banner-section-left-content .cta-btn {
      margin-top: 50px;
  }
  .what-learn-section-box-right h3 {
      font-size: 20px;
      line-height: 22px;
      margin-bottom: 10px;
  }
  .about-author-section-inner-left {
      width: 55%;
      margin-bottom: 25px;
  }
  .about-author-section-inner-right h4 {
      font-size: 24px;
      line-height: 24px;
  }
  .what-reader-said-box-row1 {
      flex-direction: column;
      text-align: center;
  }
  .what-reader-said-box-row2 {
      text-align: center;
  }
  .what-reader-said-box-row1-left {
      margin-right: 0px;
      margin-bottom: 15px;
  }
  .landing-page-form-inner form label {
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 20px !important;
  }
  .landing-page-form-inner form fieldset {
      margin-bottom: 15px;
  }
  .landing-page-form-inner form fieldset .input {
      margin: 0px !important;
  }
  .landing-page-form-inner form fieldset .field {
      margin-bottom: 15px;
  }
  .landing-page-form-inner form fieldset .field:last-child {
      margin-bottom:0px;
  }
  .landing-page-form-inner form input, .landing-page-form-inner form .hs-richtext p,
  .landing-page-form-inner form .input label {
      font-size: 15px;
      line-height: 25px;  
  }
  .landing-page-form-inner form .actions input.hs-button {
      font-size: 15px;
      line-height: 17px;
  }
  .landing-page-form-inner form input {
      padding: 10px 20px;
  }
  .social-icon-section li a {
      width: 40px;
      height: 40px;
  }
  .social-icon-section li {
      margin-right: 15px;
  }
  .recommended-blog-posts {
      padding: 50px 0px 60px;
  }
  .recommended-blog-posts-row-2 .blog-slider .slick-arrow {
      top: -10px;
      width: 30px;
      height: 30px;
  }
  .blog-post-content h4 {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 15px;
  }
  .about-page-banner-inner img {
      width: 280px;
  }
  .about-page-banner {
      padding: 80px 0px;
  }
  .our-managment-row2-box img {
      width: 120px;
      height: 120px;
  }
  .map-section .iframe_wrapper {
      padding-bottom: 35.25% !important;
  }
  .single-blog-landing-content .post-body.post-body p img{
      width: 100% !important;
  }
  .login-content-section {
      padding: 30px 30px;
  }
  .login-page-slider-inner {
      flex-direction: column;
      padding: 20px;
  }
  .login-page-slider-left {
      text-align: center;
  }
  .login-page-slider-left img {
      width: 200px;
      height: 215px;
      display: block;
      margin: 0 auto;
  }
  .login-page-slider-right {
      text-align: center;
  }
  .login-content-row1 ul li {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 25px;
  }
  .login-content-row1 ul li:before {
      width: 12px;
      height: 12px;
  }
}

@media (min-width:991px){
  #hs_cos_wrapper_widget_1647422411962 .banner-section,
  #hs_cos_wrapper_widget_1647420302203 .banner-section,
  #hs_cos_wrapper_module_164034556651637 .banner-section,
  #hs_cos_wrapper_widget_1647421163668 .banner-section,
  .hs-blog-post .banner-section,
  .contact-page .banner-section{
     min-height: 450px !important;
  }
  .hs-blog-post .banner-section .banner-section-inner {
      align-items: center;
  }

  #hs_cos_wrapper_module_164750214979413 .banner-section{
      max-height: 425px;
  }
}

/**
 * Ontoforce 2022 rebranding styling follows
 * Styling by digitalastronaut.be
 **/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, ul, ol, h1, h2, h3, h4, h5, h6, p, span, li, fieldset, figure {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p, span, a, li, input, textarea, button, div {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

audio, canvas, img, video {
    vertical-align: middle;
}

img {
    display: block;
    max-width: 100%;
}

.otf-sronly {
    width: 1px;
    height: 1px;
    margin: -1px;
    position: absolute;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    white-space: nowrap;
    border: 0;
}

.otf-container {
  max-width: 774px;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .otf-container {
    max-width: 984px;
  }
}

@media screen and (min-width: 1200px) {
  .otf-container {
    max-width: 1100px;
  }
}

@media screen and (min-width: 1440px) {
  .otf-container {
    max-width: 1400px;
  }
}

@media screen and (min-width: 1800px) {
  .otf-container {
    max-width: 1440px;
  }
}

.otf-pgs {
  padding-top: 30px;
  padding-bottom: 30px;
}

.otf-pgs.module-spacingTop--0 {
  padding-top: 0;
}

.otf-pgs.module-spacingTop--25 {
  padding-top: 7.5px;
}

.otf-pgs.module-spacingTop--50 {
  padding-top: 15px;
}

.otf-pgs.module-spacingTop--75 {
  padding-top: 22.5px;
}

.otf-pgs.module-spacingBottom--0 {
  padding-bottom: 0;
}

.otf-pgs.module-spacingBottom--25 {
  padding-bottom: 7.5px;
}

.otf-pgs.module-spacingBottom--50 {
  padding-bottom: 15px;
}

.otf-pgs.module-spacingBottom--75 {
  padding-bottom: 22.5px;
}

.otf-bgcolor--shuttle {
  background-color: #5E6D81;
}

.otf-bgcolor--darkshuttle {
  background-color: #4A5361;
}

.otf-bgcolor--lightshuttle {
  background-color: #8296B1;
}

.module-bgcolor--shuttle,
.module-bgcolor--darkshuttle,
.module-bgcolor--lightshuttle,
.module-bgcolor--java,
.module-bgcolor--darkjava,
.module-bgcolor--lightjava,
.module-bgcolor--yellow,
.module-bgcolor--darkyellow,
.module-bgcolor--jaffa,
.module-bgcolor--gray,
.module-bgcolor--lightblue,
.module-bgcolor--gradient {
  padding-top: 40px;
  padding-bottom: 40px;
}

.module-bgcolor--shuttle {
  background-color: #5E6D81;
}

.module-bgcolor--shuttledark {
  background-color: #4A5361;
}

.module-bgcolor--shuttlelight {
  background-color: #8296B1;
}

.module-bgcolor--java {
  background-color: #14B9D6;
}

.module-bgcolor--javadark {
  background-color: #0E8FA3;
}

.module-bgcolor--javalight {
  background-color: #36D0E0;
}

.module-bgcolor--yellow {
  background-color: #FBC035;
}

.module-bgcolor--yellowdark {
  background-color: #EEAB0C;
}

.module-bgcolor--jaffa {
  background-color: #F47F3E;
}

.module-bgcolor--gray {
  background-color: #FAFAFA;
}

.module-bgcolor--lightblue {
  background-color: #EDF9FC;
}

.module-bgcolor--default,
.module-bgcolor--gradient {
  background: linear-gradient(90.38deg, #5E6D81 0.65%, #45879E 39.72%, #14B9D6 99.35%);
}

.otf-columns--row {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -50px;
}

.otf-columns--col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 50px;
}

.otf-heading-1,
.otf-text h1,
.heroForm-form form.hs-form .hs-richtext h1 {
  color: #5E6D81;
  font-family: 'Abel', 'Helvetica', sans-serif;
  font-size: 40px;
  line-height: 110%;
  font-weight: 400;
  text-transform: none;
}

.otf-heading-2,
.otf-text h2,
.heroForm-form form.hs-form .hs-richtext h2 {
    color: #14B9D6;
    font-family: 'Abel', 'Helvetica', sans-serif;
    font-size: 30px;
    line-height: 130%;
    font-weight: 400;
    text-align: center;
}

.otf-heading-2.otf-heading-bold {
    font-weight: 700;
}

.otf-heading-2.otf-heading--gray {
  color: #5E6D81;
}

.otf-heading-separator:after {
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    margin: 20px auto 0 auto;
    background-color: #14B9D6;
}

.otf-heading-3 {
    color: #14B9D6;
    font-family: 'Abel', 'Helvetica', sans-serif;
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
    text-align: center;
}

.otf-heading-6 {
    color: #14B9D6;
    font-family: 'Abel', 'Helvetica', sans-serif;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
}

.otf-heading-1.module-textColor--white,
.otf-heading-2.module-textColor--white,
.otf-heading-3.module-textColor--white,
.otf-heading-4.module-textColor--white,
.otf-heading-5.module-textColor--white,
.otf-heading-6.module-textColor--white {
  color: #FFFFFF;
}

.otf-heading-1.module-textColor--shuttle,
.otf-heading-2.module-textColor--shuttle,
.otf-heading-3.module-textColor--shuttle,
.otf-heading-4.module-textColor--shuttle,
.otf-heading-5.module-textColor--shuttle,
.otf-heading-6.module-textColor--shuttle {
  color: #5E6D81;
}

.otf-heading-1.module-textColor--dark_shuttle,
.otf-heading-2.module-textColor--dark_shuttle,
.otf-heading-3.module-textColor--dark_shuttle,
.otf-heading-4.module-textColor--dark_shuttle,
.otf-heading-5.module-textColor--dark_shuttle,
.otf-heading-6.module-textColor--dark_shuttle {
  color: #4A5361;
}

.otf-heading-1.module-textColor--light_shuttle,
.otf-heading-2.module-textColor--light_shuttle,
.otf-heading-3.module-textColor--light_shuttle,
.otf-heading-4.module-textColor--light_shuttle,
.otf-heading-5.module-textColor--light_shuttle,
.otf-heading-6.module-textColor--light_shuttle {
  color: #8296B1;
}

.otf-heading-1.module-textColor--java,
.otf-heading-2.module-textColor--java,
.otf-heading-3.module-textColor--java,
.otf-heading-4.module-textColor--java,
.otf-heading-5.module-textColor--java,
.otf-heading-6.module-textColor--java {
  color: #14B9D6;
}

.otf-heading-1.module-textColor--dark_java,
.otf-heading-2.module-textColor--dark_java,
.otf-heading-3.module-textColor--dark_java,
.otf-heading-4.module-textColor--dark_java,
.otf-heading-5.module-textColor--dark_java,
.otf-heading-6.module-textColor--dark_java {
  color: #0E8FA3;
}

.otf-heading-1.module-textColor--light_java,
.otf-heading-2.module-textColor--light_java,
.otf-heading-3.module-textColor--light_java,
.otf-heading-4.module-textColor--light_java,
.otf-heading-5.module-textColor--light_java,
.otf-heading-6.module-textColor--light_java {
  color: #36D0E0;
}

.otf-heading-1.module-textColor--lightning_yellow,
.otf-heading-2.module-textColor--lightning_yellow,
.otf-heading-3.module-textColor--lightning_yellow,
.otf-heading-4.module-textColor--lightning_yellow,
.otf-heading-5.module-textColor--lightning_yellow,
.otf-heading-6.module-textColor--lightning_yellow {
  color: #FBC035;
}

.otf-heading-1.module-textColor--dark_yellow,
.otf-heading-2.module-textColor--dark_yellow,
.otf-heading-3.module-textColor--dark_yellow,
.otf-heading-4.module-textColor--dark_yellow,
.otf-heading-5.module-textColor--dark_yellow,
.otf-heading-6.module-textColor--dark_yellow {
  color: #EEAB0C;
}

.otf-heading-1.module-textColor--jaffa,
.otf-heading-2.module-textColor--jaffa,
.otf-heading-3.module-textColor--jaffa,
.otf-heading-4.module-textColor--jaffa,
.otf-heading-5.module-textColor--jaffa,
.otf-heading-6.module-textColor--jaffa {
  color: #F47F3E;
}

.otf-heading-1.module-textColor--background_gray,
.otf-heading-2.module-textColor--background_gray,
.otf-heading-3.module-textColor--background_gray,
.otf-heading-4.module-textColor--background_gray,
.otf-heading-5.module-textColor--background_gray,
.otf-heading-6.module-textColor--background_gray {
  color: #FAFAFA;
}

.otf-heading-1.module-textColor--background_java,
.otf-heading-2.module-textColor--background_java,
.otf-heading-3.module-textColor--background_java,
.otf-heading-4.module-textColor--background_java,
.otf-heading-5.module-textColor--background_java,
.otf-heading-6.module-textColor--background_java {
  color: #EDF9FC;
}

.otf-text p:not(:last-child),
.otf-text ul:not(:last-child),
.otf-text ol:not(:last-child),
.heroForm-form form.hs-form .hs-richtext p:not(:last-child),
.heroForm-form form.hs-form .hs-richtext ul:not(:last-child),
.heroForm-form form.hs-form .hs-richtext ol:not(:last-child) {
  margin-bottom: 25px;
}

.otf-text p,
.otf-text ul li,
.otf-text ol li,
.heroForm-form form.hs-form .hs-richtext,
.heroForm-form form.hs-form .hs-richtext p,
.heroForm-form form.hs-form .hs-richtext ul li,
.heroForm-form form.hs-form .hs-richtext ol li {
    color: #5E6D81;
    font-family: 'Lato', 'Helvetica', sans-serif;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}

.otf-text p a,
.otf-text ul li a,
.otf-text ol li a,
.heroForm-form form.hs-form .hs-richtext p a,
.heroForm-form form.hs-form .hs-richtext ul li a,
.heroForm-form form.hs-form .hs-richtext ol li a {
  color: #14b9d6;
  text-decoration: underline;
  transition: color 0.25s ease-in-out;
}

.otf-text p a:hover,
.otf-text p a:active,
.otf-text ul li a:hover,
.otf-text ul li a:active,
.otf-text ol li a:hover,
.otf-text ol li a:active,
.heroForm-form form.hs-form .hs-richtext p a:hover,
.heroForm-form form.hs-form .hs-richtext p a:active,
.heroForm-form form.hs-form .hs-richtext ul li a:hover,
.heroForm-form form.hs-form .hs-richtext ul li a:active,
.heroForm-form form.hs-form .hs-richtext ol li a:hover,
.heroForm-form form.hs-form .hs-richtext ol li a:active {
  color: #eeab0c;
}

.otf-text ul,
.otf-text ol,
.heroForm-form form.hs-form .hs-richtext ul,
.heroForm-form form.hs-form .hs-richtext ol {
  list-style: none;
}

.otf-text ul li,
.otf-text ol li,
.heroForm-form form.hs-form .hs-richtext ul li,
.heroForm-form form.hs-form .hs-richtext ol li {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
  list-style: none;
}

.otf-text ul li:last-child,
.otf-text ol li:last-child,
.heroForm-form form.hs-form .hs-richtext ul li:last-child,
.heroForm-form form.hs-form .hs-richtext ol li:last-child {
  margin-bottom: 0;
}

.otf-text ul li:before,
.heroForm-form form.hs-form .hs-richtext ul li:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 10px;
  background-color: #14b9d6;
  border-radius: 50%;
}

.otf-text ol,
.heroForm-form form.hs-form .hs-richtext ol {
  counter-reset: ol-counter;
}

.otf-text ol li,
.heroForm-form form.hs-form .hs-richtext ol li {
  padding-left: 25px;
  counter-increment: ol-counter;
}

.otf-text ol li:before,
.heroForm-form form.hs-form .hs-richtext ol li:before {
  content: counters(ol-counter, '.') '. ';
  position: absolute;
  left: 0;
  top: 0;
  color: #14b9d6;
  font-weight: 600;
}

.otf-text h3,
.heroForm-form form.hs-form .hs-richtext h3 {
  color: #14B9D6;
  font-family: 'Abel', 'Helvetica', sans-serif;
  font-size: 26px;
  line-height: 34px;
  font-weight: 400;
  text-align: center;
}

.otf-text h2 span,
.otf-text h3 span,
.heroForm-form form.hs-form .hs-richtext h2 span,
.heroForm-form form.hs-form .hs-richtext h3 span {
  font-family: 'Abel', 'Helvetica', sans-serif;
}

.otf-text.otf-text-bigger p {
    font-size: 22px;
    line-height: 33px;
}

.otf-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #14b9d6;
  transition: all 0.25s ease-in-out;
  color: #ffffff;
  font-family: "Abel", "Helvetica", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  border: none;
}

.otf-button--primary {
  background-color: #EEAB0C;
}

.otf-button:hover,
.otf-button:active,
.otf-button.otf-button--primary:hover,
.otf-button.otf-button--primary:active,
.otf-button.otf-button--secondary:hover,
.otf-button.otf-button--secondary:active {
  background-color: #5e6d81;
}

.otf-textbutton {
  display: inline-block;
  cursor: pointer;
  color: #5e6d81;
  font-family: "Lato", "Helvetica", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 900;
  text-decoration: none;
}
.otf-textbutton:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 12px;
  margin-left: 10px;
  background: url("https://9110261.fs1.hubspotusercontent-na1.net/hubfs/9110261/chevron.svg") no-repeat center center;
  background-size: contain;
}

@media (min-width: 560px) {
  .otf-button {
    padding: 8px 20px;
    font-size: 30px;
    line-height: 34px;
  }
}

@media screen and (min-width: 768px) {
  .otf-pgs {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .otf-pgs.module-spacingTop--0 {
    padding-top: 0;
  }

  .otf-pgs.module-spacingTop--25 {
    padding-top: 15px;
  }

  .otf-pgs.module-spacingTop--50 {
    padding-top: 30px;
  }

  .otf-pgs.module-spacingTop--75 {
    padding-top: 45px;
  }

  .otf-pgs.module-spacingBottom--0 {
    padding-bottom: 0;
  }

  .otf-pgs.module-spacingBottom--25 {
    padding-bottom: 15px;
  }

  .otf-pgs.module-spacingBottom--50 {
    padding-bottom: 30px;
  }

  .otf-pgs.module-spacingBottom--75 {
    padding-bottom: 45px;
  }
  
  .otf-heading-2,
  .otf-text h2,
  .heroForm-form form.hs-form .hs-richtext h2 {
    font-size: 42px;
  }
  
  .otf-heading-3,
  .otf-text h3,
  .heroForm-form form.hs-form .hs-richtext h3 {
    font-size: 32px;
    line-height: 44px;
  }
    
}



@media screen and (min-width: 1440px) {
  
  .otf-pgs--header-inner {
    margin: 0 auto;
    max-width: 1300px;
    position: relative;
  }
  
  .otf-pgs--header-inner .otf-container {
      max-width: 1300px;
  }
  .otf-pgs--header .otf-mainlogo {
      top: -85px !important;
  }
  
  .otf-pgs--header .otf-header--title {
      -ms-flex: 0 0 44% !important;
      flex: 0 0 44% !important;
      max-width: 44% !important;
  }
}

@media screen and (min-width: 1536px) {
  .otf-pgs--header-inner {
      margin: 0 auto;
      max-width: 1400px;
      position: relative;
  }
  .otf-pgs--header-inner .otf-container {
      max-width: 1400px;
  }
  .otf-pgs--header .otf-mainlogo {
      top: -85px;
  }
  
  .otf-pgs--form .otf-box {
      padding: 70px 250px !important;
  }
  
}

@media(min-width: 1700px){
  .otf-pgs--header-inner {
      margin: 0 auto;
      max-width: 1600px;
      position: relative;
  }
  
}

.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:first-child .otf-pgs {
  padding-top: 0;
  padding-bottom: 0;
}

/**
 * Blog listings (overview) styling
 */

.hs-blog-listing .body-container-wrapper {
  max-width: 984px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.hs-blog-listing .body-container-wrapper .row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.hs-blog-listing .body-container-wrapper .row-fluid:before,
.hs-blog-listing .body-container-wrapper .row-fluid:after {
  display: none;
}

.hs-blog-listing .body-container-wrapper .row-fluid > div {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
  float: none;
}

.hs-blog-listing .body-container-wrapper .row-fluid > div.otf-blogListings--outer {
  flex: 0 0 100%;
  max-width: 100%;
}

.hs-blog-listing .body-container-wrapper .row-fluid > div.otf-blogSidebar--outer {
  display: none;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .hs-blog-listing .body-container-wrapper .row-fluid > div.otf-blogListings--outer {
  flex: 0 0 79%;
  max-width: 79%;
  padding-right: 40px;
}
  
  .hs-blog-listing .body-container-wrapper .row-fluid > div.otf-blogSidebar--outer {
    display: block;
    flex: 0 0 21%;
    max-width: 21%;
  }
}

@media (min-width: 1200px) {
  .hs-blog-listing .body-container-wrapper {
    max-width: 1100px;
  }
  
  .hs-blog-listing .body-container-wrapper .row-fluid > div.otf-blogListings--outer {
    flex: 0 0 77%;
    max-width: 77%;
    padding-right: 45px;
  }

  .hs-blog-listing .body-container-wrapper .row-fluid > div.otf-blogSidebar--outer {
    flex: 0 0 23%;
    max-width: 23%;
  }

}

@media (min-width: 1440px) {
  .hs-blog-listing .body-container-wrapper {
    max-width: 1300px;
  }
}

@media (min-width: 1500px) {
  .hs-blog-listing .body-container-wrapper {
    max-width: 1400px;
  }
}

/**
 * Blog post styling
 */

.hs-blog-post .otf-pgs--text  .otf-text--block {
  max-width: 100%;
  text-align: left;
}

.hs-blog-post .otf-pgs--text,
.hs-blog-post .otf-pgs--cta,
.hs-blog-post .otf-twocolumn,
.hs-blog-post .otf-pgs--columns {
  max-width: 1164px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.hs-blog-post .spacer-wrapper,
.hs-blog-post .otf-pgs--speaker {
  max-width: 1124px;
  margin-right: auto;
  margin-left: auto;
}

.otf-text p,
.heroForm-form form.hs-form .hs-richtext p {
  margin-top: 0;
}

.otf-text p:not:(last-child),
.heroForm-form form.hs-form .hs-richtext p:not:(last-child) {
  margin-bottom: 40px;
}

.otf-text h2:not(:first-child),
.otf-text h3:not(:first-child),
.heroForm-form form.hs-form .hs-richtext h2:not(:first-child),
.heroForm-form form.hs-form .hs-richtext h3:not(:first-child) {
  margin-top: 50px;
}

.otf-text h2:not(:last-child),
.otf-text h3:not(:last-child),
.heroForm-form form.hs-form .hs-richtext h2:not(:last-child),
.heroForm-form form.hs-form .hs-richtext h3:not(:last-child) {
  margin-bottom: 40px;
}

.otf-text h2,
.otf-text h3,
.heroForm-form form.hs-form .hs-richtext h2,
.heroForm-form form.hs-form .hs-richtext h3 {
  color: #5E6D81;
  text-align: left;
}

.otf-text h2,
.heroForm-form form.hs-form .hs-richtext h2 {
  font-size: 40px;
  line-height: 44px;
}

.otf-text h4,
.heroForm-form form.hs-form .hs-richtext h4 {
  margin-bottom: 0;
  color: #14B9D6;
  font-size: 25px;
  line-height: 30px;
  font-weight: 400;
}

.otf-text h1,
.otf-text h2,
.otf-text h3,
.otf-text h4,
.otf-text h1 span,
.otf-text h2 span,
.otf-text h3 span,
.otf-text h4 span,
.heroForm-form form.hs-form .hs-richtext h1,
.heroForm-form form.hs-form .hs-richtext h2,
.heroForm-form form.hs-form .hs-richtext h3,
.heroForm-form form.hs-form .hs-richtext h4,
.heroForm-form form.hs-form .hs-richtext h1 span,
.heroForm-form form.hs-form .hs-richtext h2 span,
.heroForm-form form.hs-form .hs-richtext h3 span,
.heroForm-form form.hs-form .hs-richtext h4 span {
  font-family: 'Abel', 'Helvetica', sans-serif;
} 

.otf-text h5,
.otf-text h6,
.heroForm-form form.hs-form .hs-richtext h5,
.heroForm-form form.hs-form .hs-richtext h6 {
  margin-bottom: 5px;
  color: #5E6D81;
  font-family: 'Lato', sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
}

.otf-text h6,
.heroForm-form form.hs-form .hs-richtext h6 {
  font-weight: 400;
}

.otf-text blockquote,
.heroForm-form form.hs-form .hs-richtext blockquote {
  margin-top: 80px;
  margin-bottom: 60px;
}

.otf-text blockquote,
.otf-text blockquote p,
.heroForm-form form.hs-form .hs-richtext blockquote,
.heroForm-form form.hs-form .hs-richtext blockquote p {
  color: #14B9D6;
  font-family: 'Abel', 'Helvetica', sans-serif;
  font-size: 50px;
  line-height: 60px;
  font-weight: 400;
}

.hs-embed-wrapper {
  max-width: 100% !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.hs-embed-wrapper .hs-embed-content-wrapper > div {
  padding: 0 !important;
}

.otf-text blockquote h1,
.otf-text blockquote h2,
.otf-text blockquote h3,
.otf-text blockquote h4,
.otf-text blockquote h5,
.otf-text blockquote h6,
.otf-text blockquote span,
.heroForm-form form.hs-form .hs-richtext blockquote h1,
.heroForm-form form.hs-form .hs-richtext blockquote h2,
.heroForm-form form.hs-form .hs-richtext blockquote h3,
.heroForm-form form.hs-form .hs-richtext blockquote h4,
.heroForm-form form.hs-form .hs-richtext blockquote h5,
.heroForm-form form.hs-form .hs-richtext blockquote h6,
.heroForm-form form.hs-form .hs-richtext blockquote span,
.otf-blogQuote--content blockquote h1,
.otf-blogQuote--content blockquote h2,
.otf-blogQuote--content blockquote h3,
.otf-blogQuote--content blockquote h4,
.otf-blogQuote--content blockquote h5,
.otf-blogQuote--content blockquote h6,
.otf-blogQuote--content blockquote p,
.otf-blogQuote--content blockquote span,
.otf-speaker--quote blockquote h1,
.otf-speaker--quote blockquote h2,
.otf-speaker--quote blockquote h3,
.otf-speaker--quote blockquote h4,
.otf-speaker--quote blockquote h5,
.otf-speaker--quote blockquote h6,
.otf-speaker--quote blockquote p,
.otf-speaker--quote blockquote span {
  font-family: 'Abel', 'Helvetica', sans-serif;
}

.otf-speaker--quote blockquote,
.otf-speaker--quote blockquote h1,
.otf-speaker--quote blockquote h2,
.otf-speaker--quote blockquote h3,
.otf-speaker--quote blockquote h4,
.otf-speaker--quote blockquote h5,
.otf-speaker--quote blockquote h6,
.otf-speaker--quote blockquote p,
.otf-speaker--quote blockquote span {
  color: #FFFFFF;
}

.hs-blog-post .faq-section .heading {
  text-align: left;
}

.hs-blog-post .faq-section .heading .otf-heading-separator:after {
  margin-left: 0;
}

/**
 * Form styling
 */