*{
    margin:0;
    padding:0;
}
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a:hover{
    text-decoration:none;
}
ul{
    margin:0;
}
img{
    max-width:100%;
}
button:focus{
  outline:none;
}
@font-face {
  font-family: SharpGrotesk_Sura_Medium20;
  src: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/fonts/SharpGrotesk_Sura_Medium20.woff);
}
@font-face {
font-family: HKGrotesk-Bold;
src: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/fonts/HKGrotesk-Bold.woff);
}
@font-face {
font-family: HKGrotesk-Regular;
src: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/fonts/HKGrotesk-Regular.woff);
}
.right-side-content {
    background-color: #fff;
}



.member-name {
font-weight: 600 !important;
}

.banner-header {
    /*background-image:  url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Rectangle%20420.svg);
    background-size: cover;
    background-position: center;*/
    font-family: proxima-nova, sans-serif;
   background-color:#00153b;
}
.main-nav li {
    display: inline-block;
    border-color: #0253e0;
}
.banner-content .col-lg-3.col-md-3.col-sm-3 .main-nav li {
    display: inline-block;
    padding: 20px 0;
}
.banner-content .col-lg-3.col-md-3.col-sm-3 .main-nav{
    text-align: right;
    padding: 0 21px;
}
.dropdown-toggle::after {
    vertical-align: 0px;
    color: #0253e0;
    content: "\f078";
    font-family: FontAwesome;
    border: none;
    font-size: 9px;
    margin-left: 1px;
}
ul.navbar-nav li a {
    color: #fff;
    padding: 0 20px!important;
    font-weight: 400;
    font-size: 15px;
    transition: all .5s;
    line-height: 36px;
}
ul.navbar-nav li a:hover {
    color: #0253e0;
}
.small-header .header-container .hs_cos_wrapper_type_logo a img {
  width: 150px!important;
}
.right-form h2 {
    text-transform: none;
    font-size: 21px;
    text-align: left;
    padding-bottom: 20px;
    padding-left: 16px;
    font-weight: 400;
}
ul.main-nav li a {
/*     color:  #29cec1; */
    padding: 0 20px;
    text-align: center;
    transition: all .5s;
    font-size: 14px;
}
ul.main-nav li a:hover {
    color: #0253e0;
}
footer {
    background-color: #00153b;
    padding: 50px 0 40px;
}
.content-footer h2 {
    color: #fff;
    font-size: 39px;
    font-weight: 400;
    width: 100%;
    max-width: 480px;
    line-height: 48px;
}
.content-footer p {
    font-size: 20px;
    color: #BDE3FF;
    width: 100%;
    max-width:425px;
  font-family: rogliano, sans-serif;
font-weight: 400;
}
.bottom-content-footer {
    padding: 80px 0 0;
}
.bottom-content-footer h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}
.bottom-content-footer button.chat i {
    font-size: 20px;
    margin-right: 10px;
}
#hbspt-form-1597816151040-7288778399 .field {
    position: relative;
}
#hbspt-form-1597816151040-7288778399 label span {
    position: absolute;
    left: 15px;
    width: auto;
    top: 10px;
    color: #848484;
    transition: .3s;
    z-index: 0;
    letter-spacing: .5px;
    font-size: 16px;
    font-family: rogliano,sans-serif;
    font-weight: 400;
}
#hbspt-form-1597816151040-7288778399 label span:last-child {
    left: 40px;
}
.content-footer form.right-form {
    max-width: 320px;
    margin: 0 auto 0 0;
    padding-top: 40px;
}
.bottom-content-footer  ul li{
    list-style:none;
    display:block;
}
.bottom-content-footer ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    transition: all .5s;
    line-height: normal;
    text-transform: capitalize;
}
.bottom-content-footer ul li a:hover {
    color: #0253e0;
}

ul.main-nav{
    text-align:center;
}
ul.main-nav.form {
    padding: 20px 0 0;
}
ul.main-nav.form li:last-child a {
/*     color: #29cec1; */
}
ul.main-nav.form li:last-child a i {
    font-size: 23px;
    position: relative;
    top: 2px;
/*     color: #29cec1; */
}
.right-form input {
    background-color: #f7f8fa;
    margin: 10px 0 25px;
    border: 1px solid #f7f8fa;
    font-size: 14px;
    letter-spacing: 0.3px;
    border-radius: 0px;
    height: 45px;
    padding: 0 15px;
  color:black;
}
.form-control:focus {
    color: #000 !important;
    background-color: transparent;
    border-color: #0253e0;
    box-shadow: none;
}
.site-footer .effect-16 ~ label {
    top: 10px;
}
.effect-16 ~ label {
font-family: rogliano, sans-serif;
    font-weight: 400;
}
::-webkit-input-placeholder { /* Edge */
  font-family: rogliano, sans-serif;
    font-weight: 400;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 font-family: rogliano, sans-serif;
    font-weight: 400;
}

::placeholder {
 font-family: rogliano, sans-serif;
    font-weight: 400;
}
.transfer-more {
    background-color: #0e5ae0;
    padding: 25px 0;
}
.transfer-more h2{
    font-size:23px;
    text-align:center;
    color:#fff;
    font-weight:400;
      margin: 0;
font-family: proxima-nova, sans-serif;
}
.transfer-more h2 span{
    color:#25b8bb
}
.bottom-reserved ul li {
    color: #fff;
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 14px;
    margin-right: 10px;
    position: relative;
}
.bottom-reserved ul li:after {
    content: " ";
    position: absolute;
    top: 6px;
    right: -3px;
    background: #fff;
    width: 1px;
    height: 11px;
}
.top-menu .dropdown-menu-3.dropdown3 li a,.top-menu .dropdown-menu-2 a,.top-menu .dropdown-menu-1 a {
    padding: 10px 0!important;
}
.bottom-reserved ul li:last-child::after {
    display: none;
}
.bottom-reserved {
    padding: 80px 0 0;
}
.top-menu{
    padding: 20px 0;
    font-family: proxima-nova, sans-serif;
}
.dropdown-menu-2 {
  width:200px;
 padding: 20px!important;
}
.banner_center_content p{
    font-size: 18px;
    color: #fff;
}

.tax-banner .banner img{
  position: relative;
  z-index: 0;
}
.chat {
    background-color: #0253e0;
    border: 0;
    color: #fff;
    border-radius: 20px;
    padding: 10px 40px 10px 22px;
    margin-top: 10px;
    font-size: 15px;
    
}
.platform-cont a:hover {
    background: #00153b;
}
.chat{
    background-color:#29cec1;
}
.chat:hover{
    
    padding: 9px 23px 9px 15px;
   
    color: #fff !important;
}
.chat:hover i {
    color:#fff;
}
/*.banner_center_content {
    max-width: 620px;
    margin: auto;
    padding: 16% 0;
   background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Gradient-Ball-Background.svg);
    background-repeat: no-repeat;
padding: 10% 310px 16% 203px;
    background-position: right;
}*/
.banner_center_content {
    max-width: 80%;
    margin: auto;
    padding: 10% 0px 16% 0px;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Gradient-Ball-Background.svg);
    background-repeat: no-repeat;
    background-position: right;
}
.site-footer .form-control:focus {
    color: #fff !important;
    background-color: transparent;
    border-color: #0253e0;
    box-shadow: none;
    font-weight: bold;
    padding: 0 30px;
}
.sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: #0397f3;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
      z-index: 9;
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    display: block;
    transition: 0.3s;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.toggle{
    display:none;
}
.bottom-reserved img {
    margin-right: 10px;
}
.site-header .dropdown-item:focus, .site-header .dropdown-item:hover {
    text-decoration: none;
   transform: translateY(-2px);
  text-decoration: underline;
/*     background-color: #0253e0; */
/*     color: #fff ; */
}
.site-header .dropdown-menu, .banner-header .dropdown-menu {
    padding: 0 ;
    margin: 0 ;
}

.banner-header .dropdown-item {
    color: #000;
}
.banner-header .dropdown-item:focus, .banner-header .dropdown-item:hover {
    text-decoration: none;
   transform: translateY(-2px);
  text-decoration:underline;
/*     background-color: #0253e0 ; */
/*     color: #fff ; */
}
/*---- logos section css start form here now ----*/
section.logos-sec {
    background: #edf5ff;
    padding:25px 0px;
 text-align: center;
}



/*---- logos section css end form here now ----*/




/*---- technology section css start form here now ----*/
section.technology, .the-challenge {
    text-align: center;
    padding: 100px 0 50px 0;
}
.top-menu .dropdown-menu {
    top: 40px;
}
.heading {
    font-size: 33px;
    font-weight: 400;
    margin-bottom: 20px;
}
.platform-cont {
    border: 2px solid #0e5ae0;
    width: 100%;
    max-width: 310px;
    padding: 50px 20px 40px;
    background: #fff;
    position: relative;
    margin-top: 50px !important;
}
.platform-cont::before {
    content: " ";
    position: absolute;
    top: 0;
    background: #0e5ae0;
    width: 100%;
    height: 20px;
    left: 0;
}
.platform-cont::after {
    position: absolute;
    top: 10px;
    left: 10px;
    content: " ";
    background: #edf5ff;
    width: 310px;
    height: 430px;
    z-index: -1;
}
.technology .plat-first {
    margin: 0 30px 0 auto;
}
.technology .plat-last {
    margin: 0 auto 0 30px;
}
.suralink-platform h3 {
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 60px;
}
.platform-cont h4 {
    font-weight: 400;
    font-size: 24px;
    text-transform: capitalize;
    width: 100%;
    max-width: 120px;
    margin: 20px auto 25px;
    position: relative;
    line-height: 35px;
    padding-bottom: 25px;
}
.platform-cont h4::after {
    position: absolute;
    content: " ";
    bottom: 0;
    left: 0;
    right: 0;
    background: #0e5ae0;
    width: 70px;
    height: 2px;
    margin: 0 auto;
}
.platform-cont p {
    font-size: 18px;
    color: #0e5ae0;
    font-weight: 400;
    width: 100%;
    max-width: 270px;
    margin: 0 auto 15px;
}
.platform-cont a {
    position: absolute;
    bottom: -20px;
    background: #0e5ae0;
    padding: 10px 20px;
    left: 0;
    right: 0;
    width: 155px;
    margin: 0 auto;
    color: #fff;
    border-radius: 50px;
    text-transform: capitalize;
    font-size: 16px;
    transition: all .5s;
}
/*---- technology section css end form here now ----*/

/*---- industries section css start form here now ----*/
section.industries {
    position: relative;
    background: #ffffff;
    padding: 100px 0px;
}
.industries .heading {
       width: 100%;
    max-width: 540px;
    line-height: normal;
    font-size:42px
}
.industries p {
    width: 100%;
    max-width: 545px;
    margin-bottom: 40px;
    line-height: 34px;
    font-size: 20px;
    color: #59595D;
  font-family: rogliano, sans-serif;
font-weight: 400;
}
.ser-cont {
       background: #0e5ae0;
    left: 70px;
    width: 100%;
    max-width: 560px;
    height: 234px;
    margin: 0 0 0 auto;
    position: absolute;
    top: 10px;
    z-index: 1;
}
.indus-cont {
    background: #F9FAFC;
    padding: 40px 20px 40px 10px;
    width: 100%;
    max-width: 490px;
    position: relative;
    top: -3px;
    left: 11px;
}
.indust-img {
    position: absolute;
    width: 100%;
    top: 50px;
    left: -140px;
}
.cont-layout span {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #0e5ae0;
    border-radius: 50px;
    text-align: center;
    font-size: 9px;
    line-height: 15px;
    position: absolute;
    left: -17px;
    color: #0e5ae0;
}
.cont-layout a {
       font-size: 15px;
    font-family: proxima-nova, sans-serif;
    text-transform: capitalize;
    letter-spacing: 0.3px;
}
/*---- industries section css end form here now ----*/
.automated-img:before {
       content: "";
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/square-tech.svg) ;
    width: 250px;
    background-repeat: no-repeat;
    position: absolute;
    top: -80px;
    z-index: -1;
    height: 250px;
    background-size: cover;
    left: -100px;
}
.automated-img:after {
    content: "";
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/circle-tech.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -63px;
    width: 250px;
    height: 71px;
    z-index: -1;
    right: -40px;
}

/*---- all engagements section css start form here now ----*/
section.all-engagements {
    text-align: center;
    margin-top: 100px;
    padding: 350px 0 100px;
}
.all-engagements img {
    margin-bottom: 40px;
}
.all-engagements p {
    color: #8E8E80;
    width: 100%;
    max-width: 510px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 34px!important
}
/*---- all engagements section css end form here now ----*/

/*---- organize section css start form here now ----*/
section.organize, .share-files {
    padding: 90px 0px;
    position: relative;
}
.layout {
    display: flex;
}
.organ {
    margin-right: 60px;
}
.organize-cont .sub-heading {
    color: #520042;
    position: relative;
    top: -8px;
    margin: 0;
}
.organize-cont .heading {
    width: 100%;
    max-width: 330px;
    padding-bottom: 20px;
    border-bottom: 1px solid #520042;
    position: relative;
  font-size: 42px;
}
.organize-cont .heading::after {
    content: " ";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 32px;
    height: 4px;
    background: #520042;
}
.organize-cont p {
    line-height: 34px;
    font-size: 20px;
    color: #59595D;
    width: 100%;
    max-width: 300px;
    font-family: rogliano, sans-serif;
    font-weight: 400;
}
.organ-img {
    position: absolute;
    bottom: -276px;
    right: -175px;
    z-index: 9;
}
.organize .your-requests {
    width: 100%;
    max-width: 430px;
}
.your-requests {
    position: relative;
    top: 39px;
}
.your-requests::after {
    content: " ";
    position: absolute;
    top: 15px;
    left: 15px;
    background: #520042;
    width: 430px;
    height: 100%;
    z-index: -1;
}
.your-requests::before {
    content: " ";
    position: absolute;
    top: -103px;
    right: -27%;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Group%201037.svg);
    background-size: cover;
    background-position: center;
    width: 289px;
    height: 290px;
    left: unset;
    z-index: -1;
}
.site-footer .hbspt-form {
    padding-right: 0;
    width: 65%;
    padding-top: 80px;
}
/*---- organize section css end form here now ----*/

/*---- invite users section css start form here now ----*/
section.invite-users {
    margin-top: 120px;
    padding: 200px 0 0;
    position: relative;
    background: #f7f8fa;
    transform: skew(0deg ,-7deg);
}
section.invite-users .container {
    transform: skew(0deg ,7deg);
}
.invite.layout .organize-cont .heading {
    border-bottom: 1px solid #004242;
  font-size: 42px;
}
.invite.layout .organize-cont .heading::after {
    background: #004242;
}
.invite.layout .organize-cont .sub-heading {
    color: #004242;
}
.invite.layout {
    position: relative;
}
.your-requests.invite {
    width: 100%;
    max-width: 450px;
}
.your-requests.invite::after {
    top: 15px;
    left: 15px;
    background: #004242;
    width: 450px;
    height: 100%;
    z-index: -1;
}
.your-requests.invite::before {
    content: " ";
    position: absolute;
    top: -20px;
    right: 0;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/invest-user-bg.svg);
    background-size: cover;
    background-position: center;
    width: 147px;
    height: 4px;
    left: unset;
}
.invite-img {
    left: 270px;
    position: relative;
    top: -170px;
    width: 100%;
    max-width: 300px;
}
.invite-img img {
    width: 300px;
}
.share-img img {
    width: 500px;
}
/*---- invite users section css end form here now ----*/

/*---- share files section css start form here now ----*/
.share-files .organize-cont .sub-heading {
    color: #011a5c;
}
.share-files .organize-cont .heading {
    border-bottom: 1px solid #011a5c;
}
.share-files .organize-cont .heading::after {
    background: #011a5c;
}
.share-files .organize-cont p {
    max-width: 310px;
}
.your-requests.share {
    width: 100%;
    max-width: 460px;
}
.share-files::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f8fa;
    z-index: -2;
    transform: skew(0deg, -7deg);
    width: 100%;
    height: 150px;
}
.your-requests.share::after {
    top: -22px;
    right: -22px;
    background: #011a5c;
    width: 460px;
    height: 100%;
    z-index: -1;
    left: unset;
}
.your-requests.share::before {
    content: " ";
    position: absolute;
    bottom: -124px;
    right: unset;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/share-bg.svg);
    background-size: cover;
    background-position: center;
    width: 219px;
    height: 157px;
    left: -147px;
    top: unset;
}
.share-img {
    position: relative;
    top: -90px;
    left: 25px;
}
/*---- share files section css end form here now ----*/

/*---- track progress section css start form here now ----*/
.track-progress .organize-cont .sub-heading {
    color: #f4a800;
}
.track-progress .organize-cont .heading {
    border-bottom: 1px solid #f4a800;
}
.track-progress .organize-cont .heading::after {
    background: #f4a800;
}
.track-progress .organize-cont p {
    max-width: 315px;
    line-height: 34px;
    font-size: 20px;
    color: #59595D;
}
.your-requests.track {
    width: 100%;
    max-width: 370px;
}
.your-requests.track::after {
    top: -22px;
    right: unset;
    background: #f4a800;
    width: 370px;
    height: 100%;
    z-index: -1;
    left: -20px;
}
.your-requests.track::before {
    content: " ";
    position: absolute;
    bottom: -77%;
    right: unset;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/track-bg.png);
    background-size: cover;
    background-position: center;
    width: 217px;
    height: 247px;
    left: -51%;
    top: unset;
}
.track-img {
    position: relative;
}
/*---- track progress section css end form here now ----*/

