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


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

.logo {
width:60%;
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;}
}


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

.flex-row {
display: flex;
gap: 40px;
align-items: flex-start;
width: 100%;
}

.flex-row-gap {
display: flex;
gap: 60px;
align-items: flex-start;
width: 100%;
}

/* Stack on mobile */
@media (max-width:900px) {
.flex-row {
flex-direction: column;
}


.flex-row > div {
width:100% !important;
flex:none !important;
}

}

/* ---------- STANDARD WIDTHS ---------- */

.flex-50-50 > div {
flex:1;
}

.w-2  { flex:2; }
.w-98 { flex:98; }

.flex-30-70 .flex-left  { flex:3; }
.flex-30-70 .flex-right { flex:7; }

.flex-40-60 .flex-left  { flex:4; }
.flex-40-60 .flex-right { flex:6; }

.flex-60-40 .flex-left  { flex:6; }
.flex-60-40 .flex-right { flex:4; }

.flex-65-35 .flex-left  { flex:65; }
.flex-65-35 .flex-right { flex:35; }

.flex-70-30 .flex-left  { flex:7; }
.flex-70-30 .flex-right { flex:3; }

.flex-75-25 .flex-left  { flex:3; }
.flex-75-25 .flex-right { flex:1; }

.flex-80-20 .flex-left  { flex:8; }
.flex-80-20 .flex-right { flex:2; }

.flex-10-90 .flex-left  { flex:1; }
.flex-10-90 .flex-right { flex:9; }

.flex-33-33-33 > div {
    flex:1;
}

.flex-25-25-25-25 > div {
    flex:1;
}



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

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

.master-frame-internal {
margin:0 auto;
width:80%;
max-width:1280px;
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-grey {
margin:0 auto;
width:100%;
text-align:center;
background-color:#fffdfa;
border-top:1px solid #d6dada;
border-bottom:1px solid #d6dada;
}

.master-frame-yellow {
margin:0 auto;
width:100%;
text-align:center;
background-color:#ffcb0c;

}

.master-frame-dark {
margin:0 auto;
width:100%;
text-align:center;
background-color:#000000;
}

.master-frame-footer {
margin:0 auto;
width:100%;
min-height:220px;
text-align:center;
background-color:#000000;
}
@media (max-width:1300px) {
.master-frame-footer {max-height:900px;}
}
@media (max-width:600px) {
.master-frame-footer-frame {max-height:900px;}
}

.master-frame-footer-internal {
margin:0 auto;
width:80%;
max-width:1280px;
padding-top:20px;
padding-bottom:20px;
text-align:left;
}
@media (max-width:1300px) {
.master-frame-footer-internal {max-height:900px;}
}
@media (max-width:600px) {
.master-frame-footer-internal {max-height:900px;}
}

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

.box-20-right {
float:left; 
width:20%; 
margin-left:6%; 
margin-top:10px; 
text-align:left;
}
@media (max-width:1300px) {
.box-20-right  {float:none; margin:0 auto; margin-left:0%; width:96%;}
}

.box-22-left {
float:left; 
text-align:left; 
width:22%; 
padding:1%; 
border:1px solid #97b1aa67; 
border-radius:4px;
}
@media (max-width:1300px) {
.box-22-left  {float:none; margin:0 auto; width:96%;}
}

.box-22-right {
float:left; 
text-align:left; 
width:22%; 
padding:1%; 
margin-left:1%; 
border:1px solid #97b1aa67; 
border-radius:4px;
}
@media (max-width:1300px) {
.box-22-right  {float:none; margin:0 auto; width:96%;}
}


.box-33-left {
float:left; 
margin:0px 10px 0px 0px; 
padding:1% 2% 0% 2%; 
width:28.2%; 
text-align:left; 
border-left:1px solid #97b1aa67; 
}
@media (max-width:1300px) {
.box-33-left  {float:none; margin:0 auto; width:56%;}
}

.box-33-center {
float:left; 
margin:0px 10px 0px 10px; 
padding:1% 2% 0% 2%; 
width:28.2%; 
text-align:left; 
text-align:left; 
border-left:1px solid #97b1aa67; 
}
@media (max-width:1300px) {
.box-33-center  {float:none; margin:0 auto; width:56%;}
}

.box-33-right {
float:left; 
margin:0px 0px 0px 10px; 
padding:1% 2% 0% 2%; 
width:28.2%; 
text-align:left; 
text-align:left; 
border-left:1px solid #97b1aa67; 
}
@media (max-width:1300px) {
.box-33-right  {float:none; margin:0 auto; width:56%;}
}


.box-45-left {
float:left;
width:43.6%;
padding:1%; 
margin-left:1%; 
border:1px solid #97b1aa67; 
border-radius:4px;
}
@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%;
padding:1%; 
margin-left:1%; 
border:1px solid #97b1aa67; 
border-radius:4px;
}
@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%;}
}

