/* -------------------------->>> <<<--------------------------*/
/* ---->>> STRUCTURE <<<----*/
/* -------------------------->>> <<<--------------------------*/


body  {
width:100%;
text-align: center;
margin: 0 auto;
background-size:100%;
background-color:#ffffff;
 perspective: 1px; 
  transform: translateZ(0);
}

.logo {
width:55%;
margin-top:20px;
}
@media (max-width:1300px) {
.logo {width:250px; margin-top:10px;}
}
@media (max-width:600px) {
.logo {width:200px; margin-top:15px;}
}


/* -------------------------->>> <<<--------------------------*/
/* ---->>> ARCHITECTURE <<<----*/
/* -------------------------->>> <<<--------------------------*/

.master-frame {
margin:0 auto;
width:100%;
text-align:center;
}

.master-frame-internal {
margin:0 auto;
width:80%;
max-width:1536px;
text-align:center;
}
@media (max-width:1300px) {
.master-frame-internal {margin:0 auto; width:96%;}
}
@media (max-width:600px) {
.master-frame-internal {margin:0 auto; width:96%;}
}

.master-frame-footer {
margin:0 auto;
width:100%;
min-height:200px;
text-align:center;
background: #242325;
}
@media (max-width:1300px) {
.master-frame-footer {max-height:700px;}
}
@media (max-width:600px) {
.master-frame-footerr-frame {max-height:700px;}
}

.master-frame-footer-internal {
margin:0 auto;
width:80%;
max-width:1536px;
padding-top:20px;
text-align:left;
background: #242325;
}
@media (max-width:1300px) {
.master-frame-footer-internal {max-height:500px;}
}
@media (max-width:600px) {
.master-frame-footer-internal {max-height:500px;}
}

.master-frame-black {
margin:0 auto;
width:100%;
height:100%;
text-align:center;
background-color:#031923;
}
@media (max-width:1300px) {
.master-frame-black {max-height:500px; background-size:cover;}
}
@media (max-width:600px) {
.master-frame-black {max-height:500px; background-size:cover;}
}

.header-frames {
width:100%;
height:520px;
background-color:#e4ecf1;
}
@media (max-width:1300px) {
.header-frames {height:inherit;}
}
@media (max-width:600px) {
.header-frames {height:inherit;}
}

.header-frames-inner {
margin:0 auto;
width:94%;
padding:3%;
text-align:left;
}
@media (max-width:1300px) {
.header-frames-inner {width:96%; padding:2%;}
}
@media (max-width:600px) {
.header-frames-inner {width:96%; padding:2%;}
}

.plan-width-25 {
float:left;
width:25%;
text-align:center;
z-index:0;
}
@media (max-width:1300px) {
.plan-width-25 {float:none; margin:0 auto; width:96%;}
}

.width-70 {
margin:0 auto;
width:70%;
text-align:center;
}
@media (max-width:1300px) {
.width-70  {margin:0 auto; width:96%;}
}

.width-80 {
margin:0 auto;
width:80%;
text-align:center;
}
@media (max-width:1300px) {
.width-80  {margin:0 auto; width:96%;}
}

.width-90 {
margin:0 auto;
width:90%;
text-align:center;
}
@media (max-width:1300px) {
.width-90  {margin:0 auto; width:96%;}
}

.width-94 {
margin:0 auto;
width:94%;
text-align:center;
}
@media (max-width:1300px) {
.width-94  {margin:0 auto; width:96%;}
}