/*---- popular features section css start form here now ----*/

.popular-features .container {
    transform: skew(0deg ,7deg);
}

.popular-features h3.heading {
    color: #fff;
  font-size: 42px;
}
.form-footer input:checked+span::before{
  border:solid #fff;
}
input:checked+span::before{
    border-width: 0 3px 3px 0!important;
}
.par-cont p {
    font-size: 14px;
}
.features-cont p {
    margin: 0;
    font-weight: 500;
  transition: 0.5s ease all;
}
.features-img {
    width: 19%;
    margin: 0 40px 0 20px;
}
.features {
    width: 100%;
    max-width: 930px;
    margin-top: 30px;
}
.features img {
    width: 100%;
}
/*---- popular features section css end form here now ----*/

/*---- testimonials section css start form here now ----*/
section.testimonials {
    padding: 100px 0 0;
    text-align: center;
}
.testimonials .heading {
    width: 100%;
    max-width: 370px;
    line-height: 45px;
    margin: 0 auto;
}
/*---- testimonials section css end form here now ----*/

/*---- partner section css start form here now ----*/
section.partner {
    padding: 100px 0 20px;
    position: relative;
    background: #f7f8fa;
}
.partner-logos li {
    display: inline-block;
    width: 24%;
    text-align: center;
    margin-bottom: 80px;
}
/*---- partner section css end form here now ----*/

/*---- testimonials section css start form here now ----*/
.testimonials .card {
    margin: 0 auto;
    background: transparent;
    border: 0px;
    width: 900px;
}
.testimonials .card .carousel-item {
    height: 450px;
}
.testimonials .card .carousel-caption {
    padding: 0;
    right: 0;
    left: 0;
    color: #3d3d3d;
}

.testimonials p.smallest.mute {
font-weight: 900;
    font-size: 16px !important;
    padding-bottom: 3px;
}

.testimonials .card .col-sm-7 {
  display: flex;
  align-items: center;
}
.carousel-control-next, .carousel-control-prev {
    top: unset;
    width: 43px;
    opacity: 1;
    background: #0e5ae0;
    height: 35px;
    bottom: 20px;
    z-index: 9999;
}
.carousel-control-prev {
    right: 43px;
    left: unset;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.carousel-control-next {
    right: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 15px;
    height: 15px;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    opacity: 0.7;
}
.carousel-caption .col-sm-5 {
    background: #fff;
    padding: 30px 70px;
    box-shadow: 5px 0px 10px 0 #ddd;
    position: absolute;
    right: 10%;
    top: -20%;
}
.carousel-caption .col-sm-5::before {
content: " ";
    position: absolute;
    top: 20px;
    right: 0;
    left: 30px;
    bottom: 0;
    background-image:url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/quote-blue.svg);
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 25px;
    background-repeat: no-repeat;
}
.carousel-caption .col-sm-7 img {
    height: 310px;
    object-fit: cover;
}
/*---- testimonials section css end form here now ----*/

/*---- effect css start form here now ----*/
input-effect{
    position: relative;
}
.effect-16 {
    border: 0; 
    padding: 4px 0;
    border-bottom: 1px solid #ccc; 
    background-color: transparent;
}
.effect-16 ~ .focus-border{
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 0; 
    height: 2px; 
    background-color: #3399FF; 
    transition: 0.4s;
}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border {
    width: 100%; 
    transition: 0.4s;
}
.effect-16 ~ label {
    position: absolute;
    left: 30px;
    width: auto;
    top: 9px;
    color: #848484;
    transition: 0.3s;
    z-index: 0;
    letter-spacing: 0.5px;
    font-size: 14px;
      text-transform: capitalize;
}
.effect-16:focus ~ label, .has-content.effect-16 ~ label {
    top: -10px; 
    font-size: 12px; 
    color: #fff; 
    transition: 0.3s;
    background: #00153b;
    padding: 0 6px;
    font-weight: 600;
}
.banner-side-form .effect-16:focus ~ label, .has-content.effect-16 ~ label {
    color: #000; 
    background: #fff;
}
/*---- effect css end form here now ----*/

/*---- chat bar css start form here now ----*/
/* .chat-bar {
   position: fixed;
    bottom: 40px;
    right: 50px;
    width: 60px;
    text-align: center;
    height: 60px;
    line-height: 56px;
    border-radius: 50px;
    z-index: 9999;
    background: linear-gradient(to right,#0253e0 50%,#29cec1 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
} */

.chat-bar {
    display: inline-block;
    border-radius: 10rem;
    transition: all 0.3s;
    position: fixed;
    overflow: hidden;
    bottom: 40px;
    right: 50px;
    width: 55px;
    text-align: center;
    height: 55px;
    line-height: 52px;
    border-radius: 50px;
    z-index: 9999;
    background-size: 200% 100%;
}
 .chat-bar:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #29cec1;
     border-radius: 10rem;
     z-index: -2;
}
 .chat-bar:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 100%;
   top:100%;
     background-color: #0253e0;
     transition: all 0.3s;
     border-radius: 10rem;
     z-index: -1;
}
/*---- chat bar css start form here now ----*/

/*---- advisroy page css start form here now ----*/
.site-header ul.navbar-nav li a {
    color: #000;
}
.site-header ul.main-nav.form {
    padding: 15px 0 0;
}
.advisroy-cont {
    position: relative;
    top: 20px;
    left: 00;
    width: 100%;
    z-index: 1;
}
.advisory-banner h1 {
    color: #f1caca;
    font-weight: 400;
    font-size: 60px;
    line-height: 60px;
    font-family: proxima-nova, sans-serif;
}
.advisroy-cont h4::after {
    content: " ";
    position: absolute;
    top: 7px;
    left: 18%;
    background: #f1caca;
    width: 70px;
    height: 2px;
}
/** .banner {
    position: relative;
    left: -27%;
  top:20px;
} **/ 


.banner:after{
    content: " ";
    position: absolute;
    top: -18%;
    right: -20.5%;
    bottom: 0;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/advisory-bg.png);
    background-size: cover;
    background-position: center;
    width: 243px;
    height: 213px;
}
.challenge .sub-heading, .the-solution .sub-heading {
    color: #ff7768;
    margin-bottom: 5px;
}
.company-profile {
    padding: 100px 0;
}
.profile-cont ul {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}
.profile-cont ul li {
    display: inline-block;
    width: 48%;
    font-size: 13px;
    text-transform: capitalize;
    color: #69696d;
  font-family: rogliano, sans-serif;
font-weight: 400;
}
.profile-cont {
    width: 100%;
    box-shadow: 0px 3px 6px #00000029;
    padding: 30px 28px;
    max-width: 244px;
    margin: 0 0 0 auto;
    position: relative;
    right: -15%;
    z-index: 99;
    background: #fff;
}
.profile-cont ul li:last-child {
    text-align: right;
    color: #5a1414;
    font-weight: 600;
}
.purple,.green,.mehroon,.blue {
    display: block;
    height: auto;
    width: max-content;
    margin: 30px 11px 0 auto;
    line-height: 40px;
    text-transform: capitalize;
    border-radius: 50px;
    transition: all .5s;
    padding: 0 20px;
    font-size: 14px;
    font-family: proxima-nova, sans-serif;
    text-align: center;
}
.profile-storie-cont {
    background: #5a1414;
    padding: 40px 53px 30px 100px;
    width: 100%;
    max-width: 480px;
    left: -2%;
    position: relative;
    top: 75px;
}
.profile-storie-cont p.name, .profile-storie-cont p.partner, .profile-storie-cont p.city {
    font-size: 15px;
    margin-bottom: -3px;
    color: #ffdbdb;
}
.profile-storie-cont p.name{
  font-weight:bold;
}
.profile-storie-cont p.partner, .profile-storie-cont p.city {
    opacity: 0.7;
}
.profile-storie-cont p.city {
    text-transform: uppercase;
}
.profile-storie-cont:after {
    content: " ";
    position: absolute;
    top: 12%;
    left: 13%;
    bottom: 0;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/profile-bg.png);
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 22px;
}
.the-solution {
    padding: 100px 0;
    background: #ffeaea;
    height: auto;
}
.solution h3.heading {
    max-width: 550px;
    margin: 0 auto 30px 0;
}
.solution p {
    max-width: 430px;
    margin: 0 auto 0 0;
}
.solution-layout {
    display: flex;
    margin-bottom: 50px;
}
.solution-cont {
    margin-top: 60px;
}
.cont-box h5 {
    font-size: 22px;
    color: #5a1414;
    font-weight: 400;
    font-family: proxima-nova, sans-serif;
  line-height: 28px;
}
.box-img {
  margin-top: 30px;
}
.e-book {
    padding: 100px 0px;
    margin-top: 110px;
}
.book-cont h3.heading::after {
      content: " ";
    position: absolute;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Ellipse%20473.svg);
    background-size: cover;
    background-position: center;
    width: 120px;
    height: 120px;
    z-index: -1;
    top: 50px;
    left: -50px;
}
.support-img img {
    padding-top: 150px;
}
.book-cont .sub-heading {
    color: #ff7768;
    position: relative;
}
.support {
    padding: 100px 0;
    position: relative;
}
.support::after {
    content: " ";
    position: absolute;
    top: 9%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f8fa;
    z-index: -2;
    transform: skew(0deg, -7deg);
    width: 100%;
    height: 670px;
}
.support-cont li::before {
    content: "\f111";
    position: absolute;
    top: 10px;
    left: 2px;
    bottom: 0;
    right: 0;
    font-family: FontAwesome;
    color: #ff5745;
    font-size: 6px;
}
.support-cont p {
    color: #78787c;
    width: 100%;
    max-width: 430px;
    margin-bottom: 30px;
  font-family: rogliano, sans-serif;
font-weight: 400;  
    line-height: 34px;
    font-size: 18px;
}
.support-cont {
    padding-left: 22px;
}
.profile-cont h5 {
    font-size: 16px;
    color: #5a1414;
    text-transform: capitalize;
}
.individual-user h5 {
    color: #004242;
    font-size: 22px;
    font-family: proxima-nova, sans-serif;
}
.individual-user p {
    color: #59595D;
    font-size: 18px;
}
/*---- advisroy page css end form here now ----*/

/*---- audit page css start form here now ----*/
.audit-banner {
    background: #520042 !important;
}
.audit-banner.advisory-banner h1 {
    color: #f0e6f4;
    width: 100%;
}
.audit-banner .advisroy-cont h4 {
    color: #f0e6f4;
}
.audit-banner h4::after {
    background: #f0e6f4;
    left: 12%;
}
.audit-banner .banner:after{
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/audit-bg.png);
    top: -25%;
    right: -16%;
}
.challenge.audit-challenge h3.heading {
    max-width: 430px;
}
.audit-profile .profile-cont h5 {
    color: #520042;
}
.audit-profile .profile-storie-cont {
    background: #520042;
    max-width: 580px !important;
}
.audit-profile .profile-cont ul li:last-child {
    color: #520042;
}
.audit-logo{
    background: #520042 !important;
}
.audit-solution{
    background: #fdf4ff !important;
}
.audit-profile .profile-storie-cont p:first-child {
    margin-bottom: 40px;
}
.audit-profile .profile-storie-cont p.name {
    color: #fff;
}
.audit-profile .profile-storie-cont:after {
    left: 10%;
}
.audit-profile .profile-storie-cont p.city {
    opacity: 0.9;
    color: #fff;
    text-transform: capitalize;
}
.audit-solution .solution h3.heading {
    margin-bottom: 10px;
}
.e-book.case-study {
    margin-top: 60px;
}
.support.audiit::after {
    top: 12%;
}
.case-study .book-cont .sub-heading::after {
    left: 22%;
}
.case-study h3.heading {
  background: #fff;
    margin-top: 100px;
    padding: 40px 20px!important;
    border: 1px solid #520042;
    max-width: 300px!important;
    color: #520042;
    box-shadow: 10px 10px 0 0 #f0e6f4;
    font-size: 22px;
  text-align: center;
    font-family: proxima-nova, sans-serif;
}
.roi-cont h1 {
    color: #fff;
    font-family: 'proxima-nova';
    font-size: 48px;
    line-height: 58px;
  font-weight: 600;
}

.case-study .book-cont h3.heading::after {
    top: -40px;
}
.case-study h4 {
    font-size: 20px;
    width: 100%;
    max-width: 274px;
    line-height: 32px;
    font-weight: 400;
    color: #520042;
    position: relative;
    left: 10%;
    top: 15px;
    font-family: proxima-nova, sans-serif;
}
/*---- audit page css end form here now ----*/

/*---- security page css start form here now ----*/

.security-banner .banner {
    top: 19%;
    z-index: 0;
}
.security-banner h1 {
    color: #edf5ff;
    z-index: 1;
    position: relative;
}
.security-banner h4::after {
    left: 54%;
    background: #edf5ff;
    width: 100px;
}
.security-banner h4 {
    color: #edf5ff;
}
.security-solution {
    background: #f7fbff;
}
.security-solution .sub-heading, .security-challenge .sub-heading, .security-profile .profile-cont h5 , .security-profile .profile-cont li:last-child{
    color: #0e5ae0;
}
.security-solution h5 {
    color: #0e5ae0;
}
.security-profile .profile-storie-cont {
     background: #011a5c 
}
.security-challenge p {
    max-width: 640px;
    margin: 0 auto 30px;
}
.security-logo {
    background: #011a5c !important;
}
.security-study h4 {
    max-width: 280px;
    color: #0e5ae0;
}
.security-profile .profile-storie-cont p.name, .security-profile .profile-storie-cont p.partner, .security-profile .profile-storie-cont p.city {
    color: #bde3ff;
}
.security-profile .profile-storie-cont p.city {
    text-transform: capitalize;
}
.security-profile .profile-storie-cont:after {
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/quote-blue.svg);
}
.case-study.security-study h3.heading {
    text-align: center;
    border: 1px solid #011a5c;
    color: #011a5c;
    box-shadow: 10px 10px 0 0 #bde3ff;
}

.security-study .book-cont .sub-heading {
    color: #0F3394;
    top: 45px;
    font-size: 20px;
    font-weight: 600;
}



.security-study .book-cont .sub-heading:after {
    background: #0e5ae0;
}
.security-study.e-book.case-study {
    margin-top: 16%;
}
.security .support-cont h3 {
    color: #0F3394;
}
.security .support-cont li {
       color: #0F3394;
    font-size: 15px;
}
.security .support-cont li::before {
    color: #0e5ae0;
}

.security .support-cont p {
    margin-bottom: 60px;
}
.security .support-cont h4 {
    font-size: 20px;
    color: #0F3394;
    margin-bottom: 30px;
    font-weight: 400;
     font-family: proxima-nova, sans-serif;
}
.security-study .book-cont h3.heading::after {
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Ellipse%20473%20%282%29.svg);
}
.security-banner .banner:after {
    right: -13.5%;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/sec-cons.png);
    width: 300px;
    height: 149px;
}
/*---- security page css end form here now ----*/

/*---- tax pagea css start form here now ----*/
section.tax-banner {
    background: #004242 !important;
}
.tax-banner h1 {
    color: #c5ffe7;
    max-width: 400px;
    position: relative;
    z-index: 1;
}
.tax-banner h4, {
    color: #c5ffe7;
}
.tax-banner h4::after {
    left: 10%;
    background: #c5ffe7;
}
.tax-banner .banner:after {
    top: -10%;
    right: -6%;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/tax-bg.png);
    width: 232px;
    height: 71px;
}
.tax-challenge .sub-heading {
    color: #29cec1;
}
.tax-challenge p {
    max-width: 640px;
}
section.tax-logo, .tax-profile .profile-storie-cont {
    background: #004242;
}
.three-logo.tax-logo li {
    display: inline-block;
    width: 19%;
}
.tax-profile .profile-cont h5, .tax-profile .profile-cont ul li:last-child {
    color: #004242;
}
a.green:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #004242;
    transition: all .3s;
    border-radius: 30px;
    z-index: -1;
}
a.green:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    z-index: -2;
    background:#e4f0eb;
}
.profile-storie-cont:after {
    background-image: url());
}

.blog-post-main a {
    display: inherit;
}

.tax-solution { 
    background: #edfff8;
}
.tax-solution .cont-box h5 {
    color: #004242;
}
.tax-study span.sub-heading {
    color: #29cec1;
}
.tax-study span.sub-heading::after {
    background: #29cec1 !important;
}
.case-study.tax-study h3.heading {
    border: 1px solid #004242;
    box-shadow: 10px 10px 0 0 #e4f0eb;
    text-align: center;
    padding: 30px;
}
.tax-study .book-cont h3.heading::after {
       top: -40px;
    left: -19%;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Ellipse%20473%20%281%29.svg);
    width: 120px;
    height: 120px;
    z-index: -1;
}
.e-book.case-study.tax-study .book-cont .sub-heading::after {
    left: 125px;
}
.case-study.tax-study h4 {
    max-width: 280px;
    color: #004242;
}
.tax .support-cont h3, .tax .support-cont li:before {
    color: #29cec1;
}
.tax .support-cont li {
    color: #004242;
}
/*---- tax page css end form here now ----*/

