* {
   margin: 0px;
   padding: 0px;
   box-sizing: border-box;
}

:root {
   --dark-green: #174C43;
   --light-green: #01C66A;
}

.fixed{
   position: fixed;
   width: 100%;
   top: 0;
   z-index: 9999999;
   background-color: #fff;
}
a {
   text-decoration: none;
   color: inherit;
}

/* a:hover {
   color: #00c66b;
} */
li {
   list-style-type: none;
}

body {
   font-family: 'Montserrat', sans-serif;
   /* border: 2px solid red; */
}

#top-add {
   color: white;
   background-color: #3E6B97;
   text-align: center;
   font-weight: 600;
}

.max-width-container {
   margin: auto;
   max-width: 1060px;
}

#top-add p {
   font-size: 14px;
   padding: 10px;
}

#top-add a {
   text-decoration: underline;
}



.menupartners {
   font-size: 14px;
   font-weight: 600;
   color: #00884a;
   margin-top: 8px;
}

.navbar {
   background: #fff;
   padding: 0 1rem;
   /* position: fixed; */
   display: flex;
   /* flex-direction: column; */
   /* align-items: center; */
   z-index: 10;
   max-width: 100vh;

}

.menu-link {
   color: var(--dark-green);
   font-weight: 600;
   font-size: 15px;
}

.navbar-brand {
   display: flex;
   justify-content: space-between;
   padding: 1rem 0;
   /* border-bottom: 1px solid #ddd; */
   align-items: center;
}

.menu-mob {
   display: none;
   border-radius: 50%;
   background-color: #00c66b;
   color: rgb(255, 255, 255);
}

.menu-title {
   font-weight: 600;
}

.w-nav-button {
   position: relative;
   float: right;
   padding: 20px 23px;
   font-size: 15px;
   /* display: none; */
   cursor: pointer;
   user-select: none;
}

.navbar-collapse {
   display: none;
   opacity: 0;
   animation: revers .5s;
}

.navbar-collapse.open {
   display: block;
   position: absolute;
   background-color: #fff;
   width: 100%;
   z-index: 99999;
   
   animation: length .5s;
}

.navbar-nav {
   position: relative;
}

.navbar-nav>li>a {
   color: var(--dark-green);
   font-size: 0.9rem;
   font-weight: 700;
   display: block;
   padding: 20px 40px 20px 20px;
}

.navbar-nav>li>a:hover {
   color: var(--light-green)
}

.dropdown-link-mobile:hover {
   background-color: #E8F9F3;
}

.m-drop-icon {
   position: absolute;
   right: 20px;
   font-size: 0.9rem !important;
}

.nav-dropdown-subhead {
   font-style: italic;
   font-size: 16px;
   padding-bottom: 9px;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.highlight {
   background-color: #CDF3E5;
}

.dropdown-list-3 {
   display: none;
   animation: length .4s;
}

.dropdown-list-3.w--open {
   display: block;
}

.dropdown-link-mobile {
   display: flex;
   width: 100%;
   padding: 15px 22px;
   font-size: 14px;
   color: #174c36;
   text-decoration: none;
}

.nav-content-wrap {
   display: flex;
   width: 100%;
   padding-left: 20px;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
}
.main-wrapper {
   display: none;
   /* position: relative; */
   
}









@keyframes length {
   0% {
      opacity: 0;
      transform: translateY(-60px)
   }

   100% {
      opacity: 1;
      transform: translateY(0)
   }
}

@keyframes revers {
   0% {
      opacity: 0;
      transform: translateY(0)
   }

   100% {
      opacity: 1;
      transform: translateY(-60px)
      
   }
}




.navigation-full {
   display: flex;
   width: 100%;
   padding: 7px 3%;
   align-items: center;
   border-bottom: 1px solid rgba(61, 66, 75, 0.07);
}

.navigation-container {
   display: flex;
   width: 100%;
   max-width: 1060px;
   margin: auto;
   align-items: center;
}

.navigation-left {
   display: flex;
   width: 70%;
   align-items: center;
   font-family: 'Noto Sans', sans-serif;
}

.brand-2 {
   margin-right: 44px;
}

.logo-2 {
   width: 120px;
   min-width: 55px;
}


.dropdown-3 {
   position: relative;
   display: block;
   height: 100%;
   margin-right: 0px;
   margin-left: 0px;
   flex: 0 auto;
}

.dropdown-toggle-2 {
   display: inline-block;
   transition: all 200ms ease;
   color: #174c43;
   font-size: 15px;
   font-weight: 600;
   padding: 20px;
}

/* .w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
   position: relative;
   vertical-align: top;
   text-decoration: none;
   padding: 20px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   white-space: nowrap;
} */

.drop-icon {
   position: absolute;
   right: 0;
}

.dropdown-list-2.megamenu {
   position: fixed;
   left: 0px;
   top: auto;
   right: 0px;
   bottom: auto;
   max-width: 1060px;
   min-width: auto;
   margin-right: auto;
   margin-left: auto;
}

.dropdown-list-full-wrapper {
   position: relative;
   display: flex;
   max-width: none;
   min-width: 250px;
   margin-top: auto;
   padding-top: 11px;
   padding-bottom: 11px;
   justify-content: space-between;
   flex-wrap: nowrap;
   align-items: center;
   flex: 0 0 auto;
   border-top: 1px none rgba(40, 51, 56, 0.11);
   background-color: #fcfcfc;
   box-shadow: 1px 1px 20px -7px #133d36;
   opacity: 1;
}

.w-dropdown-list {
   position: absolute;
   background: #dddddd;
   display: none;
   min-width: 100%;
   z-index: 99999;
}

.w-dropdown:hover .w-dropdown-list {
   display: block;
}

.w-dropdown:hover .dropdown-toggle-2 {
   color: #00c66b;
}

.dropdown-list-full-wrapper.megamenu {
   min-width: 100%;
   padding-top: 0px;
   padding-bottom: 0px;
   background-color: #fff;
   /* display: none; */
}

.grid-2 {
   position: static;
   display: grid;
   max-width: 1060px;
   margin-right: 0px;
   margin-left: 0px;
   justify-items: start;
   align-items: start;
   grid-column-gap: 16px;
   grid-row-gap: 16px;
   grid-template-areas: "a b c d"
      "a e f d";
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-template-rows: 125px 1fr;
}

.navgrid-div.pricing {
   height: 275px;
   background-color: #e8f8f2;
}

.navgrid-div {
   padding: 17px;
   background-color: transparent;
}

.navgrid-div.autogen {
   height: 275px;
   border-bottom: 1px none #174c43;
   border-left: 1px solid transparent;
   background-color: #e8f8f2;
}

.menupartners {
   margin-top: 8px;
   font-weight: 600;
}

.text-block-64 {
   color: #5f5f5f;
   font-size: 15px;
   line-height: 21px;
   font-weight: 300;
}

#first_row_grid {

   grid-area: a;
}

