@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




  {
  ## Table of contents 1. Variables 1a. Containers 1b. Colors 1c. Typography 1d. Buttons 1e. Forms 1f. Tables 1g. Site header 1h. Site footer 2. Containers / Grid / DnD Areas 3. Typography 4. Buttons 5. Forms 6. Tables 7. Site header 8. Site footer 9. Blog 10. System pages 11. Modules ##
}

  {
  ###########################################################################
}

  {
  ############################ 1. Variables #############################
}

  {
  ###########################################################################
}

/* 1a. Containers */

  

  

/* 1b. Colors */

  

  

/* 1c. Typography */

  

  

  

  

  

  


  

  

  

  


  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

/* 1d. Buttons */

  

  

  

  

  

  

  

  

/* 1e. Forms */

  

  

  

  

  

  

  

  

  

  

  

/* 1f. Tables */

  

  

  

  

  

  

  

/* 1g. Site header */

  

  

  

  

  

  

  

  

/* 1h. Site footer */

  

  

  

  

  


  {
  ###########################################################################
}

  {
  ################## 2. Containers / Grid / DnD Areas ###################
}

  {
  ###########################################################################
}

.page-center,
.content-wrapper {
  max-width: 100%;
}

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

.dnd-section>.row-fluid {
  max-width: 100%;
}

  {
  ###########################################################################
}

  {
  ########################### 3. Typography #############################
}

  {
  ###########################################################################
}

html {
  font-size: px;
}

body {
  font-size: px;

  color: 

  
  
    
  


  rgba(#null, 1)

;

  font-weight: ;


};
}

/* Paragraphs */