/*---- pricing page css end form here now ----*/
.pricing-banner, .find-plan {
    overflow: hidden;
    background: #f9fafc;
    position: relative;
}
.banner-img, .plan-img {
    text-align: right;
}
.plan-img img {
    width: 100%;
}
.banner-img img{
    max-width: 100%;
}
.banner-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 20px;
}
.banner-cont h1.heading {
    width: 100%;
    max-width: 400px;
}
.banner-cont p {
    width: 100%;
    max-width: 592px;
    font-size:20px;
    font-family: rogliano, sans-serif;
    font-weight: 400;
}
.plan-cont h3.heading {
    color: #0e5ae0;
  font-family: proxima-nova;
  
}
.plan-cont p {
    width: 100%;
    max-width: 420px;
    font-family: proxima-nova;
    font-weight: 400;
    margin-bottom:25px;
    font-size:19px;
    color: #4C4C53;
}
.plan-cont .right-form input {
    background-color: #fff;
    border: 1px solid #dcdddd;
}
.plan-cont .effect-16 ~ label {
    top: 20px;
}
.plan-cont .banner-side-form .effect-16:focus ~ label, .has-content.effect-16 ~ label {
    color: #000;
    background: #f9fafc;
    top: -1px;
}
.plan-cont .banner-side-form {
    width: 100%;
    max-width: 515px;
}
.plan-cont .form-control:focus {
    background-color: transparent;
    border-color: #0253e0 !important;
    box-shadow: none;
}
.pricing-list {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.product-pricing {
    padding: 60px 0 80px;
}
.pricing h4 {
    font-family: proxima-nova, sans-serif;
}
.pricing {
    box-shadow: 0 0 9px 0 #ddd;
    padding: 30px 0;
    text-align: center;
    min-height: auto;
      position: relative;
}
.monthly-price {
    background: #f7f8fa;
    padding: 20px 50px;
    margin: 30px 0 15px;
}
.monthly-price p {
    font-size: 40px;
  font-family: proxima-nova, sans-serif;
    margin-bottom: 0px;
}
.custom-switch label {
    font-family: proxima-nova, sans-serif;
}

.monthly-price span {
    font-size: 12px;
  font-family: proxima-nova, sans-serif;
}
.pricing-list h5 {
    font-size: 16px;
    font-weight: 400;
    color: #0253e0;
    line-height: 25px;
    margin: 0 0 15px 0;
  font-family: proxima-nova, sans-serif;
}
.pricing-list ul {
    text-align: left;
    list-style: none;
    width: 100%;
    max-width: 240px;
    margin: 15px auto 0;
}
.pricing-list ul li {
    padding-left: 40px;
    line-height: 45px;
  font-family: rogliano, sans-serif;
font-weight: 400;
  position:relative;
}
.part-ners {
    color: #fff!important;
}
.bgc{
background:#F9FAFC;
}

.roundedOne label {
    position: relative;
}
.roundedOne label:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #0253e0;
}
.enterprise-pricing h4{
  color:#0E5AE0;
}
*{
    margin:0;
    padding:0;
}
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a:hover{
    text-decoration:none;
}
ul{
    margin:0;
}
img{
    max-width:100%;
}
.monthly-price span.cus-pricing {
    font-family: proxima-nova, sans-serif;
    font-size: 24px;
}
.right-side-content {
    background-color: #fff;
}

/*.banner-header {
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Rectangle%20420.svg);
    background-size: cover;
    background-position: center;
}*/
.main-nav li {
    display: inline-block;
    border-color: #0253e0;
}
.banner-content .col-lg-3.col-md-3.col-sm-3 .main-nav li {
    display: inline-block;
    padding: 20px 0;
}
.banner-content .col-lg-3.col-md-3.col-sm-3 .main-nav{
    text-align: right;
    padding: 0 21px;
}
ul.navbar-nav li a:hover {
    color: #0253e0;
}
.blog-img.post-img.lib-book p {
    font-family: rogliano, sans-serif;
    font-weight: 400;
    color: #59595D;
}
.nav-item:last-child a.nav-link {
      border: 1px solid #0253e0;
    padding: 8px 20px 8px 20px !important;
    line-height: 18px;
    border-radius: 50px;
    background: linear-gradient(to right, #0253e0 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .3s ease-out;
  color:#fff;
left:15px;
}
.nav-item:last-child a.nav-link:hover{
    /*background-position: left bottom;*/
  color:#fff;
}


.nav-item:last-child a.nav-link:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius:30px;
     z-index: -2;
}

 .nav-item:last-child a.nav-link {
         padding: 8px 20px 8px 20px !important;
    border: 1px solid #0253e0;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    background: linear-gradient(to right,#0253e0 50%,transparent 50%);
    display: inline-block;
    border-radius: 10rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-size: 203% 100%;
    background-position: right bottom;
}

.nav-item:last-child a.nav-link:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background-color: #0253e0;
     transition: all 0.3s;
     border-radius: 30px;
     z-index: -1;
}
.site-header .nav-item:last-child a.nav-link:hover {
     color: #fff;
      background-position: left bottom;
}
.nav-item:last-child a.nav-link:hover:before {
     width: 100%;
}

.site-header .nav-item:last-child a.nav-link:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #ffffff;
     border-radius: 30px;
     z-index: -2;
}
.site-header .nav-item:last-child a.nav-link {
    color: #000;
}
.site-header .nav-item:last-child a.nav-link:hover {
    color: #fff;
} 

.enterprise-pricing-icon {
    position: absolute;
    right: 40px;
    top: 0;
}
.banner_center_content h2 {
    font-size: 60px;
    color: #fff;
    max-width: 550px;
}
.right-form h2 {
    text-transform: capitalize;
    font-size: 25px;
    text-align: left;
    padding-bottom: 20px;
    padding-left: 16px;
    font-weight: 400;
}
ul.main-nav li a {
/*     color: #29cec1; */
    padding: 0 20px;
    text-align: center;
    transition: all .5s;
    font-size: 15px;
}
ul.main-nav li a:hover {
    color: #0253e0;
}
footer {
    background-color: #00153b;
    padding: 50px 0 40px;
}
.left-side-conent {
    padding: 92px 0;
    max-width: 100%;
}
.bottom-content-footer {
    padding: 80px 0 0;
}
.bottom-content-footer h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}
.bottom-content-footer h1 {
    color:#0E5AE0;
      font-size: 14px;
    font-weight: 400;
}
.content-footer form.right-form {
    max-width: 320px;
    margin: 0 auto 0 0;
    padding-top: 40px;
}
.bottom-content-footer  ul li{
    list-style:none;
    display:block;
}
.bottom-content-footer ul li a:hover {
    color: #0253e0;
}
.bgc .about-banner-right-text {
    padding-right: 80px;
}
ul.main-nav{
    text-align:center;
}
.cont-layout a:hover {
    margin-left: -4px;
    transition-duration: .8s;
    color: #29cec1;
}
.about-banner-left.bgc label {
    color: #000;
    font-size: 20px;
    margin: 0;
    font-family: proxima-nova, sans-serif;
}
ul.main-nav.form {
    padding: 20px 0 0;
}
ul.main-nav.form li:last-child a {
/*     color: #29cec1; */
}
ul.main-nav.form li:last-child a i {
    font-size: 23px;
    position: relative;
    top: 2px;
/*     color: #29cec1; */
}
.right-form input {
    background-color: #f7f8fa;
    margin: 10px 0 25px;
    border: 1px solid #f7f8fa;
    font-size: 14px;
    letter-spacing: 0.3px;
    border-radius: 0px;
    height: 44px;
    padding: 0 15px;
    font-weight: 600;
}
.form-control:focus {
    color: #495057;
    background-color: transparent;
    border-color: #0253e0;
    box-shadow: none;
}
.chat-bar:hover {
   -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
      background-position: left bottom;
}
 .chat-bar:hover:before {
     width: 100%;
   top:0;
}
.transfer-more h2 span{
    color:#25b8bb
}
.bottom-reserved ul li {
    color: #fff;
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 14px;
    margin-right: 10px;
    position: relative;
}
.bottom-reserved ul li:last-child::after {
    display: none;
}
.bottom-reserved {
    padding: 80px 0 0;
}
.top-menu{
    padding:25px 0 25px 25px;
}
.bottom-reserved>ul> li:after {
    top: 16px!important;
}
.banner_center_content p {
    font-size: 20px;
    color: #BDE3FF;
    font-family: rogliano, sans-serif;
    font-weight: 400;
    line-height:34px;
    padding-right: 50px;
    max-width: 550px;
}
.banner-header form.right-form {
    padding: 80px 0 80px 20px;
}
.rel{
  position:relative;
}

button.demo{
      display: inline-block;
    padding: 10px 20px;
    border-radius: 10rem;
    font-size: 18px;
    border: 1px solid #0F1A2B;
    color: #fff;
    margin-top: 10px;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    position: relative;
    overflow: hidden;
    font-family: 'proxima-nova';
    z-index: 1;
    border-radius: 2px;
}

 button.demo:before {
  content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #00153b;
    transition: all .3s;
    border-radius: 4px;
    z-index: -1;
}
.pricing-list button.demo:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background-color: #ffffff;
     transition: all 0.3s;
     border-radius: 10rem;
     z-index: -1;
}

.pricing-list button.demo {
    border: 0;
    color: #fff;
    border-radius: 30px;
    font-size: 15px;
    display: block;
    background: linear-gradient(to right, #ffffff  50%, #0253e0 50%);
    background-size: 203% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    padding: 10px 20px;
     text-transform: capitalize;
    font-family: proxima-nova, sans-serif;
  border: 1px solid #0253e0;
    margin-top: 20px;
    text-align: center;
    margin: 0 auto;
}
/*  .chat {
    border: 0;
    color: #fff;
    border-radius: 20px;
    padding: 9px 20px 9px 15px;
    margin-top: 10px;
    font-size: 15px;
    transition: all .5s;
      background: linear-gradient(to right,#0253e0 50%,#29cec1 50%);
    background-size: 203% 100%;
    background-position: right bottom;
} */
.chat {
    border-radius: 10rem;
    margin-top: 10px;
    font-size: 15px;
    padding: 17px 30px !important;
    
    color: #fff !important;
    font-size: 17px;
    line-height: 18px;
    background: linear-gradient(to right,#0253e0 50%,transparent 50%);
    display: inline-block;
    border-radius: 2px !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-size: 100%;
    background-position: center;
    font-weight: 600;
    white-space: pre;
}

 .chat:before{
     content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #000000;
    transition: all .3s;
    border-radius: 2px;
    z-index: -1;
}

 .chat:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0253e0;
    border-radius: 2px;
    z-index: -2;

}
 .fa{
   margin-right: 0px;
   background: transparent;
}


 .fA:hover{
 
  
}
 button.demo:hover:before {
     width: 100%;
}
.platform-cont a:hover {
    background: #00153b;
}
.blue-button:hover {
    background-position: left bottom!important;
  color:#fff;
}
button.demo:hover{
    background-position: left bottom!important;
    color: #fff;
}

.pricing-list button.demo:hover {
   background-position: left bottom!important;
  color:#0253e0;
}
.blue-button{
  font-size: 15px;
    color: #fff;
    padding: 10px 35px;
    border-radius: 30px;
    margin-top: 15px;
    display: inline-block;
  font-family: rogliano,sans-serif;
  border: 1px solid #0253e0;
}
/*  .about-banner-text .blue-button  {
  background: linear-gradient(to right,#EDF5FF 50%,#0253e0 50%);
    background-size: 201% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
 */
.autos-img {
    position: relative;
    z-index: 1;
}
.autos-img:after {
    content: "";
    background:#00153B;
    position: absolute;
       width: 97%;
    top: 14px;
    height: 100%;
    right: 0px;
    z-index: -1;
}
.about-banner-text .blue-button {
     display: inline-block;
      background-size: 201% 100%;
     transition: all 0.3s;
     position: relative;
     overflow: hidden;
     z-index: 1;
}

 .about-banner-text .blue-button:after{
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #0253e0;
     border-radius: 10rem;
     z-index: -2;
}
 .about-banner-text .blue-button:before{
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background-color: #EDF5FF;
     transition: all 0.3s;
     border-radius: 10rem;
     z-index: -1;
}

/* .about-banner-text .blue-button:hover {
    background-position: left bottom!important;
  color:#0253e0;
} */

.about-banner-text .blue-button:hover {
     color: #0253e0;
}
 .about-banner-text .blue-button:hover:before{
     width: 100%;
}
 .chat:hover:before {
     width: 100%;
    
}

.sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: #0397f3;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
      z-index: 9;
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    display: block;
    transition: 0.3s;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.toggle{
    display:none;
}
.bottom-reserved img {
    margin-right: 10px;
}
/*---- logos section css start form here now ----*/

.logos-layout {
    width: 100%;
    display: inline-block;
}
.logos-sec li,.logo-layout li {
    display: inline-block;
    width: 18%;
}
/*---- logos section css end form here now ----*/

/*---- technology section css start form here now ----*/

.sub-heading {
 color: #0E5AE0;
    text-transform: inherit;
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
    font-family: 'proxima-nova';
    font-weight: 600;
}

.heading {
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 20px;
  font-family: 'proxima-nova';
    color: #000;
}
.platform-cont {
    border: 2px solid #0e5ae0;
    width: 100%;
    max-width: 310px;
    padding: 50px 20px 40px;
    background: #fff;
    position: relative;
    margin-top: 50px !important;
}
.platform-cont::before {
    content: " ";
    position: absolute;
    top: 0;
    background: #0e5ae0;
    width: 100%;
    height: 20px;
    left: 0;
}
.platform-cont::after {
    position: absolute;
    top: 10px;
    left: 10px;
    content: " ";
    background: #edf5ff;
    width: 310px;
    height: 430px;
    z-index: -1;
}
.technology .plat-first {
    margin: 0 30px 0 auto;
}
.technology .plat-last {
    margin: 0 auto 0 30px;
}
.suralink-platform h3 {
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 60px;
}
.platform-cont h4 {
    font-weight: 400;
    font-size: 24px;
    text-transform: capitalize;
    width: 100%;
    max-width: 120px;
    margin: 20px auto 25px;
    position: relative;
    line-height: 35px;
    padding-bottom: 25px;
}
.platform-cont h4::after {
    position: absolute;
    content: " ";
    bottom: 0;
    left: 0;
    right: 0;
    background: #0e5ae0;
    width: 70px;
    height: 2px;
    margin: 0 auto;
}
.platform-cont p {
    font-size: 18px;
    color: #0e5ae0;
    font-weight: 400;
    width: 100%;
    max-width: 270px;
    margin: 0 auto 15px;
}
.platform-cont a {
    position: absolute;
    bottom: -20px;
    background: #0e5ae0;
    padding: 10px 20px;
    left: 0;
    right: 0;
    width: 155px;
    margin: 0 auto;
    color: #fff;
    border-radius: 50px;
    text-transform: capitalize;
    font-size: 16px;
    transition: all .5s;
}
/*---- technology section css end form here now ----*/

/*---- industries section css start form here now ----*/
section.industries {
    position: relative;
    background: #ffffff;
    padding: 100px 0px;
}
.ser-cont {
       background: #0e5ae0;
    left: 70px;
    width: 100%;
    max-width: 488px;
    height: 234px;
    margin: 0 0 0 auto;
    position: absolute;
    top: 10px;
    z-index: 1;
}
.indust-img {
    position: absolute;
    width: 100%;
    top: 50px;
    left: -140px;
}
.cont-layout {
    margin-bottom: 20px;
    position: relative;
}
.cont-layout span {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #0e5ae0;
    border-radius: 50px;
    text-align: center;
    font-size: 9px;
    line-height: 15px;
    position: absolute;
    left: -17px;
    color: #0e5ae0;
}
.cont-layout h5 {
    margin: 0;
    line-height: normal;
    font-family: proxima-nova, sans-serif;
    font-size: 23px;
}
/*---- industries section css end form here now ----*/

/*---- all engagements section css start form here now ----*/

.all-engagements img {
    margin-bottom: 40px;
}
.all-engagements h3.heading {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    margin-bottom: 20px;
    line-height: normal;
    font-size: 42px;
   font-family: proxima-nova, sans-serif;
    color: #000;
}
.all-engagements p {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    font-size: 16px;
  font-family: proxima-nova, sans-serif;
font-weight: 400;
  line-height: 34px;
    font-size: 20px;
  text-align: center;
    color: #59595D;
}
/*---- all engagements section css end form here now ----*/

/*---- organize section css start form here now ----*/

.layout {
    display: flex;
}
.organ {
    margin-right: 60px;
}
.organize-cont .sub-heading {
    color: #520042;
    position: relative;
    top: -8px;
    margin: 0;
}
.organize-cont .heading::after {
    content: " ";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 32px;
    height: 4px;
    background: #520042;
}
.organize .your-requests {
    width: 100%;
    max-width: 430px;
}
.your-requests {
    position: relative;
    top: 39px;
}
.your-requests::after {
    content: " ";
    position: absolute;
    top: 15px;
    left: 15px;
    background: #520042;
    width: 430px;
    height: 100%;
    z-index: -1;
}
.your-requests::before {
    content: " ";
    position: absolute;
    top: -103px;
    right: -27%;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Group%201037.svg);
    background-size: cover;
    background-position: center;
    width: 289px;
    height: 290px;
    left: unset;
    z-index: -1;
}
/*---- organize section css end form here now ----*/

