







/* 1a. Containers */




/* 1b. Colors */

:root {
   --primary: 

  
  
    
  


  rgba(30, 30, 30, 1.0)

;
   --secondary: 

  
  
    
  


  rgba(55, 55, 55, 1.0)

;
   --tertiary: 

  
  
    
  


  rgba(69, 135, 195, 1.0)

;
   --quaternary: 

  
  
    
  


  rgba(161, 223, 158, 1.0)

;   
}





/* 1c. Typography */





















































/* 1d. Buttons */










/* 1e. Forms */

















/* 1f. Tables */













/* 1g. Site header */













/* 1h. Site footer */



















.content-wrapper {
   max-width: 1260px;
}

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

.dnd-section > .row-fluid {
   max-width: 1260px;
}





html {
   font-size: 16px;   
}

body {
   font-size: 18px;
   color: #373737;
   font-weight: 400;
   font-family: Poppins;
}

small {
   font-size: 15.99999999984px
}

/* Anchors */

a {
   color: #4587C3;
}

a:hover,
a:focus,
a:active {
   color: #4587C3;
}

/* Headings */

h1, .h1 {
   font-family: Poppins;
   font-size: 60px;
   color: #1E1E1E;
   font-weight: 700;
}

h2, .h2 {
   font-family: Poppins;
   font-size: 48px;
   color: #1E1E1E;
   font-weight: 700;
}

h3, .h3 {
   font-family: Poppins;
   font-size: 38px;
   color: #1E1E1E;
   font-weight: 600;
}

h4, .h4 {
   font-family: Poppins;
   font-size: 24px;
   color: #1E1E1E;
   font-weight: 600;
}

h5, .h5 {
   font-family: Poppins;
   font-size: 22px;
   color: #1E1E1E;
   font-weight: 700;
}

h6, .h6 {
   font-family: Poppins;
   font-size: 20px;
   color: #1E1E1E;
   font-weight: 700;
}

@media (max-width:767px) {
   h1, .h1 {
      font-size: 39.9999999996px;
   }
   h2, .h2 {
      font-size: 31.99999999968px;
   }
   h3, .h3 {
      font-size: 26.599999999999998px;
   }   
}

@media (max-width:479px) {
   h1, .h1 {
      font-size: 37.5px;
   }  
}

/* Blockquote */

blockquote {
   border-left-color: #373737;
}





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

  
  
    
  


  rgba(69, 135, 195, 1.0)

;
   border: 0px solid 

  
  
    
  


  rgba(69, 135, 195, 1.0)

;
   border-radius: 8px;
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
   padding: 16px 36px;
}

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

  
  
    
  


  rgba(58, 126, 187, 1.0)

;
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
   border-color: 

  
  
    
  


  rgba(58, 126, 187, 1.0)

;
}

.button.secondary,
.hs-button.secondary {
   border-color: var(--primary);
   border-width: 1px;
   color: var(--primary);
   background-color: #fff;
}

.button.secondary:hover,
.hs-button.secondary:hover {
   background-color: var(--primary);
   color: #fff;
}

.button.teritary,
.hs-button.teritary {
   background-color: var(--quaternary);
}

.button.teritary:hover,
.hs-button.teritary:hover {
   background-color: #89CB86;
}

button,
input,
optgroup,
select,
textarea {
   color: 

  
  
    
  


  rgba(55, 55, 55, 1.0)

;
}

@media (max-width: 767px) {
   .button,
   .hs-button {
      font-size: 16px;
      padding: 16px;
   }

   .dnd-section,
   .content-wrapper--vertical-spacing {
      padding-top: 40px 20px;
      padding-top: 20.0px;
      padding-bottom: 20.0px;
   }
}






form,
.submitted-message {
   font-size: 18px;
   color: #373737;
   font-weight: 400
}

/* Form title */

.form-title {
   background-color: 

  
  
    
  


  rgba(161, 223, 158, 1.0)

;
   color: 

  
  
    
  


  rgba(30, 30, 30, 1.0)

;
}
.hs-form label {
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.hs-form legend, form .hs-richtext, form .hs-richtext p {
   color: 

  
  
    
  


  rgba(255, 255, 255, 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(55, 55, 55, 1.0)

;
   border-width: 0px;
   border-style: solid;
   border-radius: 4px;
}

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(55, 55, 55, 1.0)

;
   outline: none;  
}

/* form .hs-button {
background-color: var(--quaternary);
}

form .hs-button:hover {
background-color: var(--quaternary);
} */

/* Form placeholder text */

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
   background: #1E1E1E;
}