p {
font-size: px;

color: 

  
  
    
  


  rgba(#null, 1)

;

font-weight: ;
}

/* Anchors */

a {
color: 

  
  
    
  


  rgba(#null, 1)

;
}

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

  
  
    
  


  rgba(#null, 1)

;
}

/* Headings */

h1 {
;

font-size: px;

color: 

  
  
    
  


  rgba(#null, 1)

;

font-weight: ;
}

h2 {
;

font-size: px;

color: 

  
  
    
  


  rgba(#null, 1)

;

font-weight: ;
}

h3 {
font-family: ;

font-size: px;

color: 

  
  
    
  


  rgba(#null, 1)

;

font-weight: ;
}

h4 {;

font-size: px;}

color: 

  
  
    
  


  rgba(#null, 1)

;

font-weight: {
  { h4_variation}};}

h5 {
font-size: ;}
px;

color: {
  {
  h5_color
}
};

font-weight: {
  {
  h5_variation
}
};
}

h6 {};

font-size: {
  {
  h6_size
}}
px;

color: {
  {
  h6_color
}
};

font-weight: {
  {
  h6_variation
}
};
}

/* Blockquote */

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

{
###########################################################################
}

{
############################ 4. Buttons ###############################
}

{
###########################################################################
}

button,
.button {
background-color: 

  
  
    
  


  rgba(#null, 1)

;

border: px solid 

  
  
    
  


  rgba(#null, 1)

;

border-radius: px;

color: 

  
  
    
  


  rgba(#null, 1)

;

padding: px px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
background-color: 

  
  
    
  


  rgba(#null, 1)

;

border-color: 

  
  
    
  


  rgba(#null, 1)

;

color: 

  
  
    
  


  rgba(#null, 1)

;
}

button:active,
.button:active {
background-color: 

  
  
    
  


  rgba(#null, 1)

;

border-color: 

  
  
    
  


  rgba(#null, 1)

;

color: 

  
  
    
  


  rgba(#null, 1)

;
}

{
###########################################################################
}

{
############################## 5. Forms ###############################
}

{
###########################################################################
}

form {
font-size: px;

font-weight: 
}

.submitted-message {
font-size: px;

color: 

  
  
    
  


  rgba(#null, 1)

;

font-weight: 
}

/* Form title */

.form-title {
background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;

color: 

  
  
    
  


  rgba(50, 50, 50, 1.0)

;
}

/* Form label */

form label {
color: 

  
  
    
  


  rgba(241, 242, 242, 1.0)

;
}

/* Form help text */

form legend {
color: 

  
  
    
  


  rgba(50, 50, 50, 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(136, 164, 157, 1.0)

;

background-color: 

  
  
    
  


  rgba(48, 48, 48, 1.0)

;

color: 

  
  
    
  


  rgba(241, 242, 242, 1.0)

;
}

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

  
  
    
  


  rgba(136, 164, 157, 1.0)

;

background-color: 

  
  
    
  


  rgba(241, 242, 242, 0.06)

;
}

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(136, 164, 157, 1.0)

;

background-color: 

  
  
    
  


  rgba(48, 48, 48, 1.0)

;
}

/* Form placeholder text */

::-webkit-input-placeholder {
color: 

  
  
    
  


  rgba(#null, 1)

;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
color: 

  
  
    
  


  rgba(#null, 1)

;
}

/* Date picker */

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

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

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

/* Submit button */


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

  
  
    
  


  rgba(#null, 1)

;

border: px solid 

  
  
    
  


  rgba(#null, 1)

;

border-radius: px;

color: 

  
  
    
  


  rgba(#null, 1)

;

padding: px px;
}

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

  
  
    
  


  rgba(#null, 1)

;

border-color: 

  
  
    
  


  rgba(#null, 1)

;

color: 

  
  
    
  


  rgba(#null, 1)

;
}

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

  
  
    
  


  rgba(#null, 1)

;

border-color: 

  
  
    
  


  rgba(#null, 1)

;

color: 

  
  
    
  


  rgba(#null, 1)

;
}

{
###########################################################################
}

{
############################# 6. Tables ###############################
}

{
###########################################################################
}

table {
background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;

border-color: 

  
  
    
  


  rgba(50, 50, 50, 1.0)

;
}

th,
td {
border-color: 

  
  
    
  


  rgba(50, 50, 50, 1.0)

;

color: 

  
  
    
  


  rgba(50, 50, 50, 1.0)

;
}

thead th,
thead td {
background-color: 

  
  
    
  


  rgba(50, 50, 50, 1.0)

;

border-bottom-color: 

  
  
    
  


  rgba(50, 50, 50, 1.0)

;

color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

tfoot td {
background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;

color: 

  
  
    
  


  rgba(50, 50, 50, 1.0)

;
}

{
###########################################################################
}

{
########################### 7. Site header ############################
}

{
###########################################################################
}


/*===== Header Desktop Css =====*/
.custom_header {
background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.88)

;
}

/*==== Menu Css ====*/

.custom-menu-primary nav.navigation-primary ul>li>a {
color: 

  
  
    
  


  rgba(65, 64, 66, 1.0)

;
}

.custom-menu-primary nav.navigation-primary ul>li>a.active-item {
color: 

  
  
    
  


  rgba(18, 122, 76, 1.0)

;
}

.custom-menu-primary nav.navigation-primary ul>li>a:hover {
color: 

  
  
    
  


  rgba(18, 122, 76, 1.0)

;
}

/*=== Submenu Css ===*/

.custom-menu-primary nav.navigation-primary ul.submenu.level-1>li ul.submenu {
background: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.custom-menu-primary nav.navigation-primary ul.submenu.level-1>li ul.submenu li a {
color: 

  
  
    
  


  rgba(65, 64, 66, 1.0)

;
}

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

  
  
    
  


  rgba(18, 122, 76, 1.0)

;
}

.custom-menu-primary nav.navigation-primary ul.submenu.level-1>li ul.submenu li a.active-item {
color: 

  
  
    
  


  rgba(18, 122, 76, 1.0)

;
}


{
###########################################################################
}

{
########################### 8. Site footer ############################
}

{
###########################################################################
}


/*===== Footer Top Css =====*/
footer.footer {
background-color: 

  
  
    
  


  rgba(255, 2, 1, 1.0)

;
}

footer.footer * {
color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.footer_top a {
color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.footer_top a:hover {
color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.footer_top .ft_col.ft_col_two .con_box p {
color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.footer_top .ft_col.ft_col_three .footer_address p {
color: 

  
  
    
  


  rgba(241, 242, 242, 1.0)

;
}

.footer_top .ft_col.ft_col_three .footer_address p>span>span {
color: 

  
  
    
  


  rgba(241, 242, 242, 1.0)

;
}

/*===== Footer Bottom Css =====*/

.footer_bottom p {
color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.ct_privacy_link .custom_privacy_menu ul li a {
color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.ct_privacy_link .custom_privacy_menu ul li a:hover {
color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}


{
###########################################################################
}

{
############################## 9. Blog ################################
}

{
###########################################################################
}


{
###########################################################################
}

{
########################## 10. System pages ###########################
}

{
###########################################################################
}



{
###########################################################################
}

{
############################ 11. Modules ##############################
}

{
###########################################################################
}

.card__price {


font-size: px;

color: 

  
  
    
  


  rgba(#null, 1)

;

font-weight: 
}

hr {
background-color: transparent !important;
}


* {
font-family: Source Sans Pro !important;
}

.custom_header ul li a:hover {
color: #414042 !important;
}

.custom_header ul li a.active {
text-decoration: underline;
}

header.header {
background-color: #fff;
}

.page-center {
max-width: 100%;
display: flex;
padding: 0px 5%;
justify-content: space-between;
align-items: center;
height: 75px;
}

.contact_button {

background-color: primary_color;
padding: 15px 27px !important;

border-radius: 5px;
transition: 0.5s;
font-size: 12px;
color: white;
font-weight: 300;

border: none;
}

.contact_button:hover {
background-color: #187c81;
color: white;
}



.contact_button_mobile {
background-color: #E06666;
padding: 15px 27px !important;
border-radius: 5px;
transition: 0.5s;
color: white;
font-weight: 300;
border: none;}

.contact_button_mobile:hover {
color: white;
background-color: #187c81;

}

.contact_button_mobile {
display: none;
}



@media (min-width: 1100px) {

.custom-menu-primary nav.navigation-primary ul.submenu.level-1>li ul.submenu li a {
  line-height: 3.4;
}

.submenu li a::before {
  bottom: 8px;
}


.submenu li a {
  position: relative;
  display: none;
  color: red;
  /* Adjust the color as needed */
  text-decoration: none;

}

.submenu li a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  /* Adjust the height of the underline */
  bottom: 18px;
  /* Adjust the distance of the underline from the text */
  left: 0;
  background-color: rgba(69, 194, 177, .6);
  /* Adjust the color of the underline */
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.submenu li a:hover::before {
  visibility: visible;
  width: 100% !important;
  /* Grow the underline to 100% width */
  left: 0px !important;
}






/* Add the following CSS to your existing styles */
.custom_header ul li a {
  position: relative;
  display: inline-block;
  color: rgba(69, 194, 177, .6);
  /* Adjust the color as needed */
  text-decoration: none;

}

.custom_header ul li a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  /* Adjust the height of the underline */
  bottom: 18px;
  /* Adjust the distance of the underline from the text */
  left: 0;
  background-color: rgba(69, 194, 177, .6);
  /* Adjust the color of the underline */
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.custom_header ul li a:hover::before {
  visibility: visible;
  width: 100% !important;
  /* Grow the underline to 100% width */
  left: 0px !important;

}

}

/*    for underline on the tablet menu */


@media (min-width: 768px) {

.submenu li a::before {
  bottom: 8px;
}


.submenu li a {
  position: relative;
  display: none;
  color: red;
  /* Adjust the color as needed */
  text-decoration: none;

}

.submenu li a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  /* Adjust the height of the underline */
  bottom: 0px;
  /* Adjust the distance of the underline from the text */
  left: 0;
  background-color: rgba(69, 194, 177, .6);
  /* Adjust the color of the underline */
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.submenu li a:hover::before {
  visibility: visible;
  width: 60vw;
  left: 20vw;
}


}

@media (max-width: 1100px) {








.level-2 {
  position: relative !important;
  box-shadow: none !important;
}



.level-2 li {
  width: fit-content;
  padding-left: 42vw !important;
}



.child-trigger {
  right: 46%;

}

.contact_button {
  display: none;
}

.contact_button_mobile {
  display: block;
}

.page-center {

  justify-content: center;

}

.child-trigger i {
  color: red;
  /* Change this to the desired color */
}

.mob_trigger {

  right: 15px;
  top: 27px;

}

.custom_header .menu_wrap {
  background-color: #fff;
}


.logo_wrap {
  z-index: 999;
}

.custom-menu-primary nav.navigation-primary ul>li>a {
  color: #303030 !important;
  text-align: left;
  padding-left: 43vw;
}
}


@media (max-width: 968px) {
.child-trigger {
  right: 44%;

}
}

@media (max-width: 868px) {
.child-trigger {
  right: 43%;

}
}


@media (max-width: 768px) {
.child-trigger {
  right: 41%;

}

.navigation-primary {
  padding-top: 0px !important;
  padding-bottom: 0px;
}
}

.menu-wrap {
display: flex !important;
flex-direction: column !important;
}

.level-2 li {
width: fit-content;
padding-left: 0px !important;
}



}

@media (max-width: 658px) {
.child-trigger {
  right: 42%;

}

.custom-menu-primary nav.navigation-primary ul>li>a {

  padding-left: 40vw;
}
}



@media (max-width: 550px) {
.child-trigger {
  right: 39%;

}
}



@media (max-width: 475px) {
.child-trigger {
  right: 38%;

}

.custom-menu-primary nav.navigation-primary ul>li>a {

  padding-left: 37vw;
}
}

@media (max-width: 410px) {
.child-trigger {
  right: 38%;

}

.custom-menu-primary nav.navigation-primary ul>li>a {

  padding-left: 31vw;
}
}


@media (max-width: 350px) {
.child-trigger {
  right: 37%;

}
}

.container_rm1-h {
background-color: #E06666;
}