/*---- invite users section css start form here now ----*/
section.invite-users .container {
    transform: skew(0deg ,7deg);
}
.invite.layout .organize-cont .heading {
    border-bottom: 1px solid #004242;
}
.invite.layout .organize-cont .heading::after {
    background: #004242;
}
.invite.layout .organize-cont.invite p {
    max-width:300px;
  line-height: 34px;
    font-size: 20px;
    color: #59595D;
}
.invite.layout .organize-cont .sub-heading {
    color: #004242;
}
.invite.layout {
    position: relative;
}
.your-requests.invite {
    width: 100%;
    max-width: 450px;
}
.your-requests.invite::after {
    top: 15px;
    left: 15px;
    background: #004242;
    width: 450px;
    height: 100%;
    z-index: -1;
}
.invite.layout::after {
    content: " ";
    position: absolute;
    top: unset;
    right: -39%;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/invite-bg.svg);
    background-size: cover;
    background-position: center;
    width: 310px;
    height: 85px;
    left: unset;
    bottom: -90%;
}
.your-requests.invite::before {
    content: " ";
    position: absolute;
    top: -20px;
    right: 0;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/invest-user-bg.svg);
    background-size: cover;
    background-position: center;
    width: 147px;
    height: 4px;
    left: unset;
}
.invite-img {
    left: 245px;
    position: relative;
    top: -50px;
    width: 100%;
    max-width: 300px;
}
.invite-img img {
    width: 300px;
}
/*---- invite users section css end form here now ----*/

/*---- share files section css start form here now ----*/
.share-files .organize-cont .sub-heading {
    color: #011a5c;
}
.share-files .organize-cont .heading {
    border-bottom: 1px solid #011a5c;
}
.share-files .organize-cont .heading::after {
    background: #011a5c;
}
.share-files .organize-cont p {
    max-width: 310px;
}
.your-requests.share {
    width: 100%;
    max-width: 460px;
}
.share-files::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f8fa;
    z-index: -2;
    transform: skew(0deg, -7deg);
    width: 100%;
    height: 150px;
}
.your-requests.share::after {
    top: -22px;
    right: -22px;
    background: #011a5c;
    width: 460px;
    height: 100%;
    z-index: -1;
    left: unset;
}
.your-requests.share::before {
    content: " ";
    position: absolute;
    bottom: -124px;
    right: unset;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/share-bg.svg);
    background-size: cover;
    background-position: center;
    width: 219px;
    height: 157px;
    left: -147px;
    top: unset;
}
.share-img {
    position: relative;
    top: -80px;
    left: 42px;
}
/*---- share files section css end form here now ----*/

/*---- track progress section css start form here now ----*/
.track-progress{
    position: relative;
    padding-bottom: 400px;
}
.track-progress .organize-cont .sub-heading {
    color: #f4a800;
}
.track-progress .organize-cont .heading {
    border-bottom: 1px solid #f4a800;
}
.track-progress .organize-cont .heading::after {
    background: #f4a800;
}
.your-requests.track {
    width: 100%;
    max-width: 370px;
}
.your-requests.track::after {
    top: -22px;
    right: unset;
    background: #f4a800;
    width: 370px;
    height: 100%;
    z-index: -1;
    left: -20px;
}
.your-requests.track::before {
    content: " ";
    position: absolute;
    bottom: -77%;
    right: unset;
    background-image:  url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/track-bg.png);
    background-size: cover;
    background-position: center;
    width: 217px;
    height: 247px;
    left: -51%;
    top: unset;
}
/*---- track progress section css end form here now ----*/

/*---- popular features section css start form here now ----*/
section.popular-features {
    padding: 150px 0;
    position: relative;
    transform: skew(0deg ,-7deg);
    background: #00153b;
}

.popular-features .container {
    transform: skew(0deg ,7deg);
}

.popular-features h3.heading {
    color: #fff;
}
.popular-features p {
    color: #bde3ff;
    width: 100%;
    max-width: 660px;
    font-family: rogliano, sans-serif;
    font-weight: 400;
    font-size:20px;
}
.par-cont p {
    font-size: 14px;
}
.features-cont {
    display: flex;
    margin-bottom: 30px;
    padding: 20px 20px;
    border-top: 12px solid #0e5ae0;
    background-size: 100% 200%!important;
    transition: background-position .8s;
    background: linear-gradient(#fff, #fff 50%, #0e5ae0 50%, #0e5ae0);
}
.features-cont p {
    color: #000;
    width: 100%;
    max-width: 118px;
    font-size: 20px;
    margin: 0;
  font-family: proxima-nova, sans-serif;
}
.features {
    width: 100%;
    max-width: 930px;
    margin-top: 30px;
}
/*---- popular features section css end form here now ----*/

/*---- testimonials section css start form here now ----*/
section.testimonials {
    padding: 100px 0 0;
    text-align: center;
}
.testimonials .heading {
    width: 100%;
    max-width:525px;
    line-height: 45px;
    margin: 0 auto;
    font-size: 42px;
}
/*---- testimonials section css end form here now ----*/

/*---- partner section css start form here now ----*/

section.partner::after {
      content: " ";
    position: absolute;
    top: -200px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f8fa;
    z-index: -2;
    transform: skew(0,-7deg);
    width: 100%;
    height: 100%;
}
/*---- partner section css end form here now ----*/

/*---- testimonials section css start form here now ----*/
.testimonials .card {
    margin: 0 auto;
    background: transparent;
    border: 0px;
    width: 900px;
}
.testimonials .card .carousel-item {
    height: 450px;
}
.testimonials .card .carousel-caption {
    padding: 0;
    right: 0;
    left: 0;
    color: #3d3d3d;
}
.testimonials .card p {
    line-height: 30px;
    font-weight: 500;
    color: #000;
    font-family: 'proxima-nova';
}

.testimonials p.smallest,.automated p.smallest {
    font-size: 20px;
    margin-bottom: 0;
    color: #0E5AE0;
    font-weight: 400 ;
    line-height: 34px;
    font-family: 'proxima-nova';
}


.testimonials .card .col-sm-7 {
  display: flex;
  align-items: center;
}

.testimonials .card .col-sm-5 {
  text-align: left;
}

.carousel-control-next, .carousel-control-prev {
    top: unset;
    width: 43px;
    opacity: 1;
    background: #0e5ae0;
    height: 35px;
    bottom: 20px;
    z-index: 9999;
}
.carousel-control-prev {
    right: 43px;
    left: unset;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    margin-right: 1px;
}
.carousel-control-next {
    right: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 15px;
    height: 15px;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    background: #96c2ff;
}
.carousel-caption .col-sm-5 {
    background: #fff;
    padding: 30px 75px;
    box-shadow: 5px 0px 10px 0 #ddd;
    position: absolute;
    right: 10%;
    top: -20%;
}
/*.carousel-caption .col-sm-5::before {
    content: " "; 
    position: absolute;
    top: 20px;
    right: 0;
    left: 30px;
    bottom: 0;
    background-image: url();
    background-size: cover;
    background-position: center;
    width: 31px;
    height: 22px;
}_/
.carousel-caption .col-sm-7 img {
    height: 310px;
    object-fit: cover;
}
/*---- testimonials section css end form here now ----*/

/*---- effect css start form here now ----*/
input-effect{
    position: relative;
}
.effect-16 {
    border: 0; 
    padding: 4px 0;
    border-bottom: 1px solid #ccc; 
    background-color: transparent;
}
.effect-16 ~ .focus-border{
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 0; 
    height: 2px; 
    background-color: #3399FF; 
    transition: 0.4s;
}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border {
    width: 100%; 
    transition: 0.4s;
}
.effect-16 ~ label {
    position: absolute;
    left: 40px;
    width: auto;
    top: 9px;
    color: #848484;
    transition: 0.3s;
    z-index: 0;
    letter-spacing: 0.5px;
    font-size: 16px;
}
.effect-16:focus ~ label, .has-content.effect-16 ~ label {
    top: -10px; 
    font-size: 12px; 
    color: #fff; 
    transition: 0.3s;
    background: #00153b;
    padding: 0 6px;
    font-weight: 600;
}
.banner-side-form .effect-16:focus ~ label, .has-content.effect-16 ~ label {
    color: #000; 
    background: #fff;
}
.features-sub-img1 {
    position: reletive;
}
.features-sub-img {
    position: absolute;
    width: auto!important;
    left: 50px;
    display: none;
  top:32px;
}
.features-cont:hover .features-sub-img {
      display: block;
    width: 50px!important;
  ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.features-cont:hover .features-sub-img1 {
    display:none;
}
.features-cont:hover {
    background-position: 0 -100%;
}
.features-cont:hover p{
color:#fff;
      ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
button.chat p {
    display: inline-block;
    margin: 0;
}
button.chat:hover p {
    ms-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}
.automates .sub-heading {
    text-align: center;
    color: #520042;
}
.automates .heading {
    text-align: center;
}
.automates{
   padding: 100px 0;
}
.automates .cont-box h5 {
    color: #520042;
}
/*---- effect css end form here now ----*/

/*---- chat bar css start form here now ----*/

.chat-bar a {
    color: #fff;
    font-size: 30px;
    display: block;
}
/*---- chat bar css start form here now ----*/

/*---- advisroy page css start form here now ----*/
.site-header ul.navbar-nav li a {
    color: #000;
}
.site-header ul.main-nav.form {
    padding: 15px 0 0;
}
section.advisory-banner {
    padding-top: 120px;
      padding-bottom: 90px;
    background: #5a1414;
}
.advisroy-cont h4 {
    color: #f1caca;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative;
    font-family: proxima-nova, sans-serif;
}
.advisroy-cont h4::after {
    content: " ";
    position: absolute;
    top: 7px;
    left: 18%;
    background: #f1caca;
    width: 70px;
    height: 2px;
}

.banner:after{
    content: " ";
    position: absolute;
    top: -18%;
    right: -20.5%;
    bottom: 0;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/advisory-bg.png);
    background-size: cover;
    background-position: center;
    width: 243px;
    height: 213px;
}
.challenge .sub-heading, .the-solution .sub-heading {
    color: #ff7768;
    margin-bottom: 5px;
}
.challenge h3.heading, .the-solution h3.heading {
       width: 100%;
    max-width: 650px;
    margin: 0 auto;
    line-height: 58px;
    margin-bottom: 20px;
    font-size: 42px;
}
.challenge p, .solution p,.tax-challenge p {
    font-size: 20px;
    color: #59595D;
    width: 100%;
    max-width: 796px;
    line-height: 34px;
    margin: 0 auto;
}
  {
    background: #5a1414;
    padding: 25px 0 55px 0;
    text-align: center;
}
.company-profile {
    padding: 100px 0;
}
.profile-cont ul {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}
.profile-cont ul li {
    display: inline-block;
    width: 48%;
    font-size: 13px;
    text-transform: capitalize;
    color: #69696d;
}
.profile-cont ul li:last-child {
    text-align: right;
    color: #5a1414;
    font-weight: 600;
}
/* .see-all-story {
    font-size: 15px;
    color: #fff;
    padding: 10px 31px;
    border-radius: 30px;
    text-transform: capitalize;
    margin: 20px 0;
    display: inline-block;
    background: linear-gradient(to right,#5A1414 50%,#0f3394 50%);
    background-size: 201% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
} */

.see-all-story  {
     display: inline-block;
     padding: 10px 31px;
     margin: 20px 0;
     border-radius: 0;
     color: #fff;
     font-size: 15px;
     background-size: 201% 100%;
     transition: all 0.3s;
     position: relative;
     overflow: hidden;
     z-index: 1;
     font-family: 'proxima-nova';
}
.see-all-story:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #0f3394;
     border-radius: 0;
     z-index: -2;
}
.see-all-story:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background-color: #5A1414;
     transition: all 0.3s;
     border-radius: 0;
     z-index: -1;
}
.profile-storie-cont {
    background: #5a1414;
    padding: 40px 53px 30px 100px;
    width: 100%;
    max-width: 480px;
    left: -2%;
    position: relative;
    top: 75px;
}
.profile-storie-cont p {
    color: #fff;
  font-size:15px;
}
.profile-storie-cont p.name, .profile-storie-cont p.partner, .profile-storie-cont p.city {
    font-size: 15px;
    margin-bottom: -3px;
    color: #ffdbdb;
}
.profile-storie-cont p.partner, .profile-storie-cont p.city {
    opacity: 0.7;
}
.profile-storie-cont p.city {
    text-transform: uppercase;
}
.pkf-bottom {
    max-width: 600px;
    margin: 0 auto 100px auto;
    background: #fff;
    box-shadow: 0px 2px 6px #00000029;
    padding: 40px 70px;
position:relative;
}
.pkf-bottom:after {
    content: "";
    background:#0F3394;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    bottom: -15px;
    right: -15px;
}
.pkf-bottom .henry-team span:before {
    top: 5px;
    left: -40px;
}
.profile-storie-cont:after {
    content: " ";
    position: absolute;
    top: 12%;
    left: 13%;
    bottom: 0;
    background-image:  url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/coma1.svg);
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 22px;
}
.the-solution {
    padding: 100px 0;
    background: #ffeaea;
}
.solution h3.heading {
    max-width: 500px;
    margin: 0 auto 30px 0;
}
.solution p {
    max-width: 500px;
    margin: 0 auto 0 0;
}
.cont-box {
    width: 360px;
    margin-left: 30px;
    margin-top: 10px;
}
.mehroon {
    color: #5a1414;
  /*background: linear-gradient(to right,#5a1414 50%,#f5dede 50%);*/
    background-size: 201% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
position:relative;
  overflow:hidden;
}
a.mehroon:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color:#5a1414;
    transition: all .3s;
    border-radius: 30px;
    z-index: -1;
}
a.mehroon:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    z-index: -2;
    background:#f5dede;
}
.e-book {
    padding: 100px 0px;
    margin-top: 110px;
}
.privacy-text h2 {
    color: #0e5ae0;
    font-family: proxima-nova, sans-serif;
    font-size: 30px;
      margin: 10px 0px;
}
.privacy-page p,.privacy-page li {
    color: #59595d;
    font-family: proxima-nova,sans-serif;
    font-weight: 400;
    font-size: 18px;
   margin-bottom: 0px;
}
.privacy-inner h4 {
    font-family: proxima-nova, sans-serif;
    color: #000;
        margin-bottom: 5px;
    font-size: 22px;
}
.privacy-inner {
    margin-bottom: 30px;
}
.privacy-text {
    margin-bottom: 25px;
}
.privacy-page p {
    margin-bottom: 12px;
}
.privacy-page ul {
padding-left: 30px;
}
.privacy-page li {
    list-style: decimal;
      padding-bottom: 10px;
}
.privacy-page .li-styls li {
    list-style: disc;
}
.book-cont h3.heading {
    padding-top: 110px;
    max-width: 500px;
    line-height: 45px;
    position: relative;
    margin-left: 60px;
}
.book-cont .sub-heading {
    color: #ff7768;
    position: relative;
}
.book-cont .sub-heading::after {
    content: " ";
    position: absolute;
    left: 15%;
    top: 50%;
    background: #ff7768;
    width: 100px;
    height: 1px;
}
.book-cont .stories-btn a {
    margin: 5% 55px 0;
    text-transform: capitalize;
}
.support {
    padding: 100px 0;
    position: relative;
}
.support::after {
    content: " ";
    position: absolute;
    top: 9%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f8fa;
    z-index: -2;
    transform: skew(0deg, -7deg);
    width: 100%;
    height: 670px;
}
.support-cont h3 {
    color: #ff5745;
    font-size: 45px;
    width: 100%;
    max-width: 400px;
    padding: 150px 0 20px;
    font-family: proxima-nova, sans-serif;
}
.support-cont li {
   margin-bottom: 20px;
    font-size: 18px;
    padding-left: 20px;
    position: relative;
    list-style: none;
    color: #5a1414;
    font-weight: 400;
    font-family: proxima-nova, sans-serif;
}
.support-cont li::before {
    content: "\f111";
    position: absolute;
    top: 10px;
    left: 2px;
    bottom: 0;
    right: 0;
    font-family: FontAwesome;
    color: #ff5745;
    font-size: 6px;
}
.profile-cont h5 {
    font-size: 16px;
    color: #5a1414;
    text-transform: capitalize;
}
/*---- advisroy page css end form here now ----*/
.techno-center {
    position: relative;
  z-index: 1;
}
.techno-center:after { 
    content: "";
    background-image:  url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/shre.svg);
    position: absolute;
    width: 300px;
    height: 160px;
    background-repeat: no-repeat;
    bottom: 75px;
    right: 169px;
    background-size: 100%;
    z-index: -1;
}
/*---- audit page css start form here now ----*/
.audit-banner.advisory-banner h1 {
    color: #f0e6f4;
    width: 100%;
}
.audit-banner .advisroy-cont h4 {
    color: #f0e6f4;
}
.audit-banner h4::after {
    background: #f0e6f4;
    left: 12%;
}
.audit-banner .banner:after{
    background-image:url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/audit-bg.png) ;
    top: -25%;
    right: -15%;
}
.challenge.audit-challenge h3.heading {
    max-width: 430px;
}
.audit-profile .profile-cont h5 {
    color: #520042;
}
.audit-profile .profile-storie-cont {
    background: #520042;
    max-width: 580px !important;
}
.audit-profile .profile-cont ul li:last-child {
    color: #520042;
}
img.arm-tax {
    position: relative;
    top: -8px;
}
.audit-solution{
    background: #fdf4ff !important;
}
.audit-profile .profile-storie-cont p:first-child {
    margin-bottom: 40px;
      font-family: 'proxima-nova';
    font-weight: 400;
  line-height: 28px;
}
.technology-center {
    z-index: 1;
    position: relative;
      top: -11%;
}
.audit-profile .profile-storie-cont p.name {
    color: #fff;
}
.audit-profile .profile-storie-cont:after {
    left: 10%;
}
.audit-profile .profile-storie-cont p.city {
    opacity: 0.9;
    color: #fff;
    text-transform: capitalize;
}
.purple {
    color: #520042;
    /*background: linear-gradient(to right,#520042 50%,#f0e6f4 50%);*/
    background-size: 201% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
position:relative;
    overflow: hidden;
}
a.purple:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #520042;
    transition: all .3s;
    border-radius: 30px;
    z-index: -1;
}
a.purple:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    z-index: -2;
    background:#f0e6f4;
}
.green {
    color: #004242;
    /*background: linear-gradient(to right,#004242 50%,#f0e6f4 50%);*/
    background-size: 201% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
position:relative;
    overflow: hidden;
}
.purple:hover,.green:hover,.mehroon:hover,.blue:hover {
    /*background-position: left bottom;*/
  color:#fff;
}
.see-all-story:hover {
  color:#fff;
}
.see-all-story:hover:before,.blue:hover:before,.purple:hover:before,.green:hover:before,.mehroon:hover:before {
     width: 100%;
}
.audit-solution .solution h3.heading {
    margin-bottom: 10px;
}
.e-book.case-study {
    margin-top: 60px;
}
.support.audiit::after {
    top: 12%;
}
.case-study .book-cont h3.heading::after {
    top: -40px;
}
/*---- audit page css end form here now ----*/

