/* 1a. Containers */






/* 1b. Colors */




/* 1c. Typography */
























/* 1d. Buttons */










/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */



















/* 1h. Site footer */






















.dnd-section > .row-fluid,
.page-center,
.content-wrapper {
  max-width: 1250px;
}

@media (min-width: 1200px) {
  .page-center,
  .content-wrapper,
  .dnd-section > .row-fluid {
    max-width: 1250px;
  }
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}





body {
  font-size: 16px;
  font-weight: 300;
  font-family: surt, sans-serif;
  color: rgba(0, 0, 0, 1.0);
}

@media (max-width: 767px) {
  body {
    font-size: 15.058823529411764px;
  }
}

/* Paragraphs */

p {
  font-family: surt, sans-serif;
}

/* Anchors */

a {
  color: 

  
  
    
  


  rgba(83, 22, 45, 1.0)

;
}

a:hover,
a:focus,
a:active {
  color: 

  
  
    
  


  rgba(83, 22, 45, 1.0)

;
}

/* Headings */

h1, h2, h3, h4, h5, h6{
  font-family: surt, sans-serif;
  color: rgba(0, 0, 0, 1.0);
}

h1 {
  font-size: 3rem;
  font-weight: 300;
}

h2 {
  font-size: 2rem;
  font-weight: 300;
}

h3 {
  font-size: 1.875rem;
  font-weight: 300;
}

h4 {
  font-size: 1.5rem;
  font-weight: 300;
}

h5 {
  font-size: 1.25rem;
  font-weight: 300;
}

h6 {
  font-size: 1.2rem;
  font-weight: 300;
}

/* Blockquote */

blockquote {
  border-left-color: {color=#000, opacity=100, rgba=rgba(0, 0, 0, 1), rgb=rgb(0, 0, 0), hex=#000, css=#000000};
}





.error-page .button,a
button,
.button,
form input[type=submit],
form .hs-button {
  background-color: 

  
  
    
  


  rgba(255, 189, 89, 1.0)

;
  border: 1px solid 

  
  
    
  


  rgba(255, 189, 89, 1.0)

;
  border-radius: 99px;
  color: 

  
  
    
  


  rgba(83, 22, 45, 1.0)

;
  padding: 0.75rem 2rem;
}

.error-page .button:hover,
button:hover,
button:focus,
.button:hover,
.button:focus,
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: 

  
  
    
  


  rgba(83, 22, 45, 1.0)

;
  border-color: 

  
  
    
  


  rgba(255, 189, 89, 1.0)

;
}

button:active,
.button:active,
form input[type=submit]:active,
form .hs-button:active {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: 

  
  
    
  


  rgba(83, 22, 45, 1.0)

;
}






.hs_cos_wrapper_type_form, .hs_cos_wrapper_type_blog_subscribe, 
.hs_cos_wrapper_type_google_search, 
.hs_cos_wrapper_type_email_simple_subscription, 
.hs_cos_wrapper_type_password_prompt, 
.hs_cos_wrapper_type_module .widget-type-email_subscriptions, 
.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, 
.section.post-footer form {
  background-color: rgba(255, 255, 255, 0.0);
}

/* Form title */

