/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Inter, sans-serif;
}

a {
    text-decoration: none;
    color: inherit;
}


@media screen and (min-width: 800px) {
    .pchide {
        display: none !important;
    }

    header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 100%;
        background-color: #fff;
        z-index: 90;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        font-weight: bold;
    }

    b {
        font-weight: bold;
    }

    /* .container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
} */
    .header {
        height: 5.848vw;
        z-index: 5;
    }
    .pi{
        width: 30vw;
    }

    .header__menu {
        position: absolute;
        top: 2.4854vw;
        left: 16.0819vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header__item {
        padding: 0 1.0965vw;
        list-style: none;
        position: relative;
    }

    .header__link {
        padding-bottom: 0.58479532vw;
        text-decoration: none;
        font-size: 1.0234vw;
        font-weight: 400;
        color: #1E2B69;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
        z-index: 5;
    }

    .header__link:hover {
        border-bottom: 1px solid #28A3DD;
        color: #28A3DD;
    }

    .header__logo {
        position: absolute;
        top: 1.1696vw;
        left: 45.9795vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-preferred-size: 24%;
        flex-basis: 24%;
    }

    .header__contacts {

        position: absolute;
        top: 2.193vw;
        right: 11.038vw;
    }

    .dropdown {
        position: absolute;
        top: 200%;
        left: 50%;
        height: 0;
        width: 100%;
        min-width: 120px;
        overflow: hidden;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: 0px 18px 55px -27px #000000;
        box-shadow: 0px 18px 55px -27px #000000;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 10;
    }

    .dropdown__item {
        width: 100%;
        padding: 15px 10px;
        font-weight: 400;
        margin: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: background-color .3s ease;
        transition: background-color .3s ease;
    }

    .dropdown__item:hover {
        background-color: #e0dbdb;
    }

    .dropdown_active {
        height: 270px;
    }

    .dropdown-btn {
        position: relative;
    }

    .phone {
        font-weight: 700;
        font-size: 1.6082vw;
        color: #1E2B69;
        text-decoration: none;
    }

    .header__contacts_mobile {
        display: none;
    }

    a[href^="tel:"]:hover {
        text-decoration: underline;
    }

    .burger {
        width: 2.193vw;
        height: 2.193vw;
        background: url("../assets/img/icon\ menu.png") no-repeat center;
        cursor: pointer;
        position: absolute;
        top: 2.193vw;
        left: 11.038vw;
        transition: opacity .3s ease;
    }

    .burger:hover {
        opacity: .5;
    }

    .title {
        font-size: 1.9006vw;
        font-weight: 700;
        color: #000;
    }

    .hide {
        top: -110px;
    }

    .burger-menu {
        position: fixed;
        top: 0;
        left: -830px;
        width: 22%;
        height: 100%;
        border-right: 1px solid #dcd8d8;
        background-color: #fff;
        -webkit-box-shadow: -43px 0px 104px 0px rgba(0, 0, 0, 0.81);
        box-shadow: -43px 0px 104px 0px rgba(0, 0, 0, 0.81);
        z-index: 99;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .burger-menu__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 100%;
        padding-top: 120px;
    }

    .burger-menu__list {
        width: 50%;
    }

    .burger-menu__item {
        position: relative;
        padding-bottom: 25px;
        list-style: none;
    }

    .burger-menu__item .dropdown {
        top: 50%;
    }

    .burger-menu__link {
        font-size: 20px;
    }

    .burger-menu__link:hover {
        border-bottom: none;
    }

    .burger-menu__close {
        width: 30px;
        height: 30px;
        float: right;
        margin: 30px 30px 0 0;
        cursor: pointer;
        transition: opacity .3s ease;
    }

    .burger-menu_active {
        left: 0;
    }

    /* Main banner container */
    .summer-camp-banner {
        background-color: #039be5;
        height: 52.0468vw;
        padding: 20px;
        position: relative;
        overflow: hidden;
    }

    /* Content wrapper */
    .summer-camp-banner__content-wrapper {
        position: relative;
    }

    /* Flex container for layout */
    .summer-camp-banner__flex-container {
        display: flex;
        flex-direction: column;
    }

    /* Left content area */
    .summer-camp-banner__text-content {
        color: white;
        padding: 4vw;
        margin-bottom: 40px;
        z-index: 10;
    }

    /* Main heading */
    .summer-camp-banner__main-heading {
        font-family: 'Caveat', cursive;
        font-size: 6.5789vw;
        font-weight: bold;
        margin-bottom: 1.5rem;
        line-height: 1.1;
    }

    /* Subheading/description */
    .summer-camp-banner__description {
        font-size: 1.6813vw;
        max-width: 500px;
        line-height: 1.4;
    }

    /* Registration button */
    .summer-camp-banner__register-button {
        display: inline-block;
        background-color: #e64308;
        font-family: Caveat;
        color: white;
        font-weight: bold;
        width: 19.3363vw;
        height: 4.2961vw;
        margin-top: 2vw;
        border-radius: 50px;
        text-decoration: none;
        border: none;
        font-size: 2.924vw;
        transition: background-color 0.3s;
    }

    .summer-camp-banner__register-button:hover {
        background-color: #d13a00;
    }

    /* Right content area with image */
    .summer-camp-banner__image-container {
        position: absolute;
        z-index: 5;
    }

    /* Main image */
    .summer-camp-banner__main-image {
        width: 74.8194vw;
        top: 5.0205vw;
        left: 24.5614vw;
        height: auto;
        position: absolute;
        z-index: 10;
        display: block;
    }

    /* Decorative lines container */
    .summer-camp-banner__decorative-lines {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

    /* Bottom curve container */
    .summer-camp-banner__bottom-curve {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }


    /* About section styles */
    .campabout {
        position: relative;
        background-color: #b6f593;
    }

    .campabout-wave {
        position: absolute;
        top: -0.3929825vw;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    .campabout-tagline {
        color: white;
        font-family: 'Caveat', cursive;
        font-size: 3.655vw;
        position: absolute;
        top: -1vw;
        right: 10vw;
        z-index: 13;
        text-align: right;
    }

    .campabout-flexcontainer {
        padding-top: 26vw;
        display: flex;
    }

    .campabout-fish {
        position: relative;
        margin-top: 2vw;
        z-index: 4;
    }

    .campabout-fish-mobile {
        display: none;
    }

    .campabout-textcontent {
        margin-left: 2vw;
        width: 48.8538vw;
        text-align: justify;
        font-size: 2.168vw;
        z-index: 2;
    }

    .campabout-textcontent p {
        margin-top: 1vw;
    }

    .campabout-fruits {
        position: absolute;
        width: 200px;
        height: auto;
        z-index: 4;
    }

    .campabout-fruitleft {
        top: -10.6725vw;
        left: 0px;
        width: 27.1199vw;
    }

    .campabout-fruitright {
        top: 10vw;
        right: 0px;
        width: 8vw;
    }

    .campabout-highlight {
        font-weight: bold;
    }

    /* Camp formats section styles */

    .campformats {
        background-color: white;
        padding: 360px 0px 60px 0px;
        position: relative;
    }

    .campformats-contentwrapper {
        max-width: 1200px;
        margin: 0 auto;
    }

    .campformats-robot-top {
        position: absolute;
        top: 30px;
        left: 33.9181vw;
        z-index: 2;
    }

    .campformats-heading {
        color: #00c853;
        font-size: 4.0205vw;
        text-align: center;
        margin-bottom: 50px;
        font-weight: bold;
    }

    .campformats-choosetext {
        font-family: 'Caveat', cursive;
        text-align: center;
        position: absolute;
        font-size: 3.7205vw;
        top: 37vw;
        right: 50%;
        transform: translateX(50%);
    }

    .campformats-options {
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .campformats-wave-top {
        width: 100%;
        position: absolute;
        top: -13vw;
        z-index: 0;
        left: 0;
    }

    .campformats-option {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 500px;
    }

    .campformats-circleimage {
        width: 250px;
        height: 250px;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .campformats-circleimage img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .campformats-optiontitle {
        font-family: 'Caveat', cursive;
        color: #e64308;
        font-size: 3.655vw;
        text-align: center;
        margin-bottom: 15px;
        line-height: 1.2;
    }

    .campformats-optionbox {
        position: relative;
        background-color: white;
        border: 2px solid #e64308;
        border-radius: 45px;
        padding: 20px;
        font-size: 1.8275vw;
        text-align: justify;
        margin-bottom: 20px;
        width: 36.038vw;
        padding-bottom: 3vw;
    }

    .campformats-registerbutton {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
        background-color: #00c853;
        font-family: Caveat;
        color: white;
        font-weight: bold;
        border-radius: 50px;
        text-decoration: none;
        border: none;
        width: 19.3363vw;
        height: 4.1754vw;
        font-size: 2.924vw;
        transition: background-color 0.3s;
    }

    .campformats-registerbutton:hover {
        background-color: #009624;
    }

    .campformats-footer {
        text-align: center;
        margin-top: 30px;
    }

    .campformats-footerheading {
        font-family: 'Caveat';
        color: #00c853;
        font-size: 4.386vw;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .campformats-footertext {
        font-family: 'Caveat', cursive;
        font-size: 4.0205vw;
        line-height: 1.4;
        max-width: 1000px;
        margin: 0 auto;
    }

    /* Camp schedule section styles */
    .campschedule {
        position: relative
    }

    .campschedule-wave {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
    }

    .campschedule-topwave {
        position: relative;
        height: 41.7668vw;
    }

    .campschedule-contentwrapper {

        position: relative;
    }

    .campschedule-heading {
        font-size: 4.7515vw;
        text-align: center;
        margin-bottom: 20px;
        padding-top: 7vw;
        font-weight: bold;
    }

    .campschedule-subheading {
        font-family: 'Caveat', cursive;
        font-size: 3.2895vw;
        text-align: center;
        margin-bottom: 40px;
        max-width: 1000px;
        margin-left: auto;
        font-weight: 500;
        margin-right: auto;
        line-height: 1.4;
    }

    .campschedule-gear {
        position: absolute;
        top: -50px;
        left: 0px;
    }

    .campschedule-fruits {
        position: absolute;
        top: 150px;
        right: 0px;
    }

    .campschedule-arrow {
        position: absolute;
        bottom: -128px;
        left: 134px;
    }

    .campschedule-sessions {
        background-color: white;
        padding: 40px 20px 130px;
    }

    .campschedule-sessionheading {
        font-family: 'Caveat', cursive;
        color: #e64308;
        font-size: 4.0205vw;
        text-align: center;
        margin-bottom: 30px;
    }

    .campschedule-session {
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 8.2526vw;
        margin-right: 8.2526vw;
    }

    .campschedule-sessiontitle {
        font-family: 'Caveat', cursive;
        color: #e64308;
        font-size: 4.0205vw;
        margin-bottom: 60px;
        line-height: 1.2;
    }

    .campschedule-ellipse {
        position: absolute;
        top: 0;
        left: 0;
        width: 31.7273vw;
        z-index: 1;
    }

    .campschedule-datebadge {
        font-family: 'Caveat', cursive;
        font-size: 4.386vw;
        font-weight: bold;
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 31.7273vw;
        height: 7.0205vw;
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 3vw;
        align-self: flex-start;
    }

    .campschedule-datebadge p {
        position: relative;
        z-index: 20;
    }

    .campschedule-sessiondescription {
        margin-bottom: 40px;
        font-size: 2.0468vw;
        line-height: 1.5;
    }

    .campschedule-detailsbutton {
        background-color: #f8b907;
        color: black;
        font-weight: bold;
        padding: 8px 20px;
        border-radius: 50px;
        font-family: Caveat;
        width: 19.3363vw;
        height: 4.1754vw;
        text-decoration: none;
        font-size: 2.924vw;
        transition: background-color 0.3s;
        align-self: flex-end;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .campschedule-detailsbutton:hover {
        background-color: #e6a800;
    }

    .dailyschedule {
        background-color: #ffda71;
        position: relative;
        height: 61vw;
    }

    .dailyschedule-contentwrapper {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }

    .dailyschedule-wave-top {
        position: absolute;
        width: 100%;
        top: -7vw;
    }

    .dailyschedule-heading {
        font-size: 4.7515vw;
        margin-bottom: 40px;
        font-weight: bold;
    }

    .dailyschedule-grid {
        display: grid;
        grid-template-columns: 1fr 1.35fr;
        gap: 110px;
    }

    .dailyschedule-column {
        display: flex;
        flex-direction: column;
    }

    .dailyschedule-item {
        display: flex;
        align-items: flex-start;
    }

    .dailyschedule-time {
        font-family: 'Caveat', cursive;
        font-weight: bold;
        font-size: 2.0468vw;
        min-width: 120px;
        margin-right: 10px;
    }

    .dailyschedule-activity {
        font-family: 'Caveat', cursive;
        font-size: 2.0468vw;
        font-weight: bold;
        flex: 1;
    }

    .dailyschedule-lifebuoy {
        position: absolute;
        top: -145px;
        right: 20px;
        height: auto;
        z-index: 1;
    }

    .dailyschedule-rocks {
        position: absolute;
        bottom: 20px;
        left: 25.2924vw;
    }

    .dailyschedule-wave {
        position: absolute;
        bottom: 20px;
        right: 0px;
    }


    .dailyschedule-registerbutton {
        position: absolute;
        left: 52.0614vw;
        bottom: -7vw;
        width: 19.3363vw;
        height: 4.1754vw;
        background: transparent;
        border-radius: 25px;
        font-size: 2.924vw;
        font-family: Caveat;
        font-weight: bold;
        border: 3px solid black;
    }

    .dailyschedule-registerbutton:hover {
        border: 2px solid black;
    }

    /* City camp section styles */
    .citycamp {
        padding-bottom: 13.3041vw;
        position: relative;
        z-index: 10;
    }

    .citycamp-topwave {
        width: 100%;
        height: 35vw;
        position: relative;
        z-index: 9;
    }

    .citycamp-contentwrapper {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
    }

    .citycamp-heading {
        color: white;
        font-size: 4.7515vw;
        text-align: center;
        margin-bottom: 20px;
        font-weight: bold;
        position: absolute;
        right: 5.5vw;
        top: -2vw;
        transform: translate(-50%, 0);
    }

    .citycamp-subheading {
        position: absolute;
        color: white;
        font-family: 'Caveat', cursive;
        font-size: 3.2895vw;
        text-align: center;
        margin-bottom: 40px;
        max-width: 61vw;
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.4;
        top: 11vw;
        right: 15vw;
    }

    .citycamp-computer {
        position: absolute;
        top: -239px;
        left: 0px;
    }

    .citycamp-fruit {
        position: absolute;
        top: 150px;
        right: 0px;
    }

    .citycamp-arrow {
        position: absolute;
        top: 5vw;
        left: 6vw;
    }

    .citycamp-sessions {
        background-color: white;
    }

    .citycamp-sessions-wave-top {
        position: absolute;
        width: 100%;
        top: -14vw;
        left: 0;
    }

    .citycamp-sessionheading {
        font-family: 'Caveat', cursive;
        color: #e5446d;
        font-size: 1.8rem;
        text-align: center;
        margin-bottom: 30px;
        z-index: 10;
    }

    .citycamp-session {
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }

    .citycamp-sessiontitle {
        font-family: 'Caveat', cursive;
        color: #E5446D;
        font-size: 4.0205vw;
        margin-bottom: 60px;
        line-height: 1.2;
    }

    .citycamp-datebadge {
        font-family: 'Caveat', cursive;
        font-size: 4.386vw;
        font-weight: bold;
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 31.7273vw;
        height: 7.0205vw;
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 3vw;
        align-self: flex-start;
    }

    .citycamp-datebadge p {
        position: relative;
        color: white;
        z-index: 20;
    }

    .citycamp-datebadge::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-color: #e5446d;
        border-radius: 50%;
        z-index: -1;
    }

    .citycamp-sessiondescription {
        margin-bottom: 15px;
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .citycamp-detailsbutton {
        display: inline-block;
        background-color: #e5446d;
        color: white;
        font-weight: bold;
        padding: 8px 20px;
        border-radius: 50px;
        font-family: Caveat;
        width: 19.3363vw;
        height: 4.1754vw;
        text-decoration: none;
        font-size: 2.924vw;
        transition: background-color 0.3s;
        align-self: flex-end;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .citycamp-wave-top {
        position: absolute;
        width: 172.8933vw;
        right: -48.4649vw;
        top: 0;
        z-index: 100;
    }

    .citycamp-detailsbutton:hover {
        background-color: #c73a5d;
    }

    /* City camp daily schedule section styles */
    .citydaily {
        background-color: #e5446d;
        position: relative;
        max-width: 100%;
    }

    .citydaily-wave-top {
        position: absolute;
        top: -11vw;
        width: 100%;
        left: 0vw;
    }

    .citydaily-container {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }

    .citydaily-heading {
        color: white;
        font-size: 4.7515vw;
        margin-bottom: 40px;
        font-weight: bold;
    }

    .citydaily-schedule {
        display: flex;
        flex-direction: column;
        margin-bottom: 70px;
        width: 40vw;
    }

    .citydaily-item {
        color: white;
        font-family: 'Caveat', cursive;
        font-size: 2.0468vw;
    }

    .citydaily-time {
        font-weight: bold;
    }

    .citydaily-calendar {
        position: absolute;
        top: -13vw;
        right: 0vw;
        z-index: 1;
    }

    .citydaily-lemon {
        position: absolute;
        bottom: -9vw;
        left: 0px;
        z-index: 1;
    }


    .citydaily-cityillustration {
        position: absolute;
        bottom: -6vw;
        right: 0px;
        z-index: 1;
    }

    .citydaily-registerbutton {
        display: inline-block;
        background-color: white;
        color: #e5446d;
        font-family: 'Caveat', cursive;
        font-weight: bold;
        padding: 12px 40px;
        border-radius: 50px;
        text-decoration: none;
        font-size: 2.924vw;
        transition: background-color 0.3s, transform 0.3s;
        margin-top: 20px;
        margin-left: 10vw;
    }

    .citydaily-registerbutton:hover {
        background-color: #f8f8f8;
        transform: scale(1.05);
    }

    .citydaily-wave-bottom {
        position: absolute;
        width: 100%;
        bottom: -10vw;
        left: 0;
    }


    /*Photogallery*/

    .photogallery {
        padding-top: 15.3099vw;
        position: relative;
        height: 109.6491vw;
    }

    .photogallery-header {
        font-size: 4.7515vw;
        text-align: center;
        color: #039BE5;
    }

    .photogallery-wave-top {
        position: absolute;
        width: 100%;
        top: 31.9035vw;
        left: 0;
    }

    .photogallery-wave-bottom {
        position: absolute;
        width: 100%;
        top: 97.766vw;
        left: 0;
    }

    .photogallery-image1 {
        position: absolute;
        top: 37.3128vw;
        left: 3.0702vw;
        z-index: 1;
    }

    .photogallery-image2 {
        position: absolute;
        top: 31.6842vw;
        left: 35.2339vw;
        z-index: 1;
    }

    .photogallery-image3 {
        position: absolute;
        top: 25.5438vw;
        left: 67.8363vw;
        z-index: 1;
    }

    .photogallery-image4 {
        position: absolute;
        top: 74.3742vw;
        left: 3.0702vw;
        z-index: 1;
    }

    .photogallery-image5 {
        position: absolute;
        top: 66.84498772vw;
        left: 35.2339vw;
        z-index: 1;
    }

    .photogallery-image6 {
        position: absolute;
        top: 59.90054327vw;
        left: 67.8363vw;
        z-index: 1;
    }

    .photogallery-morephotos {
        position: absolute;
        top: 104.12861345vw;
        left: 50%;
        color: white;
        font-family: Caveat;
        transform: translateX(-50%);
        font-size: 3.2468vw;
    }

    .photogallery-camera {
        position: absolute;
        top: 100.32451988vw;
    }

    .photogallery-pics {
        position: absolute;
        top: 90.3099vw;
        right: 0;
    }

    .photogallery-curvyarrow {
        top: 100.69001696vw;

    }

    .photogallery-telegram {
        z-index: 100;
        position: absolute;
        top: 110.69001696vw;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: space-around;
        width: 52.1199vw;
    }

    .photogallery-telegram-entry {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0vw 4vw;
        height: 4.8977vw;
        width: 22.2222vw;
    }

    .photogallery-telegram-ellipse {
        position: absolute;
        z-index: -1;
    }

    .photogallery-telegram-text {
        font-family: Caveat;
        font-size: 2.924vw;
        color: white;
        color: #039BE5;
        font-weight: bold;
    }


    /* Testimonials section styles */
    .testimonials {
        padding-top: 15vw;
        position: relative;
        padding-bottom: 20vw;
    }

    .testimonials-wave {
        position: absolute;
        width: 100%;
        top: 15vw;
        left: 0;
    }

    .testimonials-heading {
        color: #00c853;
        font-size: 2.5rem;
        text-align: center;
        margin-bottom: 60px;
        position: relative;
        font-weight: bold;
        text-transform: uppercase;
    }

    .testimonials-container {
        overflow: hidden;
        position: relative;
    }

    .testimonials-background {
        height: 0;
        padding-bottom: 75%;
        position: relative;
    }

    .testimonials-note {
        position: absolute;
        text-align: center;
        width: 21.9298vw;
        height: 21.9298vw;
        font-family: 'Caveat', cursive;
        font-size: 1.5351vw;
        line-height: 1.3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 2;
    }

    .testimonials-note-bg {
        position: absolute;
        top: -10vw;
        left: -10vw;
        width: 40.0585vw;
        z-index: 1;
    }

    .testimonials-note::before {
        content: "";
        position: absolute;
        top: -15px;
        right: 30px;
        width: 30px;
        height: 60px;
    }

    .testimonials-note1 {
        top: 5%;
        left: 7%;
        transform: rotate(10deg);
    }

    .testimonials-note2 {
        top: 15%;
        left: 52%;
        transform: translate(-50%, 0) rotate(-12deg);
    }

    .testimonials-note3 {
        top: 5%;
        right: 8%;
        transform: rotate(0deg);
    }

    .testimonials-note4 {
        bottom: 25%;
        left: 7%;
        transform: rotate(8deg);
    }

    .testimonials-note5 {
        bottom: 25%;
        right: 8%;
        transform: rotate(10deg);
    }

    .testimonials-note6 {
        bottom: 15%;
        left: 52%;
        transform: translate(-50%, 0) rotate(-15deg);
    }

    .testimonials-note p {

        z-index: 2;
    }

    .testimonials-author {
        text-align: right;
        margin-top: 15px;
        font-weight: bold;
    }

    .testimonials-atom {
        position: absolute;
        bottom: 10%;
        left: 0;
        z-index: 2;
    }

    .testimonials-footer {
        text-align: center;
        margin-top: 40px;
        font-family: 'Caveat', cursive;
        font-size: 4vw;
    }

    .testimonials-google {
        font-weight: bold;
        text-decoration: none;
    }

    .testimonials-google span:nth-child(1) {
        color: #4285F4;
    }

    .testimonials-google span:nth-child(2) {
        color: #EA4335;
    }

    .testimonials-google span:nth-child(3) {
        color: #FBBC05;
    }

    .testimonials-google span:nth-child(4) {
        color: #4285F4;
    }

    .testimonials-google span:nth-child(5) {
        color: #34A853;
    }

    .testimonials-google span:nth-child(6) {
        color: #EA4335;
    }


    /* FAQ section styles */
    .faqsection {
        height: 70vw;
        position: relative;
    }

    .faqsection-wave-top {
        position: absolute;
        width: 100%;
        top: -10vw;
        left: 0;
    }

    .faqsection-wave-bottom {
        position: absolute;
        width: 100%;
        bottom: 13vw;
        left: 0;
    }

    .faqsection-container {
        margin: 0 auto;
        background-color: #ffda71;
        position: relative;
    }

    .faqsection-heading {
        color: #e64308;
        font-size: 2.5rem;
        text-align: center;
        margin-bottom: 60px;
        position: relative;
        font-weight: bold;
        text-transform: uppercase;
    }

    .faqsection-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .faqsection-watermelon {
        width: 30vw;
        height: 30vw;
        border-radius: 50%;
        background-color: transparent;
        margin: 0 auto;
        position: relative;
        transition: all 0.5s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }

    .faqsection-watermelon-image {
        width: 100%;
        height: 100%;
        position: absolute;
        transition: all 0.5s ease;
        border-radius: 50%;
    }

    .faqsection-watermelon-text {
        position: absolute;
        top: 50%;
        left: 47%;
        transform: translate(-50%, -50%);
        width: 80%;
        text-align: center;
        font-size: 1rem;
        line-height: 1.4;
        color: white;
        opacity: 0;
        transition: all 0.5s ease;
        z-index: 3;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        font-weight: bold;
    }

    .faqsection-questions {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .faqsection-question {
        position: absolute;
        font-family: 'Caveat', cursive;
        font-size: 3.655vw;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.5s ease;
        z-index: 10;
        max-width: 20vw;
        text-align: center;
    }

    .faqsection-question.active {
        color: #00c853;
        transform: scale(1.1);
    }

    .faqsection-question1 {
        top: -10%;
        left: 10%;
    }

    .faqsection-question2 {
        top: -10%;
        right: 10%;
    }

    .faqsection-question3 {
        bottom: -10%;
        right: 10%;
    }

    .faqsection-question4 {
        bottom: -10%;
        left: 10%;
    }

    .faqsection-question5 {
        bottom: -55%;
        left: 50%;
        transform: translateX(-50%);
    }

    .faqsection-question.active.faqsection-question5 {
        transform: translateX(-50%) scale(1.1);
    }

    .faqsection-arrow {
        position: absolute;
        width: 80px;
        height: 80px;
        pointer-events: none;
    }

    .faqsection-arrow1 {
        top: 0%;
        left: 30%;
        transform: scaleX(-1);
    }

    .faqsection-arrow2 {
        top: 0%;
        right: 30%;
    }

    .faqsection-arrow3 {
        bottom: 0%;
        right: 30%;
        transform: rotate(180deg) scaleX(-1);
    }

    .faqsection-arrow4 {
        bottom: 0%;
        left: 30%;
        transform: rotate(180deg);
    }

    .faqsection-arrow5 {
        bottom: -25%;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }

    .faqsection-mascot {
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: 3;
        width: 30vw;
    }


    .faqsection-bubble {
        position: absolute;
        bottom: 15vw;
        right: 20vw;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 1vw;
        z-index: 4;
        width: 15.5702vw;
        height: 11.2573vw;
    }

    .faqsection-bubble p {
        z-index: 1;
        font-family: 'Caveat', cursive;
        font-size: 2.5585vw;
        text-align: center;
        margin: -2vw 1vw 0 0;
        color: #e64308;
        width: 8.7719vw;
        height: 6.5789vw;
        line-height: 2.193vw;
    }

    .faq-bubble {
        position: absolute;
        top: 0;
        width: 17vw;
        right: 0
    }

    .faqsection-books {
        position: absolute;
        bottom: 0;
        right: 50px;
        width: 200px;
        height: auto;
        z-index: 2;
    }

    /* Animation for questions moving toward watermelon */
    .faqsection-questions.active .faqsection-question:not(.active) {
        transform: translateX(var(--translate-x, 0)) translateY(var(--translate-y, 0));
    }

    .faqsection-questions.active .faqsection-question1 {
        --translate-x: 10px;
        --translate-y: 0px;
    }

    .faqsection-questions.active .faqsection-question2 {
        --translate-x: -10px;
        --translate-y: 0px;
    }

    .faqsection-questions.active .faqsection-question3 {
        --translate-x: -10px;
        --translate-y: 0px;
    }

    .faqsection-questions.active .faqsection-question4 {
        --translate-x: 10px;
        --translate-y: 0px;
    }

    .faqsection-questions.active .faqsection-question5:not(.active) {
        --translate-y: -10px;
        transform: translateX(-50%) translateY(var(--translate-y, 0));
    }

    .locations {
        overflow: hidden;
        position: relative;
        height: 100vw;
    }

    .locations-header {
        position: absolute;
        top: 5.0439vw;
        left: 107px;
        color: #E5446D;
        text-transform: uppercase;
        font-size: 4.7515vw;
        font-weight: 700;
        width: 40vw;
    }

    .locations-wave-top {
        position: absolute;
        width: 100%;
        top: 23.4649vw;
        left: 0;
    }

    .locations-wave-bottom {
        position: absolute;
        width: 100%;
        top: 62.6462vw;
        left: 0;
    }

    .locations-wave-bg {
        position: absolute;
        width: 100vw;
        top: 34.9415vw;
        left: 0;
    }

    .locations-marker-small {
        position: absolute;
        top: 9.2105vw;
        right: 8.2602vw;
        z-index: 1;
    }

    .locations-marker-big {
        position: absolute;
        top: 55.7749vw;
        right: 58.7719vw;
        z-index: 1;
    }

    .locations-lemon {
        position: absolute;
        top: 9.4298vw;
        left: 0;
        z-index: 1;
    }

    .locations-rocket {
        position: absolute;
        top: 50vw;
        right: 0;
        z-index: 1;
    }

    .locations-line {
        position: absolute;
        z-index: 1;
        top: 32.383vw;
        left: 42.3977vw;
    }

    .locations-city {
        position: absolute;
        top: 39.6199vw;
        left: 7.0906vw;
        color: white;
        font-family: Caveat;
        font-size: 3.5088vw;
        z-index: 1;
    }

    .locations-outdoors {
        position: absolute;
        top: 75.4386vw;
        left: 50.9503vw;
        color: white;
        font-family: Caveat;
        font-size: 3.5088vw;
        z-index: 1;
    }

    /* Contact form section styles */
    .contact {
        position: relative;
        overflow: hidden;
        padding-bottom: 100px;
    }

    .contact-top {
        background-color: white;
        padding: 60px 20px 150px;
        position: relative;
    }

    .contact-wave {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background-color: #039be5;
        border-radius: 100% 100% 0 0;
    }

    .contact-bottom {
        background-color: #039be5;
        position: relative;
    }

    .contact-container {
        margin: 0 auto;
        position: relative;
    }

    .contact-heading {
        color: #039be5;
        font-size: 2.5rem;
        text-align: center;
        margin-bottom: 40px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .contact-content {
        display: flex;
        justify-content: space-evenly;
    }

    .contact-us {
        height: 58.4795vw;
        background-color: #E4F0FF;
        padding: 4.193vw 2.193vw 4.386vw 6.193vw;
        position: relative;
    }

    .contact-us-actual-form {
        z-index: 1;
        background-color: #E64308;
        border-radius: 30px;
        width: 482px;
        height: 630px;
        padding: 1vw 3vw;
        position: relative;
    }

    .contact-us-form-header {
        text-align: center;
        font-weight: 700;
        font-size: 3.0784vw;
        color: #fff;
        margin-bottom: 1.5vw;
        font-family: Caveat;
    }

    .contact-us-form-tag {
        font-size: 1.1696vw;
        font-weight: 400;
        color: #fff;
        margin-bottom: 0.2vw;
        padding-left: 1vw;
    }

    .contact-us-form-field {
        width: 100%;
        height: 3.7281vw;
        background-color: #fff;
        border-radius: 1.462vw;
        font-size: 1.1696vw;
        font-weight: 400;
        color: #1E2B69;
        padding-left: 1.5vw;
        margin-bottom: 1.3vw;
        border: none;
    }

    .contact-us-form-message {
        width: 100%;
        height: 10.2339vw;
        background-color: #fff;
        border-radius: 1.462vw;
        font-size: 1.1696vw;
        font-weight: 400;
        color: #1E2B69;
        padding-left: 1.5vw;
        margin-bottom: 1.3vw;
        border: none;
        resize: none;
    }

    .contact-us-form-submit {
        width: 259px;
        height: 62px;
        background: none;
        border: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .contact-us-form-tag-message {
        font-size: 2.1696vw;
        font-weight: 400;
        color: #fff;
        margin-top: 1.6vw;
        margin-bottom: 0.6vw;
        padding-left: 1vw;
        margin-right: 3.7vw;
        font-family: Caveat;
        cursor: pointer;
    }

    label {
        font-size: 1.1696vw;
        font-weight: 400;
        padding: 1vw 3vw 2.3vw 1vw;
    }

    .contact-us-form-select {
        width: 236px;
        height: 37px;
        background-color: #fff;
        border-radius: 1.462vw;
        font-size: 1.1696vw;
        font-weight: 400;
        color: #1E2B69;
        padding: 0 1vw;
        border: none;
    }

    .contact-us-container {
        
        width: 41.7398vw;
        margin-left: 7.6023vw;
        padding-top: 3vw;
    }

    .contact-us-phone {
        border-radius: 1.462vw;
        font-size: 3.5088vw;
        font-weight: 700;
        color: #1E2B69;
        margin-right: 1vw;
        border: none;
    }

    .contact-us-phone-underline {
        width: 100%;
        height: 3px;
        background-color: #1E2B69;
        margin: 3vw 0;
    }

    .contact-us-text {
        font-size: 1.6696vw;
        font-weight: 400;
        color: #1E2B69;
    }

    .contact-info {
        color: white;
        width: min-content;
    }

    .contact-info-heading {
        font-size: 6vw;
        margin-bottom: 30px;
    }

    .contact-info-location {
        font-family: 'Caveat', cursive;
        font-size: 3.655vw;
        margin-bottom: 10px;
        z-index: 1;
    position: relative;;
    }

    .contact-info-phone {
        font-family: 'Caveat', cursive;
        font-size: 3.655vw;
        z-index: 1;
    position: relative;;
        margin-bottom: 20px;
    }

    .contact-decoration {
        z-index: 1;
        position: absolute;
        bottom: 20px;
        right: 0px;
        width: 150px;
        height: auto;
    }
    .contact-wave-bottom{
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 0;
    }
}

/*#mobilestyles*/

@media screen and (max-width: 800px) {

    .mobilehide {
        display: none !important;
    }

    header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 100%;
        background-color: #fff;
        z-index: 90;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        font-weight: bold;
    }

    b {
        font-weight: bold;
    }

    /* .container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
} */

    .header {
        height: 13.848vw;
        z-index: 5;
    }

    .header__menu {
        position: absolute;
        top: 2.4854vw;
        left: 16.0819vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header__item {
        padding: 0 1.0965vw;
        list-style: none;
        position: relative;
        display: none;
    }

    .header__link {
        padding-bottom: 0.58479532vw;
        text-decoration: none;
        font-size: 1.0234vw;
        font-weight: 400;
        color: #1E2B69;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
        z-index: 5;
    }

    .header__link:hover {
        border-bottom: 1px solid #28A3DD;
        color: #28A3DD;
    }

    .header__logo {
        position: absolute;
        top: 1.1696vw;
        left: 30.9795vw;
        width: 152px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-preferred-size: 24%;
        flex-basis: 24%;
    }

    .header__contacts {
        display: none;
        position: absolute;
        top: 2.193vw;
        right: 11.038vw;
    }

    .dropdown {
        position: absolute;
        top: 200%;
        left: 50%;
        height: 0;
        width: 100%;
        min-width: 120px;
        overflow: hidden;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: 0px 18px 55px -27px #000000;
        box-shadow: 0px 18px 55px -27px #000000;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 10;
    }

    .dropdown__item {
        width: 100%;
        padding: 15px 10px;
        font-weight: 400;
        margin: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: background-color .3s ease;
        transition: background-color .3s ease;
    }

    .dropdown__item:hover {
        background-color: #e0dbdb;
    }

    .dropdown_active {
        height: 270px;
    }

    .dropdown-btn {
        position: relative;
    }

    .phone {
        font-weight: 700;
        font-size: 1.6082vw;
        color: #1E2B69;
        text-decoration: none;
    }

    .header__contacts_mobile {
        display: block;
        position: absolute;
        top: 3.193vw;
        right: 11.038vw;
    }

    a[href^="tel:"]:hover {
        text-decoration: underline;
    }

    .burger {
        width: 8.193vw;
        height: 8.193vw;
        background: url("../assets/img/icon\ menu.png") no-repeat center;
        cursor: pointer;
        position: absolute;
        top: 3.193vw;
        left: 11.038vw;
        transition: opacity .3s ease;
    }

    .burger:hover {
        opacity: .5;
    }

    .title {
        font-size: 1.9006vw;
        font-weight: 700;
        color: #000;
    }

    .hide {
        top: -110px;
    }

    .burger-menu {
        position: fixed;
        top: 0;
        left: -830px;
        height: 100%;
        border-right: 1px solid #dcd8d8;
        background-color: #fff;
        -webkit-box-shadow: -43px 0px 104px 0px rgba(0, 0, 0, 0.81);
        box-shadow: -43px 0px 104px 0px rgba(0, 0, 0, 0.81);
        z-index: 99;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .burger-menu__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 100%;
        padding-top: 120px;
    }

    .burger-menu__list {
        width: 50%;
    }

    .burger-menu__item {
        position: relative;
        padding-bottom: 25px;
        list-style: none;
    }

    .burger-menu__item .dropdown {
        top: 50%;
    }

    .burger-menu__link {
        font-size: 20px;
    }

    .burger-menu__link:hover {
        border-bottom: none;
    }

    .burger-menu__close {
        width: 30px;
        height: 30px;
        float: right;
        margin: 30px 30px 0 0;
        cursor: pointer;
        transition: opacity .3s ease;
    }

    .burger-menu_active {
        left: 0;
    }

    /* Main banner container */
    .summer-camp-banner {
        background-color: #039be5;
        height: 202.0468vw;
        position: relative;
        overflow: hidden;
    }

    /* Content wrapper */
    .summer-camp-banner__content-wrapper {
        position: relative;
    }

    /* Flex container for layout */
    .summer-camp-banner__flex-container {
        display: flex;
        flex-direction: column;
    }

    /* Left content area */
    .summer-camp-banner__text-content {
        color: white;
        padding: 4vw;
        margin-bottom: 40px;
        z-index: 10;
    }

    /* Main heading */
    .summer-camp-banner__main-heading {
        font-family: 'Caveat', cursive;
        font-size: 15.1869vw;
        font-weight: bold;
        text-align: center;
        line-height: 1.1;
    }

    /* Subheading/description */
    .summer-camp-banner__description {
        font-size: 3.972vw;
        text-align: center;
        line-height: 1.4;
    }

    /* Registration button */
    .summer-camp-banner__register-button {
        display: inline-block;
        background-color: #e64308;
        position: absolute;
        top: 169.1589vw;
        left: 50%;
        transform: translateX(-50%);
        font-family: Caveat;
        color: white;
        font-weight: bold;
        width: 52.5794vw;
        height: 11.6822vw;
        margin-top: 2vw;
        border-radius: 50px;
        text-decoration: none;
        border: none;
        font-size: 7.4766vw;
        transition: background-color 0.3s;
    }

    .summer-camp-banner__register-button:hover {
        background-color: #d13a00;
    }

    /* Right content area with image */
    .summer-camp-banner__image-container {
        position: absolute;
        z-index: 5;
    }

    /* Main image */
    .summer-camp-banner__main-image {
        width: 130.8194vw;
        top: 80vw;
        left: -30vw;
        position: absolute;
        z-index: 10;
        display: block;
    }

    /* Decorative lines container */
    .summer-camp-banner__decorative-lines {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

    /* Bottom curve container */
    .summer-camp-banner__bottom-curve {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }


    /* About section styles */
    .campabout {
        position: relative;
        background-color: #b6f593;
    }

    .campabout-wave {
        position: absolute;
        top: -0.3929825vw;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    .campabout-tagline {
        color: white;
        font-family: 'Caveat', cursive;
        font-size: 5.055vw;
        position: absolute;
        top: -10vw;
        right: 10vw;
        z-index: 13;
        font-weight: 400;
        text-align: center;
    }

    .campabout-flexcontainer {
        padding-top: 20vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .campabout-fish {
        display: none;
    }

    .campabout-fish-mobile {
        width: 84.5794vw;
        position: relative;
        margin-top: 2vw;
        z-index: 4;
    }

    .campabout-textcontent {
        margin-left: 2vw;
        text-align: center;
        font-size: 4.6729vw;
        max-width: 90.4206vw;
        z-index: 2;
    }

    .campabout-textcontent p {
        font-size: 4.6729vw;
        margin-top: 1vw;
    }

    .campabout-fruits {
        position: absolute;
        width: 200px;
        height: auto;
        z-index: 4;
    }

    .campabout-fruitleft {
        top: -10.6725vw;
        left: 0px;
        width: 27.1199vw;
    }

    .campabout-fruitright {
        top: 10vw;
        right: 0px;
        width: 8vw;
    }

    .campabout-highlight {
        font-weight: bold;
    }

    /* Camp formats section styles */

    .campformats {
        background-color: white;
        padding: 40vw 0px 60px 0px;
        position: relative;
    }

    .campformats-contentwrapper {
        max-width: 1200px;
        margin: 0 auto;
    }

    .campformats-robot-top {
        position: absolute;
        top: 0;
        width: 38.5514vw;
        left: 33.9181vw;
        z-index: 2;
    }

    .campformats-heading {
        color: #00c853;
        font-size: 6.0205vw;
        text-align: center;
        margin-bottom: 5Fvw;
        font-weight: bold;
    }

    .campformats-choosetext {
        font-family: 'Caveat', cursive;
        text-align: center;
        margin-bottom: 5vw;
        font-size: 6vw;

    }

    .campformats-options {
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .campformats-wave-top {
        width: 100%;
        position: absolute;
        top: -13vw;
        z-index: 0;
        left: 0;
    }

    .campformats-option {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .campformats-circleimage {
        width: 70vw;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .campformats-circleimage img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .campformats-optiontitle {
        font-family: 'Caveat', cursive;
        color: #e64308;
        font-size: 9.655vw;
        text-align: center;
        margin-bottom: 15px;
        line-height: 1.2;
    }

    .campformats-optionbox {
        position: relative;
        background-color: white;
        border: 2px solid #e64308;
        border-radius: 45px;
        padding: 20px;
        font-size: 4.6729vw;
        text-align: justify;
        margin-bottom: 10vw;
        width: 77.5701vw;
        padding-bottom: 10vw;
    }

    .campformats-registerbutton {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
        background-color: #00c853;
        font-family: Caveat;
        color: white;
        font-weight: bold;
        border-radius: 50px;
        text-decoration: none;
        border: none;
        width: 40.3363vw;
        height: 12.1754vw;
        font-size: 6.924vw;
        transition: background-color 0.3s;
    }

    .campformats-registerbutton:hover {
        background-color: #009624;
    }

    .campformats-footer {
        text-align: center;
        margin-top: 30px;
    }

    .campformats-footerheading {
        font-family: 'Caveat';
        color: #00c853;
        font-size: 7.386vw;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .campformats-footertext {
        font-family: 'Caveat', cursive;
        font-size: 6.0205vw;
        line-height: 1.4;
        max-width: 1000px;
        margin: 0 auto;
    }

    /* Camp schedule section styles */
    .campschedule {
        position: relative
    }

    .campschedule-wave {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
    }

    .campschedule-topwave {
        position: relative;
        height: 41.7668vw;
    }

    .campschedule-contentwrapper {

        position: relative;
    }

    .campschedule-heading {
        font-size: 5.7515vw;
        text-align: center;
        margin-bottom: 2vw;
        padding-top: 7vw;
        font-weight: bold;
    }

    .campschedule-subheading {
        font-family: 'Caveat', cursive;
        font-size: 4.2895vw;
        text-align: center;
        margin-bottom: 40px;
        max-width: 70vw;
        margin-left: auto;
        font-weight: 500;
        margin-right: auto;
        line-height: 1;
    }

    .campschedule-gear {
        position: absolute;
        top: -5vw;
        width: 20vw;
        left: 0px;
    }

    .campschedule-fruits {
        position: absolute;
        top: 10vw;
        width: 30vw;
        right: 0px;
    }

    .campschedule-arrow {
        position: absolute;
        bottom: -20px;
        width: 10vw;
        left: 60px;
    }

    .campschedule-sessions {
        background-color: white;
        padding: 40px 20px 130px;
    }

    .campschedule-sessionheading {
        font-family: 'Caveat', cursive;
        color: #e64308;
        font-size: 4.0205vw;
        text-align: center;
        margin-bottom: 30px;
    }

    .campschedule-session {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 8.2526vw;
        margin-right: 8.2526vw;
    }

    .campschedule-sessiontitle {
        font-family: 'Caveat', cursive;
        color: #e64308;
        font-size: 6.0205vw;
        text-align: center;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .campschedule-ellipse {
        position: absolute;
        top: 0;
        left: 0;
        width: 50.7273vw;
        z-index: 1;
    }

    .smhbruh {
        flex-direction: column;
        justify-content: center !important;
    }

    .campschedule-datebadge {
        font-family: 'Caveat', cursive;
        font-size: 6.386vw;
        font-weight: bold;
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 50.7273vw;
        height: 12.0205vw;
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 3vw;
    }

    .campschedule-datebadge p {
        position: relative;
        z-index: 20;
    }

    .campschedule-sessioninfo {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .campschedule-sessiondescription {
        margin-bottom: 20px;
        font-size: 4.0468vw;
        font-weight: 400;
        text-align: center;
        line-height: 1.5;
    }

    .campschedule-detailsbutton {
        background-color: #f8b907;
        color: black;
        font-weight: bold;
        padding: 8px 20px;
        border-radius: 50px;
        font-family: Caveat;
        width: 50.3363vw;
        height: 12.1754vw;
        text-decoration: none;
        font-size: 6.924vw;
        transition: background-color 0.3s;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .campschedule-detailsbutton:hover {
        background-color: #e6a800;
    }

    .dailyschedule {
        background-color: #ffda71;
        position: relative;
        padding-bottom: 20vw;
    }

    .dailyschedule-contentwrapper {
        padding: 0 5vw;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }

    .dailyschedule-wave-top {
        position: absolute;
        width: 100%;
        top: -7vw;
    }

    .dailyschedule-heading {
        font-size: 5.7515vw;
        margin-bottom: 40px;
        font-weight: bold;
    }

    .dailyschedule-grid {
        display: block
    }

    .dailyschedule-column {
        display: flex;
        flex-direction: column;
    }

    .dailyschedule-item {
        display: flex;
        align-items: flex-start;
    }

    .dailyschedule-time {
        font-family: 'Caveat', cursive;
        font-weight: bold;
        font-size: 5.5468vw;
        min-width: 120px;
        margin-right: 10px;
    }

    .dailyschedule-activity {
        font-family: 'Caveat', cursive;
        font-size: 5.5468vw;
        font-weight: bold;
        flex: 1;
    }

    .dailyschedule-lifebuoy {
        position: absolute;
        top: -15vw;
        right: 0px;
        width: 40vw;
        height: auto;
        z-index: 1;
    }

    .dailyschedule-rocks {
        display: none;
    }

    .dailyschedule-wave {
        position: absolute;
        bottom: 20vw;
        right: 0px;
        width: 30vw;
    }


    .dailyschedule-registerbutton {
        position: static;
        left: 52.0614vw;
        bottom: -7vw;
        width: 50.3363vw;
        height: 12.1754vw;
        margin-top: 10vw;
        background: transparent;
        border-radius: 25px;
        font-size: 6.924vw;
        font-family: Caveat;
        font-weight: bold;
        border: 2px solid black;
    }

    .dailyschedule-registerbutton:hover {
        border: 2px solid black;
    }

    /* City camp section styles */
    .citycamp {
        padding-bottom: 13.3041vw;
        position: relative;
        z-index: 10;
    }

    .citycamp-topwave {
        width: 100%;
        height: 35vw;
        position: relative;
        z-index: 9;
    }

    .citycamp-contentwrapper {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
    }

    .citycamp-heading {
        color: white;
        font-size: 5.7515vw;
        text-align: center;
        margin-bottom: 20px;
        font-weight: bold;
        position: absolute;
        left: 50%;
        width: 70vw;
        transform: translateX(-50%);
        top: -5vw;

    }

    .citycamp-subheading {
        position: absolute;
        color: white;
        font-family: 'Caveat', cursive;
        font-size: 3.2895vw;
        text-align: center;
        margin-bottom: 40px;
        max-width: 61vw;
        font-weight: bold;
        left: 50%;
        width: 70vw;
        transform: translateX(-50%);
        line-height: 1.4;
        top: 11vw;
        right: 15vw;
    }

    .citycamp-computer {
        position: absolute;
        top: -20vw;
        width: 30vw;
        left: 0px;
    }

    .citycamp-fruit {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 25vw;
    }

    .citycamp-arrow {
        position: absolute;
        top: 5vw;
        width: 20vw;
        left: 3vw;
    }

    .citycamp-sessions {
        background-color: white;
    }

    .citycamp-sessions-wave-top {
        position: absolute;
        width: 100%;
        top: -14vw;
        left: 0;
    }

    .citycamp-sessionheading {
        font-family: 'Caveat', cursive;
        color: #e5446d;
        font-size: 1.8rem;
        text-align: center;
        margin-bottom: 30px;
        z-index: 10;
    }

    .citycamp-session {
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }

    .citycamp-sessiontitle {
        font-family: 'Caveat', cursive;
        color: #E5446D;
        font-size: 6.0205vw;
        text-align: center;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .citycamp-datebadge {
        font-family: 'Caveat', cursive;
        font-size: 6.386vw;
        font-weight: bold;
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 50.7273vw;
        height: 12.0205vw;
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 3vw;
    }

    .citycamp-datebadge p {
        position: relative;
        color: white;
        z-index: 20;
    }

    .citycamp-datebadge::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-color: #e5446d;
        border-radius: 50%;
        z-index: -1;
    }

    .citycamp-sessiondescription {
        margin-bottom: 15px;
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .citycamp-detailsbutton {
        display: inline-block;
        background-color: #e5446d;
        color: white;
        font-weight: bold;
        padding: 8px 20px;
        border-radius: 50px;
        font-family: Caveat;
        width: 50.3363vw;
        height: 12.1754vw;
        text-decoration: none;
        font-size: 6.924vw;
        transition: background-color 0.3s;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .citycamp-wave-top {
        position: absolute;
        width: 172.8933vw;
        right: -48.4649vw;
        top: 0;
        z-index: 100;
    }

    .citycamp-detailsbutton:hover {
        background-color: #c73a5d;
    }

    /* City camp daily schedule section styles */
    .citydaily {
        background-color: #e5446d;
        position: relative;
        max-width: 100%;
    }

    .citydaily-wave-top {
        position: absolute;
        top: -11vw;
        width: 100%;
        left: 0vw;
    }

    .citydaily-container {
        padding: 0 5vw;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }

    .citydaily-heading {
        color: white;
        font-size: 6.7515vw;
        margin-bottom: 40px;
        font-weight: bold;
    }

    .citydaily-schedule {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        width: 70vw;
    }

    .citydaily-item {
        color: white;
        font-family: 'Caveat', cursive;
        font-size: 5.0468vw;
    }

    .citydaily-time {
        font-weight: bold;
    }

    .citydaily-calendar {
        position: absolute;
        top: -13vw;
        right: 0vw;
        z-index: 1;
        width: 40vw;
    }

    .citydaily-lemon {
        position: absolute;
        bottom: -15vw;
        left: 0px;
        width: 30vw;
        z-index: 1;
    }

    .city-crop {
        overflow: hidden;
        position: absolute;
        bottom: -6vw;
        right: 0px;
        width: 40vw;

    }

    .citydaily-cityillustration {
        width: 80vw
    }

    .citydaily-registerbutton {
        display: inline-block;
        background-color: white;
        color: #e5446d;
        font-family: 'Caveat', cursive;
        font-weight: bold;
        padding: 6px 30px;
        border-radius: 50px;
        text-decoration: none;
        font-size: 6.924vw;
        transition: background-color 0.3s, transform 0.3s;
        margin-bottom: 20vw;
    }

    .citydaily-registerbutton:hover {
        background-color: #f8f8f8;
        transform: scale(1.05);
    }

    .citydaily-wave-bottom {
        position: absolute;
        width: 100%;
        bottom: -10vw;
        left: 0;
    }


    /*Photogallery*/

    .photogallery {
        padding-top: 15.3099vw;
        position: relative;
        height: 159.6491vw;
    }

    .photogallery-header {
        font-size: 6.7515vw;
        text-align: center;
        color: #039BE5;
        margin-top: 10vw;
        margin-bottom: 10vw;
    }

    .photogallery-wave-top {
        position: absolute;
        width: 100%;
        top: 31.9035vw;
        left: 0;
    }

    .photogallery-wave-bottom {
        position: absolute;
        width: 200vw;
        top: 127.766vw;
        left: -100vw;
    }

    .photogallery-image1 {
        position: absolute;
        top: 37.3128vw;
        left: 3.0702vw;
        z-index: 1;
    }

    .photogallery-image2 {
        position: absolute;
        top: 31.6842vw;
        left: 35.2339vw;
        z-index: 1;
    }

    .photogallery-image3 {
        position: absolute;
        top: 25.5438vw;
        left: 67.8363vw;
        z-index: 1;
    }

    .photogallery-image4 {
        position: absolute;
        top: 74.3742vw;
        left: 3.0702vw;
        z-index: 1;
    }

    .photogallery-image5 {
        position: absolute;
        top: 66.84498772vw;
        left: 35.2339vw;
        z-index: 1;
    }

    .photogallery-image6 {
        position: absolute;
        top: 59.90054327vw;
        left: 67.8363vw;
        z-index: 1;
    }

    .photogallery-morephotos {
        position: absolute;
        top: 144.12861345vw;
        left: 50%;
        color: white;
        font-family: Caveat;
        transform: translateX(-50%);
        font-size: 6.2468vw;
        text-align: center;
        width: 100vw;
    }

    .photogallery-camera {
        position: absolute;
        top: 150.32451988vw;
        width: 30vw;
    }

    .photogallery-pics {
        position: absolute;
        top: 110.3099vw;
        width: 30vw;
        right: 0;
    }

    .photogallery-curvyarrow {
        top: 100.69001696vw;
        display: none;

    }

    .photogallery-image-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .photo {
        width: 70vw;
    }

    .photogallery-telegram {
        z-index: 100;
        position: absolute;
        top: 125.69001696vw;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100.1199vw;
    }

    .photogallery-telegram-entry {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 12vw 4vw;
        height: 12.8977vw;
        width: 40.2222vw;
    }

    .photogallery-telegram-ellipse {
        position: absolute;
        z-index: -1;
        width: 50vw;
    }

    .photogallery-telegram-text {
        font-family: Caveat;
        font-size: 4.924vw;
        color: white;
        color: #039BE5;
        font-weight: bold;
    }


    /* Testimonials section styles */
    .testimonials {
        padding-top: 25vw;
        position: relative;
        padding-bottom: 20vw;
        height: 150vw;
    }

    .testimonials-wave {
        position: absolute;
        width: 100%;
        top: 40vw;
        left: 0;
    }

    .testimonials-heading {
        margin-top: 20vw;
        color: #00c853;
        font-size: 2.5rem;
        text-align: center;
        margin-bottom: 60px;
        position: relative;
        font-weight: bold;
        text-transform: uppercase;
    }

    .testimonials-container {
        overflow: hidden;
        position: relative;
    }

    .testimonials-background {
        height: 0;
        padding-bottom: 75%;
        position: relative;
    }

    .testimonials-note {
        text-align: center;
        width: 50.9298vw;
        font-family: 'Caveat', cursive;
        font-size: 3.0351vw;
        line-height: 1.3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }

    .testimonial-container {
        display: flex;
        height: 100vw;
        justify-content: center;
        align-items: center;
    }

    .testimonials-note-bg {
        position: absolute;
        top: -25vw;
        left: -17vw;
        width: 80.0585vw;
        z-index: 1;
    }

    .testimonials-note::before {
        content: "";
        position: absolute;
        top: -15px;
        right: 30px;
        width: 30px;
        height: 60px;
    }

    .testimonials-note1 {
        top: 5%;
        left: 7%;
        transform: rotate(10deg);
    }

    .testimonials-note2 {
        top: 15%;
        left: 52%;
        transform: rotate(-12deg);
    }

    .testimonials-note3 {
        top: 5%;
        right: 8%;
        transform: rotate(0deg);
    }

    .testimonials-note4 {
        bottom: 25%;
        left: 7%;
        transform: rotate(8deg);
    }

    .testimonials-note5 {
        bottom: 25%;
        right: 8%;
        transform: rotate(10deg);
    }

    .testimonials-note6 {
        bottom: 15%;
        left: 52%;
        transform: rotate(-15deg);
    }

    .testimonials-note p {

        z-index: 2;
    }

    .testimonials-author {
        text-align: right;
        margin-top: 15px;
        font-weight: bold;
    }

    .testimonials-atom {
        position: absolute;
        bottom: 10%;
        left: 0;
        width: 30vw;
        z-index: 2;
    }

    .testimonials-footer {
        text-align: center;
        margin-top: 0px;
        font-family: 'Caveat', cursive;
        font-size: 5vw;
    }

    .testimonials-google {
        font-weight: bold;
        text-decoration: none;
    }

    .testimonials-google span:nth-child(1) {
        color: #4285F4;
    }

    .testimonials-google span:nth-child(2) {
        color: #EA4335;
    }

    .testimonials-google span:nth-child(3) {
        color: #FBBC05;
    }

    .testimonials-google span:nth-child(4) {
        color: #4285F4;
    }

    .testimonials-google span:nth-child(5) {
        color: #34A853;
    }

    .testimonials-google span:nth-child(6) {
        color: #EA4335;
    }


    /* FAQ section styles */
    .faqsection {
        height: 150vw;
        position: relative;
    }

    .faqsection-wave-top {
        position: absolute;
        width: 100%;
        top: -10vw;
        left: 0;
    }

    .faqsection-wave-bottom {
        position: absolute;
        width: 100%;
        bottom: 0vw;
        left: 0;
    }

    .faqsection-container {
        margin: 0 auto;
        background-color: #ffda71;
        position: relative;
        height: 140vw;
    }

    .faqsection-heading {
        color: #e64308;
        font-size: 2.5rem;
        text-align: center;
        margin-bottom: 60px;
        position: relative;
        font-weight: bold;
        text-transform: uppercase;
    }

    .faqsection-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .faqsection-watermelon {
        width: 70vw;
        height: 70vw;
        border-radius: 50%;
        background-color: transparent;
        margin: 0 auto;
        position: relative;
        transition: all 0.5s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }

    .faqsection-watermelon-image {
        width: 70vw;
        position: absolute;
        transition: all 0.5s ease;
        border-radius: 50%;
    }

    .faqsection-watermelon-text {
        position: absolute;
        top: 50%;
        left: 47%;
        transform: translate(-50%, -50%);
        width: 80%;
        text-align: center;
        font-size: 3.5vw;
        line-height: 1.4;
        color: white;
        opacity: 0;
        transition: all 0.5s ease;
        z-index: 3;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        font-weight: bold;
    }

    .faqsection-questions {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .faqsection-question {
        position: absolute;
        font-family: 'Caveat', cursive;
        font-size: 5.655vw;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.5s ease;
        z-index: 10;
        max-width: 40vw;
        text-align: center;
    }

    .faqsection-question.active {
        color: #00c853;
        transform: scale(1.1);
    }

    .faqsection-question1 {
        top: -10%;
        left: 5%;
    }

    .faqsection-question2 {
        top: -10%;
        right: 5%;
    }

    .faqsection-question3 {
        bottom: -20%;
        right: 0%;
    }

    .faqsection-question4 {
        bottom: -30%;
        left: -1%
    }

    .faqsection-question5 {
        bottom: -50%;
        left: 50%;
        transform: translateX(-50%);
    }

    .faqsection-question.active.faqsection-question5 {
        transform: translateX(-50%) scale(1.1);
    }

    .faqsection-arrow {
        position: absolute;
        width: 80px;
        height: 80px;
        pointer-events: none;
    }

    .faqsection-arrow1 {
        top: 0%;
        left: 5%;
        transform: scale(-1, -1) rotate(45deg);
    }

    .faqsection-arrow2 {
        top: 0%;
        right: 7%;
        transform: scale(1, -1) rotate(45deg);
    }

    .faqsection-arrow3 {
        bottom: 0%;
        right: 9%;
        transform: rotate(258deg) scale(-1, -1);
    }

    .faqsection-arrow4 {
        bottom: -0%;
        left: 0%;
        transform: rotate(96deg) scale(1, -1);
    }

    .faqsection-arrow5 {
        bottom: -25%;
        left: 50%;
        transform: translateX(-50%) rotate(90deg) scaleY(-1);
    }

    .faqsection-mascot {
        position: absolute;
        bottom: -7vw;
        width: 50vw;
        right: 0px;
        z-index: 3;
    }

    .faqsection-bubble {
        display: none;
        position: absolute;
        bottom: 20vw;
        right: 22vw;
        justify-content: center;
        align-items: start;
        padding-top: 1vw;
        z-index: 4;
        width: 15.5702vw;
        height: 11.2573vw;
    }

    .faqsection-bubble p {
        z-index: 1;
        font-family: 'Caveat', cursive;
        font-size: 2.5585vw;
        text-align: center;
        color: #e64308;
        width: 8.7719vw;
        height: 6.5789vw;
        line-height: 2.193vw;
    }

    .faq-bubble {
        width: 40vw;
        position: absolute;
        top: 0;
        right: 0
    }

    .faqsection-books {
        position: absolute;
        bottom: 0;
        right: 50px;
        width: 200px;
        height: auto;
        z-index: 2;
    }

    /* Animation for questions moving toward watermelon */
    .faqsection-questions.active .faqsection-question:not(.active) {
        transform: translateX(var(--translate-x, 0)) translateY(var(--translate-y, 0));
    }

    .faqsection-questions.active .faqsection-question1 {
        --translate-x: 10px;
        --translate-y: 0px;
    }

    .faqsection-questions.active .faqsection-question2 {
        --translate-x: -10px;
        --translate-y: 0px;
    }

    .faqsection-questions.active .faqsection-question3 {
        --translate-x: -10px;
        --translate-y: 0px;
    }

    .faqsection-questions.active .faqsection-question4 {
        --translate-x: 10px;
        --translate-y: 0px;
    }

    .faqsection-questions.active .faqsection-question5:not(.active) {
        --translate-y: -10px;
        transform: translateX(-50%) translateY(var(--translate-y, 0));
    }

    .locations {
        overflow: hidden;
        position: relative;
        height: 100vw;
    }

    .locations-header {
        position: absolute;
        top: 5.0439vw;
        left: 107px;
        color: #E5446D;
        text-transform: uppercase;
        font-size: 4.7515vw;
        font-weight: 700;
        width: 40vw;
    }

    .locations-wave-top {
        position: absolute;
        width: 100%;
        top: 23.4649vw;
        left: 0;
    }

    .locations-wave-bottom {
        position: absolute;
        width: 100%;
        top: 62.6462vw;
        left: 0;
    }

    .locations-wave-bg {
        position: absolute;
        width: 100vw;
        top: 34.9415vw;
        left: 0;
    }

    .locations-marker-small {
        position: absolute;
        top: 9.2105vw;
        right: 8.2602vw;
        z-index: 1;
    }

    .locations-marker-small img {
        width: 30vw;
    }

    .locations-marker-big {
        position: absolute;
        top: 55.7749vw;
        right: 58.7719vw;
        z-index: 1;
    }

    .locations-marker-big img {
        width: 40vw;
    }

    .locations-lemon {
        position: absolute;
        top: 9.4298vw;
        left: 0;
        width: 30vw;
        z-index: 1;
    }

    .locations-rocket {
        position: absolute;
        top: 50vw;
        right: 0;
        width: 30vw;
        z-index: 1;
    }

    .locations-line {
        position: absolute;
        z-index: 1;
        top: 32.383vw;
        width: 30vw;
        left: 42.3977vw;
    }

    .locations-city {
        position: absolute;
        top: 39.6199vw;
        left: 7.0906vw;
        color: white;
        font-family: Caveat;
        font-size: 3.5088vw;
        z-index: 1;
    }

    .locations-outdoors {
        position: absolute;
        top: 75.4386vw;
        left: 50.9503vw;
        color: white;
        font-family: Caveat;
        font-size: 3.5088vw;
        z-index: 1;
    }

    /* Contact form section styles */
    .contact {
        position: relative;
        overflow: hidden;
        padding-bottom: 100px;
    }

    .contact-top {
        background-color: white;
        padding: 60px 20px 0px;
        position: relative;
    }

    .contact-wave {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background-color: #039be5;
        border-radius: 100% 100% 0 0;
    }

    .contact-bottom {
        position: relative;
    }

    .contact-container {
        margin: 0 auto;
        position: relative;
    }

    .contact-heading {
        color: #039be5;
        font-size: 2.5rem;
        text-align: center;
        margin-bottom: 40px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .contact-content {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    .contact-us {
        height: 58.4795vw;
        background-color: #E4F0FF;
        padding: 4.193vw 2.193vw 4.386vw 6.193vw;
        position: relative;
    }

    .contact-us-actual-form {
        margin: 0 auto 10vw;
        background-color: #E64308;
        border-radius: 30px;
        width: 90.6542vw;
        height: 127.1028vw;
        padding: 4vw 3vw;
        position: relative;
    }

    .submit-bg {
        width: 50vw;
    }

    .contact-us-form-header {
        text-align: center;
        font-weight: 700;
        font-size: 5.0784vw;
        color: #fff;
        margin-bottom: 3.5vw;
    }

    .contact-us-form-tag {
        font-size: 4.1696vw;
        font-weight: 400;
        color: #fff;
        margin-bottom: 0.6vw;
        padding-left: 1vw;
    }

    .contact-us-form-field {
        width: 100%;
        height: 8.7281vw;
        background-color: #fff;
        border-radius: 4.462vw;
        font-size: 4.1696vw;
        font-weight: 400;
        color: #1E2B69;
        padding-left: 1.5vw;
        margin-bottom: 4.3vw;
        border: none;
    }

    .contact-us-form-message {
        width: 100%;
        height: 30.2339vw;
        background-color: #fff;
        border-radius: 4.462vw;
        font-size: 4.1696vw;
        font-weight: 400;
        color: #1E2B69;
        padding-left: 1.5vw;
        margin-bottom: 1.3vw;
        border: none;
        resize: none;
        margin-top: 6vw;
    }

    .contact-us-form-submit {
        width: 52.1765vw;
        height: 12.4901vw;
        background: none;
        border: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .contact-us-form-tag-message {
        font-size: 5.1696vw;
        font-weight: 400;
        color: #fff;
        margin-top: 1.6vw;
        margin-bottom: 1.6vw;
        padding-left: 1vw;
        margin-right: 3.7vw;
        font-family: Caveat;
        cursor: pointer;
    }

    label {
        font-size: 3.1696vw;
        font-weight: 400;
        padding: 1vw 3vw 2.3vw 1vw;
    }

    .contact-us-form-select {
        width: 236px;
        height: 37px;
        background-color: #fff;
        border-radius: 4.462vw;
        font-size: 3.1696vw;
        font-weight: 400;
        color: #1E2B69;
        padding: 0 3vw;
        border: none;
    }

    .contact-us-container {
        width: 41.7398vw;
        margin-left: 7.6023vw;
        padding-top: 3vw;
    }

    .contact-us-phone {
        border-radius: 1.462vw;
        font-size: 3.5088vw;
        font-weight: 700;
        color: #1E2B69;
        margin-right: 1vw;
        border: none;
    }

    .contact-us-phone-underline {
        width: 100%;
        height: 3px;
        background-color: #1E2B69;
        margin: 3vw 0;
    }

    .contact-us-text {
        font-size: 1.6696vw;
        font-weight: 400;
        color: #1E2B69;
    }

    .contact-info {
        background-color: #039BE5;
        color: white;
    }

    .contact-info-heading {
        font-size: 6vw;
        text-align: center;
        margin-bottom: 30px;
    }

    .contact-info-location {
        text-align: center;
        font-family: 'Caveat', cursive;
        font-size: 5.655vw;
        margin-bottom: 10px;
        position: relative;
        z-index: 1;
    }

    .contact-info-phone {
        text-align: center;
        position: relative;
        z-index: 1;
        font-family: 'Caveat', cursive;
        font-size: 5.655vw;
        margin-bottom: 0vw;
    }

    .contact-decoration {
        position: absolute;
        bottom: -20vw;
        
        z-index: 1;
        right: 0px;
        width: 30vw;
        height: auto;
    }

    .footer__wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5vw;
    }

    .funny-control {
        top: 19% !important;
    }

    
    .contact-wave-bottom{
        position: absolute;
        width: 100%;
        bottom: 4vw;
        left: 0;
        z-index: 0;
    }
}


footer {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.footer__column {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
}

.footer__column ul {
    list-style: none;
}

.footer__link {
    text-decoration: none;
    font-weight: 400;
    line-height: 19px;
    color: #000;
    cursor: pointer;
}

.footer__link:hover {
    text-decoration: underline;
}

.footer-shedule_mobile {
    display: none;
}

.glide {
    position: relative;
}

.glide__arrows {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 1;
}

.teacher-arrows {
    top: 30% !important
}

.glide-control-btn-left {
    position: relative;
    left: 0;
    top: 50%;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    cursor: pointer;
}

.glide-control-btn-right {
    position: relative;
    right: 0;
    top: 50%;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    cursor: pointer;
}

.glide__slide {
    margin-right: 0px !important
        /* Reduce spacing */
    ;
    margin-left: -0px !important
        /* Reduce spacing */
}




.popupc {
    position: absolute;
    background: #FFDA71;
    padding: 10px 15px;
    border: 5px solid #F8B907;
    border-radius: 30px;
    opacity: 1;
    color: black;
    font-weight: 600;
    transition: opacity 0.3s ease;
    z-index: 1000;
}

.popupc.fade-out {
    opacity: 0;
}