.box-45-left {
float:left;
width:45.6%;
min-height:210px;
padding:1%;
text-align:left;
margin-right:2%;
border:2px solid;
background:linear-gradient(360deg, #ffffff, #ffffff);
border:2px solid; border-image:linear-gradient(360deg, #e4ecf1, #ffffff) 1
}
@media (max-width:1300px) {
.box-45-left {float:none; margin:0 auto; width:96%; height:inherit; padding:2%; margin-right:0%; text-align:center;}
}

.box-45-right {
float:left;
width:45.6%;
min-height:210px;
padding:1%;
text-align:left;
margin-left:2%;
border:2px solid;
background:linear-gradient(360deg, #ffffff, #ffffff); 
border:2px solid; border-image:linear-gradient(360deg, #e4ecf1, #ffffff) 1
}
@media (max-width:1300px) {
.box-45-right {float:none; margin:0 auto; width:96%; height:inherit; padding:2%; margin-right:0%; text-align:center;}
}

.box-45-left-bio {
float:left;
width:45.6%;
min-height:750px;
padding:1%;
text-align:left;
margin-right:2%;
border:2px solid;
background:linear-gradient(360deg, #ffffff, #ffffff);
border:2px solid; border-image:linear-gradient(360deg, #e4ecf1, #ffffff) 1
}
@media (max-width:1300px) {
.box-45-left-bio {float:none; margin:0 auto; width:96%; height:inherit; padding:2%; margin-right:0%; text-align:center;}
}

.box-45-right-bio {
float:left;
width:45.6%;
min-height:750px;
padding:1%;
text-align:left;
margin-left:2%;
border:2px solid;
background:linear-gradient(360deg, #ffffff, #ffffff); 
border:2px solid; border-image:linear-gradient(360deg, #e4ecf1, #ffffff) 1
}
@media (max-width:1300px) {
.box-45-right-bio {float:none; margin:0 auto; width:96%; height:inherit; padding:2%; margin-right:0%; text-align:center;}
}



.box-29-left {
float:left;
width:29%;
padding:0%;
text-align:left;
margin-right:4%;
background: linear-gradient(360deg, #f8f8ffde, #ffffff, #ffffff); 
border:2px solid; 
border-image:linear-gradient(180deg, #95b0b745, #e4ecf1) 1;
}
@media (max-width:1300px) {
.box-29-left {float:none; margin:0 auto; width:98%; margin-right:0%; margin-left:0%;}
}

.box-29-center {
float:left;
width:29%;
padding:0%;
text-align:left;
margin-right:2%;
margin-left:2%; 
background: linear-gradient(360deg, #f8f8ffde, #ffffff, #ffffff); 
border:2px solid; 
border-image:linear-gradient(180deg, #95b0b745, #e4ecf1) 1;
}
@media (max-width:1300px) {
.box-29-center {float:none; margin:0 auto; width:98%; margin-right:0%; margin-left:0%;}
}

.box-29-right {
float:left;
width:29%;
padding:0%;
text-align:left;
margin-left:4%;
background: linear-gradient(360deg, #f8f8ffde, #ffffff, #ffffff);
border:2px solid;
border-image:linear-gradient(180deg, #95b0b745, #e4ecf1) 1;
}
@media (max-width:1300px) {
.box-29-right {float:none; margin:0 auto; width:98%; margin-right:0%; margin-left:0%;}
}

.div-31-left {
float:left;
width:31%;
padding:0%;
text-align:left;
margin-right:1%;
margin-left:1%; 
}
@media (max-width:1300px) {
.div-31-left {float:none; margin:0 auto; width:98%; margin-right:0%; margin-left:0%;}
}

.div-31-center {
float:left;
width:31%;
padding:0%;
text-align:left;
margin-right:1%;
margin-left:1%; 
}
@media (max-width:1300px) {
.div-31-center {float:none; margin:0 auto; width:98%; margin-right:0%; margin-left:0%;}
}

.div-31-right {
float:left;
width:31%;
padding:0%;
text-align:left;
margin-right:1%;
margin-left:1%; 
}
@media (max-width:1300px) {
.div-31-right {float:none; margin:0 auto; width:98%; margin-right:0%; margin-left:0%;}
}

.div-45 {
float:left;
width:45.6%;
}
@media (max-width:1300px) {
.div-45 {float:none; margin:0 auto; width:98%;}
}

.left-div-46 {
float:left;
width:46%;
text-align:left;
margin-right:4%;
}
@media (max-width:1300px) {
.left-div-46 {float:none; margin:0 auto; width:98%; text-align:center;}
}

.right-div-46 {
float:left;
width:46%;
text-align:left;
margin-left:4%;
}
@media (max-width:1300px) {
.right-div-46 {float:none; margin:0 auto; width:98%; text-align:center;}
}

.left-margin {
margin-left:20%;
}
@media (max-width:1300px) {
.left-margin {margin-left:0%;}
}

.even-29 {
float:left;
width:29.3%;
margin-left:1%;
margin-right:1%;
padding:1%;
text-align:left;
}
@media (max-width:1300px) {
.even-29 {float:none; margin:0 auto; width:98%; text-align:center;}
}

.even-25 {
float:left;
width:23%;
padding:1%;
text-align:center;
}
@media (max-width:1300px) {
.even-25 {float:none; margin:0 auto; width:98%; text-align:center;}
}

.left-65 {
float:left;
width:60%;
text-align:left;
margin-right:5%;
}
@media (max-width:1300px) {
.left-65 {float:none; margin:0 auto; width:98%; text-align:center;}
}

.right-35 {
float:left;
width:35%;
text-align:center;
margin-top:40px;
}
@media (max-width:1300px) {
.right-35 {float:none; margin:0 auto; width:98%; text-align:center; margin-top:0px;}
}

.header-media {
float:left;
width:37%;
text-align:left;
margin-top:0px;
}
@media (max-width:1300px) {
.header-media {float:none; margin:0 auto; width:98%; text-align:center;}
}

.header-content {
float:left;
width:61%;
margin-right:2%;
text-align:left;
}
@media (max-width:1300px) {
.header-content {float:none; margin:0 auto; width:98%; text-align:center; margin-right:0%;}
}

.coaching-form-iframe {
width:100%;
min-height:700px;
}

@media (max-width:900px) {.coaching-form-iframe {margin: 0 auto; width:90%; padding-left:5%; padding-right:5%; margin-left:0px; text-align:center;}
}

.request-a-quote-form-iframe {
width:100%;
min-height:700px;
}

@media (max-width:900px) {.request-a-quote-form-iframe {margin: 0 auto; width:90%; height:inherit; padding-left:5%; padding-right:5%; margin-left:0px; text-align:center;}
}


.footer-left {
float:left;
width:40%;
text-align:left;
}
@media (max-width:1300px) {
.footer-left {float:none; margin:0 auto; width:98%;}
}

.footer-right {
float:left;
width:60%;
text-align:left;
}
@media (max-width:1300px) {
.footer-right {float:none; margin:0 auto; width:98%;}
}

div.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0px;
    z-index: 9999 !important;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    height:80px;
}

.mobilehide {
display:inline;
}

@media (max-width:1300px) {
.mobilehide {display:none;}
}
@media (max-width:600px) {
.mobilehide {display:none;}
}

/* ---->>> <<<----*/

.mobileshow {
display:none;
}

@media (max-width:1300px) {
.mobileshow {display:inline;}
}
@media (max-width:600px) {
.mobileshow {display:inline;}
}
@media print {
    .mobileshow { display: none; }
}

.h-divider {
margin: auto;
margin-top:0px;
width: 80%;
position: relative;
z-index:0;
}
@media (max-width:1200px) {
.h-divider {width:90%; margin-top:40px;}
}

.h-divider .shadow {
overflow: hidden;
height: 20px;
z-index:0;
}

.h-divider .shadow:after {
content: '';
display: block;
margin: -25px auto 0;
width: 100%;
height: 25px;
border-radius: 125px/12px;
box-shadow: 0 0 6px #21343f;
z-index:0;
}


/* -------------------------->>> <<<--------------------------*/
/* ---->>> SLIDER <<<----*/
/* -------------------------->>> <<<--------------------------*/

.css-slider-wrapper {
display: block;
overflow: hidden;
position: relative;
margin:0 auto; 
width: 100%;
min-height: 550px;
text-align:center;
}
@media (max-width:1300px) {
.css-slider-wrapper  {min-height: 600px;}
}
@media (max-width:600px) {
.css-slider-wrapper {min-height: 600px;}
}

/* Slider */
.slider {
  width: 100%;
  min-height: 550px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  -webkit-transition: -webkit-transform 1600ms;
  transition: -webkit-transform 1600ms, transform 1600ms;
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media (max-width:1300px) {
.slider {min-height: 580px;}
}
@media (max-width:600px) {
.slider {min-height: 600px;}
}
 
/* Slides Background Color */
.slide-1 {
  background: #e6ecef;
  left: 0;
}
.slide-2 {
  background: #e6ecef;
  left: 100%
}
.slide-3 {
  background: #e6ecef;
  left: 200%
}
.slide-4 {
  background: #e6ecef;
  left: 300%;
}
.slider {
  display: flex;
  justify-content: flex-start;
}
.slider-content {
  width: 98%;
  padding: 1%;
}

/* Slider Inner Slide Effect */

.slide-1  img {
  right: 0;
}
 
/* Number Pagination */
.number-pagination {
  position: absolute;
  top: 520px;
  right: 50%;
left:50%;
  font-family:Oswald;
  font-weight: normal;
}
 
.number-pagination span {
  font-size: 12px;
  color: #21a566;
  letter-spacing: 4px;
}
 
.number-pagination span:after {
  font-size: 12px;
  color: #fff;
}

/* Slider Pagger */
.slider-pagination {
position: absolute;
width: 50%;
left:45%;
right:45%;
z-index: 1000;
display: flex;
align-items: center;
text-align:center;
bottom: 0;
margin-bottom:20px;
}
@media (max-width:1300px) {
.slider-pagination {margin-bottom:40px;}
}
@media (max-width:600px) {
.slider-pagination {width:100%;  left:0%; right:0%; margin-bottom:20px;}
}

.slider-pagination label {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  margin: 0 10px;
  cursor: pointer;
}

/* Slider Pagger Event */
.slide-radio1:checked ~ .slider-pagination .page1,
.slide-radio2:checked ~ .slider-pagination .page2,
.slide-radio3:checked ~ .slider-pagination .page3,
.slide-radio4:checked ~ .slider-pagination .page4 {
  width: 9px;
  height: 9px;
  border: 2px solid #21a566;
  background: transparent;
}
 
/* Slider Slide Effect */
.slide-radio1:checked ~ .slider {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.slide-radio2:checked ~ .slider {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.slide-radio3:checked ~ .slider {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}
.slide-radio4:checked ~ .slider {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%);
}
 
.slide-radio1:checked ~ .slide-1 h2,
.slide-radio2:checked ~ .slide-2 h2,
.slide-radio3:checked ~ .slide-3 h2,
.slide-radio4:checked ~ .slide-4 h2,
.slide-radio1:checked ~ .slide-1 h4,
.slide-radio2:checked ~ .slide-2 h4,
.slide-radio3:checked ~ .slide-3 h4,
.slide-radio4:checked ~ .slide-4 h4,
.slide-radio1:checked ~ .slide-1 img,
.slide-radio2:checked ~ .slide-2 img,
.slide-radio3:checked ~ .slide-3 img,
.slide-radio4:checked ~ .slide-4 img {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1
}


/* Responsive */
@media only screen and (max-width: 768px) {

  .slider-content {
    padding: 0 2%
  }
 
  .navigation {
    padding: 0 2%;
  }
 
  .navigation-left {
    display: none;
  }
 
  .number-pagination {
    right: 2%;
  }
  .slider-pagination {
    left: 36%;
right:36%;
  }
 
  .slider .cta-button {
    padding: 0 15px;
    /* width: 175px; */
   /*  height: 42px; */
  }
 
  .slider .cta-button:after {
    top: 15px;
  }
 
  .slider img {
    right: 2%;
  }
 
  .slide-1 img {
    right: -110px
  }
}

.slider-inside-wrapper {
margin:0 auto;
width:94%;
padding:3%;
text-align:left;
}

.slider-inside-wrapper-left {
float:left;
width:60%;
text-align:left;
margin-top:20px;
}
@media (max-width:1300px) {
.slider-inside-wrapper-left {float:none; width:100%; text-align:center; margin-top:-20px;}
}
@media (max-width:600px) {
.slider-inside-wrapper-left {float:none; width:100%; text-align:center; margin-top:-20px;}
}

.slider-inside-wrapper-right {
float:left;
width:40%;
margin-top:-35px;
text-align:right;
}
@media (max-width:1300px) {
.slider-inside-wrapper-right{float:none; display:none;}
}
@media (max-width:600px) {
.slider-inside-wrapper-right {float:none;  display:none;}
}


.gold {
color: #ebc600;
}

.white {
color: #ffffff;
}

.grey {
color:#7a7a7a;  
}

.small80 {
font-size:80%;
}

.big120 {
font-size:120%;
}

.big150 {
font-size:150%;
}

.big180 {
font-size:180%;
}


.float-in-top {
  opacity: 0;
  transform: translateY(80px); /* deeper float */
  transition: opacity 1s ease-out, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
}

.float-in-top.visible {
  opacity: 1;
  transform: translateY(0);
}

.float-in-left {
  opacity: 0;
  transform: translateX(-80px); /* comes from the left */
  transition: opacity 1s ease-out, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
z-index:0;
position: relative
}

/* Final state: fully visible in position */
.float-in-left.visible {
  opacity: 1;
  transform: translateX(0);
z-index:0;
position: relative
}

.float-in-right {
  opacity: 0;
  transform: translateX(80px);
  transition: opacity 1s ease-out, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
  position: relative;
  z-index: 1;

}

/* Final state: fully visible and in place */
.float-in-right.visible {
  opacity: 1;
  transform: translateX(0);
z-index:0;
position: relative
}


.testimonial-section {
position: relative;
margin:0 auto;
background: #21343f;
width:90%;
padding: 1%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border:1px solid #21343f;
min-height:200px;
text-align:center;
margin-top:10px;
}
@media (max-width: 1300px) {
.testimonial-section {width:98%; text-align:center;}
}


.testimonial-container {
display: flex;
margin:0 auto;
gap: 20px;
overflow-x: auto;
scroll-behavior: smooth;
padding: 0;
width: 94%;

/* Hide scrollbar */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none;  /* Internet Explorer 10+ */
}
@media (max-width: 1300px) {
.testimonial-container {width:94%; text-align:center;}
}

.testimonial-container::-webkit-scrollbar {
display: none; /* Chrome, Safari, and Opera */
}

.testimonial {
width:28.33%;
margin-left:2%;
margin-right:2%;
text-align:left;
flex-shrink: 0;
margin-top:10px;
}
@media (max-width: 1300px) {
.testimonial { width:96%; text-align:center;}
}

.scroll-btn {
background: none;
border: none;
font-size: 2rem;
color: #21a566;
cursor: pointer;
padding: 10px;
z-index: 10;
}

.scroll-btn:hover {
color: #6de2aa;
}

.scroll-btn.left {
margin-right: 5px;
}

.scroll-btn.right {
margin-left: 5px;
}


.floating-button {
  position: fixed;
  top: 85%;
  right: 1%;
  z-index: 99;
  border: none;
  outline: none;
  background-color:#21a566;
  width:160px;
font-family: "Asap Condensed", sans-serif;
font-weight: 400;
font-optical-sizing: auto;
color:#ffffff;
  font-size: 21px;
  line-height:1.4;
  text-align:center;
  text-decoration:none;
  padding: 15px;
  cursor: pointer;
  border-radius: 2px;
}

.floating-button:hover {
   position: fixed;
  top: 85%;
  right: 1%;
  z-index: 99;
  border: none;
  outline: none;
  background-color:#2f4858;
  width:160px;
font-family: "Asap Condensed", sans-serif;
font-weight: 400;
font-optical-sizing: auto;
color:#ffffff;
  font-size: 21px;
  line-height:1.4;
  text-align:center;
  text-decoration:none;
  padding: 15px;
  cursor: pointer;
  border-radius: 2px;
}
@media (max-width: 1300px) {
  .floating-button {
    top: 90%;
    right: 1%;
  }
}

.masterDiv {
margin:0 auto;
width:86%;
padding:2%;
min-height:380px;
overflow: hidden;
position: relative;
text-align:left;
background:linear-gradient(360deg, #ffffff);
border:2px solid; border-image:linear-gradient(360deg, #e4ecf1, #ffffff) 1;
}
@media (max-width:1300px) {
.masterDiv {width:96%; border:2px solid; height:inherit; border-image:linear-gradient(360deg, #e4ecf1, #ffffff) 1; height:inherit; background:linear-gradient(360deg, #ffffff);}
}
@media (max-width:600px) {
.masterDiv {width:96%; border:2px solid; height:inherit; border-image:linear-gradient(360deg, #e4ecf1, #ffffff) 1; height:inherit; background:linear-gradient(360deg, #ffffff);}
}

.slide {
  display: none;
  clear: both;
  width: 100%;
}

.slide.active {
display: block;
}

.leftdiv {
float:left;
width:27%;
padding:0px;
text-align:left;
margin-top:10px;
}
@media (max-width:1300px) {
.leftdiv {float:none; margin:0 auto; width:96%; margin-left:0%; text-align:center;float:none;}
}
@media (max-width:600px) {
.leftdiv {float:none; margin:0 auto; width:96%; margin-left:0%; text-align:center;}
}

.leftdiv-alt {
float:right;
width:27%;
padding:0px;
text-align:right;
margin-top:10px;
}
@media (max-width:1300px) {
.leftdiv-alt {float:none; margin:0 auto; width:96%; margin-left:0%; text-align:center;float:none;}
}
@media (max-width:600px) {
.leftdiv-alt {float:none; margin:0 auto; width:96%; margin-left:0%; text-align:center;float:none;}
}

.rightdiv {
float:left;
width:70%;
text-align:left;
margin-left:3%;
}
@media (max-width:1300px) {
.rightdiv {float:none; margin:0 auto; width:96%; margin-left:0%; text-align:center;}
}
@media (max-width:600px) {
.rightdiv {float:none; margin:0 auto; width:96%; margin-left:0%; text-align:center;}
}

.rightdiv-alt {
float:right;
width:70%;
text-align:left;
margin-left:3%;
}
@media (max-width:1300px) {
.rightdiv-alt {float:none; margin:0 auto; width:96%; margin-left:0%; text-align:center;}
}
@media (max-width:600px) {
.rightdiv-alt {float:none; margin:0 auto; width:96%; margin-left:0%; text-align:center;}
}

@media only screen and (max-width: 768px) {
.slide {flex-direction: column;}
}

.nav-buttons {
margin-top: 30px;
}

.nav-buttons button {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 18px;
color: #ffffff;
background-color: #21a566;
border: none;
border-radius: 50%;  
width: 80px;
height: 80px;
cursor: pointer;
margin-left: 8px;
transition: background 0.3s ease;
}

.nav-buttons button:hover {
background-color: #2f4858;
}

.prevBtn {
display: none; 
}

.buttons-left {
float:left;
width:30%;
margin-top:-16px;
}
@media (max-width:1300px) {
.buttons-left {float:none; margin:0 auto; width:96%; text-align:center;}
}
@media (max-width:600px) {
.buttons-left {float:none; margin:0 auto; width:96%; text-align:center;}
}

.buttons-right {
float:left;
width:70%;
}
@media (max-width:1300px) {
.buttons-right {float:none; margin:0 auto; width:96%; text-align:center;}
}
@media (max-width:600px) {
.buttons-right {float:none; margin:0 auto; width:96%; text-align:center;}
}



.tooltip {
font-family: "Encode Sans", sans-serif;
position: relative;
display: inline-block;
color: #21a566;
font-size: 16px;
font-weight: normal;
cursor: pointer;
}

.tooltip .tooltiptext {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 15px;
color: #242325;
font-weight: normal;
line-height:1.4;
visibility: hidden;
width: 390px;
background-color: #ffffff;
text-align: center;
padding: 5px;
border-radius: 0px;
border:1px solid #21a566;
z-index: 9999;
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
}


.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}




.accordion {
  background-color:#ffffff;
  color: #21a566;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 16px;
  transition: 0.4s;
  
}

.active, .accordion:hover {
  
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: #ffffff;
  overflow: hidden; 
}

.accordion:after {
 content: '\002B';
  color:#21a566;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


.section-block {
scroll-margin-top: 120px;
}

.bullets-1 {
margin-top:15px;
}
@media (max-width:1300px) {
.bullets-1 {margin-left:10%;}
}








/* -------------------------->>> <<<--------------------------*/
/* ---->>> TEXT <<<----*/
/* -------------------------->>> <<<--------------------------*/


.header-title {
font-family: "Alata", sans-serif;
font-weight: 400;
font-size: 80px;
color: #242325;
line-height: 1.1;
margin-top:0px;
margin:0px;
padding: 0px;
}
@media (max-width:1300px) {
.header-title {font-size: 60px;}
}
@media (max-width:600px) {
.header-title {font-size: 60px;}
}

.header-title2 {
font-family: "Noto Sans Display", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-size: 36px;
color: #414043;
line-height: 1.3;
margin-top:0px;
margin:0px;
padding: 0px;
}


h1 {
font-family: "Alata", sans-serif;
font-weight: 400;
font-size: 66px;
color: #242325;
line-height: 1.1;
margin-top:0px;
margin:0px;
padding: 0px;
}
@media (max-width:1300px) {
h1 {font-size: 50px;}
}

h2 {
font-family: "Alata", sans-serif;
font-weight: 400;
font-optical-sizing: auto;
font-size: 44px;
color: #242325;
line-height: 1.3;
margin:0px;
margin-top:0px;
padding: 0px;
}
@media (max-width:1300px) {
h2 {line-height: 1.1;}
}

h3 {
font-family: "Alata", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-optical-sizing: auto;
font-size: 23px;
color: #383639;
line-height: 1.4;
margin:0px;
margin-top:0px;
padding: 0px;
}
@media (max-width:1300px) {
h3 {font-size: 20px;}
}

h4 {
font-family: "Alata", sans-serif;
font-weight: 400;
font-optical-sizing: auto;
font-size: 24px;
color: #242325;
line-height: 1.5;
margin:0px;
margin-top:0px;
padding: 0px;
}

.big-numbers {
font-family: "Alata", sans-serif;
font-weight: 400;
font-optical-sizing: auto;
font-size:40px;
color: #ebc600;
}

p {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 16px;
color: #242325;
font-weight: normal;
line-height: 1.6;
margin-top:5px;
padding: 0px;
}
@media (max-width:1300px) {
p {font-size: 17px;}
}

.no-margin {
margin:0px;
padding:0px;
}

.text1 {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 16px;
color: #242325;
font-weight: normal;
line-height: 1.6;
margin-top:5px;
padding: 0px;
}
@media (max-width:1300px) {
.text1 {font-size: 15px;}
}

.text1-white {
font-family: "Encode Sans Condensed", sans-serif;
font-weight: 400;
font-optical-sizing: auto;
font-size: 17px;
color: #ffffff;
font-weight: normal;
line-height: 1.6;
margin-top:5px;
padding: 0px;
}
@media (max-width:1300px) {
.text1-white {font-size: 17px;}
}

.footer-text {
font-family: "Encode Sans Condensed", sans-serif;
font-weight: 400;
font-optical-sizing: auto;
font-size: 14px;
color: #ffffff;
font-weight: normal;
line-height: 1.6;
margin-top:5px;
padding: 0px;
}
@media (max-width:1300px) {
.footer-text {font-size: 17px;}
}

.form-text1 {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 16px;
color: #242325;
font-weight: normal;
line-height: 1.6;
margin-top:5px;
padding: 0px;
}
@media (max-width:1300px) {
.form-text1 {font-size: 17px;}
}

.form-text2 {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 20px;
color: #FFFFFF;
font-weight: normal;
line-height: 1.6;
margin-top:5px;
padding: 0px;
}
@media (max-width:1300px) {
.form-text1 {font-size: 17px;}
}

ul {list-style: none}

li::before {
content: "•";
font-size: 22px;
line-height:1.1;
color:#ebc600;
display: inline-block;
width: 13px;
margin-left: 5px;
}
@media (max-width:1300px) {
li::before {font-size:1px; color:#ffffff;}
}


/* -------------------------->>> <<<--------------------------*/
/* ---->>> LINKS <<<----*/
/* -------------------------->>> <<<--------------------------*/

a {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 16px;
color: #21a566;

line-height: 1.6;
margin-top:0px;
padding: 0px;
text-decoration: none;
}

a:hover {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 16px;
color: #2f4858;

line-height: 1.6;
margin-top:0px;
padding: 0px;
text-decoration: none;
}

.footer-nav {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 14px;
color: #21a566;
line-height: 1.6;
margin-top:0px;
padding: 0px;
text-decoration: none;
}

.footer-nav:hover {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 14px;
color: #6de2aa;
line-height: 1.6;
margin-top:0px;
padding: 0px;
text-decoration: none;
}





/* -------------------------->>> <<<--------------------------*/
/* ---->>> NAVIGATION <<<----*/
/* -------------------------->>> <<<--------------------------*/

.dropbtn {
color:#21a566;
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 15px;
font-weight:bold;
line-height:1.2;
text-decoration:none;
}

.dropbtn:hover {
color:#242325;
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 15px;
line-height:1.2;
text-decoration:none;
}

.dropdown {
margin-top:0px;
position: relative;
display: inline-block;
text-align:left;
}

.dropdown-content {
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 15px;
display: none;
margin-top:2px;
border:1px solid #e4ecf1;
border-radius:0px;
position: absolute;
background-color: #e4ecf1;
padding:8px;
box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);
z-index: 10000;
left:0px;
right: auto;
text-align:left;
}
@media (max-width:1200px) {
.dropdown-content {left:-220px;}
}

.dropdown-content a {
color:#21a566;
font-family: "Asap Condensed", sans-serif;
font-weight: 400;
font-size:17px; 
line-height:1.2;
text-decoration:none;
padding: 5px 4px 5px 4px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-image: linear-gradient(to right, #e4ecf1); color:#2f4858; text-decoration:none; }
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {color:#2f4858; padding-bottom:4px; border-bottom:2px solid #b0bec9; border-radius:10%;}

.cta-button {
background-color: #21a566;
width: 275px;
height:70px;
border-radius: 0px;
border: none;
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 20px;
padding:20px;
color: #fff;
text-align: center;
position: relative;
cursor: pointer;
transition: all .2s;
}
@media (max-width:1300px) {
.cta-button {font-size: 18px;}
}
@media (max-width:600px) {
.cta-button {font-size: 18px;}
}
 
.cta-button:hover {
background-color: #ffffff; color:#2f4858; border:2px solid #21a566; box-shadow: 0px 0px 60px -17px rgba(51,51,51,1);
}
 
.slider .cta-button:focus,
.navigation .login-btn:focus {
  outline: none;
}


.nav-button {
background-color: #21a566;
width: 275px;
height:70px;
border-radius: 0px;
border:2px solid #21a566;
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 20px;
padding:20px;
color: #fff;
text-align: center;
transition: all .2s;
}
@media (max-width:1300px) {
.nav-button {font-size: 18px;}
}
@media (max-width:600px) {
.nav-button {font-size: 18px;}
}
 
.nav-button:hover {
width: 275px;
height:70px;
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 20px;
padding:20px;
border-radius: 0px;
background-color: #ffffff;
color:#2f4858;
border:2px solid #21a566;
box-shadow: 0px 0px 60px -17px rgba(51,51,51,1);
}

.calendly-button {
background-color: #21a566;
width: 275px;
height:70px;
border-radius: 0px;
border:2px solid #21a566;
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 20px;
padding:20px;
color: #fff;
text-align: center;
transition: all .2s;
}

.calendly-button:hover {
background-color: #ffffff;
color:#2f4858; 
border:2px solid #21a566; 
box-shadow: 0px 0px 60px -17px rgba(51,51,51,1);
width: 275px;
height:70px;
border-radius: 0px;
font-family: "Encode Sans", sans-serif;
font-optical-sizing: auto;
font-size: 20px;
padding:20px;
text-align: center;
}



/* -------------------------->>> <<<--------------------------*/
/* ---->>> CALENDLY <<<----*/
/* -------------------------->>> <<<--------------------------*/

.calendly-badge-widget,.calendly-badge-widget *,.calendly-inline-widget,.calendly-inline-widget *,.calendly-overlay,.calendly-overlay *{
font-size:16px;
line-height:1.2em
}

.calendly-badge-widget iframe,.calendly-inline-widget iframe,.calendly-overlay iframe{
display:inline;
height:100%;
width:100%
}

.calendly-popup-content{
position:relative
}

.calendly-popup-content.calendly-mobile{
-webkit-overflow-scrolling:touch;
overflow-y:auto
}

.calendly-overlay{
background-color:#ffffff;
background-color:rgba(31,31,31,.4);
bottom:0;
left:0;
overflow:hidden;
position:fixed;
right:0;
top:0;
z-index:9999
}

.calendly-overlay .calendly-close-overlay{
bottom:0;
left:0;
position:absolute;
right:0;top:0
}

.calendly-overlay .calendly-popup{
box-sizing:border-box;
height:90%;
left:50%;
max-height:700px!important;
max-width:1000px;
min-width:900px;
position:absolute;
top:20%;
transform:translateY(-50%) translateX(-50%);
width:80%}

@media (max-width:975px){
.calendly-overlay .calendly-popup{bottom:0;height:auto;left:0;max-height:none;min-width:0;position:fixed;right:0;top:50px;transform:none;width:100%}}
.calendly-overlay .calendly-popup .calendly-popup-content{height:100%}
.calendly-overlay .calendly-popup-close{background:url(/assets/external/close-icon.svg) no-repeat;background-size:contain;color:#ffffff;cursor:pointer;height:19px;position:absolute;right:25px;top:25px;width:19px}
@media (max-width:975px){
.calendly-overlay .calendly-popup-close{right:15px;top:15px}}
.calendly-badge-widget{bottom:15px;position:fixed;right:20px;z-index:9998}
.calendly-badge-widget .calendly-badge-content{border-radius:0px;box-shadow:0 2px 5px rgba(0,0,0,.25);color:#ffffff;cursor:pointer;display:table-cell;font-family:sans-serif;font-size:14px;font-weight:700;height:45px;padding:0 30px;text-align:center;vertical-align:middle;width:auto}
.calendly-badge-widget .calendly-badge-content.calendly-white{color:#666a73}
.calendly-badge-widget .calendly-badge-content span{display:block;font-size:12px}
.calendly-spinner{left:0;position:absolute;right:0;text-align:center;top:30%;transform:translateY(-50%);z-index:-1}
.calendly-spinner>div{animation:calendly-bouncedelay 1.4s ease-in-out infinite;animation-fill-mode:both;background-color:#ffffff;border-radius:50%;display:inline-block;height:18px;vertical-align:middle;width:18px}
.calendly-spinner .calendly-bounce1{animation-delay:-.32s}
.calendly-spinner .calendly-bounce2{animation-delay:-.16s}
@keyframes calendly-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}
}