*{margin:0; padding:0; box-sizing:border-box;}
img{max-width:100%;}
html {scroll-behavior: smooth;}



@font-face {
    font-family: 'Gliker Bold Condensed';
    src: url('../fonts/Gliker-BoldCondensed.woff2') format('woff2'),
        url('../fonts/Gliker-BoldCondensed.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'myriad_proregular';
    src: url('../fonts/myriad_pro_regular-webfont.woff2') format('woff2'),
         url('../fonts/myriad_pro_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NaN Holo Condensed Extra';
    src: url('../fonts/NaNHoloCondensed-ExtraBold.woff2') format('woff2'),
        url('../fonts/NaNHoloCondensed-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




body{font-family: 'Work Sans', sans-serif; font-weight:500; }
.main_container{width: 100%; max-width: 1920px; padding: 0 60px 60px 60px; margin: 0 auto; position: relative; overflow:hidden visible;}
.main_header{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  position: absolute;  padding: 35px 100px; left: 60px; right: 60px;}	
.main_header .link{font-size:18px; font-weight:500; text-decoration:none; color:#231F20;}
.main_header .logo{width:100%; max-width:275px;}
.banner{background:#FFFFA6; border:3px solid #000000; border-top:none; border-radius:0 0 80px 80px; padding:250px 100px 70px 100px; text-align:center;}
.banner-inner{position:relative;}

.banner p{margin-top:120px; margin-bottom:100px; font-size:16px; line-height:22px; color:#231F20; font-weight:500;}
.banner.inner p{margin-top:20px; margin-bottom:0;}

.banner-book-btn{display: block; width: 100%;  max-width: 350px;  position: absolute; right: 80px;  bottom: 110px;}
	
.banner-book-btn img{width:100%;}
.banner-book-btn:after{width: 164px; height: 136px; content: ''; position: absolute;  background: url(../images/hand-pointing.svg) center center no-repeat;  background-size: 164px; right: -100px; bottom: -76px;}

.banner .desktop-title{width:100%; max-width:1170px;}
.banner.inner{padding-top:200px;}
.banner.inner .desktop-title{width:100%; max-width:740px;}
.banner.inner h1{font-size:100px; margin:0; padding:0;}
.banner .mobile-title{width:100%; max-width:250px; display:none;}
.banner .walking{ position: absolute; width: 100%; max-width: 580px; left: 0; bottom: 0;}
.mobile-walking,
.mobile-yoyo{display:none;}


.programs-section{padding:150px 0 150px 0;}
.programs-section h2{font-size:48px; font-weight:700; text-transform:uppercase; margin-bottom:50px; text-align:center; font-family: 'NaN Holo Condensed Extra';}
.program_accordion{width:100%; max-width:1400px; margin:0 auto;}
.program_accordion .single_program{border: 3px solid #000000; border-radius: 54px 54px 0 0; padding: 45px 70px 100px 70px; background: #fff9ae; display: flex;flex-wrap: wrap;align-items:flex-start;justify-content: space-between; position:relative; } 
.program_accordion .single_program:not(:first-child){margin-top:-72px;}	
.program_accordion .single_program:last-child{padding-bottom:45px; border-radius: 54px;}
.program_accordion .single_program:nth-child(2){background:#c5ffd7;}
.program_accordion .single_program:nth-child(3){background:#bbedff;}
.program_accordion .single_program:nth-child(4){background:#ffd9f8;}
.program_accordion .single_program:nth-child(5){background:#e9ffbe;}
.program_accordion .single_program:nth-child(6){background:#e1deff;}
.program_accordion .single_program.active{border-radius: 54px; z-index:1; margin-bottom:35px;}
.program_accordion .single_program .single_program_left > img{width:310px; display:none; margin-top: -17px; position:absolute;}
.program_accordion .single_program .single_program_left .icon{display:flex; flex-wrap:wrap; align-items:center;}
.program_accordion .single_program .single_program_left .icon img{width: 100px; margin-right: 30px;  max-height: 70px;}
.program_accordion .single_program .single_program_left .icon h5{color:#EB008B; font-size:39px; text-transform:uppercase; font-family: 'Gliker Bold Condensed'; transition:all ease 0.2s; }
.program_accordion .single_program .single_program_center{width:50%; display:none;}
.program_accordion .single_program .single_program_center p{font-size:22px; line-height:30px;}
.program_accordion .single_program .single_program_center p strong{display:block;  margin:0 0 20px 0;}
.program_accordion .single_program .single_program_center h4{text-transform:uppercase; margin:70px 0 0 0; font-size:32px; font-weight:700; font-family: 'NaN Holo Condensed Extra';}
.program_accordion .single_program .single_program_right{display:flex; justify-content:flex-end; padding:20px 0;     width: 16%;}
.program_accordion .single_program .single_program_right a{font-size:22px; color:#000000; font-weight:700; text-transform:uppercase; background:url(../images/plus.svg) right center no-repeat; background-size:18px; display:block; padding:5px 30px 5px 0; text-decoration:none; min-height:36px; font-family: 'NaN Holo Condensed Extra';}

.program_accordion .single_program.active .single_program_right a{font-size:0; background:url(../images/minus.svg) right center no-repeat; background-size:18px;}
.program_accordion .single_program.active .single_program_left .icon h5{opacity:0; visibility:hidden;}
.booking-section{padding:100px; border:3px solid #000000; border-radius:52px; background:#abe5ff;}
.booking_details{padding:0 100px; margin-bottom:70px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.booking_details .booking_details_left{width:56%; margin:0 0 30px 0;}
.booking_details .booking_details_left h3{font-size:75px; line-height:75px; text-transform:uppercase; color:#000000; font-family: 'NaN Holo Condensed Extra';}
.booking_details .booking_details_right{width:36%; margin:0 0 30px 0;}
.booking_details .booking_details_right p{font-size:16px; line-height:20px; color:#000000;}
.booking_details .booking_details_right p:not(:first-child){margin-top:20px;}
.booking_form{padding:100px; background:#e1deff; border:3px solid #000000; border-radius:52px; position:relative;}
.booking_form form{display:block; max-width:1088px; margin-top: 60px;}
.booking_form h2{font-size: 240px;  text-transform: uppercase; color: #EB008B;  font-family: 'Gliker Bold Condensed';  text-align: center;}
.booking_form .form_row{margin-left:-35px; margin-right:-35px; display:flex; flex-wrap:wrap;}
.booking_form .form_row.align-end{align-items:flex-end; margin-top: 110px;}
.booking_form .form_row .sub{padding-left:35px; padding-right:35px;}
.booking_form .form_row .col-3{width:25%;}
.booking_form .form_row .col-4{width:33.33%;}
.booking_form .form_row .col-5{width:33.33%;}
.booking_form .form_row .col-8{width:66.66%;}
.booking_form .form_row .col-2{    width: 16.50%;}


.booking_form .form_row .sub input[type="text"],
.booking_form .form_row .sub select,
.booking_form .form_row .sub textarea
{border:none; border-radius:0; border-bottom:3px solid #000000; height:68px; font-size:16px; letter-spacing:-0.5px; color:#000000; font-family: 'Work Sans', sans-serif; font-weight:500; width:100%; background:none; outline:none; box-shadow:none;} 

.booking_form .form_row .sub select{appearance:none; -webkit-appearance:none; background:url(../images/drop_arrow.png) right center no-repeat;}

.booking_form .form_row .sub .form_control{position:relative;}
.booking_form .form_row .sub .form_control label.label{position: absolute;  left: 0;  top: 50%; transform: translateY(-50%); transition:all ease 0.2s; font-size:16px; cursor:auto;}
.booking_form .form_row .sub .form_control.focused label{top:0; transform:none;     color: #EB008B; font-size:12px;}
.booking_form .form_row .sub input[type="text"].error,
.booking_form .form_row .sub select.error,
.booking_form .form_row .sub textarea.error{border-color:red !important;}

.booking_form .form_row .sub label.error{ color:red !important; font-size:14px !important; margin-top:4px !important;}

.booking_form .form_row .sub button{border:none; border-bottom:3px solid #000000; color:#000000; height:60px; font-size:35px; text-transform:uppercase; font-weight:700; width:100%; background:none; text-align:left; position:relative; cursor:pointer;}
.booking_form .form_row .sub button:after{width: 34px;  height: 43px;  background: url(../images/button-arrow.svg) right center no-repeat;  content: '';  position: absolute;
    right: -10px;  bottom: -22px;  background-size: 26px;}	
.yoyo{position: absolute;  width: 100%;  max-width: 710px;  right: -357px; bottom: -132px;}	
.success_message h5{font-size: 50px; margin: 24px 0 0 0;}
.success_message h5 small{display: block; font-weight: 500; font-size: 22px; margin: 5px 0 0 0;}

.booking_form .form_row .sub input[type="text"]::placeholder,
.booking_form .form_row .sub textarea::placeholder{color:#000000;}

.main_footer{padding: 35px 0 0 100px;}
.main_footer ul{list-style-type:none; margin:0; padding:0; display:flex; flex-wrap:Wrap; gap:60px;}
.main_footer ul li{color:#848484; font-size:16px; letter-spacing:-0.5px; font-weight:400;}
.main_footer ul li a{color:#848484; text-decoration:none;}
.main_footer ul li a:hover{text-decoration:underline;}


.mobile-banner{text-align:center; display:none;}


.class_teaser{max-width:1200px;}
.class_teaser ul{list-style-type: none;  margin: 0 -10px;  padding: 0; display: flex;  flex-wrap: wrap;}
.class_teaser ul li{padding:10px; width:25%;}
.class_teaser ul li .inner{  background: #fb3199;  color: #b7eafa;  font-size: 30px;  text-transform: uppercase; font-family: 'Gliker Bold Condensed'; text-align: center;  padding: 15px 15px;  border-radius: 20px;}

.class_teaser ul li:nth-child(even) .inner{background:#b7eafa; color:#fb3199;}
.class-section{padding: 100px 0; display: flex;  flex-direction: column;  align-items: center; justify-content: center;}
.title_area{max-width:1200px; width:100%;}
.title_area .left{text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-bottom:40px;}
.title_area .left h2 {font-size: 60px;
    text-transform: uppercase;
    color: #000000;
    /* font-family: 'Gliker Bold Condensed'; */
    text-align: center;
    margin-bottom: 18px;}
.title_area .left p {
    font-size: 22px;
    line-height: 29px;
    color: #231F20;
    font-weight: 500;
    max-width: 670px;
}


.title_area .right{display:flex; flex-wrap:wrap; margin-bottom:30px;}
.title_area .right .single{width:33.33%; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px 30px; text-align:center; gap:15px}
.title_area .right .single h4{ font-size: 26px;  color: #fb3199;  max-width: 220px;  text-align: center;}
.title_area .right .single p{max-width:250px;}