.answer-box{
border:1px solid #97b1aa67;
border-left:4px solid #ffcb0c;
border-right:4px solid #ffcb0c;
border-radius:10px;
padding:18px 20px;
margin:22px 0 0 0;
max-width:720px;
border-radius:4px;
}









.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:44%;
text-align:left;
margin-right:3.6%;
padding:1%; 
border:1px solid #97b1aa67; 
border-radius:4px;
}
@media (max-width:1300px) {
.left-div-46 {float:none; margin:0 auto; width:98%; text-align:center;}
}

.right-div-46 {
float:left;
width:44%;
text-align:left;
margin-left:3.6%;
padding:1%; 
border:1px solid #97b1aa67; 
border-radius:4px;
}
@media (max-width:1300px) {
.right-div-46 {float:none; margin:0 auto; width:98%; text-align:center;}
}




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

.right-div-46-nb {
float:left;
width:44%;
text-align:left;
margin-left:4%;
padding:1%; 
}
@media (max-width:1300px) {
.right-div-46-nb {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.1%;
margin-left:1%;
margin-right:1%;
padding:1%;
text-align:left;
border:1px solid #97b1aa67;
border-radius:4px;
}
@media (max-width:1300px) {
.even-29-bg {float:none; margin:0 auto; width:97.8%; 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;
}

.section-divider {
position: relative;
width: 80%;
height: 3px;
border-bottom: 1px solid #97b1aa45;
margin: 30px 0;   /* Left aligned */
}
@media (max-width:1200px) {
.section-divider {margin:0 auto; width:90%; margin-top:10px;}
}



.section-divider-center {
    position: relative;
    width: 80%;
    height: 3px;
    border-bottom: 1px solid #97b1aa45;
    margin: 30px auto;
}


.cta-arrow .arrow {
    display: inline-block;
    animation: arrowSlide 1.8s ease-in-out infinite;
}

@keyframes arrowSlide {
    0% {
        opacity: 0;
        transform: translateX(-12px);
    }

    30% {
        opacity: 1;
        transform: translateX(0);
    }

    70% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(12px);
    }
}


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

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

/* 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, #fdfdfd, #fdfdfd);
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: 100%;
padding: 0%;
}

/* 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: #7d2027;
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 #7d2027;
  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:62%;
text-align:left;
margin-top:0px;
padding-right:3%;
}
@media (max-width:1300px) {
.slider-inside-wrapper-left {float:none; margin:0 auto; width:96%; text-align:center; padding-right:0%;}
}
@media (max-width:600px) {
.slider-inside-wrapper-left {float:none; margin:0 auto; width:96%; text-align:center; padding-right:0%;}
}

.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%; margin-top:0px; text-align:center;}
}
@media (max-width:600px) {
.slider-inside-wrapper-right {float:none;  margin:0 auto; width:96%; margin-top:0px; text-align:center;}
}

.gold {
color:#e4bb00;
}

.yellow {
color:#ffcb0c;
}

.blue {
color:#7d2027;
}

.green {
color:#2f4858;
}

.green2 {
color:#3BA99C34;
}

.white {
color: #ffffff;
}

.grey {
color:#2f4858;  
}

.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: 10px auto 0;
    width: 98%;
    max-width: 100%;
    padding: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 200px;
    text-align: center;
    box-sizing: border-box;
}


/* ---- TESTIMONIAL CONTAINER ---- */

.testimonial-container {
    display: flex;
    flex: 1;
    min-width: 0;
    gap: 20px;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    margin: 0;
    padding: 0;

    max-width: 100%;
    box-sizing: border-box;

    scrollbar-width: none;
    -ms-overflow-style: none;
}

.testimonial-container::-webkit-scrollbar {
    display: none;
}


/* ---- TESTIMONIAL ---- */

.testimonial {
    flex: 0 0 calc((100% - 40px) / 3);
    width: calc((100% - 40px) / 3);

    padding: 1%;
    margin-top: 10px;

    text-align: left;

    border: 1px solid #97b1aa67;
    border-radius: 4px;

    box-sizing: border-box;

    scroll-snap-align: start;
    scroll-snap-stop: always;
}


/* ---- SCROLL BUTTONS ---- */

.scroll-btn {
    background: none;
    border: none;

    font-size: 2rem;
    color: #7d2027;

    cursor: pointer;

    padding: 10px;

    flex: 0 0 auto;

    z-index: 10;
}

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

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

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


/* ---- MOBILE / TABLET ---- */

@media (max-width: 1300px) {

    .testimonial-section {
        width: 98%;
        max-width: 98%;
        padding: 0;
    }

    .testimonial-container {
        flex: 1;
        min-width: 0;
        width: auto;
        max-width: 100%;
        gap: 20px;
    }

    .testimonial {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;

        padding: 20px;

        text-align: center;

        box-sizing: border-box;
    }
}


.floating-button {
  position: fixed;
  top: 85%;
  right: 1%;
  z-index: 99;
  border: none;
  outline: none;
  background-color:#7d2027;
  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:#425368;
  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;
}

.div-flexcontainer {
display: flex;
gap: 16px;
width: 100%;
}
@media (max-width:1300px) {
.div-flexcontainer {flex-direction: column; margin:0 auto; width:96%; text-align:center;}
}

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

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



.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: #7d2027;
font-size: 16px;
font-weight: normal;
cursor: pointer;
}