/*---- security page css start form here now ----*/
.security-banner {
    background: #011a5c !important;
}
.security-banner .banner {
    top: 19%;
}
.security-banner h1 {
    color: #edf5ff;
}
.security-banner h4::after {
    left: 54%;
    background: #edf5ff;
    width: 100px;
}
.security-banner h4 {
    color: #edf5ff;
}
.security-solution {
    background: #f7fbff;
}
.security-solution .sub-heading, .security-challenge .sub-heading, .security-profile .profile-cont h5 , .security-profile .profile-cont li:last-child{
    color: #0e5ae0;
}
.security-solution h5 {
    color: #0e5ae0;
}
.security-profile .profile-storie-cont {
     background: #011a5c;
}
.security-challenge p {
    max-width: 796px;
    margin: 0 auto 30px;
}
.security-logo {
    background: #011a5c !important;
}
.blue {
    color: #011a5c;
   /* background: linear-gradient(to right,#011a5c 50%,#edf5ff 50%);*/
    background-size: 201% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
position:relative;
    overflow: hidden;
}
a.blue:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #011a5c;
    transition: all .3s;
    border-radius: 30px;
    z-index: -1;
}
a.blue:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    z-index: -2;
    background:#edf5ff;
}
.security-study h4 {
    max-width: 280px;
    color: #0e5ae0;
}
.security-profile .profile-storie-cont p.name, .security-profile .profile-storie-cont p.partner, .security-profile .profile-storie-cont p.city {
    color: #bde3ff;
}
.security-profile .profile-storie-cont p.city {
    text-transform: capitalize;
}
.case-study.security-study h3.heading {
    text-align: center;
    border: 1px solid #011a5c;
    color: #011a5c;
    box-shadow: 10px 10px 0 0 #bde3ff;
}
.security-study .book-cont .sub-heading:after {
    background: #0e5ae0;
}
.security-study.e-book.case-study {
    margin-top: 1%;
}
.security .support-cont li::before {
    color: #0e5ae0;
}
.security .support-cont p {
    margin-bottom: 60px;
}
.security-study .book-cont h3.heading::after {
    background-image:url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Ellipse%20473%20%282%29.svg);
}
.security-banner .banner:after {
    right: -13.5%;
    background-image: url();
     width: 300px;
    height: 156px;
    background-size: cover;
    z-index: -1;
}
.security-banner .banner::after{
   content:"";
   background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/sc-head-back.svg);
 width: 300px;
    height: 149px;
}
.security-banner .advisroy-cont {
    top: 0px;
}
/*---- security page css end form here now ----*/

/*---- tax pagea css start form here now ----*/
section.tax-banner {
    background: #004242 !important;
}
.tax-banner .advisroy-cont h4 {
    color: #c5ffe7;
}

.tax-banner h4, {
    color: #c5ffe7;
}
.tax-banner h4::after {
    left: 10%;
    background: #c5ffe7;
}
.tax-banner .banner:after {
    top: -10%;
    right: -6%;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/tax-bg.png);
    width: 232px;
    height: 71px;
}
.tax-challenge .sub-heading {
    color: #29cec1;
}
section.tax-logo, .tax-profile .profile-storie-cont {
    background: #004242;
}
.three-logo.tax-logo li {
    display: inline-block;
    width: 19%;
}
.tax-profile .profile-cont h5, .tax-profile .profile-cont ul li:last-child {
    color: #004242;
}
.tax-profile .profile-storie-cont:after {
    background-image:  url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/pro-tax.svg);
}

.tax-solution { 
    background: #edfff8;
}
.tax-solution .cont-box h5 {
    color: #004242;
}
.tax-study span.sub-heading {
    color: #29cec1;
}
.tax-study span.sub-heading::after {
    background: #29cec1 !important;
}
.case-study.tax-study h3.heading {
    border: 1px solid #004242;
    box-shadow: 10px 10px 0 0 #e4f0eb;
    text-align: center;
    padding: 30px;
}
.case-study.tax-study h4 {
    max-width: 280px;
    color: #004242;
}
.tax .support-cont h3, .tax .support-cont li:before {
    color: #29cec1;
}
.tax .support-cont li {
    color: #004242;
}
/*---- tax page css end form here now ----*/

/*---- pricing page css start form here now ----*/
.pricing-banner, .find-plan, .roi-form {
    overflow: hidden;
    background: #f9fafc;
    position: relative;
}
.banner-img, .plan-img {
    text-align: right;
}
.banner-img img, .plan-img img {
    width: 100%;
}
.banner-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 20px;
}
.pricing-list ul li {
    font-size: 18px;
}
.plan-cont h3.heading {
    color: #0e5ae0;
}
.return-investment .effect-16:focus ~ label{
  color:#fff;
}
.plan-cont .right-form input {
    background-color: #fff;
    border: 1px solid #dcdddd;
    color: #495057;
}
.plan-cont .effect-16 ~ label {
    top: 20px;
}
.plan-cont .banner-side-form .effect-16:focus ~ label, .has-content.effect-16 ~ label {
    color: #000;
    background: #f9fafc;
    top: -1px;
}
.plan-cont .banner-side-form {
    width: 100%;
    max-width: 515px;
}
.plan-cont {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
}
.plan-cont .form-control:focus {
    background-color: transparent;
    border-color: #0253e0 !important;
    box-shadow: none;
}
.pricing-list {
    width: 100%;
    max-width: 600px;
    margin: 45px auto 0;
}
.product-pricing {
    padding: 60px 0 80px;
}
.pricing h4 {
    font-weight: 400;
}
.privacy-inner a{
word-wrap:break-word;
}
.monthly-price p {
    font-size: 40px;
    margin-bottom: -10px;
}
.pricing-list ul {
    text-align: left;
    list-style: none;
    width: 100%;
    max-width: 312px;
    margin: 30px auto 0;
}
.roundedOne label {
    position: relative;
    padding-left: 10px;
}
.roundedOne label:before{
    content: " ";
    position: absolute;
    top: 3px;
    left: -20px;
    background: #fff;
    border: 1px solid #0253e0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    z-index: -1;
}
.roundedOne label:after {
    content: " ";
    position: absolute;
    top: 6px;
    left: -17px;
    background: #0253e0;
    width: 14px;
    height: 14px;
    border-radius: 50px;
    opacity: 0;
}
.roundedOne input[type=radio] {
    opacity: 0;
}
.roundedOne input[type=radio]:checked + label:after {
    opacity: 1;
}
.custom-switch .custom-control-label::after {
    background-color: #0253e0;
    top: calc(.25rem + 3px) !important;
    left: calc(-2.25rem + 3px) !important;
    width: calc(1rem - 3px) !important;
    height: calc(1rem - 3px) !important;
}  
.custom-control-label::before {
    border: #0253e0 solid 1px;
    width: 40px !important;
    pointer-events: all;
    border-radius: 50px !important;
    height: 20px !important;
}
input#switch1:focus {
    box-shadow: none;
}
.custom-control-label {
    margin-left: 45px;
    padding-left: 16px;
}
.custom-switch {
    padding-left: 0;
    margin-top: 35px;
}
.product-cont {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 0;
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(1.3rem);
    transform: translateX(1.3rem);
}
/*---- pricing page css end form here now ----*/
/*---- Roi form page css start form here now ----*/
.gain-form {
    width: 100%;
    max-width:400px;
    padding: 60px 0;
}
.gain-form label {
    font-size: 16px;
    width: 100%;
    max-width: 300px;
    position: relative;
    padding-bottom:10px;
    font-family: 'proxima-nova';
    letter-spacing: 0px;
    color: #000;
}
.gain-form .form-group {
    margin-bottom: 35px;
}
.gain-form h5 {
     font-size: 17px;
    font-weight: 700;
    color: #0253e0;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'proxima-nova';
}
.return-investment h5 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: 'proxima-nova';
}
/*.return-form .effect-16 ~ label {
    top: 7px;
}*/
.gain-form button.demo {
       background: linear-gradient(to right,#00153b 50%,#0253e0 50%);
    background-size: 201% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.gain-form button.demo:before{
  background-color: #0253e0;
}
.gain-form button.demo:after{
  background-color: #0F1A2B;
}
.henry-team  .blue-button{
   display: inline-block;
       background-size: 201% 100%;
     transition: all 0.3s;
     position: relative;
     overflow: hidden;
     z-index: 1;
}
.blue-button{
  display: inline-block;
       background-size: 201% 100%;
     transition: all 0.3s;
     position: relative;
     overflow: hidden;
     z-index: 1;
    font-family: 'proxima-nova';
}  

 .blue-button:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #0253e0;
     border-radius: 10rem;
     z-index: -2;
}

.blue-button:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background-color: #00153b;
     transition: all 0.3s;
     border-radius: 10rem;
     z-index: -1;
}
.plan-cont .individual-user p {
    max-width: 510px;
    margin:0;
}
.text-center .blue-button{
    background-size: 201% 100%;
     display: inline-block;
     
     transition: all 0.3s;
     position: relative;
     overflow: hidden;
     z-index: 1;
}
.plan-cont1 {
    position: relative;
    width: 100%;
    left: 7%;
    top: 0;
    transform: none;
}
.henry-team .blue-button:after,.demo:after {
  content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    z-index: -2;
}

.text-center .blue-button:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #0253e0;
     border-radius: 10rem;
     z-index: -2;
}
.mobile-plans{
    display:none;
  }
.henry-team  .blue-button:before,.demo:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background-color: #00153b;
     transition: all 0.3s;
     border-radius: 10rem;
     z-index: -1;
}
.text-center  .blue-button:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background-color: #00153b;
     transition: all 0.3s;
     border-radius: 10rem;
     z-index: -1;
}

 .blue-button:hover {
     color: #fff;
}
 .blue-button:hover:before {
     width: 100%;
}

.henry-team  .blue-button:hover {
     color: #fff;
}
.henry-team  .blue-button:hover:before,.demo:hover:before {
     width: 100%;
}
.organize-contss {
    position: relative;
    left: 7%;
    margin-top: 13px;
    max-width: 420px;
}
.tech-contss {
    max-width: 535px;
      margin-bottom: 25px;
}
.organize-contss .sub-heading {
    color: #004242;
}
.text-center .blue-button:hover {
     color: #fff;
}
.text-center  .blue-button:hover:before {
     width: 100%;
}
.find-plan1{
  background:#E4F0EB;
}
.find-plan2 {
    background: #FFFAE6;
}
.conts-boxs{
width:400px;
}
.solution-tech {
    position: relative;
    z-index: 1;
}
.solution-tech:before {
        content: "";
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/11.svg);
    width: 170px;
    height: 170px;
    background-size: 100%;
    position: absolute;
    right: 20px;
    top: -50px;
    background-repeat: no-repeat;
    z-index: -1;
}
.solution-tech:after {
    content: "";
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/12.svg);
    width: 250px;
    height: 270px;
    background-size: 100%;
    position: absolute;
    right: 20px;
    bottom: -90px;
    background-repeat: no-repeat;
}
.automated h1:before {
    background: #0E5AE0;
    content: "";
    width: 35px;
    height: 5px;
    position: absolute;
    top: -15px;
}
.audit-profile.exchange-profile .profile-cont h5 {
    color: #0F3394;
}
.audit-profile.exchange-profile .profile-storie-cont p.city {
    opacity: 1;
    color: #BDE3FF;
}
section.company-profile.audit-profile.exchange-profile {
    margin-bottom: 160px;
      position: relative;
}
section.company-profile.audit-profile.exchange-profile::after {
    content: " ";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f8fa;
    z-index: -2;
    transform: skew(0,-7deg);
    width: 100%;
    height: 300px;
}
section.automates.automates-upload .sub-heading {
    color: #0F3394;
}
.audit-profile.exchange-profile .profile-cont ul li:last-child {
    color: #0E5AE0;
}
.case-study .automated h1 {
    color: #0F3394;
}
.automates.automates-upload .cont-box h5 {
    color: #0F3394;
}
.individual-user.track-user h5,.track-contss .sub-heading {
    color: #FF9300;
}
.calculator {
    padding: 60px 100px;
    background: #0253e0;
  position:relative;
  height: 690px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.calculator:after {
    width: 100%;
    content: "";
    background: #0253e0;
    height: 100%;
    position: absolute;
    top: 0;
    right: -405px;
}
.calculator li span {
       display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'proxima-nova';
    margin-top: 10px;
}
.plan-cont1 .solution-layout {
    margin-bottom: 30px;
}
.return-investment h5 {
    color: #fff;
}
.multi-case{
  padding-top:100px;
}
.calculator li {
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    list-style: none;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff42;
    width: 100%;
    max-width: 180px;
}
.calculator li:last-child{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.return-form {
    background: #0F1A2B;
    padding: 60px 0px 60px 80px;
    height: 100%;
    position:relative;
}


.return-form:after {
    width: 100%;
    content: "";
    background: #0F1A2B;
    height: 100%;
    position: absolute;
    top: 0;
    right: -405px;
}
.return-form .right-form input {
    color: #fff !important;
    background: #fff;
    border-radius: 4px;
    height: 40px;
}
.return-form h5 {
    text-transform: capitalize;
    margin-bottom: 25px;
}
.return-form form.right-form {
    width: 100%;
    max-width: 320px;
}
.return-form .form-control:focus {
    background-color: transparent !important;
}
.return-form button.demo{
        background: linear-gradient(to right,#00153b 50%,#0253e0 50%);
  background-size: 203% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
 .gain-form label:after {
/*     content: "\f128";
    position: absolute;
    top: 0;
    right: -61px;
    font-family: FontAwesome;
    background: #bbb;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px; */
}
/*---- Roi form page css end form here now ----*/

/*---- Roi clculators page css start form here now ----*/
.roi-banner {
    background: #0F1A2B;
    padding: 100px 0;
}
.audit-profile .profile-storie-cont.profile-storie-cont1  {
    background: #00153B;
}
.audit
.roi-cont h1 {
    color: #fff;
    font-weight: 400;
    width: 100%;
    max-width: 400px;
    margin-bottom: 20px;
    font-size:50px;
}
.roi-cont {
    width: 100%;
    max-width:492px;
}
.roi-cont p {
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    font-family: 'proxima-nova';
}

.roi-logos-sec .logos-sec {

  background: #0F1A2B !important;
  
}

.testimonials.save-test .heading {
    width: 100%;
    max-width: 480px;
    line-height: 45px;
    margin: 0 auto;
}

.testimonials.save-test h3 {
font-size: 48px;
  font-weight: 600;
  line-height: 58px !important;
}

section.testimonials.save-test {
    padding: 100px 0;
}
section.e-book.case-study.security-study.roi-study {
    overflow: hidden;
    background: #f9fafc;
    padding: 0;
    margin: 0;
}
.study img {
    width: 50%;
}
.case-study.security-study.roi-study h3.heading {
    margin-top: 110px;
}
.roi-study span.sub-heading {
    position: relative;
}
.case-study.security-study .book-cont .sub-heading::after {
    left: 125px;
}
.security-study.roi-study .book-cont h3.heading::after {
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Ellipse%20473%20%282%29.svg);
    width: 100px;
    height: 100px;
    z-index: -1;
    top: -40px;
    left: -40px;
    background-size: cover;
}
.roi-study p {
    width: 100%;
      max-width: 400px;
    color: #0f3394;
    position: relative;
    margin-top: 30px;
    margin-left: 50px;
    font-family: 'proxima-nova';
    font-size: 18px;
  line-height: 30px;
}
.roi-profile .profile-storie-cont {
    top: 0;
    left: 0;
    margin: 0 auto;
    background: transparent;
    width: 100%;
    max-width: 640px;
}
.roi-profile  .profile-storie-cont:after {
    left: 60px;
}
.site-logo img {
    width: 192px!important;
}
.roi-profile .profile-storie-cont p:first-child {
    color: #000;
    font-size: 34px;
  font-family: 'proxima-nova';
  font-weight: 600;
}
.roi-profile .profile-storie-cont p.name{
    font-weight: 600;
}
.roi-profile .profile-storie-cont p.name, .roi-profile .profile-storie-cont p.partner, .roi-profile .profile-storie-cont p.city {
    color: #0e5ae0;
}
section.partner-roi {
    padding-bottom: 40px;
}
.book-cont {
    padding-top:0px!important;
    padding-bottom:20px!important;
    position: relative;
    z-index: 1;
}
/*---- Roi clculators page css end form here now ----*/

/*---- Technology page css start form here now ----*/
section.banner-technology {
    position: relative;
    padding: 80px 0;
}
.technology-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.technology-cont h1 {
    color: #0f3394;
    font-size: 48px;
    position: relative;
    font-weight: 400;
    margin-bottom: 20px;
    padding-top: 10px;
}
.technology-cont h1:after {
    background: #0e5ae0;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 3px;
}
.technology-cont p {
    color: #447fe7;
    width: 100%;
    max-width: 240px;
    font-weight: 500;
}
.technology-img {
    position: relative;
}
.technology-img::before {
    content: " ";
    position: absolute;
    top: -13%;
    left: -13%;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/tech-bg.png);
    width: 223px;
    height: 221px;
}
.technology-img::after {
    content: " ";
    position: absolute;
    bottom: -11%;
    right: -10%;
    background-image: url();
    width: 266px;
    height: 88px;
}
.organize-sec {
    padding: 80px 0;
}
.organize-sec .cont-box {
    margin-top: 0;
}
.organize-sec .cont-box h5 {
    color: #76376a;
    margin-bottom: 20px;
}
.organize-sec .solution-layout {
    width: 100%;
    max-width: 440px;
    margin-left: auto;
}
.organize-sec span.sub-heading {
    text-align: center;
    color: #76376a;
}
.organize-sec h3.heading {
    text-align: center;
    margin-bottom: 70px;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.organize-img {
    position: relative;
}
.organize-img::after {
    content: " ";
    position: absolute;
    top: -8%;
    right: 25%;
    background-image:  url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/org-bg.png);
    width: 181px;
    height: 197px;
}
.invites-users {
    background: #e4f0eb;
    overflow: hidden;
}
.invites-users .user-img img {
    width: 100%;
}
.invites-users .cont-box h5, .invites-users .sub-heading {
    color: #2b6262;
}
.invites-users .cont-box {
    width: 450px;
    margin-top: 0;
}
.invites-users .solution-layout {
    margin-bottom: 20px;
}
.invites-users .solution-cont {
    margin-top: 60px;
    margin-left: 50px;
}
.invites-users h3.heading {
    width: 100%;
    max-width: 500px;
    margin-bottom: 40px;
}
.share-upload {
    padding: 80px 0;
}
.share-upload span.sub-heading {
    text-align: center;
}
.share-upload h3.heading {
    text-align: center;
    width: 100%;
    max-width: 490px;
    margin: 0 auto;
}
.share-upload .solution-cont {
    padding-left: 10%;
}
.share-upload .solution-layout {
    display: flex;
    margin-bottom: 20px;
}
.share-upload .cont-box {
    width: 310px;
    margin-left: 30px;
    margin-top: 0;
}
.share-upload .cont-box p {
    width: 100%;
    max-width: 300px;
    color: #79797d;
}
.share-upload .cont-box h5 {
    color: #505f9c;
    line-height: normal;
}
.share-upload .share {
    text-align: center;
    margin: 40px 0;
    position: relative;
}
.share-upload .share::after {
    content: " ";
    position: absolute;
    bottom: 9%;
    right: 23%;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/share&upload.png);
    width: 243px;
    height: 128px;
    z-index: -1;
}
.invites-users.tracks {
    background: #fffae6;
}
.invites-users.tracks span.sub-heading, .invites-users.tracks .cont-box h5 {
    color: #ffa324 !important;
}
.invites-users.tracks h3.heading {
    max-width: 490px;
}
.invites-users.tracks .cont-box p {
    width: 100%;
    max-width: 432px;
}
.technology-partner::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35%;
    background: #f7f8fa;
    z-index: -2;
    transform: skew(0deg, -7deg);
    width: 100%;
    height: 190px;
}
.technology-profile {
    padding: 0;
    margin-bottom: 12%;
}
.dashboard {
    text-align: center;
    position: relative;
    top: -30px;
    margin-bottom: 30px;
}
/*---- Technology page css end form here now ----*/
.carousel-caption .col-sm-7 {
    position: relative;
}

