/* @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    */
/*****************************************/

/* Header */


html.no_overflow{
  overflow-y: hidden;
}
.custom_header-container{
  min-height: 83px;
}
.div_container{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}
header.header_wrapper{
  font-size: 14px;
  line-height: 1.6;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
header.header_wrapper .header_menuSecondary{
  background-color: #0f3e5b;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
header.header_wrapper .container__inner {
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
header.header_wrapper .header-menu__inner {
  display: flex;
  height: 60px;
  justify-content: space-between;
}
header.header_wrapper .header_menuPrimary{
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  height: 62px;
  background-color: #f42181;
  border-radius: 10px;
  padding-top: 10px;
}
header.header_wrapper .header_menu_inner{
  display: flex;
  grid-column: span 12;
  height: 60px;
  justify-content: space-between;
}
header.header_wrapper a{
  margin-right: 15px;
}
header.header_wrapper .header_menu_inner a img {
  width: 120px !important;
  height: 35px;
  color: #0f3e5b;
  max-width: initial !important;
}
header.header_wrapper .menu_hamburgerWrapper{
  width: 100%;
}
header.header_wrapper .menu_hamburgerWrapper ul{
  background: rgba(0,0,0,0);
  display: none;
}
header.header_wrapper li{
  margin-left: 20px;
}
header.header_wrapper li a{
  font-family: "Inter","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  text-decoration: none;
}
header.header_wrapper li a:hover, header.header_wrapper 
li a:focus, header.header_wrapper li 
a:active{
  text-decoration: underline;
  text-decoration-color: #091c28;
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
  color: #fff;
  text-decoration-color: #fff;
}
header.header_wrapper .search_hamburgerWrapper{
  display: flex;
  justify-content: flex-end;
}
header.header_wrapper .search-bar{
  padding-top: 14px;
}
header.header_wrapper .search-bar svg {
  height: 19px;
  width: 19px;
  fill: #FFF;
  cursor: pointer;
}
header.header_wrapper .search_bar_desktop{
  display: none;
}
header.header_wrapper .searchbar_labelWrapper{
  position: relative;
}
.search-bar__icon {
  fill: #091c28;
  left: 19px;
  position: absolute;
  top: 15px;
  width: 17px;
}
form .searchbar_labelWrapper .header_input{
  font-family: "Inter","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  height: auto;
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
  width: 100%;
  padding: 6px 16px 6px 16px;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 10px;
}
form .searchbar_labelWrapper .header_input::placeholder {
  color: #091c28;
  font-family: "Inter","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
form .searchbar_labelWrapper .header_input.header_inputWhite{
  background-color: #fff;
  color: #091c28;
}
form .searchbar_labelWrapper .search-bar__input {
  border-radius: 40px;
  font-size: 18px;
  padding: 8px 16px 6px 45px;
  width: 100%;
}
form span {
    margin-bottom: 10px;
    font-size: 18px;
    font-family: "Inter";
    line-height: 18px;
    font-weight: 400;
}
form input.hs-button, form a.hs-button {
  padding: 6px 24px !important;
  border-radius: 10px;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
  line-height: 28px;
  background-color: rgba(104, 237, 198,1.0);
  color: rgba(9, 28, 40,1.0);
  font-weight: 500;
  transition: background-color 200ms;
  user-select: none;
  cursor: pointer;
}
form input:hover.hs-button, form a:hover.hs-button {
  color: rgba(9, 28, 40,1.0);
  background-color: rgba(20, 168, 125,1.0);
}
header.header_wrapper .hamburger {
  padding: 10px 0 0 20px;
}
header.header_wrapper .hamburger__wrapper {
  cursor: pointer;
  margin: auto;
  width: 28px;
  height: 24px;
}
header.header_wrapper .hamburger__text {
  color: #fff;
  padding-right: 10px;
  display: none;
}
header.header_wrapper .hamburger__icon {
  display: block;
  background: #fff;
  width: 28px;
  height: 2px;
  position: relative;
  transform: translateY(12px);
}
header.header_wrapper .searchbar_labelWrapper .search-bar__icon svg{
  vertical-align: super;
}
header.header_wrapper .hamburger__icon:before, header.header_wrapper .hamburger__icon:after {
  position: absolute;
  background: #fff;
  width: 28px;
  height: 2px;
  content: "";
}
ul, ol {
/*   list-style: none;
  margin: 0;
  padding: 0; */
}
ul li, ol li {
  margin-bottom: 0;
}
blockquote {
  font-size: 30px;
  line-height: 1.2;
  padding: 0 60px;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 500;
  border: none;
}
header.header_wrapper .hamburger__icon:before {
  top: -7px;
}
header.header_wrapper .hamburger__icon:after {
  top: 7px;
}
header.header_wrapper .hamburger.hamburger_toggled {
  padding: 10px;
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  background: #0f3e5b;
}
.header-menu--open .hamburger__icon:before, .header-menu--open .hamburger__icon:after {
  height: 2px;
  width: 20px;
}
header.header_wrapper .hamburger.hamburger_toggled .hamburger__wrapper{
  display: flex;
  flex-direction: row;
  height: initial;
  width: initial;
}
header.header_wrapper .hamburger.hamburger_toggled .hamburger__text{
  display: inline-block;
  font-family: 'Inter';
}
header.header_wrapper .hamburger.hamburger_toggled .hamburger__icon{
  background: rgba(0,0,0,0);
  width: 20px;
  margin-top: -2px;
}
header.header_wrapper .hamburger.hamburger_toggled .hamburger__icon:before, header.header_wrapper .hamburger.hamburger_toggled .hamburger__icon:after{
  height: 2px;
  width: 20px;
}
header.header_wrapper .hamburger.hamburger_toggled .hamburger__icon:after, header.header_wrapper .hamburger.hamburger_toggled .hamburger__icon:before {
  top: 0;
}
header.header_wrapper .hamburger.hamburger_toggled .hamburger__icon:before{
  transform: rotate(45deg);
}
header.header_wrapper .hamburger.hamburger_toggled .hamburger__icon:after{
  transform: rotate(-45deg);
}
header.header_wrapper .header_openWrapper{
  display: none !important;
  font-family: "Inter","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 32px;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f42181;
  overflow: auto;
  padding: 15px;
  top: 0;
  min-height: 100vh;
}
header.header_wrapper .header_openWrapper.opened{
  display: block !important
}
header.header_wrapper .header_openWrapper ul{
  display: flex;
  flex-direction: column;
  font-size: 48px;
  line-height: 1.33333;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: 0;
  text-align: left;
}
header.header_wrapper .header_openWrapper div > ul:before{
  background: linear-gradient(to left, #F42181 50%, #0F3E5B 50%) right;
  background-size: 200%;
  content: "";
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  transition: background .1s linear;
  width: 470px;
  z-index: -1;
}
header.header_wrapper .header_openWrapper div > ul.background_color:before{
  background-position: 0;
  display: block;
}
header.header_wrapper .header_openWrapper div > ul > li{
  position: initial !important;
}
header.header_wrapper .header_openWrapper > div > ul > li > a{
  display: flex;
  align-items: center;
}
header.header_wrapper .header_openWrapper div > ul > li > a svg{
  fill: #fff;
  height: 50px;
  width: 50px;
  margin-left: 10px;
}
header.header_wrapper .header_openWrapper div > ul > li > a:hover svg {
  fill: #091c28;
  transform: translateX(10px);
  transition: transform .3s ease-in-out;
}
header.header_wrapper .header_openWrapper div > ul li{
  margin: 0;
}
header.header_wrapper .header_openWrapper div > ul > li:first-of-type{
  margin-top: 25px;
}
header.header_wrapper .header_openWrapper div > ul > li a{
  align-items: center;
  color: #fff;
  display: flex;
  font-weight: 500;
  padding: 15px;
  text-decoration: none;
}
header.header_wrapper .header_openWrapper div > ul > li:not(:nth-last-child(n+5)) a{
  display: block;
  padding: 15px;
  transition: color .2s ease-in-out;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  align-items: center;
  color: #fff;
  display: flex;
  font-weight: 500;
  padding: 15px;
  text-decoration: none;
}

@keyframes fadein{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  } 
}

header.header_wrapper .header_openWrapper.opened ul > li > ul li a{
  animation-duration: .2s;
  animation-name: fadein;
  font-size: 32px;
  margin-left: 15px;
  display: block;
  padding-left: 15px;
  font-weight: 500;
  padding: 15px;
  transition: color .2s ease-in-out;
  line-height: 1.5;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  width: fit-content;
}
header.header_wrapper .header_openWrapper.opened ul > li > ul li:first-of-type a{
  font-weight: 700;
  padding-top: 0;
}
header.header_wrapper .hs-menu-wrapper.flyouts .hs-menu-children-wrapper{
  left: 468px!important;
  opacity: 1!important;
  top: 0px!important;
  visibility: visible!important;
}
header.header_wrapper .header_openWrapper ul > li.hs-item-has-children ul{
  display: none !important;
  padding: 65px 16.7px 15px;
}
header.header_wrapper .header_openWrapper ul > li.hs-item-has-children.active_menu ul{
  display: block !important;
  min-height: 100%;
}
header.header_wrapper .mob_menuBreadCrumb{
  display: none;
  align-items: center;
  color: #fff;
  flex-direction: row;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 25px;
  padding-left: 15px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  line-height: 1.5;
}
header.header_wrapper .mob_menuBreadCrumb .svg_iconMenuBreadCrumb{
  margin-right: 15px;
}
header.header_wrapper .mob_menuBreadCrumb svg{
  height: 15px;
  width: 15px;
  transform: rotate(180deg);
  fill: #FFF;
  display: block;
}
header.header_wrapper .search-bar svg {
  fill: #fff;
  height: 17px;
  width: 17px;
}
header.header_wrapper .header_openWrapper div > ul > li.active_menu:hover > a, 
header.header_wrapper .header_openWrapper div > ul > li.active_menu:hover > a > svg {
  color: #f42181;
  transition: color .2s ease-in-out;
  fill: #f42181;
}

header.header_wrapper .mob_menuBreadCrumb:hover, header.header_wrapper .mob_menuBreadCrumb:hover svg {
  color: #091c28;
  cursor: pointer;
  fill: #091c28;
}
header.header_wrapper .search_bar_desktop.display_block{
  display: block !important;
  width: 100%;
}
.with-banner-page .primary-container {
  min-height: auto;
}

ul[role="menu"] {
  padding-top: 0;
}

/* footer  */

@font-face { font-family: "Inter"; 
  src: url("//25323225.fs1.hubspotusercontent-eu1.net/hubfs/25323225/raw_assets/public/Enginia_July2023/fonts/293fd13dbca5a3e450ef.woff2") format("woff2");
    font-style: normal; font-weight: 500; font-display: swap; }

@font-face { font-family: "Inter"; 
  src: url("//25323225.fs1.hubspotusercontent-eu1.net/hubfs/25323225/raw_assets/public/Enginia_July2023/fonts/ec64ea577b0349e055ad.woff2") format("woff2"); 
    font-style: normal; font-weight: 700; font-display: swap; }

@font-face { font-family: "Inter Tight"; 
  src: url("//25323225.fs1.hubspotusercontent-eu1.net/hubfs/25323225/raw_assets/public/Enginia_July2023/fonts/5914c9c5bee32434807a.woff2") format("woff2"); 
    font-style: normal; font-weight: 500; font-display: swap; }

@font-face { font-family: "Inter Tight"; 
  src: url("//25323225.fs1.hubspotusercontent-eu1.net/hubfs/25323225/raw_assets/public/Enginia_July2023/fonts/5914c9c5bee32434807a.woff2") format("woff2");  
    font-style: normal; font-weight: 700; font-display: swap; }

.blog-layout-page .custom_header-container {
  min-height: auto;
}
.hs_cos_wrapper_type_email_subscriptions, .hs_cos_wrapper_type_password_prompt, .hs-search-field__bar, .widget-type-form, .widget-type-blog_subscribe, .widget-type-google_search, .widget-type-password_prompt.custom_error_message, .widget-type-email_simple_subscription, .section.post-footer form, .hs_cos_wrapper_type_member_login, .hs_cos_wrapper_type_member_register, .hs_cos_wrapper_type_password_reset_request, .hs_cos_wrapper_type_password_reset{
  display:block;
}
.with-banner-page .custom_header-container {
  min-height: auto;
}
footer.custom-footer .col-section {
  padding: 0;
}
footer.custom-footer .page-center {
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
}
footer.custom-footer .footer-bottom-part .col-section.num1{
  display:flex;
  align-items: center;
  margin-top:60px;
}
footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu{
  display: flex;
  flex-direction: column;
  width: 60%;
}
footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul{
  display:flex;
}
footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul li {
  display:inline-block;
  margin-left:41px;
  margin-top:0;
  margin-bottom:0;
}
footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul li:first-child{
  margin-left:45px;
}
footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul li a{
  line-height:25.6px;
  font-size:16px;
  font-weight:400;
  font-family: "Inter"; 
  color:rgba(255, 255, 255,1.0); 
}
footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul li a:hover{
  text-decoration:underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
  text-decoration-color: #fff;
  color:rgba(255, 255, 255,1.0); 
}
footer.custom-footer .footer-bottom-part .col-section.num1 p{
  line-height:25.6px;
  font-size:16px;
  font-weight:400;
  font-family: "Inter"; 
}

footer.custom-footer .footer-top-part  .form-section h3{
  color:rgba(255, 255, 255,1.0);
  margin-bottom:15px;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 500;
}
footer.custom-footer .footer-top-part  .form-section p{
  margin-bottom:15px;
  font-size:16px;
  font-family: "Inter"; 
  line-height:16px;
  font-weight:400;
  color::rgba(255, 255, 255,1.0);;
}

footer.custom-footer .footer-top-part  .form-section form label{
  margin-bottom:10px;
  font-size:18px;
  font-family: "Inter"; 
  line-height:18px;
}
footer.custom-footer .footer-top-part .footer-form form .hs-form-field{
  margin-bottom:25px;
} 
footer.custom-footer .footer-top-part .footer-form form .hs-button {
  width: auto;
}
footer.custom-footer .footer-top-part .footer-form form input[type="submit"]{
  all: unset;
  padding: 6px 24px;
  border-radius:10px;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
  line-height: 28px;
  background-color:rgba(104, 237, 198,1.0);
  color:rgba(9, 28, 40,1.0);
  font-weight:500;
  transition: background-color 200ms;
} 
footer.custom-footer .footer-top-part .footer-form form span{
  color:rgba(255, 255, 255,1.0);;
  font-weight:400;
}
footer.custom-footer .footer-top-part .footer-form form input[type="submit"]:hover{
  color:rgba(9, 28, 40,1.0);
  background-color:rgba(20, 168, 125,1.0);
}

footer.custom-footer .footer-top-part .page-center>.flex_row {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
footer.custom-footer .footer-top-part .footer-social-item{
  background-color: #68edc6;
  transition: background-color 200ms;
}
footer.custom-footer .footer-top-part .footer-social-item:hover{
  background-color: #14a87d;
}
footer.custom-footer .footer-top-part .hs-menu-wrapper>ul >li:first-child {
  margin-top:0; 
}
footer.custom-footer .footer-top-part .hs-menu-wrapper>ul >li{
  margin-bottom: 10px;
  margin-top: 0;
  line-height:16px; 
  font-size:16px;
  font-family: "Inter"; 
}
footer.custom-footer .footer-top-part .hs-menu-wrapper>ul >li>a{
  line-height:16px;
  font-size:16px;
  font-family: "Inter"; 
  font-weight:400;
}
footer.custom-footer .footer-top-part  ul li a:hover{
  text-decoration:underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
  color:rgba(255, 255, 255,1.0); 
  text-decoration-color: #fff;
}
footer.custom-footer .footer-top-part .social-icons-section p{
  font-size:16px; 
  line-height:16px;
  font-family: "Inter"; 
}
footer.custom-footer .footer-top-part .social-icons-section .footer-social{
  padding-left:0;
}

footer.custom-footer  .footer-section-1 .col-section.num1 {
  padding-right: 75px;
  margin-top: -10px;
}
footer.custom-footer  .footer-social img, footer.custom-footer .footer-social svg {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
}
footer.custom-footer  .hs_error_rollup label {
  color: #ff0000 !important;
}
footer.custom-footer  form input[type=email]{
  font-family: "Inter","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
  padding: 15px;
  border:none;
}
footer.custom-footer  form input[type=email]:focus{
  outline: 1px solid #fff;
  border:2px solid;
  border-color:rgba(2, 95, 204,1.0); 
}
/* lp */

footer.custom-footer-lp .col-section {
  padding: 0;
}
footer.custom-footer-lp .page-center {
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
}
footer.custom-footer-lp .footer-bottom-part .col-section.num1{
  display:flex;
  align-items: center;
  margin-top:60px;
}
footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu{
  display: flex;
  flex-direction: column;
  width: 60%;
}
footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul{
  display:flex;
}
footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul li {
  display:inline-block;
  margin-left:41px;
  margin-top:0;
  margin-bottom:0;
}
footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul li:first-child{
  margin-left:45px;
}
footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul li a{
  line-height:25.6px;
  font-size:16px;
  font-weight:400;
  font-family: "Inter"; 
}
footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul li a:hover{
  text-decoration:underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
  color: #fff;
  text-decoration-color: #fff;
}
footer.custom-footer-lp .footer-bottom-part .col-section.num1 p{
  line-height:25.6px;
  font-size:16px;
  font-weight:400;
  font-family: "Inter"; 
}


/* blog */

h1.blog-banner-title {
  font-size: 64px;
  line-height: 1.25;
  color: #0f3e5b;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 700;
  grid-column: span 12;
  margin-bottom: 15px;
}

p.blog-header__subtitle {
  margin-bottom: 15px;
  line-height: 1.6;
  font-family: "Inter","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.page-header__intro {
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 15px;
  font-size: 20px;
  display:flex;
  max-width: 1275px;
  width: 100%;
}
.topic-wrapper {
  margin-bottom:20px;
}
.topic-wrapper ul {
  display: flex;
  margin-bottom: 10px;
  gap:15px;
}
.topic-wrapper ul li{
  margin-bottom:0;
  line-height: 28px;
}
.topic-wrapper ul li a {
  color: #fff;
  background-color: #0f3e5b;
  padding: 6px 24px;
  border-radius: 50px;
  color: #091c28;
  background-color: #fff;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
  line-height: 28px;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: background-color 200ms;
  display: block;
  white-space: nowrap;
  font-weight: 500;

}
.topic-wrapper ul li a:focus, .topic-wrapper ul li a:hover {
  color: #fff;
  background-color: #091c28;
  transition: background-color 200ms;
}
.dnd-section > .row-fluid > [class*="span"].dnd-module {
  padding: 0 15px;
}
.dnd_area_header-row-0-background-color.dnd-section{
  background-color: #e3eff7 !important;
  padding-bottom:0;
}

.blog-post__read-more {
  display: inline-flex;
}
.blog-post__read-more  {
  all: unset;
  padding: 6px 24px;
  border-radius: 10px;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
  background-color: #68edc6;
  color: #091c28;
  line-height: 28px;
  display: inline-flex;
  align-items: center;
  transition: background-color 200ms;
  font-weight:500;
}
.blog-post__read-more:hover{
  color: #091c28;
  background-color: #14a87d;
}
.blog-list-cs-banner .dnd-section>.row-fluid{
  max-width: 1200px;
  padding-right: 10px;
  padding-left: 10px;
}
section.blog-index {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px;
  margin-bottom:0px; 
}

.blog-index__post-inner-card {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius:10px;
  height:auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.card__image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.card-description {
  padding: 10px 25px 0;
  font-family: "Inter","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.blog-post__meta-section {
  padding: 25px 25px 35px;
}
.card-hedaing {
  padding: 25px 25px 0;
  font-family: "Inter","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  line-height: 1.6;
  overflow: hidden;
  font-size: 16px;
}
.card-hedaing h2{
  margin-bottom: 0;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  line-height: 1.6;
  font-weight: 700;
  font-size: 20px;
}
.blog-index__post-content.blog-index__post-content--small {
  background-color: #e3eff7;
}

.card__picture {
  min-height: 360px;
  width: 100%;
  position: relative;
  background-color: #0f3e5b;
}

.card__image{
  position: absolute; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.sidebar .blog-index .blog-index__post {
  margin-bottom: 25px;
  padding: 0 7.5px;
}

.topic-wrapper ul li.active a {
  background-color: #0f3e5b;
  color: #fff;
}

.custom-blog-listing .blog-pagination a.blog-pagination__link:hover {
  color: rgba(227, 239, 247,9.0);
  background-color : rgba(244, 33, 129,9.0);
}
.custom-blog-listing .blog-pagination a.blog-pagination__link {
  background-color: rgba(227, 239, 247,9.0);
}
.custom-blog-listing .blog-pagination a.blog-pagination__link svg path {
  fill: rgba(244, 33, 129,9.0);
}
.custom-blog-listing .blog-pagination a.blog-pagination__link:hover svg path {
  fill: rgba(227, 239, 247,9.0);
}

.custom-blog-listing .dnd-section>.row-fluid>[class*=span].dnd-module {
  padding: 0;
}
.custom-blog-listing .dnd-section>.row-fluid .dnd-column{
  padding: 0;
}
svg#grid-pattern-01550ba2 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: 150px;
  transform: translateY(100%);
  z-index: -1;
}
.blog-listing-banner.custom-banner {
  margin-top:50px;
  position:relative;
}

.blog_listing_pagination .dnd-section{
  padding-top:50px;
  padding-bottom:50px;
}
.blog_listing_body .dnd-section{
  padding-top:120px;
  padding-bottom:0px;
}

.blog-post__read-more .read-more__arrow {
  display: flex;
}
.read-more__arrow:after {
  content: "";
  background-image: url(//25323225.fs1.hubspotusercontent-eu1.net/hubfs/25323225/raw_assets/public/Enginia_July2023/images/arrow.svg);
  width: 16px;
  display: inline-block;
  height: 16px;
  margin-left: 8px;
  background-repeat: no-repeat;
}


.custom__blogpost{
  margin-top: 75px;
  position: relative;
}
.blog_rp_content {
  margin-bottom: -11.5%;
}
.bp_body ,
.cbp_container .blog_related_post{
  position: relative;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  margin-right: 10px;
}
.cbp_container .blog_related_post{
  margin-bottom: 9.5%;
}
.bp_body p{
  font-family: "Inter","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 15px;
  margin-bottom: 0px;
  font-weight:400;
}
.bp_body h2{
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;
}

.blog_related_post{
  margin-top: 75px;
  position: relative;
  background-color: #e3eff7;
  border-radius: 10px;
  padding-top: 35px;
}


.cbp_container .blog_related_post .blog_rp_heading {
  grid-column: span 12;
  margin: 0 0 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}

.cbp_container .blog_related_post .blog_rp_heading h2 {
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;
  margin: 0;
}

.cbp_container .blog_related_post .blog_rp_heading .related_post_btn {
  background-color: #68edc6;
  color: #091c28;
  position: relative;
  transition: background-color 200ms;
  padding: 6px 24px;
  border-radius: 10px;
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
  line-height: 1.75;
  padding-right: 48px;
}

.cbp_container .blog_related_post .blog_rp_heading .related_post_btn svg {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 16px;
  transform: translateY(-50%);
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
  line-height: 1.75;
}

.cbp_container .blog_rp_content .custom-related-outer-wrapper {
  z-index: 1;
  margin: 0 -7.5px;
  position: relative;
}
.cbp_container .blog_rp_content .custom-related-outer-wrapper .related-inner-wrap {
  padding:0 7.5px;
} 
.cbp_container .blog_rp_content .custom-related-outer-wrapper .related-post-item:last-child{
  margin-right: 0px;
}

.cbp_container .blog_rp_content .custom-related-outer-wrapper .related-post-item .related-image {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background-color: #0f3e5b;
  min-height: 360px;
  width: 100%;
  position: relative;
  background-color: #0f3e5b;
  overflow: hidden
}


.cbp_container .blog_rp_content .custom-related-outer-wrapper .related-post-item .related-image a img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.img_card_overlay {
  background: linear-gradient(0deg, rgba(15, 62, 91, 0.9) 23.96%, rgba(15, 62, 91, 0) 59.9%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.related-title.custom-related-inner-content-wrapper {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 25px;
  position: absolute;
  top: 0;
  width: 100%;
}

.related-title.custom-related-inner-content-wrapper a {
  font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 20px;
  line-height: 1.6;
  bottom: 0;
  font-weight: 500;
  left: 25px;
  margin-bottom: 35px;
  padding-right: 25px;
  position: absolute;
  z-index: 3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color:white;
}
svg.grid-pattern_related_post rect {
  width: 100%;
  height: 100%;
}
svg.grid-pattern_related_post {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: 150px;
  transform: translateY(100%);
  z-index: -1;
  display: block;
  top: auto;
  bottom: -50px;
}
.blog_form form .hs_error_rollup label {
  display: block;
  font-family: Inter,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px;
}

.blog_form form .hs-form-field .input input:focus, .blog_form form .hs-form-field .input textarea:focus {
  outline: 2px solid black;
}
.cbp_container .blog_related_post .blog_rp_heading .related_post_btn:hover {
  color: #091c28;
  background-color: #14a87d;
}

.lp_header .primary-container:before {
  position: absolute;
  background-color: #0f3e5b;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  content: "";
  width: 100%;
  display: inline-block;
  min-height: 60px;
  z-index: -1;
}
.header.lp_header .page-center .container-wrapper {
  display: flex;
  justify-content: space-between;
  min-height: 60px;
  align-items: flex-start;

}
.header.lp_header .page-center{
  padding-left: 10px;
  padding-right: 10px;
}

.header.lp_header .primary-section {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  min-height: 62px;
  background-color: #f42181;
  border-radius: 10px;
  padding-top: 7px;
}
.header.lp_header .primary-section .logo-section a {
  margin-right: 15px;
  display: inline-block;
}

.header.lp_header .primary-section .logo-section a img{
  width: 120px !important;
  height: 35px !important;
}




@media(max-width:1200px){
  footer.custom-footer .page-center {
    max-width:972px;
    padding-left: 10px;
    padding-right: 10px;
  }
  footer.custom-footer-lp .page-center {
    max-width:972px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .sidebar .blog-index .blog-index__post {
    padding: 0 5px;
  }
  .blog_listing_body .dnd-section > .row-fluid{
    padding: 0px 10px;
  }
}


@media(max-width:991px){
  .no-banner-page .primary-container {
    min-height: 83px;
  }
  footer.custom-footer .page-center {
    max-width:748px;
    padding-left: 10px;
    padding-right: 10px;
  }
  footer.custom-footer .footer-top-part .page-center>.flex_row{
    gap: 45px;
    max-width: 380px;
  }
  footer.custom-footer .footer-bottom-part .col-section.num1 p {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
  }
  footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu {
    display: flex;
    flex-direction: column;
    width: 75%;
  }
  footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul li a {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;

  }
  footer.custom-footer .footer-section-1 .col-section.num1 {
    padding-right:0px;
  }
  footer.custom-footer .footer-top-part .menu-section-1 ul li:last-child{
    margin-bottom:0;
  }
  footer.custom-footer .footer-top-part .menu-section-2 ul li:last-child{
    margin-bottom:0;
  }

  footer.custom-footer-lp .page-center {
    max-width:748px;
    padding-left: 10px;
    padding-right: 10px;
  }

  footer.custom-footer-lp .footer-bottom-part .col-section.num1 p {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
  }
  footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu {
    display: flex;
    flex-direction: column;
    width: 75%;
  }
  footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul li a {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
  }

  .blog-index__post {
    flex: 0 0 50%;
  }

  .blog_listing_body{
    margin-left: auto;
    margin-right: auto;
    max-width: 748px;
  }
  .custom-blog-listing .dnd-section>.row-fluid{
    margin-left: auto;
    margin-right: auto;
    max-width: 748px;
    padding-left:10px;
    padding-right:10px;
  }
  p.blog-header__subtitle {
    font-size:14px;
  }

}

@media (max-width: 990px){
  header.header_wrapper .header_openWrapper div>ul:before {
    display: none !important;
  }
  header.header_wrapper .header_openWrapper ul>li.hs-item-has-children ul{
    padding: 65px 15px 15px;
  }
  header.header_wrapper .mob_menuBreadCrumb{
    display: flex;
  }
  header.header_wrapper .hs-menu-wrapper.flyouts .hs-menu-children-wrapper{
    left: 0 !important;
    right: 0 !important;
    z-index: 10000;
    background: #f42181;
    animation-duration: .2s;
    animation-name: fadein;
  }
  header.header_wrapper .header_openWrapper.opened ul>li>ul li a{
    margin-left: 0;
  }
  header.header_wrapper .header_openWrapper div>ul>li a{
    font-size: 32px;
    line-height: 1.5;
  }
  header.header_wrapper .header_openWrapper div > ul > li > a svg{
    height: 40px;
    margin-left: 10px;
    width: 40px;
  }
}

@media(max-width:768px){
  footer.custom-footer .page-center {
    max-width:748px;
    padding-left: 10px;
    padding-right: 10px;
  }
  footer.custom-footer .footer-top-part .form-section h3{
    font-family: "Inter Tight","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 15px;
  }
  footer.custom-footer .footer-bottom-part .col-section.num1 {
    align-items: center;
    display: flex;
    margin-top: 45px; 
  }
  footer.custom-footer .footer-top-part .page-center>.flex_row {
    gap: 45px;
    max-width:100%; 
  }
  footer.custom-footer .footer-bottom-part .col-section.num1{
    flex-direction: column;
  }
  footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul li{
    display:block !important;
  }
  footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul li:first-child {
    margin-left: 0;
  }
  footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul li {
    margin-left:0;
    margin-top: 15px;
  }
  footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu {
    display: flex;
    flex-direction: column;
    width:100%;
  }
  footer.custom-footer  .footer-social-item:not(:first-child) {
    margin: 0 ; 
  }
  footer.custom-footer .flex_row .col-section:not(:first-child) {
    padding-top:0px; 
  }
  footer.custom-footer .page-center {
    max-width: 748px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer.footer_section__2 .footer-section-2 .col-section.num1 .footer-row.row1{
    width: 100%; 
  }
  footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul li a {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
  }
  footer.custom-footer .footer-bottom-part .col-section.num1 .custom-menu ul li {
    line-height: 22.4px;
  }

  .footer.footer_section__2 .footer-section-1 .col-section.num1 .footer-row.row1 {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
  }
  footer.custom-footer-lp .page-center {
    max-width:748px;
    padding-left: 20px;
    padding-right: 20px;
  }

  footer.custom-footer-lp .footer-bottom-part .col-section.num1 {
    align-items: center;
    display: flex;
    margin-top: 45px; 
  }

  footer.custom-footer-lp .footer-bottom-part .col-section.num1{
    flex-direction: column;
  }
  footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul li{
    display:block !important;
  }
  footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul li:first-child {
    margin-left: 0;
  }
  footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul li {
    margin-left:0;
    margin-top: 15px;
  }
  footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu {
    display: flex;
    flex-direction: column;
    width:100%;
  }

  footer.custom-footer .page-center {
    max-width: 748px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer.footer_section__2 .footer-section-2 .col-section.num1 .footer-row.row1{
    width: 100%; 
  }
  footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul li a {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
  }
  footer.custom-footer-lp .footer-bottom-part .col-section.num1 .custom-menu ul li {
    line-height: 22.4px;
  }
  .sidebar .blog-index .blog-index__post {
    margin-bottom: 25px;
    padding: 0 7.5px;
    flex: 1 0 100%;
  }
  h1.blog-banner-title{
    font-size: 32px; 
  }
  .blog_listing_body .dnd-section {
    padding-top:75px;
    padding-bottom: 0px;
  }
  .blog_listing_pagination .dnd-section {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .blog_listing_body .dnd-section>.row-fluid {
    max-width: 1200px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .custom-blog-listing .dnd-section>.row-fluid {
    margin-left: auto;
    margin-right: auto;
    max-width: 748px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .blog-listing-banner.custom-banner { 
    margin-top: 60px;
  }
  .card-hedaing {
    padding: 25px 15px 0;
  }
  .card-hedaing h2{
    font-size:16px;
  }
  .card-description {
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 14px;
    line-height: 1.6;
    padding: 10px 15px 0;
  }
  .blog-post__meta-section {
    padding: 25px 15px 35px;
  }
}

@media (max-width: 767px){
  .no-banner-page .custom_header-container,
  .no-banner-page .primary-container {
    min-height: 67px;
  }
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper{
    position: absolute !important;
  }
  header.header_wrapper .header_openWrapper.opened ul>li>ul li a{
    font-size: 20px;
    line-height: 1.6;
  }
  .header.lp_header .primary-section {
    padding: 10px 10px 0;
  }
  .header.lp_header .page-center .container-wrapper {
    min-height: 52px;
  }
}
@media (max-height:679px) and (min-width: 768px){
  header.header_wrapper .header_openWrapper ul{
    position:relative;
  }
  header.header_wrapper .header_openWrapper div>ul:before {
    height: calc(100% + 30px);
    left: -15px;
    top: -15px;
  }
  header.header_wrapper .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
    left: 453px !important;
    top: -15px !important;
    width: calc(100% - 453px);
  }
/*   .header.lp_header .page-center{
    margin-left: 10px;
    margin-right: 10px;
  } */
/*   .header.lp_header .page-center .container-wrapper {
    position: relative;
    top: 4px;
  } */
}



@media(max-width:358px){
  .topic-wrapper ul {
    display: flex;
    margin-bottom: 10px;
    gap: 6px;
  }
  .topic-wrapper ul li a{
    padding: 6px 20px;
  }
}

@media (min-width: 768px){
  header.header_wrapper .container__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 748px;
  }
  header.header_wrapper .header_menuPrimary{
    margin-left: 10px;
    margin-right: 10px;
    height: 73px;
    top: 10px;
  }
  header.header_wrapper .header_menu_inner a img {
    width: 155px !important;
    height: 40px;
  }
  header.header_wrapper .search-bar svg {
    height: 19px;
    width: 19px;
  }
  header.header_wrapper .hamburger__icon:before {
    top: -9px;
  }
  header.header_wrapper .hamburger__icon:after {
    top: 9px;
  }
  .cbp_container .blog_related_post .blog_rp_heading h2 {
    font-size: 48px;
    line-height: 1.33333;
  }
  .header.lp_header .primary-section .logo-section a img {
    width: 155px !important;
    height: 40px !important;
  }
  .custom__blogpost{
    margin-top: 120px;
  }
  .bp_body ,
  .cbp_container .blog_related_post{
    padding-top: 35px;
    padding-bottom: 75px;
    margin-left: auto;
    margin-right: auto;
    max-width: 748px;
  }
  .header.lp_header .page-center{
    max-width: 748px;
  }
  .bp_body h2{
    font-size: 48px;
    line-height: 1.33333;
  }
  .blog_related_post{
    margin-top: 45px;
  }
  .related-title.custom-related-inner-content-wrapper a{
    font-size: 20px;
    line-height: 1.6;
  }
  .header.lp_header .primary-section{  
    margin-left: 10px;
    margin-right: 10px;
    min-height: 74px;
    top: 10px;
  }
}

@media (min-width: 992px){
  .blog-list-cs-banner .dnd-section>.row-fluid ,
  .blog_listing_body .dnd-section > .row-fluid{
    max-width: 972px;
  }
  header.header_wrapper {
    font-size: 16px;
  }
  header.header_wrapper .container__inner {
    max-width: 972px;
  }
  header.header_wrapper .menu_hamburgerWrapper{
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 15px;
    width: initial;
  }
  header.header_wrapper .menu_hamburgerWrapper ul{
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: 25px;
    text-align: right;
    flex-wrap: nowrap;
  }
  header.header_wrapper li a{
    margin: 0 15px;
    font-weight: 500;
    white-space: nowrap;
  }
  header.header_wrapper li a:last-child {
    margin-right: 0;
  }
  header.header_wrapper .search-bar{
    display: none;
  }
  header.header_wrapper .search_bar_desktop{
    display: block;
    margin-top: -5px;
    width: 280px;
  }
  .search-bar__icon {
    height: 14px;
    top: 10px;
    width: 14px;
  }
  form .searchbar_labelWrapper .header_input {
    font-size: 16px;
  }
  form .searchbar_labelWrapper .search-bar__input {
    font-size: 14px;
    padding: 6px 16px 6px 45px;
  }
  header.header_wrapper .hamburger{
    padding-top: 0;
  }
  .bp_body ,
  .cbp_container .blog_related_post,
  .header.lp_header .page-center {
    max-width: 972px;
  }
  .bp_body p{
    font-size: 16px;
  }
}

@media (min-width: 1200px){
  .blog-list-cs-banner .dnd-section>.row-fluid ,
  .blog_listing_body .dnd-section > .row-fluid{
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1170px;
  }
  header.header_wrapper .container__inner {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1170px;
  }
  .bp_body  ,
  .cbp_container .blog_related_post,
  .header.lp_header .page-center{
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1170px;
  }
  svg.grid-pattern_related_post {
    left: 15px;
    width: calc(100% - 30px);
  }
}
@media (min-width: 1400px){
  .blog-list-cs-banner .dnd-section>.row-fluid ,
  .blog_listing_body .dnd-section > .row-fluid{
    max-width: 1200px;
  }
  header.header_wrapper .container__inner {
    max-width: 1200px;
  }
  .bp_body ,
  .cbp_container .blog_related_post ,
  .header.lp_header .page-center{
    max-width: 1200px;
  }
}

@media (max-width:767px){
  .landing_pg_v1 .banner_area-module-2 {
    padding-top: 100px;
  }
}

header.header_wrapper .header_menuPrimary ,
header.header_wrapper .header_openWrapper ,
header.header_wrapper .header_openWrapper div>ul:before{
  background-color:  rgba(244, 33, 129,1.0);
}

header.header_wrapper li a ,
header.header_wrapper .header_openWrapper div>ul>li > a{
  color: rgba(255, 255, 255,1.0);
  background-color:rgba(244, 33, 129,0.0);
}

header.header_wrapper .header_openWrapper div>ul>li>a svg{
  fill: rgba(255, 255, 255,1.0);
}

header.header_wrapper .header_openWrapper div>ul>li> a:hover{
  color: rgba(9, 28, 40,1.0);
  background-color:rgba(244, 33, 129,0.0);
}
header.header_wrapper .header_openWrapper div>ul>li>a:hover svg{
  fill: rgba(9, 28, 40,1.0);
}

header.header_wrapper li a:active ,
header.header_wrapper .header_openWrapper div>ul>li > a:active{
  color: rgba(255, 255, 255,1.0);
  background-color:rgba(244, 33, 129,0.0);
}



header.header_wrapper .header_openWrapper.opened ul>li>ul li a{
  color: rgba(255, 255, 255,1.0);
  background-color:rgba(244, 33, 129,0.0);
}

header.header_wrapper .header_openWrapper.opened ul>li>ul li a:hover{
  color: rgba(9, 28, 40,1.0);
  background-color:rgba(244, 33, 129,0.0);
}
header.header_wrapper .header_openWrapper.opened ul>li>ul li a:active{
  color: rgba(244, 33, 129,1.0);
  background-color:rgba(2, 103, 128,0.0);
}
.search-bar__icon ,
.search-bar__icon path{
  fill: rgba(9, 28, 40,1.0);
}

form .searchbar_labelWrapper .header_input.header_inputWhite{
  background-color:rgba(255, 255, 255,1.0);
}


/* Container__inner   */
.container__inner {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 0;
    grid-template-columns: repeat(6, 1fr);
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width: 768px) {
    .container__inner {
        grid-template-columns:repeat(12, 1fr);
        margin-left: auto;
        margin-right: auto;
        max-width: 748px
    }
}

@media(min-width: 992px) {
    .container__inner {
        max-width:972px
    }
}

@media(min-width: 1200px) {
    .container__inner {
        grid-column-gap:15px;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1170px
    }
}

@media(min-width: 1400px) {
    .container__inner {
        max-width:1200px
    }
}






/* popup */
.popup__wrapper{
  justify-content:center;
      align-items: center;
    background-color: rgba(0, 0, 0, .4);
     display: none; 
    inset: 0;
    justify-content: center;
    min-height: 100dvh;
    max-height: 100dvh;
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    z-index: 9999;
    padding: 20px 0;
}
.popup__wrapper.open{
  display:flex;
}
.popup-container {
    background-color: #fff;
    border-radius: 0;
    margin: 0;
    width: 100%;
    max-width: 972px;
    min-height: 400px;
    padding: 48px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    height: 100%;
    overflow-y: auto;
}
.pc__close{    
      width: 24px;
      position: absolute;
      right:0;
      top:0;
      margin: 16px;
      cursor:pointer;
      display: flex;
      align-items: center;
      justify-content: center;
}

.popup__wrapper .hs-form-field{
    margin-bottom: 24px;
}
.popup__wrapper .hs-input:not([type="checkbox"], [type="radio"]){
    min-height: 48px;
    padding: 16px;
}

form.hs-form .legal-consent-container .hs-richtext p {
        font-size: 14px;
        line-height: 20px;
        margin: 12px 0;
}

html.scroll-blocked{
  overflow: hidden;
}

@media(max-width: 576px){
    form.hs-form fieldset{
        flex-direction: column;
        gap: 0;
    }
}
@keyframes slideUp {
    from {
        transform: translateY(50%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.popup-container {
    animation: slideUp 0.5s forwards;
}

@keyframes slideDown {
    from {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(50%);
        opacity: 0
    }
}

.popup-container.slide-out {
    animation: slideDown 0.5s forwards;
}