.tooltip .tooltiptext {
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 15px;
color: #425368;
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 #7d2027;
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 {
color: #000000;
background-color:#ffffff;
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 12px;
display: none;
overflow: hidden; 
}

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

.accordion.active::after {
    transform: rotate(45deg);
}


.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:70%;}
}
@media (max-width:600px) {
.img-100 {width:70%;}
}

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

.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-wrapper {
  width: 90%;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.video-1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #97b1aa67;
}

.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 <<<----*/
/* -------------------------->>> <<<--------------------------*/

.eyebrow {
  margin-bottom: 24px;
  color: #666a6e;
  font-family: "Questrial", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.19em;
  text-transform: uppercase;
}

.header-title {
font-family: "Alata", sans-serif;
font-weight: 400;
font-size: 80px;
color: #425368;
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;}slider-inside-wrapper-left
}

.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:70px;
font-weight:400;
color: #000000;
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:38px;
font-weight:300;
color: #000000;
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:20px;
font-weight:500;
color: #000000;
line-height: 1.5;
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: #000000;
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: #000000;
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: #000000;
}

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

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

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

.text1 {
font-family: 'Questrial', sans-serif;
font-weight: 100;
font-size: 16px;
color: #000000;
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: #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: '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:#2f4858;
display: inline-block;
width: 13px;
margin-left: 5px;
}



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

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

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: #425368;

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: #ffffff;
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: #ffcb0c;
line-height: 1.6;
margin-top:0px;
padding: 0px;
text-decoration: none;
}





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

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

.dropbtn:hover {
color:#425368;
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-size: 15px;
font-weight:normal;
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: 400;
display: none;
margin-top:2px;
border:1px solid #ffcb0c;
border-radius:0px;
position: absolute;
background-color: #ffcb0c;
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:#000000;
font-family: "Asap Condensed", sans-serif;
font-weight: 400;
font-size:15px; 
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, #ffcb0c); color:#ffffff; text-decoration:none; }
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {color:#425368; padding-bottom:4px; border-radius:10%;}

.cta-button {
background-color: #7d2027;
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:#425368; border:2px solid #7d2027; 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: #7d2027;
width:275px;
height:60px;
border-radius: 0px;
border:2px solid #7d2027;
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:0px;
background-color: #425368;
padding:15px 20px;
color:#ffffff;
border:2px solid #425368;
}

.calendly-button {
background-color: #7d2027;
width:275px;
height:60px;
border-radius: 0px;
border:2px solid #7d2027;
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: 0px;
background-color: #425368;
padding:15px 20px;
color:#ffffff;
border:2px solid #425368;
}

.nav-button2 {
background-color: Transparent;
width:275px;
height:60px;
border-radius: 0px;
border:2px solid #7d2027;
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 18px;
color: #7d2027;
padding:15px 20px;
text-align: center;
transition: all .2s;
}
@media (max-width:1300px) {
.nav-button2 {font-size: 18px;}
}
@media (max-width:600px) {
.nav-button2 {font-size: 18px;}
}
 
.nav-button2:hover {
width: 275px;
height:60px;
font-family: 'Questrial', sans-serif;
font-optical-sizing: auto;
font-size: 18px;
border-radius: 0px;
background-color: Transparent;
padding:15px 20px;
color:#425368;
border:2px solid #425368;
}


/* -------------------------->>> <<<--------------------------*/
/* ---->>> 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 #425368;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}


.pill-cloud{display:flex;flex-wrap:wrap;gap:10px;}
.pill{
font-family: 'Questrial', sans-serif;
font-weight: 100;
font-size: 13px;
color: #383639;
font-weight: normal;
line-height: 1.5;

background:var(--white);
  border:1px solid #97b1aa67;padding:8px 12px;border-radius:100px;
}