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


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

.logo {
width:50%;
margin-top:20px;
height:auto;
display:block;
}
@media (max-width:1300px) {
.logo {width:200px; 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-color:#d5dde0;
}
@media (max-width:1300px) {
.master-frame-footer {max-height:700px;}
}
@media (max-width:600px) {
.master-frame-footer-frame {max-height:700px;}
}

.master-frame-footer-internal {
margin:0 auto;
width:80%;
max-width:1536px;
padding-top:20px;
padding-bottom:20px;
text-align:left;
}
@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:linear-gradient(180deg,#97b1aa34, #ffffff, #ffffff);
}
@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:96%;
text-align:center;
}
@media (max-width:1300px) {
.width-94  {margin:0 auto; width:96%;}
}

.box-45-left {
float:left;
width:43.6%;
min-height:210px;
padding:2%;
text-align:left;
margin-right:2%;
border:1px solid; 
border-image:linear-gradient(360deg, #97b1aa67, #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:43.6%;
min-height:210px;
padding:2%;
text-align:left;
margin-left:2%;
border:1px solid; 
border-image:linear-gradient(360deg, #97b1aa67, #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:1px solid; 
border-image:linear-gradient(360deg, #97b1aa67, #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:1px solid; 
border-image:linear-gradient(360deg, #97b1aa67, #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, #d5dde0, #ffffff);
border:1px solid; 
border-image:linear-gradient(180deg, #97b1aa, #97b1aa34) 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, #d5dde0, #ffffff);
border:1px solid; 
border-image:linear-gradient(180deg, #97b1aa, #97b1aa34) 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, #d5dde0, #ffffff);
border:1px solid; 
border-image:linear-gradient(180deg, #97b1aa, #97b1aa34) 1;
}
@media (max-width:1300px) {
.box-29-right {float:none; margin:0 auto; width:98%; margin-right:0%; margin-left:0%;}
}

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

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

.div-25-right {
float:left;
width:23%;
padding:0%;
text-align:left;
margin-right:1%;
margin-left:1%; 
}
@media (max-width:1300px) {
.div-25-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-29-bg {
float:left;
width:29.3%;
margin-left:1%;
margin-right:1%;
padding:1%;
text-align:left;
background-color:#d5dde078;
Border-radius:6px;
}
@media (max-width:1300px) {
.even-29-bg {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:55%;
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:40%;
text-align:right;
margin-top:0px;
}
@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%;
height:700px;
min-height:700px;
}
@media (max-width:900px) {.request-a-quote-form-iframe {margin: 0 auto; width:90%; padding-left:5%; padding-right:5%; margin-left:0px; text-align:center; height:1050px; min-height:1050px;}
}

iframe {
overflow: auto;
}

.fa {
font-family: FontAwesome !important;
}


.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 3px #546A76;
z-index:0;
}


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

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

/* 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:linear-gradient(180deg,#d5dde0, #ffffff, #ffffff);
left: 0;
}
.slide-2 {
background:linear-gradient(180deg,#d5dde0, #f5f5f512);
left: 100%
}
.slide-3 {
background:linear-gradient(180deg,#d5dde0, #f5f5f512);
left: 200%
}
.slide-4 {
background:linear-gradient(180deg,#d5dde0, #f5f5f512);
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: #0066a7;
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: #fafafc;
  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 #0066a7;
  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:65%;
text-align:left;
margin-top:0px;
}
@media (max-width:1300px) {
.slider-inside-wrapper-left {float:none; margin:0 auto; width:96%; text-align:center;}
}
@media (max-width:600px) {
.slider-inside-wrapper-left {float:none; margin:0 auto; width:96%; text-align:center;}
}

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

.gold {
color:#FED000;
}

.blue {
color:#0066a7;
}

.green {
color:#3BA99C;
}

.green2 {
color:#3BA99C34;
}

.white {
color: #ffffff;
}

.grey {
color:#7a7a7a;  
}

.small80 {
font-size:80%;
}

.big105 {
font-size:105%;
}

.big110 {
font-size:110%;
}

.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:linear-gradient(90deg,#2c373c, #2c373ccd, #2c373c);
width:90%;
padding: 1%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border:1px solid #6a7480;
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: #0066a7;
cursor: pointer;
padding: 10px;
z-index: 10;
}

.scroll-btn:hover {
color: #A9BCD0;
}

.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:#0066a7;
  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:#A9BCD0;
  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(90deg, #d5dde0, #ffffff);
border:1px solid; 
border-image:linear-gradient(90deg, #97b1aa34, #ffffff) 1;
}
@media (max-width:1300px) {
.masterDiv {width:96%; border:2px solid; height:inherit; border-image:linear-gradient(360deg, #97b1aa34, #ffffff) 1; height:inherit; background:linear-gradient(360deg, #8c959f45, #f5f5f5);}
}
@media (max-width:600px) {
.masterDiv {width:96%; border:2px solid; height:inherit; border-image:linear-gradient(360deg, #97b1aa34, #ffffff) 1; height:inherit; background:linear-gradient(360deg, #8c959f45, #f5f5f5);}
}

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

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

.slide.active {
display: block;
}

.leftdiv {
float:left;
width:30%;
padding:0px;
text-align:left;
margin-top:10px;
}
@media (max-width:1300px) {
.leftdiv {float:none; margin:0 auto; width:96%; text-align:center;}
}
@media (max-width:600px) {
.leftdiv {float:none; margin:0 auto; width:96%; 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%; text-align:center;}
}
@media (max-width:600px) {
.leftdiv-alt {float:none; margin:0 auto; width:96%; text-align:center;}
}

.rightdiv {
float:left;
width:67%;
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-right: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;}
}

.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: 'Questrial', sans-serif;
position: relative;
display: inline-block;
color: #0066a7;
font-size: 16px;
font-weight: normal;
cursor: pointer;
}

.tooltip .tooltiptext {
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 15px;
color: #A9BCD0;
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 #0066a7;
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;
}

.tooltip2 {
font-family: 'Questrial', sans-serif;
position: relative;
display: inline-block;
cursor: pointer;fff
}

.tooltip2 .tooltip2text {
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 15px;
color: #ffffff;
font-weight: bold;
line-height:1.4;
visibility: hidden;
width: 360px;
background-color: #ffffff;
text-align: center;
padding: 5px;
border-radius: 0px;
border:1px solid #FED000;
background-color:#FED000;
border-radius:4px;
z-index: 9999;
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
}


.tooltip2:hover .tooltip2text {
visibility: visible;
opacity: 1;
}


.accordion {
background-color:#ebeff1;
color: #383639;
cursor: pointer;
padding: 15px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-weight:normal;
font-size: 16px;
transition: 0.4s;  
}

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

.accordion::after {
content: '\002B';
color:#0066a7;
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%;}
}

.img-100 {
width:100%;
height:auto;
display:block;
}
@media (max-width:1300px) {
.img-100 {width:100%;}
}
@media (max-width:600px) {
.img-100 {width:100%;}
}

.img-90 {
width:90%;
height:auto;
display:block;
}
@media (max-width:1300px) {
.img-90 {width:60%;}
}
@media (max-width:600px) {
.img-90 {width:60%;}
}

.img-50 {
width:50%;
height:auto;
display:block;
}
@media (max-width:1300px) {
.img-50 {width:70%;}
}
@media (max-width:600px) {
.img-50 {width:70%;}
}

.img-70 {
width:70%;
height:auto;
display:block;
}
@media (max-width:1300px) {
.img-50 {width:70%;}
}
@media (max-width:600px) {
.img-50 {width:70%;}
}

.video-1 {
border:2px solid #d5dde0; 
padding:1px; 
object-fit:cover; 
width:355px; 
height:355px;
}
@media (max-width:1300px) {
.video-1 {width:300px; height:300px;}
}
@media (max-width:600px) {
.video-1 {width:300px; height:300px;}
}

.video-2 {
border:2px solid #8D98A7; 
padding:1px; 
object-fit:cover; 
width:500px; 
height:500px;
}
@media (max-width:1300px) {
.video-2 {width:355px; height:300px;}
}
@media (max-width:600px) {
.video-2 {width:355px; height:300px;}
}


.quote-quotes {
float:left;
width:10%;
text-align:left;
}
@media (max-width:1300px) {
.quote-quotes {float:none; display:none;}
}
@media (max-width:600px) {
.quote-quotes {float:none; display:none;}
}



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




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


.header-title {
font-family: "Alata", sans-serif;
font-weight: 400;
font-size: 80px;
color: #A9BCD0;
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: 'Questrial', sans-serif;
font-size:20px;
font-weight: 200;
font-style: normal;
color: #414043;
line-height: 1.4;
margin-top:0px;
margin:0px;
padding: 0px;
}
@media (max-width:1300px) {
.header-title2 {font-size: 24px;}
}
@media (max-width:600px) {
.header-title2 {font-size: 24px;}
}


h1 {
font-family: "Cal Sans", sans-serif;
font-optical-sizing: auto;
font-size:60px;
font-weight:400;
color: #383639;
line-height: 1.1;
margin-top:0px;
margin:0px;
padding: 0px;
}
@media (max-width:1300px) {
h1 {font-size: 44px;}
}

h2 {
font-family: "Cal Sans", sans-serif;
font-optical-sizing: auto;
font-size:34px;
font-weight:300;
color: #383639;
line-height: 1.2;
margin:0px;
margin-top:0px;
padding: 0px;
}
@media (max-width:1300px) {
h2 {line-height: 1.1; font-size:29px;}
}

h3 {
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size:21px;
font-weight:500;
color: #383639;
line-height: 1.3;
margin:0px;
margin-top:0px;
padding: 0px;
}
@media (max-width:1300px) {
h3 {font-size: 21px;}
}

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

h5 {
font-family: "Cabin Condensed", sans-serif;
font-size:22px;
font-weight: 300;
font-style: normal;
color: #383639;
line-height: 1.4;
margin:0px;
margin-top:0px;
padding: 0px;
}
@media (max-width:1300px) {
h5 {font-size: 21px;}
}

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

p {
font-family: 'Questrial', sans-serif;
font-weight: 100;
font-size: 17px;
color: #383639;
font-weight: normal;
line-height: 1.5;
margin-top:5px;
padding: 0px;
}
@media (max-width:1300px) {
p {font-size: 16px;}
}

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

.text1 {
font-family: 'Questrial', sans-serif;
font-weight: 100;
font-size: 16px;
color: #383639;
font-weight: normal;
line-height: 1.5;
margin-top:5px;
padding: 0px;
}
@media (max-width:1300px) {
.text1 {font-size: 15px;}
}

.text1-white {
font-family: 'Questrial', sans-serif;
font-weight: 100;
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: 'Questrial', sans-serif;
font-weight: 100;
font-optical-sizing: auto;
font-size: 14px;
color: #383639;
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: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 16px;
color: #383639;
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: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 18px;
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:#0066A7;
display: inline-block;
width: 13px;
margin-left: 5px;
}
@media (max-width:1300px) {
li::before {font-size:1px; color:#ffffff;}
}


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

a {
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 16px;
color: #0066a7;

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

a:hover {
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 16px;
color: #A9BCD0;

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

.footer-nav {
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 14px;
color: #0066a7;
line-height: 1.6;
margin-top:0px;
padding: 0px;
text-decoration: none;
}

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





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

.dropbtn {
color:#0066a7;
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-size: 14px;
font-weight:bold;
line-height:1.2;
text-decoration:none;
}

.dropbtn:hover {
color:#A9BCD0;
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-size: 14px;
font-weight:bold;
line-height:1.2;
text-decoration:none
}

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

.dropdown-content {
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size:14px;
font-weight: 600;
display: none;
margin-top:2px;
border:1px solid #d5dde0;
border-radius:0px;
position: absolute;
background-color: #d5dde0;
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; background-color: #d5dde0;}
}

.dropdown-content a {
color:#0066a7;
font-family: "Asap Condensed", sans-serif;
font-weight: 400;
font-size:14px; 
line-height:1.2;
text-decoration:none;
padding: 4px 4px 4px 4px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-image: linear-gradient(to right, #d5dde0); color:#222725; text-decoration:none; }
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {color:#222725; padding-bottom:4px; border-radius:10%;}

.cta-button {
background-color: #0066a7;
width: 275px;
height:60px;
border-radius: 0px;
border: none;
font-family: 'Questrial', sans-serif;
font-size: 18px;
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:#A9BCD0; border:2px solid #0066a7; 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: #0066a7;
width:275px;
height:60px;
border-radius: 4px;
border:2px solid #0066a7;
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 18px;
color: #ffffff;
padding:15px 20px;
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:60px;
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 18px;
border-radius: 4px;
background-color: #222725;
padding:15px 20px;
color:#ffffff;
border:2px solid #222725;
}

.calendly-button {
background-color: #0066a7;
width:275px;
height:60px;
border-radius: 4px;
border:2px solid #0066a7;
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 18px;
color: #ffffff;
padding:15px 20px;
text-align: center;
transition: all .2s;
}

.calendly-button:hover {
width: 275px;
height:60px;
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 18px;
border-radius: 4px;
background-color: #222725;
padding:15px 20px;
color:#ffffff;
border:2px solid #222725;
}


/* -------------------------->>> <<<--------------------------*/
/* ---->>> 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)}
}





.popup-overlay {
display: none;
position: fixed;
top: 0; left: 0;
width: 200vw;
height: 200vh;
background: transparent; /* no dark background */
z-index: 1000;
}

.popup-box {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fafafc;
padding: 1rem;
max-width: 100%;
overflow: auto;
z-index: 1001;
border: 0px solid #A9BCD0;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}