#second_row_grid {
   grid-area: b;
}

#third_row_grid {
   grid-area: c;
}

#forth_row_grid {

   grid-area: d;
}

#fifth_row_grid {
   grid-area: e;
}

#sixth_row_grid {
   grid-area: f;
}

.navgrid-div.bottom {
   padding-top: 0px;
   padding-bottom: 25px;
}

.navgrid-div {
   padding: 17px;
   background-color: transparent;
}


.div-block-66 {
   margin-top: 33px;
}

.bold-text-5 {
   padding-top: 5px;
   padding-bottom: 5px;
   color: #133d36;
   font-size: 15px;
   font-weight: 600;
   letter-spacing: 0.25px;
}

.w-inline-block {
   max-width: 100%;
   display: inline-block;
}

.div-block-20 {
   position: relative;
   display: flex;
   flex-direction: column;
   max-width: none;
   min-width: auto;
   margin-left: 0px;
   flex-direction: column;
   flex: 1;
}

.link-block-3 {
   position: relative;
   display: block;
   margin-right: 20px;
   margin-bottom: 0px;
   margin-left: 20px;
   padding-top: 10px;
   padding-bottom: 10px;
   justify-content: space-between;
   background-color: transparent;
   font-family: 'Mark simonson proxima nova', sans-serif;

   font-weight: 400;
   text-decoration: none;
}

.text-block-62 {
   margin-right: 6px;
   color: #175349;
   font-size: 15px;
   font-weight: 500;
}
.text-block-62:hover{
   color: #00c66b;
}

.text-block-64 {
   position: relative;
   display: flex;
   margin-right: 0px;
   margin-left: 0px;
   flex-wrap: wrap;
   color: #5f5f5f;
   font-size: 15px;
   line-height: 21px;
   font-weight: 300;
}

.link-block-3.mega-header {
   margin-right: 0px;
   margin-left: 0px;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #00c66b;
   font-size: 15px;
   font-weight: 600;
}


.nav-item-no-dropdown {
   padding-right: 12px;
   padding-left: 12px;
}

.link-19 {
   color: #174c43;
   font-size: 15px;
   font-weight: 600;
}
.link-19:hover{
   color: #00c66b;
}

.navigation-right {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   width: 30%;
   justify-content: flex-end;
   align-items: center;
   flex: 1;
   font-size: 16px;
}

.demo-button {
   margin-left: 48px;
   border-style: solid;
   border-width: 2px;
   border-color: #00c66b;
   border-radius: 4px;
   background-color: transparent;
   font-family: 'Noto Sans', sans-serif;
   color: #00c66b;
   font-size: 13px;
   font-weight: 700;
   padding: 9px 15px;
}

.demo-button:hover {
   background-color: #00c66b;
   color: white;
}

.w-nav-link {
   position: relative;
   display: inline-block;
   vertical-align: top;
   text-decoration: none;
   color: #222222;
   padding: 20px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
}
.navigation-link {
   display: flex;
   margin-right: 17.203px;
   margin-left: 17.203px;
   padding: 20px 12px;
   justify-content: center;
   align-items: center;
   transition: all 200ms ease;
   color: #174c43;
   font-size: 15px;
   font-weight: 600;
   text-decoration: none;
}


.w-nav-link:hover {
   color: #00c66b;
}

.navigation-link.login {
   font-family: 'Noto Sans', sans-serif;
   color: #666;
   font-weight: 700;
}
/* #test{
   width: 100%;
   height: 2200px;
   background-color: #133d36;
   border-top: 3px solid #a30000;
} */

@media all and (min-width: 480px) and (max-width: 991px) {

   .main-wrapper {
      display: block;
   }

   .menu-mob {
      display: block;
   }

   .navigation-full {
      display: none;
   }

   .navbar {
      background: #fff;
      padding: 0rem;
      flex-direction: column;
   }

   .navbar-brand {
      padding: 25px 3%;
   }

   .navbar-collapse.open {
      display: block;
      opacity: 1;
   }
}

@media all and (min-width: 0px) and (max-width: 479px) {
   .menu-mob {
      display: block;
   }

   .main-wrapper {
      display: block;
   }

   .navigation-full {
      display: none;
   }

   .navbar {
      background: #fff;
      padding: 0rem;
      flex-direction: column;
   }

   .navbar-collapse.open {
      display: block;
      opacity: 1;
   }

   .navbar-brand {
      padding: 25px 3%;
   }
}