.fn-date-picker td .pika-button:hover {
   background-color: #1E1E1E !important;
}

.fn-date-picker td.is-today .pika-button {
   color: #1E1E1E;
}

form.hs-form, .systems-page form {
   background-color: 

  
  
    
  


  rgba(161, 223, 158, 1.0)

;
   border: 1px solid 

  
  
    
  


  rgba(208, 208, 208, 0.8)

;
   border-radius: 30px;
}


form.hs-form {
   padding: 32px 20px;
}
.systems-page form {
   padding: 20px 16px;
}



.form-title {
   padding-left: 10px;
}






table {
   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
   border-color: 

  
  
    
  


  rgba(30, 30, 30, 1.0)

;
}

th,
td {
   border-color: 

  
  
    
  


  rgba(30, 30, 30, 1.0)

;
   color: 

  
  
    
  


  rgba(30, 30, 30, 1.0)

;
}

thead th,
thead td {
   background-color: 

  
  
    
  


  rgba(69, 135, 195, 1.0)

;
   border-bottom-color: 

  
  
    
  


  rgba(30, 30, 30, 1.0)

;
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

tfoot td {
   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
   color: 

  
  
    
  


  rgba(30, 30, 30, 1.0)

;
}






header.header {
   background-color: 

  
  
    
  


  rgba(17, 17, 17, 1.0)

;
}

.submenu.level-1>li>a {
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)


}

.submenu.level-1>li>a:hover {
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.submenu.level-1>li.active-branch>a {
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)


}

.submenu.level-2 {
   background-color: 

  
  
    
  


  rgba(17, 17, 17, 1.0)

;
}

.submenu.level-2 li > a {
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}



.submenu.level-2>li>a.active-branch {
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)


}

.submenu.level-1>li.SIGN.UP>a {
   color: ;
   background-color: ;
   border-color: ;
}

.submenu.level-1>li.SIGN.UP>a:hover {
   color: ;
   background-color: ;
   border-color: ;
}

@media(min-width:768px){
   .custom-menu-primary .submenu.level-1>li ul>li:hover > a {
      color: 

  
  
    
  


  rgba(17, 17, 17, 1.0)

;
      background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
   }
} 
@media(max-width:768px){
   .custom-menu-primary .submenu.level-1>li ul>li:hover{
      background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
   }
   .custom-menu-primary .submenu.level-1>li ul>li:hover > a {
      color: 

  
  
    
  


  rgba(17, 17, 17, 1.0)

;

   }
} 




.footer {
   background-color: 

  
  
    
  


  rgba(17, 17, 17, 1.0)

;
}

.footer-border {
   border-color: 

  
  
    
  


  rgba(38, 38, 38, 1.0)

;
}

.footer-menu .hs-menu-wrapper>ul>li>a, .footer-menu .hs-menu-wrapper>ul>li>a:hover {
   color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.footer {
   color: 

  
  
    
  


  rgba(208, 208, 208, 1.0)

;
}

.footer a {
   color: 

  
  
    
  


  rgba(208, 208, 208, 1.0)

;
}

.footer a:hover {
   color: 

  
  
    
  


  rgba(208, 208, 208, 1.0)

;
}

.footer-menu ul li a {
   color: 

  
  
    
  


  rgba(208, 208, 208, 1.0)

;
}

.footer-menu ul li a:hover {
   color: 

  
  
    
  


  rgba(208, 208, 208, 1.0)

;
}

.social-icon a svg path {
   fill: 

  
  
    
  


  rgba(247, 247, 247, 0.8)

;
   transition: all 0.15s ease-in-out;
}

.social-icon a:hover svg path {
   fill: 

  
  
    
  


  rgba(161, 223, 158, 1.0)

;
}

.footer-copyright p {
   color : 

  
  
    
  


  rgba(205, 205, 205, 1.0)

;
}
















.card__price {
   font-family: Poppins
      font-size: 38px;
   color: #1E1E1E;
   font-weight: 600
}