.carousel-caption-img::after {
      content: "\f04b";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    font-family: fontawesome;
    color: #0e5ae0;
    background: #c8ccd4;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    font-size: 50px;
    display: inline-block;
      padding-left: 10px;
}
.carousel-caption-img:hover::after {
    background: #0e5ae0;
    color: #c8ccd4;
}
.file-store-tooltip {
    background: #edf6ff;
    padding: 0;
    position: relative;
    top: 20px;
    left: -100px;
    width: 65%;
}
.carousel-caption-img {
    width: 100%;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.file-inner-tooltip {
    background: #011a5c;
    color: #fff;
    padding: 13px;
    position: relative;
    right: 10px;
    bottom: 10px;
}
.file-inner-tooltip::after {
    content: "\f0de";
    font-family: fontAwesome;
    position: absolute;
    top: -31px;
    color: #011a5c;
    font-size: 50px;
    right: 34px;
}

/* custom css */
.row-fluid .span12 {
    width: 100%;
}
.container-fluid.body-container {
    padding-left: 0;
    padding-right: 0;
}

.cont-layout i {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #0e5ae0;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    line-height: 18.8px;
    position: absolute;
    left: -31px;
    color: #0e5ae0;
    padding-left: 2px;
    top: 13%;
}
div#hs_menu_wrapper_Footer {
    display: inline-table;
}
p.calculator-form-tooltip {
    top: 28px!important;
    right: 0;
    float: right;
    font-family: FontAwesome;
    background: #bbb;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.tooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
}

.tooltip .tooltiptext {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    visibility: hidden;
    width: 180px;
    color: #6b6b6b;
    text-align: left;
    border-radius: 4px;
    padding:18px 10px 20px 20px;
    position: absolute;
       z-index: 1;
    top: -5px;
    left: 300%;
    font-size: 13px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 100%;
    margin-top: -3px;
    border-width: 11px;
    border-style: solid;
    border-color: transparent white transparent transparent;
}
.blog img {
    width: 100%;
}
.visible{
  visibility: visible;
 
}
.close-icone {
       text-align: right;
    position: absolute;
    margin-top: -14px;
    right: 12px;
    opacity: .4;
    font-size: 15px;
    cursor: pointer;
}
/* .tooltip:hover .tooltiptext {
  visibility: visible;
} */
/* custom css end */

/*----- About us css start -----*/
.about-banner{    
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/component.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 350px 0 250px;
    background-position:center;
}
.about-banner-text h1 {
    font-size: 80px;
    color: #000;
    font-family: proxima-nova;
    font-weight: 600;
}

.about-banner-text {
    display:block;
    width: 400px;
  max-width:100%;
  margin:auto;
    
}
.about-banner-text span {
    color: #0E5AE0;
    position: relative;
}
/*.about-banner-text span:after {
    position: absolute;
    content: "";
    background: #0E5AE0;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 7px;
}*/
.about-banner-left {
    width: 100%;
    display: inline-block;
    padding: 100px 0px;
}
.about-banner-left-img {
    position: relative;
    padding-left: 0px;
}
.about-banner-left-img:before{
    content: "";
    background: #0E5AE0;
    position: absolute;
    width: 22px;
    height: 100%;
    left: -20px;
    top: 20px;
}
.team-img:after {
    content: "";
    background: #0E5AE0;
    position: absolute;
    width: 22px;
    height: 100%;
    left: 29px;
    top: 20px;
}
.about-banner-left-img:after{
    content: "";
    background: #0E5AE0;
    position: absolute;
    width: 89%;
    height: 20px;
    bottom: -20px;
    left: 0px;
}
.team-img:before {
    content: "";
    background: #0E5AE0;
    position: absolute;
    width: 89%;
    height: 20px;
    bottom: -20px;
    left: 33px;
}
#saved_per_yearin_percent label,#saved_per_year label{
position:relative;
  margin:0;
}
#saved_per_yearin_percent label{
padding-left:50px;
  font-weight:bold;
}
#saved_per_yearin_percent label:before {
        content: "";
    position: absolute;
    background: #fff;
    width: 45px;
    height: 4px;
    top: 15px;
    left: 0;
}
li#saved_per_hours {
    position: relative;
}
li#saved_per_hours:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 45px;
    height: 4px;
    top: 20px;
    left: 0;
}
#saved_per_year label:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 45px;
    height: 4px;
    top: 15px;
    left: 25px;
}
.headings{
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 20px;
    font-size: 42px;
    font-weight: 400;
    line-height: normal;
}
.about-banner-right-text h3 {
  font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
    position: relative;
    margin-bottom: 30px;
    color: #000;
    font-family: proxima-nova, sans-serif;
}
.about-banner-right-text h3:before {
    content: "";
    background: #0E5AE0;
    position: absolute;
    width: 3px;
    height: 100%;
    left: -22px;
    top: 9px;
}
.logo-area{
    background: #edf5ff;
    padding: 15px 0px;
}
.about-banner-right-text p {
    color: #59595D;
    margin-bottom: 25px;
    font-weight: 400;
    font-family: rogliano, sans-serif;
      line-height: 36px;
    font-size: 20px;
}
.john {
    color: #0E5AE0;
    border: 1px solid #0E5AE0;
    border-top: 16px solid #0E5AE0;
    text-align: center;
    max-width: 250px;
    padding: 50px 0px;
    background: #fff;
}
.john h2 {
    font-weight: 400;
    font-size: 60px;
    margin-bottom: 15px;
      font-family: proxima-nova, sans-serif;
}
.mission {
    text-align: center;
} 
.mission-inner h4 {
    color: #000000;
    margin-bottom: 20px;
      font-family: proxima-nova, sans-serif;
  font-weight: 700;
}
.mission-inner p {
    color: #0e5ae0;
    font-weight: 400;
    font-style: italic;
    max-width: 410px;
    margin: 0 auto;
    line-height: 33px;
    font-family: rogliano,sans-serif;
}
.about-banner-right-text {
    padding-left: 80px;
}
.rating {
    padding:50px 60px 30px 60px;
}
.nine-plus {
    position: relative;
    z-index: 2;
}
section.invite-users.mission {
    z-index: 1;
    padding: 130px 0 130px 0;
    margin-top: 0;
    margin-bottom: 140px;
}
.leadership-inner p {
    font-size: 20px!important;
    line-height: 36px!important;
}
.vission {
    position: relative;
    margin: 50px 0px;
    padding:50px 0px 70px 0;
}
.vission:before {
    max-width: 100%;
    content: "";
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/circle-line.png) ;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    width: 700px;
    height: 20px;
}
.vission:after {
    max-width: 100%;
    content: "";
    background-image:url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/circle-line.png) ;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    width: 700px;
    height: 20px;
}
.mission-human {
    width: 100%;
    display: inline-block;
    padding: 0 100px;
    margin-bottom: 50px
}
.mission-human label {
    color: #8e8e80;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
font-family: rogliano, sans-serif;
}
.leader-image {
    border-radius: 50%;
    overflow: hidden;
    width: 200px!important;
    height: 200px!important;
    margin: 0 auto;
    margin-bottom: 30px;
}
.leadership {
    width: 100%;
    display: inline-block;
    padding: 50px 0px;
}
.team-img:after {
    right: -20px;
    left: auto;
}
.team-img {
    position: relative;
}
.join-team {
    width: 100%;
    display: inline-block;
    padding: 50px 0 150px 0;
}
.henry-horne h2 {
    color: #0E5AE0;
}
.join-team-text h2 {
    color: #0E5AE0;
    font-family: proxima-nova, sans-serif;
}
.join-team-text ul {
    padding-left: 30px;
    position: relative
}
.join-team-text li, .join-team-heading label {
    color: #0E5AE0;
    font-size: 19px;
    list-style: none;
    width: 100%;
    position: relative;
    font-family: rogliano, sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
  line-height: 30px;
}
.join-team-text li:before {
    content: "";
    position: absolute;
    left: -15px;
    width: 5px;
    height: 5px;
    background: #0e5ae0;
    border-radius: 50%;
    top: 12px;
}
.join-team-text p {
    color: #59595D;
    margin-bottom: 25px;
      font-family: rogliano, sans-serif;
    font-weight: 400;
      font-size: 19px;
    line-height: 30px;
}
.join-team-heading p{
     padding: 70px 0px 20px 0;
    position: relative;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    color: #000;
  font-size: 20px;
}
.henry-team span{
  padding: 30px 0px 20px 0;
    position: relative;
    display: inline-block;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    line-height: 32px;
}
.join-team-heading p:before,.henry-team span:before{
    position: absolute;
    left: 0px;
    top: 30px;
    background-repeat: no-repeat;
    content: " ";
    right: 0;
    bottom: 0;
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/quote-blue.svg);
  background-size: 100% 100%;
    background-position: center;
    width: 28px;
    height: 28px;
}
.henry-team span:before{
    top:5px;
}
.join-team-text {
    padding-left: 0px;
}
.join-team-text ul:after {
    content: "";
    position: absolute;
    background: #d6d7d8;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -20px;
}
/*----- About us css end -----*/
/*----- Blog css start -----*/
.mission-inner {
    width: 100%;
    display: inline-block;
}
.blog {
    width: 100%;
    box-shadow: 0 0 9px 0 #dedede;
    display: inline-block;
    margin-bottom: 50px;
}

.blog:hover .cross_animation img {
  transform: rotate(45deg);
  transition: .2s ease-in ;
}
.blog .cross_animation img {
     transform: rotate(0deg);
    transition: .2s ease-in;
    margin-top: -5px;
}