.form-title {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 0.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

/* Form label */

form label {
  color: 

  
  
    
  


  rgba(51, 51, 51, 1.0)

;
}

/* Form help text */

form legend {
  color: 

  
  
    
  


  rgba(51, 51, 51, 1.0)

;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  color: 

  
  
    
  


  rgba(51, 51, 51, 1.0)

;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: 

  
  
    
  


  rgba(208, 165, 251, 1.0)

;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 1.0);
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: rgba(0, 0, 0, 1.0);
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: {color=#000, opacity=100, rgba=rgba(0, 0, 0, 1), rgb=rgb(0, 0, 0), hex=#000, css=#000000};
}

.fn-date-picker td .pika-button:hover {
  background-color: {color=#000, opacity=100, rgba=rgba(0, 0, 0, 1), rgb=rgb(0, 0, 0), hex=#000, css=#000000} !important;
}

.fn-date-picker td.is-today .pika-button {
  color: {color=#000, opacity=100, rgba=rgba(0, 0, 0, 1), rgb=rgb(0, 0, 0), hex=#000, css=#000000};
}





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(26, 26, 26, 1.0);
  color: rgba(26, 26, 26, 1.0);
}

thead th,
thead td {
  background-color: rgba(26, 26, 26, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(26, 26, 26, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(26, 26, 26, 1.0);
}






header.header .top-header{
  background-color: rgba(255, 255, 255, 1.0);
}

header.header .secondary-menu ul a{
  color: rgba(0, 0, 0, 1.0);
}  

header.header .secondary-menu ul a:hover span {
  color: rgba(0, 0, 0, 0.7000000000000001);
}

header.header .bottom-header-menu {
  background-color: rgba(255, 255, 255, 1.0);
  box-shadow: none;
}

header.header ul.submenu.level-1>li>a{
  color: rgba(0, 0, 0, 1.0);
}  

header.header ul.submenu.level-1>li>a:hover, header.header ul.submenu.level-1>li a.active-item:hover {
  color: rgba(83, 22, 45, 0.7000000000000001);
}


header.header .sub-menu-con {
  background-color: rgba(83, 22, 45, 1.0);
}

header.header ul.submenu.level-1 ul li a, header.header ul.submenu.level-1 ul li a h3, header.header ul.submenu.level-1 ul li a span,header.header ul.submenu.level-1 ul li a .text-base{
  color: rgba(255, 235, 217, 1.0);
  background-color: rgba(83, 22, 45, 0.0);
}

header.header ul.submenu.level-1 ul li a:hover, header.header ul.submenu.level-1 ul li:not(:first-child) a:hover h3, header.header ul.submenu.level-1 ul li a:hover span,header.header ul.submenu.level-1 ul li a:hover .text-base{
  color: rgba(255, 235, 217, 0.7000000000000001);
  background-color: rgba(83, 22, 45, 0.0);
}

header.header ul.submenu.level-1>li:last-child>a{
  color: rgba(83, 22, 45, 1.0);
  background-color: rgba(255, 189, 89, 1.0);
  border-color: rgba(255, 189, 89, 1.0);
}

header.header ul.submenu.level-1>li:last-child>a:hover {
  color: rgba(0, 0, 0, 1.0);
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(83, 22, 45, 1.0);
}

header.header ul.submenu.level-1>li a.active-item {
  color: rgba(83, 22, 45, 1.0);
}






footer.footer {
  background-color: rgba(255, 235, 217, 1.0);
}

footer.footer h4 {
  color: rgba(0, 0, 0, 1.0);
}

footer.footer .top-footer ul li a,footer.footer .col-span-2-one a {
  color: rgba(0, 0, 0, 1.0);
}

footer.footer .top-footer ul li a:hover ,footer.footer .col-span-2-one a:hover{
  color: rgba(83, 22, 45, 0.7000000000000001);
}

footer.footer .bottom-footer p{
  color: rgba(0, 0, 0, 1.0);
}

footer.footer .bottom-footer a {
  color: rgba(0, 0, 0, 1.0);
}

footer.footer .bottom-footer a:hover {
  color: rgba(83, 22, 45, 0.7000000000000001);
}






.top-topics #tinynav1 a:before {
  width: 1.3rem!important;
  height:1.3rem!important;
}

@media (max-width: 960px) { 
  .top-topics #tinynav1 ul>li {
    padding-bottom: 16px!important;
  }
}
.top-topics #tinynav1 a.active:after {
  top: 4px!important;
  left: 3px!important;
}

a.blog-pagination__link.blog-pagination__number-link.blog-pagination__link--active {
  background: #53162d;
  opacity: 1;
  padding: 8px;
  border-radius: 4px;
  color:#ffebd9;
}

.about-author-sec {
  display: flex;
  background-color: #ffebd980;
  border-radius: 0.75rem;
  padding: 16px;
  align-items: center;
}

.about-author-sec img {
  border-radius: 50%;
}

.about-author-sec h3 {
  font-size: 1.2rem;
  margin-bottom:2px;
}

.about-author-sec p {
  font-style: italic;
  margin: 0;
  padding-bottom: 0rem;
  font-size: 15px;
}

.about-author-sec a {
  color: #53162d;
  text-decoration: none;
}








.systems-page .item {
  background:#f1f1f1;
  border-radius: 16px;
  padding: 24px 24px 16px 24px;
  margin-bottom: 16px;
}

.systems-page p.header {
  margin-top: 24px;
}

.checkbox-row span {
  font-size:18px;
}

.checkbox-row p {
  margin-left: 20px;
}

.systems-inner {
max-width: 750px;
margin: 0 auto;
}

.systems-page h1 {
font-size: 2.5rem
}

  .systems-page h2 {
    font-size: 1.5rem;
}

  .error-page:before {
   content: attr(none);
}

.image-404 img {
  max-width: 400px;
}

@media (max-width:768px) {
.systems-page h1 {
    font-size: 24px;
}
  .systems-page {
    padding: 3rem 0;
  }

.systems-page #content>.item .checkbox-row>span {
    display: block!important;
    justify-content: flex-start;
}
}






