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

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

/*****************************************/
/* Start your style declarations here    */ 
/*****************************************/  

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

@font-face { font-family: ETmodules; 
   src: url(//22453854.fs1.hubspotusercontent-na1.net/hubfs/22453854/raw_assets/public/Venn_Digital_July2024/fonts/modules.woff) format("woff");
}

/*====================Footer CSS Start=============================*/

.venn-digital-footer-container .footer-section {
   background-color: rgba(12, 32, 51,1.0);
}

.venn-digital-footer-container .venn-digital-footer-section-upper{
   padding-top: 54px;
   /*    padding-bottom: 0; */ 
}

.venn-digital-footer-container .venn-digital-footer-section-lower{
   /*    padding-top: 0; */
   padding-bottom: 18px;
}

.venn-digital-footer-container .venn-digital-footer-section-upper>.page-center{
   width: 80%;
   padding: 27px 0; 
}

.venn-digital-footer-container .venn-digital-columns-margin{
   padding: 0;
   margin-right: 5.5%;
}

.venn-digital-footer-container .venn-digital-footer-logo-inner{
   width: 53%;
   margin-right: auto;
}

.venn-digital-footer-container .venn-digital-columns-anonymous{
   height: 1px;
}  

.venn-digital-footer-container .venn-digital-footer-headings h5{
   margin-bottom: 0;
}

.venn-digital-footer-container .venn-digital-footer-para p{
   font-family: lora;
   font-size: 14px;
   line-height: 19.6px;
   font-weight: 500;
}

.venn-digital-footer-container .venn-digital-footer-last-column{
   padding: 0;
}

.venn-digital-footer-container .venn-digital-custom-icon-container .footer-social{
   /*    gap: 0; */
   padding: 0;
   display: block;
}

.venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item{
   display: inline-block;
   width: 36px;
}

.venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item a{
   height: 32px;
   width: 32px;
   padding: 0;
   background-color: #748194;
   border-radius: 3px;
   margin-right: 8px;
   display: inline-block;
   text-decoration: none;
   text-align: center;
   position: relative;
}

.venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item:nth-child(2) a{
   background-color: #B24B34;
}

.venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item:nth-child(3) a{
   background-color: #C4C4D7;
}


.venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item a{
   height: 32px;
   width: 32px;
   padding: 0;
   background-color: #748194;
   border-radius: 3px;
   margin-right: 8px;
   display: inline-block;
   text-decoration: none;
   text-align: center;
   position: relative;
}

.venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item a .venn-digital-custom-icon-1::before{
   content: "\e093";
   color: #fff;
   speak: none;
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
   font-family: ETmodules;
   font-size: 16px;
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item a .venn-digital-custom-icon-2::before{
   content: "\e09a";
   color: #fff;
   speak: none;
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
   font-family: ETmodules;
   font-size: 16px;
   height: 32px;
   display: flex;
   align-items: center; 
   justify-content: center;
}

.venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item a .venn-digital-custom-icon-3::before{
   content: "\E09D";
   color: #fff;
   speak: none;
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
   font-family: ETmodules;
   font-size: 16px;
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center; 
}

.venn-digital-footer-container .venn-digital-footer-para2 p{
   margin-bottom: 1px !important;
}

.venn-digital-footer-container .venn-digital-footer-section-lower>.page-center{
   width: 80%;
   padding: 27px 0;
}

.venn-digital-footer-container .venn-digital-footer-section-lower .venn-digital-footer-copyright-text{
   padding: 0;
}

.venn-digital-footer-container .venn-digital-footer-section-lower .venn-digital-footer-copyright-text .venn-digital-footer-text-area p{
   font-size: 14px;
   line-height: 29px;
   text-align: center;
}
/*====================Footer CSS End=============================*/

/*====================Banner CSS Start=============================*/

.banner-section .venn-digital-banner-container{
   padding-top: 100px;
   padding-bottom: 145px;
   padding-left: 0;
   padding-right: 0;
   margin-top: -9px;
}

.banner-section .venn-digital-banner-container .bg_el.bg_img::after{
   content: "";
   background-image: linear-gradient(60deg, rgba(122, 188, 153, 0) 25%, rgba(42, 61, 86, .42) 83%);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}

.banner-section .venn-digital-banner-container .page-center{
   padding: 27px 0;
   width: 80%;
}

.venn-digital-banner-container .banner-content-inner{
   width: 64.833%;
   padding-left: 0;
   padding-right: 0; 
} 

.venn-digital-banner-container .flex_row{
   justify-content: flex-end;
}


.venn-digital-banner-container .banner-content-inner h1{
   padding-bottom: 7px;
   margin-bottom: -14px;
   font-weight: 700;
   font-size: 47px;
   color: #FFFFFF !important;
   text-shadow: 0em 0em .3em rgba(0, 0, 0, .4);
   text-align: right;
   line-height: 51.7px;
}

.venn-digital-banner-container .banner-content-inner h2{
   margin-bottom: 3px;
   padding-bottom: 10px;
   font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
   font-weight: 700;
   font-size: 21px;
   color: #7ABC99 !important;
   letter-spacing: 5px;
   line-height: 1.5em;
   text-shadow: 0em 0em .3em rgba(0, 0, 0, .4);
   text-align: right;
}

.venn-digital-banner-container .banner-content-inner h2:nth-child(2){
   margin: 0;
   padding: 0;
   line-height: 20px;
}

.banner-img-effect{
   background-image: url(//22453854.fs1.hubspotusercontent-na1.net/hubfs/22453854/raw_assets/public/Venn_Digital_July2024/images/venn-banner-effect.svg);
   background-size: 100% 175px;
   bottom: 0;
   height: 175px;
   z-index: 1;
   transform: scale(1, 1);
   display: block;
   background-repeat: no-repeat;
   position: absolute;
   pointer-events: none;
   width: 100%; 
   left: 0; 
   right: 0;
}


/*====================Banner CSS End=============================*/

/*====================Form CSS Start=============================*/
.tabber .media-col .form-wrap .hs-input,
form input[type=email], 
form input[type=file], 
form input[type=number], 
form input[type=password], 
form input[type=search], 
form input[type=tel], 
form input[type=text], 
form select, 
form textarea{
   height: auto;
   padding: 2px;
   font-size: 13px;
   line-height: normal;
   font-weight: 400;   
}

.hs-input.invalid.error{
   border-color: #2d3940;
}

.hs-form-required{
   color: #2a3d56;
}

form .hs-form-field > label{
   margin-bottom: 2px;
}
form .hs-form-field label{
   font-size: 17px;
}

.hs-form-field{
   margin-bottom: 10px;
}
form .hs-error-msgs.inputs-list>li,
form .hs-error-msgs.inputs-list>li label{
   margin:0;
}

.actions .hs-button,
.input .hs-button,
.hs-button{
   padding: 6px 20px;
   margin-top: 20px;
   font-family: 'Lora', Georgia, "Times New Roman", serif;
   font-size: 20px;
   font-weight: 500;
   line-height: 1.7em;
}

form textarea{
   height: auto;
   min-height: auto;
   padding: 4px;
}

.hs-fieldtype-checkbox{
   padding-bottom: 17px;
}
.hs-search-field__bar,
.hs_cos_wrapper_type_email_subscriptions, 
.hs_cos_wrapper_type_member_login,
.hs_cos_wrapper_type_member_register,
.hs_cos_wrapper_type_password_prompt,
.hs_cos_wrapper_type_password_reset, 
.hs_cos_wrapper_type_password_reset_request, 
.section.post-footer form,
.widget-type-blog_subscribe, 
.widget-type-email_simple_subscription, 
.widget-type-form, 
.widget-type-google_search,
.widget-type-password_prompt.custom_error_message {
   box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
   padding: 25px;
   margin-bottom: 20px;
}
/*====================Form CSS End=============================*/

/*====================Media Queries CSS Start=============================*/
@media(max-width: 1350px){
   .venn-digital-footer-container .venn-digital-footer-section-upper{
      padding-top: 4%;
      padding-bottom: 0;
   }

   .venn-digital-footer-container .venn-digital-footer-section-lower{
      padding-top: 0;
      padding-bottom: 18px !important;
   }

   .venn-digital-footer-container .venn-digital-footer-section-upper>.page-center{
      padding: 2% 0; 
   }

   .venn-digital-footer-container .venn-digital-footer-section-lower>.page-center{
      padding: 2% 0;
   }   

   .banner-section .venn-digital-banner-container .page-center{
      padding: 2% 0;
   }
}

@media(max-width: 991px){
   .banner-section .venn-digital-banner-container{
      margin-top: -10px;
   }
}

@media(max-width: 980px){
   .venn-digital-footer-container .venn-digital-footer-section-upper{
      padding-top: 50px;
      padding-bottom: 0;
   }
   .venn-digital-footer-container .venn-digital-footer-section-upper>.page-center{
      padding: 30px 0; 
   }

   .venn-digital-footer-container .venn-digital-footer-section-lower>.page-center{
      padding: 30px 0;
   } 

   .venn-digital-footer-container .venn-digital-footer-logo{
      width: 100% !important;
      margin-right: 0;
      margin-bottom: 30px;
   }

   .venn-digital-footer-container .venn-digital-footer-logo .venn-digital-footer-logo-inner img{
      width: auto !important;
   }

   .venn-digital-footer-container .venn-digital-footer-columns{
      width: 29.666% !important;
   } 

   .venn-digital-footer-container .venn-digital-columns-anonymous{
      display: none;
   }
   .banner-section .venn-digital-banner-container{
      padding: 127px 0 180px;
   }
   .banner-section .venn-digital-banner-container .page-center{
      padding: 30px 0;
   }
   .venn-digital-banner-container .banner-content-inner{
      width: 100%;
   }

   .venn-digital-banner-container .banner-content-inner h1{
      font-size: 50px;
      line-height: 55px;
   }

}

@media (max-width: 767px){
   .venn-digital-footer-container .venn-digital-footer-section-upper .venn-digital-footer-columns{
      padding-top: 0 !important;
   }

   .venn-digital-footer-container .venn-digital-footer-section-upper .footer-social-item:not(:first-child){
      margin: 0;
   }

   .banner-section .venn-digital-banner-container{
      padding-top: 18px;
      padding-bottom: 66px;
   }

   .banner-section .venn-digital-banner-container .bg_el.bg_img::after{
      content: "";
      background-image: linear-gradient(60deg, rgba(42, 61, 86, .75) 0%, rgba(42, 61, 86, .75) 99%);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
   }

   .venn-digital-banner-container .banner-content-inner h1{
      font-size: 24px;
      line-height: 26.4px;
   }

   .venn-digital-banner-container .banner-content-inner h2{
      font-size: 15px;
      line-height: 22.5px;
   }

   .banner-section .venn-digital-banner-container{
      min-height: auto;
   }
   .banner-section #venn-digital-banner-container>.bg_el.bg_img{
      background-position: left 37% center !important;
   }

   .banner-section .venn-digital-banner-container{
      margin-top: -10px;
   }
}

@media (max-width: 507px){
   .venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item{
      width: 35px;
   }
}

@media (max-width: 494px){
   .venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item{
      width: 34px;
   }
}

@media (max-width: 488px){
   .venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item{
      width: 35px;
   }
}

@media (max-width: 479px){
   .venn-digital-footer-container .venn-digital-footer-columns{
      width: 100% !important;
   }

   .venn-digital-footer-container .venn-digital-footer-column3{
      margin: 0 0 30px;
   }
   .venn-digital-footer-container .venn-digital-custom-icon-container .footer-social .footer-social-item{
      width: 36px;
      margin-bottom: 6px;
   }
}



@font-face { font-family: "Poppins"; 
   src: url(//22453854.fs1.hubspotusercontent-na1.net/hubfs/22453854/raw_assets/public/Venn_Digital_July2024/fonts/Poppins-SemiBold.ttf) format("truetype"); 
   font-style: normal; 
   font-weight: 600; }

.content-wrapper, .dnd-section>.row-fluid, .footer .page-center, .header .page-center, .header .primary-section .page-center, .page-center{
   max-width: 1080px;
   width: 80%;
}

.dnd-section[class*="-force-full-width"]>.row-fluid {
   width: 100%; 
}

.venn-header .primary-section {
   padding: 0px;
   border: none;
   -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}
.header .sticky_header_active .primary-section {
   -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}
.venn-header .primary-section.head-effect,
.header .sticky_header_active .primary-section.head-effect{
   -webkit-box-shadow: none;
   box-shadow: none;
}
.venn-header .primary-section.effect {
   background-color: rgba(255, 255, 255, .38);
}

.header .primary-section .page-center {
   padding: 0px;
   width: 80%;
}

.venn-header .container-wrapper {
   column-gap: 0px;
}

.venn-header .logo-section img {
   margin-left: 4px;
   max-width: 158.13px;
   transition: max-width 300ms;
}

.venn-header .logo-section img.effect {
   max-width: 116px;
}

.venn-header .container-wrapper .nav {
   margin-left: auto;
   padding-top: 33px;
}

.venn-header .container-wrapper .nav.effect {
   padding-top: 20px;
}

header.venn-header .nav .header__menu.header__menu--desktop{ 
   height: auto;
}

.venn-header .top-section{
   display: none;
} 

.venn-header .container-wrapper .nav nav>ul {
   column-gap: 0px;

}

.venn-header .container-wrapper .nav nav>ul>li{
   padding-right: 22px;
}

.venn-header .container-wrapper .nav nav>ul>li>a{
   line-height: 1em;
   padding-bottom: 35px;
   font-weight: 600;
   display: block;
   transition: all 300ms linear;

}

.venn-header .container-wrapper .nav nav>ul>li>a:hover {
   opacity: 0.7;
   transition: all 300ms linear;  
}

.venn-header .container-wrapper .nav nav>ul>li>ul>li>a {
   font-family: Poppins;
   font-size: 14px;
   font-weight: 700;
   transition: opacity 300ms linear; 
   color: rgba(116, 129, 148, .6);
}

.venn-header .container-wrapper .nav nav>ul>li>ul>li>a:hover {
   opacity: 0.7;
   transition: opacity 300ms linear;   
}

.venn-header .container-wrapper .nav ul>li>a.effect {
   padding-bottom: 20px;
   transition: padding-bottom 300ms linear;
}
.venn-header .right-section {
   padding: 33px 0px;
   transition: padding 300ms linear;
}

.venn-header .right-section.effect {
   padding: 20px 0px;
   transition: padding 300ms linear;
}
.venn-header .venn-cta {
   color: white;
   background-color: #7abc99;
   line-height: 1.7em;
   border-radius: 6px;
   padding: .3em 1em;
   transition: all 200ms linear;
   font-size: 14px;
   display: inline-block;
   font-weight: 600;
   font-family: Poppins, sans-serif;
   position: relative;
}

.venn-header .venn-cta::after {
   display: none;
   line-height: 1em;
   content: "\35";
   /*     opacity: 0; */
   transition: all .2s;
   text-transform: none;
   font-feature-settings: "kern" off;
   font-variant: none;
   font-style: normal;
   font-weight: 400;
   text-shadow: none;
   font-family: ETmodules;
   font-size: 23px;
   vertical-align: sub;
   position: absolute;
}

.venn-header .venn-cta:hover {
   transition: all .2s;
   padding: .3em 2em .3em .7em;
   opacity: 0.7;
   background-color: #438e6b;
}

.venn-header .venn-cta:hover::after {
   display: inline-block;
}


.custom-no-navigation .container-wrapper{
   min-height: 98px;
   transition: all 300ms;
}

.custom-no-navigation .container-wrapper.effect{
   min-height: 72px;
}


@media (max-width: 991px) {


   .custom-no-navigation .container-wrapper{
      min-height: 80px
   }
   
   .venn-header .right-section .trigger{
      display: none;
   }

   .venn-header .right-section .cst-humburger-icon::after{
      font-family: ETmodules;
      speak: none;
      font-style: normal;
      font-weight: 400;
      font-feature-settings: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      text-shadow: 0 0;
      direction: ltr;
      content: "a";
      font-size: 32px;
      position: relative;
      left: 0;
      top: 0;
      cursor: pointer;
      color: rgba(116, 129, 148, .95);
   }


   .venn-header .container-wrapper {
      position: relative;
   }

   .venn-header .container-wrapper .nav{
      position: absolute;
      top: 104%;
      height: auto;
      padding: 5%;
      margin: 0px auto;
   }

   .venn-header .container-wrapper .nav nav>ul {
      padding: 0px;
      margin: 0px;
   }

   .venn-header .container-wrapper .nav nav>ul>li {
      padding-right: 0px;
   }

   header.header .nav .header__menu.header__menu--desktop ul>li:not(:last-child) {
      border: none;
   }

   header.venn-header .container-wrapper .nav nav>ul>li>a {
      padding: 10px 5% !important;
      border-bottom: 1px solid rgba(0, 0, 0, .03);
      line-height: 23px;
   }

   header.header .nav .header__menu.header__menu--desktop>ul ul>li>a {
      padding: 10px 5%;
      font-weight: 500;

   }

   .venn-header .container-wrapper .top-section {
      padding: 10px 5%;
   }

   .venn-header .container-wrapper .top-section .page-center {
      width: auto;
   }

   .venn-header .container-wrapper .top-section .btn-section {
      width: auto;
   }

   .header .cst-humburger-icon{
      line-height: 0px;
   }

   .venn-header .container-wrapper .nav .mobile-close-icon{
      display: none;
   }

   .header .primary-section {
      box-shadow: none;
      border-bottom: none !important;
   }

   .header .sticky_header_active .primary-section {
      box-shadow: none;
   }

   .sticky_header_active>.primary-section {
      left: 0;
      position: static;
      top: 0;
      width: 100%;
   }

   .venn-header .container-wrapper .nav nav {
      min-height: auto !important;
   }

   .venn-header .logo-section img {
      width: 128.83px !important;
      margin-left: 4px;
   }

   .venn-header .right-section {
      padding: 24px 0px;
   }

   header.header .nav .header__menu.header__menu--desktop>ul{
      padding-top: 0;
   }

   header.venn-header .nav .header__menu.header__menu--desktop>ul{
      padding: 0;
   }
   .venn-header .container-wrapper .top-section.mobile_section{
      padding-top: 10px; 
   }

   .venn-header .nav .cst-inner-wrapper>.btn-section {
      padding-left: 0;
      padding-right: 0;
   } 
   .nav>nav>ul .header__menu-item--depth-1>a:hover {
      background-color: rgba(0, 0, 0, .03);
      opacity: .7;
   }
   header.header .nav .header__menu.header__menu--desktop ul>li.header__menu-item--has-submenu>.mobile-child-trigger {
      height: 44px;
   }
   header.header .nav .header__menu.header__menu--desktop>ul>li>.mobile-child-trigger.child-open:before {
      font-size: inherit;
   }

   header.header .top-section.mobile_section {
      display: block;
   }


}


@media (min-width: 992px) {
   .venn-header .container-wrapper .nav {
      display: block !important;
   }
   .nav>nav>ul .header__menu-item--depth-1>a .child-trigger { 
      display: inline;
   }

   .header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu:hover>ul,
   .header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu>ul{
      transform: none;
   } 
   .venn-header .container-wrapper .nav {
      transition: padding-top 300ms;
   }
}


.content-wrapper .dnd-section>.row-fluid,
.content-wrapper .page-center,
.left-dnd-area .dnd-section>.row-fluid,
.left-dnd-area .content-wrapper .page-center{
   width: 100%;
}
.cm-btm-tags a {
   color: #fff;
}
.left-dnd-area .hs-search-field button {
   top: 3px;
   transform: none;
   right: 10px;
}

@media (max-width: 767px) {
   .systems-page h1 {
      font-size: 20px;
   }
   .systems-page h2 {
      font-size: 15px;
   }
}
}