/* .blog1 {
    padding: 0 70px;
} */
.blog-top{
    margin-bottom: 50px;
}
.blog-text {
    padding: 35px 20px 20px 0;
    width: 100%;
    display: inline-block;
    height: 100%;
    font-family: proxima-nova, sans-serif;
}
.blog-text h5 {
    color: #000000;
    font-weight: 400;
    font-size: 25px;
    line-height: normal;
    font-family: proxima-nova, sans-serif;
}
.blog-text p {
    margin: 70px 0px;
}
.blog-text label{
    font-family: proxima-nova, sans-serif;
}
.blog-read a:hover {
    color: #000;
}
.news-read .mission-inner h4 {
    font-size: 20px;
    line-height: 32px;
}
.blog-read {
    margin-bottom: 15px;  
  display:flex;
justify-content: space-between;
}
.blog-header .blog-read{
 margin-bottom: 8px;
    width: 85%;
    bottom: 0;
    position: absolute;
}
.blog-read a {
    font-size: 16px;
    color: #0e5ae0;
    font-weight: 400;
    transition: 0.5s ease all;
    font-family: proxima-nova, sans-serif;
}
.blog-read label {
    float: right;
font-family: proxima-nova, sans-serif;
font-size:15px;
}
.blog-inner-text {
    padding: 20px;
}
.henry-text p,.henry-text1 p,.top-case-study p,.profile-storie-cont p,.challenge p, .solution p{
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
}
.blog-inner-text p {
    margin: 0;
    margin: 15px 0 40px 0;
font-family: proxima-nova, sans-serif;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-inner-text h5 {
    font-size: 16px;
font-family: proxima-nova, sans-serif;
}
.subscribe{
    float:right;
} 
.subscribe a {
    margin: 0;
}
.blog-search input{
    background: #F7F8FA;
    border: 1px solid #F7F8FA;
    border-radius: 20px;
    padding: 6px 15px;
    position: relative;
    width: 100%;
}
.blog-search {
    display: inline-block;
    position: relative;
}
.blog-solution {
    width: 100%;
    display: inline-block;
    padding: 40px 0px;
}
.blog-search button {
    position: absolute;
    right: 12px;
    background: transparent;
    border: none;
    color: #59595D;
    top: 7px;
}
.blog1 .mission-inner {
    margin: 40px 0;
}
.blog-date {
    display: inline-block;
    width: 100px;
    position: relative;
    margin-left: 25px;
}
.blog-date .form-group {
    margin-bottom: 0;
}
.blog-date .form-control {
    background: #fff;
    border: 1px solid #0e5ae0;
    border-radius: 23px;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.blog-date:after {
    content: "\f107";
    position: absolute;
    top: 4px;
    right: 11px;
    font-family: fontawesome;
    color: #0e5ae0;
    font-size: 20px;
    display: inline-block;
    pointer-events:none;
}
.blog-month {
   width: 150px;
}
.load {
    width: 100%;
    display: inline-block;
    text-align: center;
}
.load a {
    background: #0E5AE0;
    display: inline-block;
    border: 1px solid #707070;
    color: #fff;
    padding: 12px 100px;
    font-family: proxima-nova ;
    font-weight: 400;
    transition:0.5s ease all;
}
.load a:hover {
    background: transparent;
    border: 1px solid #707070;
    color: #707070;
}
.blog:hover .blog-read{
   transform: translateY(-6px);
}
.blog .blog-read{
  transition: transform .6s;
}
.blog-header{
    width: 100%;
    box-shadow: 0 0 9px 0 #dedede;
    display: inline-block;
    margin-bottom: 50px;
}
.subscribe-box p span:hover{
  text-decoration:underline;
}
.individual-user {
    margin-left: 20px;
}
/*----- Blog css end -----*/

/*----- Blog-post css start -----*/
.mission-inner.blog-post{
    margin: 30px 0 0px 0;
}
.blog-post-main .blog-img p {
    margin-bottom: 35px;
    margin-top: 10px;
}
.blog-post-main .blog-img p span{
    color: #000;
}
.blog-post-main .blog-img .nunc{
    color: #0e5adf;
    padding-left:20px;
    display: inline-block;
}
.blog-post-main .blog-img h5,.henry-horne h5{
    margin: 0;
    font-weight: 400;
    font-family: proxima-nova, sans-serif;
      font-size: 25px;
    line-height: 35px;
}
.blog-img li {
    font-weight: 700;
    position: relative;
    margin-bottom: 5px;
    list-style:none;
    font-family: rogliano,sans-serif;
    color: #000;
}
.blog-img ul {
    padding-left: 30px;
    margin-bottom: 30px;
}
.blog-img li:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    background: #000;
    border-radius: 50%;
    top: 10px;
    left: -15px;
}
.nunc {
    position: relative;
    margin-bottom: 20px!important;
    display: inline-block;
}
.nunc:before {
    content: "";
    background: #0E5AE0;
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0px;
    top: 3px;
}
.blog-post {
    max-width: 550px;
}
.social-list li {
    display: inline-block;
    margin-right: 15px;
}
.social-list li a:hover {
    background: #000;
}
.social-list li a {
    background: #0E5AE0;
    color: #fff;
    width: 30px;
    transition: 0.5s ease all;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
}
.subscribe-box {
    border: 1px solid #e0e1e3;
    width: 100%;
    display: inline-block;
    padding: 25px;
}
.subscribe-box input {
    width: 100%;
}
.subscribe-box .right-form p span {
    color: #0e5adf;
}
.subscribe-box .right-form p a {
    color: #0e5adf;
    display: inline;
  font-family: rogliano,sans-serif;
}

.right-form p{
  font-family: rogliano,sans-serif;
}
.work-email {
    padding-left: 50px;
}
.social-list {
    padding: 25px 0px;
}
.subscribe-box h5 {
    color: #0e5adf;
    font-weight: normal;
}
.post-img>img {
    margin-bottom: 30px;
}
.subscribe-box .right-form .effect-16:hover  ~ label, .has-content.effect-16 ~ label{
    top: -10px;
    font-size: 12px;
    color: #000;
    transition: .3s;
    background: #fff;
    padding: 0 6px;
    font-weight: 600;
}
.subscribe-box .right-form .effect-16:hover{
    border-color: #0253e0;
    border-radius: 25px;
}
.subscribe-box .right-form .effect-16:focus{
    border-color: #0253e0;
    border-radius: 25px;
}

.blog-post-main .blog-img h5{
  font-family: rogliano,sans-serif!important;
  font-style: italic;
}
.about-banner-right-text h2 {
    font-family: proxima-nova, sans-serif;
}
/*----- Blog-post css end -----*/
/*----- case-study css start -----*/
.study:after {
    content: "";
    position: absolute;
    right: -21px;
}
.study:before{ 
    width: 98%;
}
.case-study h1 {
    padding-right: 85px;
    font-family: proxima-nova;
    color: #000;
    font-size: 55px;
}
.news-room-text p {
    font-family: rogliano,sans-serif;
    color: #59595D;
}
.case-study {
    width: 100%;
    display: inline-block;
    padding: 100px 0px;
}
.meet {
    margin: 0!important;
    padding-top: 50px!important;
}
.henry {
    width: 100%;
    box-shadow: 0 0 9px 0 #dedede;
    display: inline-block;
    border-top: 20px solid #0e5ae0;
    padding: 50px 50px;
    margin-bottom: 150px;
    position:relative;
    background: #fff;
}
.cntrol{
    margin-bottom: 0px;
}
.henry-right:before {
    content: "";
    background-image:  url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/gradient-circle.png);
    width: 120px;
    height: 120px;
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;
    top: -60px;
    right: -60px;
}
.henry-left:before {
    content: "";
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Ellipse%20473%20%282%29.svg) ;
    width: 120px;
    height: 120px;
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;
    top: -60px;
    left: -60px;

}
.henry-horne h4:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 25px;
    background-image:url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/henry.svg) ;
    left: 0;
    background-size: cover;
    background-position: left;
    top: 4px;
}
.henry-horne h4{
    position: relative;
    padding-left: 40px;
    font-weight: 700;
    color: #0e5ae0;
    margin-bottom: 50px;
}
.henry-horne h5 {
    margin-bottom: 0px;
    display: inline-block;
    font-size: 25px;
    color: #011A5C;
}
.henry-team a {
    margin-top: 25px;
}
.study1, .study2 {
    vertical-align: middle;
    display: inline-block;
}
.study-case{
    width:100%;
    display:inline-block;
}
.henry-horne>img {
    margin-bottom: 20px;
    display: inline-block;
}
.henry-text {
    padding-right: 50px;
}
.henry-text1 {
    padding-left: 50px;
}
.case-engagements p{
    width: 100%;
    max-width: 100%;
}
.case-engagements {
    margin-bottom: 50px;
}
.top-case-study {
   
}
.henry-left,.henry-right{
    position:relative;
}
.henry-text h2.headings span {
    font-weight: 500;
}
/*----- case-study css end -----*/

/*----- case-study css start -----*/
.henry-left .henry-horne img {
    margin-top: 20px;
}
/*----- case-study css end -----*/
/*----- library css start -----*/
.blog-inner-text img {
    cursor: pointer;
}

.blog:hover .blog-img img{
  
      transform: scale(1.1);
}
.source-type label {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
    color: #000000;
    font-family: proxima-nova, sans-serif;
    font-size: 18px;
}
}
.source-type {
    display: inline-block;
    position: relative;
}
.top-library {
    margin: 0!important;
    padding:50px 0px!important;
}
/*----- library css end -----*/
/*----- library-form css start -----*/
.library-form {
    display: inline-block;
    width: 100%;
    padding: 50px 0px;
}
.lib-book .sub-heading {
    border-top: 1px solid #e0e1e3;
    padding-top:30px;
}
.lib-book {
    padding-left: 50px;
}
.subscribe-box1 .effect-16:focus ~ label, .subscribe-box1 .has-content.effect-16 ~ label  {
    color: #000;
    background: #fff;
}
.subscribe-box1 {
   padding: 20px;
  background:#0E5AE0;
}
.henry-horne h5 i {
    margin-right: 15px;
}
/*----- library-form css end -----*/
/*----- library-no-form css start -----*/
.infographic a {
    background: #0E5AE0;
    width: 100%;
    transition: 0.5s ease all;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 20px 10px;
    font-weight: normal;
}
.infographic a:hover {
    opacity: 0.8;
}
.infographic img {
    width: auto!important;
}
/*----- library-no-form css end -----*/

/*----- contact css end -----*/


input[type=text],
input[type=email],
input[type=password],
input[type=Title],
input[type=phone],
textarea,.hbspt-form input {
    -webkit-appearance: none;
 font-family: rogliano, sans-serif;
    font-weight: 400;
}
.p-contact{
    color: #4C4C53;
    font-size: 19px !important;
    line-height: 31px !important;
    margin-top: 14px;
    margin-left: 4px;
  
}

.chat i {
    font-size: 20px;
}

.chat i:hover {
   
  color:#fff;
}
.contact {
    position: relative;
    z-index: 1;
}
.contact:before {
    content: "";
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/dot.png) ;
    background-size: cover;
    width: 180px;
    height: 200px;
    position: absolute;
    top: -55px;
    left: -70px;
    z-index: -1;
}

.contact-text{
display:flex;}
.contact:after {
     content: "";
    position: absolute;
    width: 80% !important;
    height: 740px;
    right: 110px;
    background: #00153b;
    z-index: -1;
    top: -120px;
    right: -37px;
}
.get-start:before {
    content: "";
    background: #0e5ae0;
    position: absolute;
    left: -405px;
    width: 425px;
    height: 100%;
    z-index:-1;
    top: 0;
}
.get-start {
    background: #0E5AE0;
    padding: 207px 50px 158px 0px;
    position: relative;
    z-index: 1;
}
.get-sales h2 {
    font-size: 20px;
    font-weight: 500;
  
    color: #fff;
    margin-bottom:5px;
     text-transform: uppercase;
    letter-spacing: 1.25px;
}
.get-sales p a,.get-sales p{
    color: #fff;
    margin-bottom: 2px;
    font-size: 14px;
}
.get-sales {
    max-width: 250px;
    margin: 0 auto 20px auto;
}
.get-plant {
    padding:55px 0 75px 0px;
    position: relative;
    top: 0;
    transform: none;
}

.get-plant {
max-width: 100%;
 width: 760px;
  margin:auto;
}

.right-form textarea{
    margin: 10px 0 25px;
    border:1px solid #dcdddd;
    font-size: 14px;
    letter-spacing: .3px;
    border-radius: 0px;
    padding: 0 15px;
    font-weight: 600;
    background:#fff;
}
.get-plant .right-form input {
    margin: 10px 0 23px!important;
}
/*----- contact css end -----*/
/*----- news-room css start -----*/
.news-img {
    position: relative;
    z-index: 1;
}
.news-img:after {
    content: "";
    position: absolute;
    width: 520px;
    height: 350px;
    right: -30px;
    background: #0F3394;
    z-index: -1;
    top: -30px;
}
.room {
    margin: 0;
}
.news-room-inner {
    padding: 0 50px;
}
.news-room-text {
    padding:30px 0;  
}
.news-border{
    border-bottom: 1px solid #e0e1e3;
    border-top: 1px solid #e0e1e3;
}
.news-read h4 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 50px;
}
.news-read {
    width: 100%;
    box-shadow: 0 0 9px 0 #dedede;
    display: inline-block;
    border-top: 10px solid #0e5ae0;
    padding: 20px 30px;
    margin-bottom: 50px;
}
.news-read:hover img{
  content: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/images/blue1.png) ;
}
.blog-read-more{
      transition: transform .6s;
}
.news-read:hover .blog-read-more{
 transform: translateY(-6px);
  text-decoration: underline;
}

/*----- news-room css end -----*/
/*----- news-room2 css start -----*/
.news-single {
    /* max-width:450px; */
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)!important;
}
.news-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.news-single .right-form {
    width: 270px;
}
/*----- news-room2 css end -----*/
/*----- library css start -----*/
.blog-inner-text img {
    cursor: pointer;
}
.source-type .form-control {
    display: inline-block;
    width: 150px;
    border-radius: 30px;
    border: 1px solid #0E5AE0;
}
.source-type {
    display: inline-block;
    position: relative;
}
.top-library {
    margin: 0!important;
    padding:50px 0px!important;
}
/*----- library css end -----*/
/*----- library-form css start -----*/
.library-form {
    display: inline-block;
    width: 100%;
    padding: 50px 0px;
}
.lib-book .sub-heading {
    border-top: 1px solid #e0e1e3;
    padding-top:30px;
}
.lib-book {
    padding-left: 50px;
}
.subscribe-box1 .effect-16:focus ~ label, .subscribe-box1 .has-content.effect-16 ~ label  {
    color: #000;
    background: #fff;
}
.subscribe-box1 {
    color: #fff;
}
/*----- library-form css end -----*/
/*----- library-no-form css start -----*/
.infographic a {
    background: #0E5AE0;
    width: 100%;
    transition: 0.5s ease all;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 20px 10px;
    font-weight: normal;
}
.infographic a:hover {
    opacity: 0.8;
}
.infographic img {
    width: auto!important;
}
/*----- library-no-form css end -----*/
/* custom css 2 start */
.display-form-1{
  display: none;
}

.site-header .dropdown-menu, .banner-header .dropdown-menu {
padding: 0 ;
margin: 0 ;
box-shadow: 0px 3px 6px #00000029;
border: 1px solid #0E5AE0;
border-radius: 0;
border-top: 4px solid #0e5ae0;
}

.banner-header .dropdown-item {
color: #000;
padding: 15px 10px;
font-weight: 600;
}
ul.navbar-nav li a:hover {
color: #0253e0;
background: transparent;
}
.dropdown-menu.dropdown1 {
width: 250px;
padding: 20px 10px;
}
.dropdown-item img {
margin-right: 10px;
  max-width:30px;
    width: 25px;
}
.calculator-icon img{
  width: 21px;
}
.dropdown-menu.dropdown2 {
padding: 20px 10px;
}
.dropdown-menu.dropdown3 {
width: 350px;
padding: 20px 30px;
}
.dropdown-menu.dropdown3 li {
width: 47%;
}
/* .dropdown-menu:after {
content: "";
top: -12px;
position: absolute;
left: 75px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 8px solid #0e5ae0;
} */
.dropdown-menu.dropdown1 {
    width: 250px;
    padding: 20px;
}
.banner-header .dropdown-item {
    color: #000;
    padding: 15px 10px;
    font-weight: 600;
}

.banner-content .dropdown-item {
    color: #000;
    padding: 15px 10px;
    font-weight: 500;
}
.header2 .display-form-2{
  display:none;
}

.Headerli_color{
  color: #29cec1;
}
.site-footer{
  font-family: proxima-nova, sans-serif;
}

.dropdown-menu-1:after {
content: "";
top: -12px;
position: absolute;
left: 97px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 8px solid #0e5ae0;
}

.dropdown-menu-2:after {
content: "";
top: -12px;
position: absolute;
left: 72px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 8px solid #0e5ae0;
}

.dropdown-menu-3:after {
content: "";
top: -12px;
position: absolute;
left: 102px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 8px solid #0e5ae0;
}
li.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}
.header-input-active{
  top: -10px!important; 
  font-size: 12px!important; 
  color: #000!important; 
  transition: 0.3s!important;
  background: #fff!important;
  padding: 0 6px!important;
  font-weight: 600!important;
}

.blog-post-header-input-active{
  top: -10px!important; 
  font-size: 12px!important; 
  color: #000!important; 
  transition: 0.3s!important;
  background: #fff!important;
  padding: 0 12px!important;
  font-weight: 600!important;
  border-radius:25px!important;
  border-color: #0253e0!important;
}

.contact-input-active{
  top: 0px!important; 
  font-size: 12px!important; 
  color: #000!important; 
  transition: 0.3s!important;
  background: #fff!important;
  padding: 0 6px!important;
  font-weight: 600!important;
}
.footer-input-active{
  top: -10px!important; 
  font-size: 12px!important; 
  color: #fff!important; 
  transition: 0.3s!important;
  background: #00153b!important;
  padding: 0 6px!important;
  font-weight: 600!important;
}

.footer-input-act{
    color: #fff !important;
    background-color: transparent !important;
    border-color: #0253e0 !important;
    box-shadow: none !important;
    font-weight: bold !important;
    padding: 0 30px !important;
}
.header-input-act{
  border-color: #0253e0 !important;
}
.product-cont .custom-control-label{
  color:#0e5ae0;
  opacity:0.5;
}