.card__price {
  font-family: ;
  font-size: px;
  color: ;
  font-weight: 
}


/* Landing page style */
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body {
    overflow-x: hidden;
}
/* .body-container--landing-page {
    overflow-x: hidden;
} */
.header-wrapper {
    position: relative;
    z-index: 99;
}
.no-nav-lp header.header .bottom-header-menu {
    background: transparent;
    box-shadow: 0 0;
    padding-top: 67px;
    transition: all 0.4s ease-in-out;
    position: relative;
}
.header-wrapper.lp-header.no-nav-lp {
    position: absolute;
    width: 100%;
    top: 0;
}
.no-nav-lp.scroll-eff header.header .bottom-header-menu {
    background: #FFEBD9;
}
.no-nav-lp header.header .right-img {
    position: absolute;
    top: -69px;
    right: 22px;
}
.no-nav-lp header.header .container {
    position: relative;
}
.body-container--landing-page h1 {
    font-size: 41px;
    line-height: 46px;
    letter-spacing: -0.87px;
}
.body-container--landing-page h2 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.87px;
}
.body-container--landing-page .widget-type-rich_text ul {
    padding: 0;
    list-style: none;
}
.body-container--landing-page .widget-type-rich_text ul li {
    font-size: 16px;
    margin: 0 0 6px 0;
    position: relative;
    padding: 0 0 0 34px;
}
.body-container--landing-page .widget-type-rich_text ul li:before {
    content: "";
    background: url(https://5141712.fs1.hubspotusercontent-na1.net/hubfs/5141712/check-icon.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    position: absolute;
    left: 0;
    background-size: 100%;
    top: 3px;
}
footer.footer.no-nav {
    font-size: 14px;
    padding-bottom: 2rem;
    padding-top: 2rem;
}
footer.footer.no-nav .container {
    display: flex;
    align-items: center;
}
footer.footer.no-nav .container .col-span-8 {
    margin-left: auto;
    display: flex;
    align-items: center;
}
footer.footer.no-nav .privacy a {
    color: #000000;
    text-decoration: underline;
}
footer.footer.no-nav .privacy {
    margin-left: 7px;
}
.hero-form {
    background: #53162D;
    padding: 54px 50px;
    border-radius: 12px;
    position: relative;
}
.hero-form:before {
    content: "";
    background-image: url(https://5141712.fs1.hubspotusercontent-na1.net/hubfs/5141712/bestill-demo-pr%C3%B8v-selv.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 139px;
    height: 85px;
    position: absolute;
    top: -39px;
    right: 0;
   
}
.hero-form:after {
    content: "";
    background-image: url(https://5141712.fs1.hubspotusercontent-na1.net/hubfs/5141712/b-burgundy.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 337px;
    height: 318px;
    position: absolute;
    bottom: -127px;
    right: -159px;
    z-index: 92;
 background-size: contain;
}
.hero-form .form-title {
    color: #FFEBD9;
    font-size: 22px;
}
.hero-form form .input input[type="text"], 
.hero-form form .input input[type="email"], 
.hero-form form .input input[type="tel"] {
    background: #fff;
    border: none;
    height: 44px;
    width: 100%;
}
.hero-form form fieldset {
    width: auto !important;
    max-width: none !important;
    margin-right: -8px;
}
.hero-form form .hs-form-field {
    margin-bottom: 15px;
}
.hero-form form {
    margin: 0;
}
.hero-form form input[type=tel]::placeholder{
    color: #53162d;
}
.hero-form input[type=checkbox] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-color: rgba(83,22,45,var(--tw-border-opacity));
    border-radius: 4px;
    border-width: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 25px!important;
    vertical-align: middle;
    width: 25px!important;
    margin: 0;
}

.hero-form input[type=checkbox]:checked:before {
    --tw-text-opacity: 1;
    color: rgba(83,22,45,var(--tw-bg-opacity));
    content: "✓";
    display: inline-block;
    font-size: 20px;
    font-weight: 900;
    height: 100%;
    line-height: 1.5rem;
    margin-top: 1px;
    margin-left: 3px;
    vertical-align: top;
    width: 100%;
}

.hero-form .hs-form-booleancheckbox label, .hero-form .hs-form-booleancheckbox label a {
    color: #FFEBD9;
    font-size: 11px;
    text-transform: uppercase;
    font-family: surt, sans-serif;
}

.hero-form .hs-form-booleancheckbox label a {
    text-decoration: underline;
}

.hero-form .hs-form-booleancheckbox label {
    min-height: 25px;
    display: flex;
    align-items: center;
}

.hero-form input[type=checkbox] + span {
    margin-left: 10px !important;
    letter-spacing: -0.77px;
    color: #FFEBD9;
    font-size: 11px;
    text-transform: uppercase;
    font-family: surt, sans-serif;
}

.hero-form input[type=checkbox] + span * {
    margin: 0 !important;
    font-size: 11px !important;
}

@media (max-width: 1024px){
  .mobile-menus .mobile-container ul li a svg {
    background: none; 
  }
  .mobile-menus .mobile-container ul li a svg path[fill="#53162D"] {
    fill: #ffebd9;
  }
  header.header #mobile-menu-toggle {
    color: #53162d;
  }
  .mobile-menus .submenu li a.active-item {
    text-decoration: underline;
    font-weight: 500;
  }
  .header-wrapper.lp-header.no-nav-lp header.header {
      position: relative;
  }
  .no-nav-lp header.header .container {
      position: relative;
      padding-left: 20px;
  }
  .no-nav-lp header.header .bottom-header-menu {
      padding-top: 24px;
  }
  .hero-form {
      padding: 54px 40px;
  }
  footer.footer.no-nav {
      font-size: 13px;
  }
  footer.footer.no-nav .container {
      padding: 0 16px;
      display: block;
  }
  footer.footer.no-nav .col-span-2-one {
      margin: 0;
  }
  footer.footer.no-nav .col-span-2-one {
      padding: 0;
      border: none;
  }
  footer.footer .custom-footer-logo img {
      margin: 0 auto;
  }
  footer.footer.no-nav .container .col-span-8 {
      justify-content: center;
      flex-wrap: wrap;
      text-align: center;
  }
  .body-container--landing-page h1 {
      font-size: 30px;
      line-height: 36px;
  }
}

@media (max-width: 767px){
  .body-container--landing-page h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .body-container--landing-page h2 {
      font-size: 24px;
      margin-bottom: 8px !important;
  }
  .body-container--landing-page p {
      font-size: 16px !important;
  }
  .hero-ul-list {
      text-align: left;
      margin: 0 auto 40px;
  }
  .hero-form {
      padding: 44px 30px 54px 30px;
  }
  .hero-form:before {
      width: 100px;
      height: 80px;
      background-size: 100%;
      right: -1px;
  }
  .hero-form:after {
      width: 240px;
      height: 270px;
      right: -80px;
      background-size: 100%;
  }
  .dnd_area-row-4-background-image.dnd-section {
      background-image: none !important;
  }
  .dnd_area-row-4-background-image.dnd-section .hs_cos_wrapper_type_module {
      width: 100%;
  }
  .body-container--landing-page .dnd_area-row-5-background-image {
      background-image: none !important;
  }
}


@media(max-width: 480px) {
  .hero-form form .input input[type="text"], .hero-form form .input input[type="email"], .hero-form form .input input[type="tel"] {
    width: 100% !important;
  } 
}