.security-consulting-profile-storie-cont:after {
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/testomonial-bg.svg)!important;
}
.audit-profile .profile-storie-cont:after{
  background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/profile-bg.svg)!important;
}
.audit-profile .profile-storie-cont.profile-storie-cont1:after {
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/quote-blue.svg) !important;
}
.pricing-list ul li:before {
    content: "";
    background-image: url(//5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/raw_assets/public/my-website-theme/images/svg/Group%201532.svg) ;
    position: absolute;
    background-size: cover;
    left: 7px;
    top: 11px;
    width: 14px;
    height: 13px;
    background-repeat: no-repeat;
}
/*video pupop css start */
iframe.home-videopopup {
    width: 560px!important;
    height: 315px!important;
}
.automated-img {
    position: relative;
}
.autom-ates {
    position: relative;
    padding: 70px 0px;
}
.automated-security {
    padding-right: 50px;
}
.automated-security h1 {
    font-family: proxima-nova, sans-serif;
    color: #000;
    font-size: 42px;
    line-height: 58px;
    margin-bottom: 30px;
}
.study-security p {
    font-size: 15px;
    margin-bottom: 0;
    color: #0e5ae0;
    font-weight: 400 !important;
    line-height: 25px;
    font-family: proxima-nova, sans-serif;
    line-height: 40px!important;
}
.study-security {
    border-top: 1px solid #d4d4d4;
    margin-top: 20px;
    padding-top: 20px;
}
.secure-file h4 {
  color: #0e5ae0;
    font-size: 25px;
    font-family: proxima-nova, sans-serif;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 15px;
    position: relative;
    left: 86px;
    margin-bottom: 40px;
    max-width: 320px;
}
.secure-file h4:before {
    content: " ";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 32px;
    height: 4px;
    background: #d4d4d4;
}
.solution-layout.lays:after {
    content: "";
    background: #29CEC1;
    width: 92%;
    height: 89%;
    position: absolute;
    z-index: -1;
    top: 15px;
    right: 0;
}
.automates .secure-file .cont-box h5,.secure-file .cont-box h5 {
    color: #000;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10001; /* Sit on top */ 
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: auto;
  position: absolute;
  left: 50%;
  top: 76%;
  transform: translate(-50%, 49%)
}

/* calculator-modal-content */
.calculator-modal-content{
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: auto;
  position: absolute;
  left: 50%;
  top: 33%;
  transform: translate(-50%, 49%)
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  text-align: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -15px;
   margin-bottom: 7px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/*video pupop css end */

.col-sm-12.blog-img {
    padding: 0px;
    height: 245px;
    overflow: hidden;
  transition: transform .2s;
}
.blog-img img{
  transition: transform 0.8s;
}

.toggleDisplay{
  display:block!important;
}
.afterlabel:before{
  
  display:none!important;
}
.SKITCH, .WIPF{
width: 118px!important;
}
.MARCUM{
    width: 100px !important;
    position: relative;
    top: 2px;
}
.UHY{
    width: 59px !important;
    top: 5px;
    position: relative;
}
.BERDON{
  width: 170px!important;
}
.engagements{
  margin-top:0%;
  text-align: start;
}
.cont-layout-left-margin{
 margin-left: 18%;
}
.product-pricing h3{
  text-align: center;
  color: #0E5AE0;
  font-size: 42px;
  font-family: proxima-nova, sans-serif;
}
.product-pricing h3 span{
  color: #000;
}

div#lottie {
    position: absolute;
    top: 50%;
    width: 400px;
    right: 80px;
    transform: translateY(-50%);
  
}
.hbspt-form input {
    background-color: #f7f8fa;
  margin-bottom:2px;
    border: 1px solid #f7f8fa;
    font-size: 14px;
    letter-spacing: .3px;
    border-radius: 0px;
    height: 44px;
    padding: 0 15px;
    width: 100%;
}
.hbspt-form label span{
    position: relative;
    left: 15px;
    width: max-content;
    top: 34px;
    color: #848484;
    transition: .3s;
    z-index: 0;
    letter-spacing: 0px;
    font-size: 16px;
font-family: rogliano,sans-serif;
    font-weight: 400;
}
.hbspt-form label span:last-child {
    left: 12px;
}
.banner-header .nav-item:last-child a.nav-link {
    display: none;
}
ul.no-list.hs-error-msgs.inputs-list,ul.inputs-list li {
    list-style: none;
}
.hbspt-form label {
    position: relative;
  margin:0;
}
ul.inputs-list input {
    height: auto;
    width: auto;
    position: relative;
}
footer .legal-consent-container .hs-richtext {
  color: #fff;
}

.legal-consent-container .hs-form-booleancheckbox-display input {
    margin-top: 18px;
}
.legal-consent-container .hs-form-booleancheckbox-display input {
    float: left;
    width: 20px!important;
    height: 20px!important;
    border-radius: 2px;
    display: inline-block;
    padding: 0;
}
.hbspt-form h5 {
    font-size: 25px;
}
li.hs-form-booleancheckbox label span {
    width: auto;
    top: -5px;
}
.hbspt-form li.hs-form-booleancheckbox label span:last-child {
   
    margin-top: 15px;
}
.hbspt-form input:focus {
    background-color: transparent;
    border-color: #0253e0;
    box-shadow: none;
    outline: none
}
.hbspt-form .label-active span{
    top: 10px;
    font-size: 13px;
    color: #000;
    transition: .3s;
    background:#fff;
    padding: 1px 6px;
}
.site-footer .hbspt-form .label-active span{
    color: #fff;
    background:#0f1a2b;
}
footer.site-footer li {
    color: #fff;
padding-bottom: 13px;
}
.actions{
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10rem;
    font-size: 15px;
    border: 1px solid #0e5ae0;
    color: #fff;
    margin-top: 10px;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    position: relative;
    overflow: hidden;
    font-family: HKGrotesk-Regular;
    z-index: 1;
}
.actions:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #00153b;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}
.actions:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0253e0;
    border-radius: 10rem;
    z-index: -2;
}
.actions:hover {
    background-position: left bottom !important;
    color: #fff;
}
.hbspt-form .actions input {
    background-color: transparent;
    border: 0;
    font-size: 15px;
    letter-spacing: .3px;
    width: 100%;
    color: #fff;
    height: auto;
    padding: 0 20px;
    margin: 0;
    font-family: proxima-nova, sans-serif;
}
.actions:hover:before {
    width: 100%;
}
.hbspt-form {
    padding:100px 30px 0 30px;
}
.hbspt-form label.hs-error-msg{
    font-size: 12px;
/*     position: absolute; */
    color: red;
}

.hbspt-form .hs_error_rollup label{
    color: #f2545b;
    font-size: 15px;
    padding: 13px 0px; 
    display: none;
}

.content-footer .hbspt-form input:focus{
  color: white;
}
/* custom css 2 end */

/* custom css 3 start */
.div-marketing{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.marketing-login{
/*   padding:15px  0px; */
  
}
.div-marketing img{
  width: 450px
}
.marketing-login-text{
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 12px;
    text-align: center;
}
.legal-consent-container .hs-form-booleancheckbox-display>span {
    font-size: 12px;
}

.hidden-nav-item{
  display:none!important;
}
span.hs-form-required {
    display: none;
}
img.track-progres-1 {
    position: absolute;
      top: -275px;
    right: 65px;
}
img.track-progres-2 {
    position: absolute;
    left: -70px;
    bottom: -170px;
    width: 330px;
}
img.track-progres-3 {
     position: absolute;
    right: 40px;
    bottom: -220px;
}
section.autom-ates.meets {
    background: #F9FAFC;
}
/* custom css 3 end */

@media (min-width: 1270px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1230px;
}

.leader-image {
    border-radius: 50%;
    overflow: hidden;
    width: 200px!important;
    height: 200px!important;
    margin: 0 auto;
    margin-bottom: 30px;
}
}
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 70%;
    margin: auto;
  }
#myCarousel .carousel-inner .item{
  display: none;
  
}
#myCarousel .carousel-inner .active{
  animation: fade-in 0.1s;
  display: block;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
element.style {
    /* text-align: right; */
}
.carousel-indicators{
    margin-right: 1%;
    margin-left: 15%;
}
.carousel-indicators li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #D3D3D3;
    border: 1px solid #6c757d;
    border-radius: 10px;
}
.item1{
    margin-right: 10px!important;
}
.carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 0;
    border: 1px solid rgba(0,0,0,0);
    background-color: #59595D;
}
.req-demo-modal-content{
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
      transform: translate(-50%,-40%);
      position: absolute;
  display: block;
      pointer-events: auto;
      background-clip: padding-box;
  border-radius: .3rem;
    outline: 0;
  width: 50%;

}
.req-demo-modal-content .close{
    width: 100%;
}


/*=========== Custom css 4 ===============*/
.pricing-banner .banner-cont p{
  color:#59595D;
  line-height: 34px;
}
.pricing{
    width: 387px;
} 
.pricing-list {
    width: 100%;
    max-width: 1035px;
}
.fade-li:before{

    background-image: none!important;
}
.roi-cont p{
   line-height: 30px;
}
.security .automated h1{
  color: #000000!important;
}
.security .automated h1:before{
  background:none!important;
}
.security .automated p.smallest{
  color:#59595D!important;
  font-size: 20px!important;
  line-height: 36px!important;
}
.secure-file .solution-layout .img-box{
  width: 56px;
}
.all-engagements .smallest{
  line-height: 36px!important;
  font-size: 20px!important;
}
.blue-border{
    border-color: #0253e0!important;
}
.req-demo-modal-content .hbspt-form{
        margin-top: 20px;
      padding: 30px 30px 20px 30px!important;
}
.req-demo-modal-content .close{
      margin-top: -2px;
}
input[type=checkbox]{
  border-color: #cfcfcf ;
}

input:checked + span::before {
    left: -25px;
    top: 10px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    position: absolute;
}
.data-security-image img{
  z-index: 2;
}
.data-security-image:after {
    content: "";
    background: #29cec1;
    width: 92%;
    height: 89%;
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 0;
}

#roi_calculation_download_form{
  display:none;
  padding:22px;
  color:white;
}
/* .form-footer .hs-input{
  color: #fff;
} */
.form-footer  .hbspt-form .label-active span {
    color: #fff;
    background: #0f1a2b !important;
  z-index:2;
}
@media only screen and (max-width: 1450px) {
.content-footer h2{
line-height: 48px !important;
}
}

#donwnload_result_div .hbspt-form {
    padding: 1px 30px 0 30px!important;
}

#donwnload_result_div{
  color: #fff;
}

#donwnload_result_div .hbspt-form .hs_document_management_hours{
  display:none;
}
#donwnload_result_div .hbspt-form input:focus 
  color:white!important;
}
.input-text-active {
    color: #fff !important;
}

#donwnload_result_div{
  display:none;
}

.success-message{
  display: none;
}
/*=========== Custom css 4 end ===============*/


/*=========== Custom css 5 start (11-16-2020)==========*/

.hbspt-form .hs-form-booleancheckbox-display span{
  top:-3px!important;
}
.contact-us-hs-form .hbspt-form {
    padding: 0px !important;
}
.hs-blog-post-subscription .hbspt-form {
    padding: 0px 30px 0 30px!important;
}

.henry-text p:first-of-type {
    color: #59595d;
    /* font: normal no
     * rmal normal 20px Rogliano; */
    padding: 24px 0px 0px;
    line-height: 34px;
}

.henry-text1 p:first-of-type {
    color: #59595D;
    /* font: normal normal normal 20px Rogliano; */
    padding: 24px 0px 0px;
    line-height: 34px;
}
.automated p.smallest{
    line-height: 34px!important;
}
.profile-storie-cont p:first-of-type {
  line-height: 28px;
}

iframe.home-videopopup{
      position: initial!important;
}
.hs-responsive-embed-inner-wrapper{
  padding-bottom: inherit!important;
}
.pricing-banner .heading{
  font-size: 60px;
}
.nav-blog-icon{
    width: 30px!important;
    margin-left: -5px;
}
.case-study .about-banner-text h1{
    width: 522px;
}
.roi-profile .profile-storie-cont p:first-of-type {
    line-height: 55px;
}

.legal-consent-container .hs-error-msgs label {
    color: red!important;
}



.above-footer {
  display: none;
}










/** PRICING PAGE CLIENTS **/

.column-pricing {
     width: 50%;
    margin: 0 19px;
    box-shadow: rgb(0 0 0 / 16%) 3px 3px 20px;
} 
.main-pricing-heading {
display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 150px;
  padding-left: 40px;
} 
.column-pricing h3 {
    text-align: start;
    font-size: 22px;
    font-weight: 500;
}
.column-pricing-blue {
    border-top: #0E5AE0 19px solid;
}
.column-pricing-blue h3 {
   color: #0E5AE0;
}

.column-pricing-purple {
   border-top: #98017B 19px solid;
}
.column-pricing-purple h3 {
   color: #98017B;
}


.column-pricing-green {
   border-top: #22A59A 19px solid;
}
.column-pricing-green h3 {
   color: #22A59A;
}
.pricing-section {
  background:#F7F7F7;
}

#state-421c1cec-c5d8-43f7-a69c-18830a7f1c47, #state-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2{
  height: 44px;
  width: 342px;
  background-color: #edf5ff;
  margin-top: 1px;
}

/*=========== Style Form ===============*/
#label-state-421c1cec-c5d8-43f7-a69c-18830a7f1c47 > span:nth-child(1), #label-state-538414e5-fea2-487b-b067-2f6518ea28ed > span:nth-child(1),
#label-state-e8e8909f-0de6-4bef-9156-19b6d45b78e9 > span:nth-child(1), #label-state-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2 > span:nth-child(1) {
    top: 0;
}

#label-country-538414e5-fea2-487b-b067-2f6518ea28ed > span, #label-country-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2 span, #label-industry__dropdown_-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2 span, #label-industry__dropdown_-538414e5-fea2-487b-b067-2f6518ea28ed span {
  top: 0; 
}

#label-state-421c1cec-c5d8-43f7-a69c-18830a7f1c47, #label-state-538414e5-fea2-487b-b067-2f6518ea28ed,
#label-state-e8e8909f-0de6-4bef-9156-19b6d45b78e9, #label-state-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2{
padding-top: 10px;
    padding-bottom: 10px;
}


#label-country-538414e5-fea2-487b-b067-2f6518ea28ed> span:nth-child(1), #label-country-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2 > span:nth-child(1), #label-industry__dropdown_-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2 > span:nth-child(1), #label-industry__dropdown_-538414e5-fea2-487b-b067-2f6518ea28ed > span:nth-child(1) {
padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: block;
  left: 15px;
}
 

      

#country-538414e5-fea2-487b-b067-2f6518ea28ed, #country-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2, #industry__dropdown_-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2, #industry__dropdown_-538414e5-fea2-487b-b067-2f6518ea28ed{
  
      font-family: proxima-nova !important;
      border: 1px solid #f7f8fa;
    font-size: 14px;
    letter-spacing: .3px;
    border-radius: 0px;
    height: 44px;
    padding: 0 15px;
    width: 100%;
      background: #edf5ff;
  color: #848484;
   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
background-image: url('https://5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/grey-arrow.svg');
  background-repeat: no-repeat;
 background-position: right 0.7rem top 50%;
    transition: all .5s ease-out;
  
}

#country-538414e5-fea2-487b-b067-2f6518ea28ed:focus-visible, #country-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2:focus-visible, #industry__dropdown_-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2:focus-visible, #industry__dropdown_-538414e5-fea2-487b-b067-2f6518ea28ed:focus-visible {
      
    outline-color: #0253e0;
  outline-width:1px;
  outline-style:solid;
  background-image: url('https://5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/grey-arrowtop.svg');
  transition: all .5s ease-out;
}




#label-state-538414e5-fea2-487b-b067-2f6518ea28ed, #label-state-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2{
  padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: block;
}

#state-538414e5-fea2-487b-b067-2f6518ea28ed, #state-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2{
     font-family: proxima-nova !important;
      border: 1px solid #f7f8fa;
    font-size: 14px;
    letter-spacing: .3px;
    border-radius: 0px;
    height: 44px;
    padding: 0 15px;
    width: 100%;
      background: #edf5ff;
  color: #848484;
   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
background-image: url('https://5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/grey-arrow.svg');
  background-repeat: no-repeat;
 background-position: right 0.7rem top 50%;
    transition: all .5s ease-out;
}

#state-538414e5-fea2-487b-b067-2f6518ea28ed:focus-visible, #state-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2:focus-visible{
  outline-color: #0253e0;
  outline-width:1px;
  outline-style:solid;
  background-image: url('https://5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/grey-arrowtop.svg');
  transition: all .5s ease-out;
}


.legal-consent-container .hs-form-booleancheckbox-display > span {
  display: block;
    margin-left: 30px;
}



#label-country-421c1cec-c5d8-43f7-a69c-18830a7f1c47 > span, #label-country-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2 span {
  
    display: none;
  padding:10px 12px 10px 12px;
  position: initial;
  
}


#country-421c1cec-c5d8-43f7-a69c-18830a7f1c47, , #country-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2{
  font-family: proxima-nova !important;
     
    font-size: 14px;
    letter-spacing: .3px;
    border-radius: 0px;
    height: 44px;
    padding: 0 15px;
    width: 100%;
      background: #edf5ff;
  color: #848484;
   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
background-image: url('https://5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/grey-arrow.svg');
  background-repeat: no-repeat;
 background-position: right 0.7rem top 50%;
    transition: all .5s ease-out;
}

#country-421c1cec-c5d8-43f7-a69c-18830a7f1c47:focus-visible, #country-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2:focus-visible{
  outline-color: #0253e0;
  outline-width:1px;
  outline-style:solid;
 background-color:transparent;
  background-image: url('https://5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/grey-arrowtop.svg');
  transition: all .5s ease-out;
}

#state-421c1cec-c5d8-43f7-a69c-18830a7f1c47, #state-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2{
  font-family: proxima-nova !important;
    
    font-size: 14px;
    letter-spacing: .3px;
    border-radius: 0px;
    height: 44px;
    padding: 0 15px;
    width: 100%;
      background: #edf5ff;
  color: #848484;
   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
background-image: url('https://5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/grey-arrow.svg');
  background-repeat: no-repeat;
 background-position: right 0.7rem top 50%;
  transition: all .5s ease-out;
}

#state-421c1cec-c5d8-43f7-a69c-18830a7f1c47:focus-visible, #state-6fc7b06b-25f6-4cf3-95e3-cea6b37c0ee2:focus-visible{
  outline-color: #0253e0;
  outline-width:1px;
  outline-style:solid;
 background-color:transparent;
  background-image: url('https://5851840.fs1.hubspotusercontent-na1.net/hubfs/5851840/grey-arrowtop.svg');
  transition: all .5s ease-out;
}


#label-company_department-538414e5-fea2-487b-b067-2f6518ea28ed, #label-company_department-421c1cec-c5d8-43f7-a69c-18830a7f1c47
{
display: block;
}

#label-company_department-538414e5-fea2-487b-b067-2f6518ea28ed span, #label-company_department-421c1cec-c5d8-43f7-a69c-18830a7f1c47 span
{
display: block;
top: 10px;
}

footer #label-company_department-421c1cec-c5d8-43f7-a69c-18830a7f1c47 span {
color: #fff;
}

.hs_company_department .input select{
  border: 0px solid;
  color: #848484;
}

.hs_company_department .input select:focus-visible {
  border: 1px #0253e0 solid;
}