body .homepage section#banner {
    width: 100%;
    position: relative;
    padding-top: 0;
    height: calc(100vh - 134px);
    max-height: calc(100vh - 134px);
    min-height: calc(100vh - 134px);
    
}

body .homepage section{
    padding-top: 100px;
}
 
body .homepage section .section_btn {
    display: flex;
    justify-content: center;
}
body .homepage section .section_btn .btn {
    border-radius: 29px;
    padding: 0px;
    width: 170px;
    font-weight: bold;
}
body .homepage section .text {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    color: #243d44;
}

body .homepage ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


body .homepage .btn:hover {
    color: #38715e;
    text-decoration-color: #38715e;
    border: 1px solid #38715e;
}
body .homepage .subtitle {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    color: #243d44;
    text-align: center;
}

body .homepage section .section_title h2{
    text-align: center;
    font-size: 60px;
    font-family: 'Almoni Bold';
    line-height: 64px; /* 106.667% */   
}

body .homepage .sep {
    height: 1px;
    background-color: #243d44;
    opacity: 0.13;
    margin: 100px auto 0;
}

body .homepage section#banner .slider{
    height: 100%;
    min-height: 100%;
}

body .homepage section#banner .slider .slide,
body .homepage section#banner .slider .slick-list,
body .homepage section#banner .slider .slick-list .slick-track {
    height: 100%;
}

body .homepage section#banner .banner_video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

body .homepage section#banner .arrow_top .container_big {
    position: absolute;
    right: 0px;
    bottom: 46px;
    left: 0;
}
body .homepage section#banner .arrow_top .container_big img {
    transform: rotate(180deg);
}
body .homepage section#banner .slider .slide .data {
    position: absolute;
    z-index: 3;
    bottom: 40px;
    right: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body .homepage section#banner .slider .slide .data .title {
    text-align: right;
    leading-trim: both;
    text-edge: cap;
    font-family: "Yarden Bold";
    font-size: 74px;
    font-weight: 700;
    line-height: 90px;
}
body .homepage section#banner .slider .slide .data .wraps {
    display: flex;
    gap: 150px;
    align-items: center;
    margin-top: 35px;
}
body .homepage section#banner .slider .slide .data .wraps .content {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    display: flex;
    gap: 25px;
    padding: 30px;
    justify-content: center;
    align-items: center;
}
body .homepage section#banner .slider .slide .data .wraps .content .desc {
    font-size: 27px;
    font-weight: 700;
    line-height: 45px;
    font-family: 'Almoni Bold';
    max-width: 400px;
}
body .homepage section#banner .slider .slide .data .wraps .arrow {
    cursor: pointer;
}
body .homepage section#banner .slider .slide .data .wraps .arrow:hover {
    width: 56px;
    height: 56px;
}
body .homepage section#banner .slider .slide .data .wraps .mobile_content {
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    gap: 15px;
    padding: 30px 15px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%}
body .homepage section#banner .slider .slide .data .wraps .mobile_content .desc {
    font-size: 24px;
    line-height: 30px;
    font-family: 'Almoni Bold'}
body .homepage section#banner .slider .slide .data .wraps .mobile_content .links {
    justify-content: space-between;
    display: flex;
    width: 100%;
    align-items: center;
}
body .homepage section#banner .slider .slide .data .wraps .mobile_content .links img {
    height: 40px;
    width: 40px;
}

/******************************
/*  SURFING TYPES
/************************/

body .homepage section#surfing_types .section_title {
    margin-bottom: 60px;
}
body .homepage section#surfing_types .wrapper {
    gap: 40px;
}
body .homepage section#surfing_types .wrapper .box {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    width: 50%;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
}
body .homepage section#surfing_types .wrapper .box .image {
    height: 260px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
body .homepage section#surfing_types .wrapper .box .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
body .homepage section#surfing_types .wrapper .box .tag {
    position: absolute;
    top: -25px;
    right: -25px;
}
body .homepage section#surfing_types .wrapper .box .data {
    text-align: center;
    padding: 40px 35px;
}
body .homepage section#surfing_types .wrapper .box .data .sub_title {
    text-edge: cap;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 15px;
}
body .homepage section#surfing_types .wrapper .box .data .title {
    font-size: 40px;
    font-family: "Almoni Bold";
    line-height: 46px;
}
body .homepage section#surfing_types .wrapper .box .data .desc {
    margin: 25px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}
body .homepage section#surfing_types .wrapper .box .data .why {
    border-radius: 10px;
    border: 1px solid #d3d8da;
    padding: 15px 0;
}
body .homepage section#surfing_types .wrapper .box .data .why .why_title {
    font-size: 24px;
    font-family: "Almoni Bold";
    line-height: 26px;
}
body .homepage section#surfing_types .wrapper .box .data .why ul {
    display: flex;
    margin-top: 15px;
    justify-content: center;
    align-items: center;
}
body .homepage section#surfing_types .wrapper .box .data .why ul li {
    display: flex;
    gap: 10px;
    position: relative;
    align-items: center;
}
body .homepage section#surfing_types .wrapper .box .data .why ul li .icon img {
    height: 21px;
}
body .homepage section#surfing_types .wrapper .box .data .why ul li::after {
    content: '|';
    position: relative;
    padding: 0px 20px 0 30px;
}
body .homepage section#surfing_types .wrapper .box .data .why ul li:last-child::after {
    display: none;
}
body .homepage section#surfing_types .wrapper .box a.link {
    padding: 20px;
    background-color: #243d44;
    color: #fff;
    display: block;
    display: flex;
    align-items: center;
    transition: .4s all;
    justify-content: center;
    margin-top: auto;
    border-radius: 0 0 10px 10px;
    font-size: 18px;
    font-family: "Almoni Bold";
    line-height: 22px;
}
body .homepage section#surfing_types .wrapper .box a.link:hover {
    background-color: #38715e;
}
body .homepage section#surfing_types .wrapper .question {
    border-radius: 10px;
    border: 1px solid #d3d8da;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 34px;
    cursor: pointer;
}
body .homepage section#surfing_types .wrapper .question:hover {
    border-color: #243d44;
}
body .homepage section#surfing_types .wrapper .question .bg {
    margin-right: auto;
}
body .homepage section#surfing_types .wrapper .question .bg img {
    height: 100%;
    background-size: cover;
}
body .homepage section#surfing_types .wrapper .question .quest {
    font-size: 24px;
    font-family: "Almoni Bold";
    line-height: 26px;
    text-align: right;
    position: relative;
}
body .homepage section#surfing_types .wrapper .question .quest::after {
    content: '';
    width: 12px;
    height: 12px;
    left: -20px;
    bottom: 0;
    top: 0;
    align-items: center;
    height: 100%;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/images/arrow_lefty.svg');
}




/******************************
/*  WAVES
/************************/

body .homepage section#waves .container_big {
    position: relative;
}
body .homepage section#waves{
    overflow-x: hidden;
}
body .homepage section#waves .arrows {
    position: absolute;
    top: 250px;
    z-index: 99;
    width: 100%}
body .homepage section#waves .arrows .arrow_next, body .homepage section#waves .arrows .arrow_prev {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer;
}
body .homepage section#waves .arrows .arrow_next img, body .homepage section#waves .arrows .arrow_prev img {
    height: 18px;
}
body .homepage section#waves .arrows .arrow_prev {
    transform: rotate(180deg);
    right: -40px;
}
body .homepage section#waves .arrows .arrow_next {
    left: -50px;
}
body .homepage section#waves .slider_waves {
    margin-top: 40px;
    position: relative;
    margin: 40px 0 0;
}
body .homepage section#waves .slider_waves::after {
    content: '';
    opacity: 0.9;
    position: absolute;
    background: linear-gradient(270deg,  rgba(255, 255, 255, 0) 0%,  #fff 100%);
    left: 0;
    bottom: 0;
    top: 0;
    width: 35%;
    z-index: 9;
}
body .homepage section#waves .slider_waves .slick-track {
    padding-bottom: 15px;
    display: flex;
}
body .homepage section#waves .slick-slide {
    margin: 0 10px;
    height: initial;
}
body .homepage section#waves .slick-slide>div {
    height: 100%}
body .homepage section#waves .box {
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    height: 100%;
    display: flex !important;
    flex-direction: column;
}
body .homepage section#waves .box video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    z-index: -1;
}
body .homepage section#waves .box .video {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
    z-index: 1;
}
body .homepage section#waves .box .video iframe {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 100%}
body .homepage section#waves .box .image {
    height: 240px;
    position: relative;
    min-height: 240px;
}
body .homepage section#waves .box .image img {
    height: 100%;
    display: none;
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
body .homepage section#waves .box .image .title {
    background-image: url("/images/masking_tape.png");
    background-repeat: no-repeat;
    font-size: 18px;
    height: 60px;
    font-family: "Almoni Bold";
    line-height: 26px;
    position: absolute;
    right: 0;
    min-width: 150px;
    bottom: -23px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    padding: 0 25px;
}
body .homepage section#waves .box .content {
    margin-bottom: 20px;
    height: 133px;
}
body .homepage section#waves .box .link {
    font-size: 18px;
    font-family: "Almoni Bold";
    line-height: 22px;
    position: relative;
    margin-top: auto;
    display: flex;
    transition: .4s all;
}
body .homepage section#waves .box .link::after {
    content: '';
    width: 12px;
    height: 12px;
    left: -20px;
    bottom: 0;
    top: 0;
    margin-right: 5px;
    align-items: center;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/images/arrow_lefty.svg');
}
body .homepage section#waves .box .info {
    padding: 40px 30px 30px 30px;
    font-size: 18px;
    font-style: normal;
    flex-direction: column;
    display: flex;
    height: 100%;
    font-weight: 500;
    line-height: 22px;
}
body .homepage section#waves .box .advanteges {
    margin-top: 15px;
}
body .homepage section#waves .box .advanteges .line {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    align-items: start;
    height: 30px;
}
body .homepage section#waves .box .advanteges .line:nth-child(1) {
    height: 70px;
}
body .homepage section#waves .box .advanteges .line:nth-child(2) {
    height: 50px;
}
body .homepage section#waves .box .advanteges .line:nth-child(3) {
    height: 67px;
}
body .homepage section#waves .box .advanteges .line:nth-child(4) {
    height: 45px;
}
body .homepage section#waves .box .advanteges .line .label {
    line-height: 22px;
    width: calc(100% - 30px);
    font-size: 14px;
}
body .homepage section#waves .box .advanteges .line .icon {
    width: 26px;
}
body .homepage section#waves .box .advanteges .line .icon img {
    height: 26px;
}
body .homepage section#waves .box .btn_blue:hover {
    color: #fff;
}

/******************************
/*  WELLNESS
/************************/

body .homepage section.wellness .slider_wellness .slick-slide {
    width: 228px !important;
}

body .homepage section.wellness{
    overflow-x: hidden;
}
body .homepage section.wellness .slider_wellness .slick-arrow {
    display: none !important;
}
body .homepage section.wellness .slider_wellness .box {
    display: flex !important;
    justify-content: center;
}
body .homepage section.wellness .slider_wellness .box .content_text {
    position: absolute;
    z-index: 1;
    justify-content: center;
    align-content: center;
    align-self: center;
    color: white;
    display: flex;
    flex-direction: column;
    height: 105px;
    align-items: center;
}
body .homepage section.wellness .slider_wellness .box .content_text h3 {
    font-weight: 700;
    margin-top: 10px;
}
body .homepage section.wellness .slider_wellness .box .content_text p {
    color: white;
}
body .homepage section.wellness .slider_wellness .box .content_text button {
    padding: 12px 20px;
    border-radius: 29px;
    border: 1px solid var(--white,  #fff);
    margin-top: 20px;
    width: fit-content;
    line-height: 17px;
    color: #243d44;
}
body .homepage section.wellness .slider_wellness .box .content_text .btn_white {
    color: #243d44;
    background-color: #FFF;
    font-size: 14px;
    line-height: 18px;
}
body .homepage section.wellness .container_big {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
body .homepage section.wellness .container_big .tabs {
    border-radius: 10px;
    position: relative;
}
body .homepage section.wellness .container_big .tabs .nav-tabs {
    display: flex;
    justify-content: space-between;
	flex-wrap: nowrap;
	white-space: nowrap;
    /* overflow-x: auto; */
}
body .homepage section.wellness .container_big .tabs::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 200px;
    top: 19px;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item:first-child {
    border-radius: 0 10px 0 0;
}

body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item:nth-child(6) {
    border-radius: 10px 0 0 0;

    button.nav-link{
        border-right: 0 !important;
    }
   
}

body .homepage section.wellness .container_big .tabs .nav-tabs::-webkit-scrollbar {
    display: none; 
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item {
    width: calc(100% / 5);
	max-width: 320px;
    height: 80px;
    display: flex;
    align-items: center;
    position: relative;
	flex: 0 0 auto;
	border: none !important;
	transition: height 0.3s ease; 
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item:first-child {
    border-radius: 10px 0 0 0;
}
body .homepage section.wellness .container_big .tabs .nav-tabs, .nav-item, .nav-link{
	--bs-nav-tabs-border-width: none;
    --bs-nav-tabs-border-color: none;
    --bs-nav-tabs-border-radius:none;
    --bs-nav-tabs-link-hover-border-color: none ;
    --bs-nav-tabs-link-active-color: none;
}

body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .nav-link span{
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; 
	word-wrap: break-word;
	white-space: normal;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item button.nav-link {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: center;
    padding: 20px 25px;
	transition: padding 0.3s ease;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .active {
    padding: 0;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    z-index: 2;
	height: 120px;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .active span {
    font-weight: 700;
}
 body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item:not(:first-child) button.nav-link{
    border-right: .2px solid #bfbaba;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item.active button.nav-link {
    padding: 40px 52px;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .button-right, body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .button-left {
    width: 40px;
    height: 0;
    border-radius: 50%;
    background-color: #f0f0f0;
    border: none;
    cursor: pointer;
    padding: 0;
    position: absolute;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .button-right img, body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .button-left img {
    width: 30px;
    height: 30px;
    border: 2px solid #e1dad0;
    border-radius: 50px;
    padding: 7px;
    background: white;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .button-right img:hover, body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .button-left img:hover {
    background-color: #e1dad0;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .button-right {
    position: absolute;
    right: -18px;
    z-index: 3;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item .button-left {
    position: absolute;
    left: -18px;
    z-index: 3;
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item:hover span {
    color: black;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; 
}
body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item:hover .button-right img, body .homepage section.wellness .container_big .tabs .nav-tabs .nav-item:hover .button-left img {
    background-color: #e1dad0;
}
body .homepage section.wellness .container_big .tabs .tab-content {
    position: relative;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text {
    position: absolute;
	top: 0;
    z-index: 1;
    justify-content: center;
    width: 40%;
    align-content: center;
    align-self: center;
    color: white;
    margin-right: 50px;
    display: flex;
    flex-direction: column;
    height: 446px;
    gap: 25px;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text h3 {
    font-weight: 700;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text p {
    color: white;
    height: 110px;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text .buttons {
    display: flex;
    gap: 15px;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text .buttons button {
    padding: 15px 20px;
    border-radius: 29px;
    border: 1px solid var(--white,  #fff);
    margin: 10px;
    color: #243d44;
    width: fit-content;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text .buttons button:hover {
    color: #38715e;
    border-color: #38715e;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text .buttons #btn_1 {
    background-color: white;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text .buttons #btn_1:hover {
    color: white;
    background-color: #38715e;
    border-color: #38715e;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text .buttons #btn_2 {
    background-color: transparent;
    color: white;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text .buttons #btn_2:hover {
    color: #38715e;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text .buttons .btn_white {
    color: #243d44;
    background-color: #FFF;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text .buttons .btn_white:hover {
    background-color: #38715e;
    color: #fff;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text .buttons .btn_borderd:hover {
    border-color: #38715e;
    color: #e1dad0;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane img {
    border-radius: 0px 0px 10px 10px;
    height: 446px;
    object-fit: cover;
    display: block;
	width: 100%;
}
body .homepage section.wellness .container_big .tabs .tab-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,  rgba(36, 61, 68, 0) 0%,  rgba(36, 61, 68, 0.95) 100%);
    z-index: 1;
    border-radius: 10px;
}

body .homepage section.wellness .container_big {
    /* overflow: hidden;*/
    max-width: 100vw;
    gap: 22px;
}
body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text p {
    height: 198px;
}
body .homepage section.wellness .slider_wellness {
    overflow-x: auto;
    display: flex;
    gap: 10px;
    padding-left: 20px;
}
body .homepage section.wellness .slider_wellness .box {
    position: relative;
    min-width: 210px;
    overflow: hidden;
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
body .homepage section.wellness .slider_wellness .box>img {
    width: 100%;
    object-fit: cover;
    display: none;
    height: 100%}
body .homepage section.wellness .slider_wellness .box h3 {
    font-size: 18px;
    line-height: 22px;
}
body .homepage section.wellness .slider_wellness a.click_more {
    min-height: 32px;
    margin-top: 20px;
}

/******************************
/*  RESTURANTS
/************************/

body .homepage section#restaurants .container_big {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
body .homepage section#restaurants .container_big .section_title .subtitle {
    text-align: center;
    line-height: 22px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-top: 25px;
}
body .homepage section#restaurants .container_big .restaurants {
    display: flex;
    gap: 20px;
    justify-content: center;
}
body .homepage section#restaurants .container_big .restaurants .box {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    background: var(--white,  #fff);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
}
body .homepage section#restaurants .container_big .restaurants .box .image {
    border-radius: 10px 10px 0px 0px;
}
body .homepage section#restaurants .container_big .restaurants .box .logo {
    width: fit-content;
    max-height: 55px;
    margin-top: 30px;
    margin-bottom: 15px;
    object-fit: contain;
}
body .homepage section#restaurants .container_big .restaurants .box span {
    margin: 0px 20px;
    text-align: center;
}
body .homepage section#restaurants .btn.text {
    display: none;
}


/******************************
/*  PUBLICITY
/************************/

body .homepage section#publicity .wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
}
body .homepage section#publicity .wrapper .box {
    width: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 54px;
    padding-bottom: 22px;
    padding-left: 20px;
    padding-right: 40px;
}
body .homepage section#publicity .wrapper .box .data {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 25px;
   
    justify-content: space-between;
}
body .homepage section#publicity .wrapper .box .data .title {
    font-family: "Yarden Bold";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    color: #243d44;
}
body .homepage section#publicity .wrapper .box .data .info {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
body .homepage section#publicity .wrapper .box .data .link a {
    width: max-content;
}
body .homepage section#publicity .wrapper .box .image {
    width: 50%}
body .homepage section#publicity .wrapper .box:first-child {
    background-color: #C2EAEA;
}
body .homepage section#publicity .wrapper .box:last-child {
    background-color: #DA944F;
}

/******************************
/*  INSTEGRAM
/************************/

body .homepage section#instegram {
    padding-bottom: 100px;
}
body .homepage section#instegram .section_title {
    margin-bottom: 40px;
}
body .homepage section#instegram .section_title h2 {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 40px;
}
body .homepage section#instegram .section_title h2 a {
    text-decoration: underline;
}
body .homepage section#instegram .instagram-gallery__actions {
    display: none;
}
body .homepage section#instegram .instagram-gallery-item__media-wrap {
    border-radius: 10px;
    overflow: hidden;
}



@media screen and (max-width: 1700px) {
	body .homepage section#waves .arrows .arrow_prev {
		right: 20px;
	}

	body .homepage section#waves .arrows .arrow_next {
		left: 40px;
	}
}

@media screen and (min-width: 1640px) {
	body .homepage section#waves .slider_waves {
		padding-right: calc((100% - 1600px) / 2);
		width: calc( 100% + ((100% - 1600px) / 2));
	}
}

@media screen and (max-width: 1640px) {
	body .homepage section#waves .slider_waves {
		padding-right: 20px;
	}

	body .homepage section#waves .arrows .arrow_prev {
		right: 20px;
	}

	body .homepage section#waves .arrows .arrow_next {
		left: 40px;
	}
}

@media screen and (max-width: 1300px) {
	body .homepage section#publicity .wrapper .box .data {
		height: 100%;
	}
}

@media screen and (max-width: 1120px) {
	body .homepage section#banner .slider .slide .data .wraps .content {
		flex-direction: column;
		text-align: center;
	}
}

/*************************************************************************************
/*  MOBILE
/*************************************************************************************/

@media screen and (max-width: 1024px) {
	body .homepage .sep {
		margin-top: 40px;
		max-width: calc(100% - 40px);
	}

	body .homepage .subtitle {
		font-size: 18px;
		line-height: 22px;
	}

	body .homepage .wrap_help.show {
		position: fixed;
		z-index: 999;
	}

	body .homepage .wrap_help .popup {
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		padding: 0;
		height: 100vh;
	}

	body .homepage .wrap_help .popup .boxes {
		padding: 30px 45px;
	}

	body .homepage .wrap_help .popup .boxes .box {
		width: 100%;
	}

	body .homepage .wrap_help .popup .boxes .box a {
		box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
		border: 0;
		font-size: 18px;
	}

	body .homepage .wrap_help .popup .boxes .box a .icon img {
		height: 30px;
	}

	body .homepage section {
		padding: 45px 0 0;
	}

    body .homepage section#surfing_types .wrapper .box {
        width: 100%;
    }

	body .homepage section .section_title h2 {
		font-size: 40px;
		line-height: 46px;
    /* 106.667% */;
	}

	body .homepage section#banner {
		height: calc(100vh - 72px);
		max-height: calc(100vh - 72px);
	}

	body .homepage section#banner .arrow_top .container_big img {
		margin: auto;
	}

	body .homepage section#banner .slider .slide {
		max-height: calc(100vh - 72px);
	}

	body .homepage section#banner .slider .slide .video-bg {
		height: calc(100vh - 72px);
	}

	body .homepage section#banner .slider .slide .video-bg iframe {
		width: 211vh;
	}

	body .homepage section#banner .slider .slide .data {
		left: 20px;
		right: 20px;
		max-height: 492px;
	}

	body .homepage section#banner .slider .slide .data .title {
		font-size: 42px;
		text-align: center;
		line-height: 50px;
	}

	body .homepage section#banner .slider .slide .data .wraps {
		flex-direction: column;
		gap: 25px;
		margin-top: 25px;
	}

	body .homepage section#banner .slider .slide .data .wraps .desc {
		font-size: 18px;
		line-height: 22px;
	}

	body .homepage section#banner .slider .slide .data .wraps .arrow:hover {
		height: initial;
		width: initial;
	}

	body .homepage section#banner .slider .slide .data .btn {
		height: 40px;
		font-size: 18px;
		font-weight: 700;
		line-height: 22px;
        padding: 0 30px;
    /* 122.222% */;
	}

	body .homepage section#banner .slider .slide::before {
		left: 0;
		width: 100%;
		max-height: 492px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 65%, rgba(255, 255, 255, 0) 100%);
	}

    body .homepage .gift_pink .wrapper{
        width: 100%;
        justify-content: space-between;
        align-items: center;
        
		font-family: 'Almoni Bold';
    }

    body .homepage .gift_pink{
        border-radius: 10px;
        background-color: #F6ABAA;
        padding: 10px 20px;
        margin-top: 50px;
    }

    body .homepage .gift_pink .tit{
        font-size: 18px;
        line-height: 22px; /* 122.222% */
    }

    body .homepage .gift_pink .a{
        font-size: 16px;
        line-height: 22px;
    }

    body .homepage .gift_pink img{
        height: 70px;
    }

	body .homepage section#surfing_types .section_title {
		margin-bottom: 30px;
	}

	body .homepage section#surfing_types .wrapper {
		gap: 20px;
	}

	body .homepage section#surfing_types .wrapper .box .tag {
		top: -17px;
		right: -21px;
	}

	body .homepage section#surfing_types .wrapper .box .tag img {
		height: 65px;
	}

	body .homepage section#surfing_types .wrapper .box .image {
		height: 150px;
	}

	body .homepage section#surfing_types .wrapper .box .data {
		padding: 30px 20px;
	}

	body .homepage section#surfing_types .wrapper .box .data .sub_title {
		font-size: 18px;
		line-height: 22px;
	}

	body .homepage section#surfing_types .wrapper .box .data .title {
		font-size: 30px;
		line-height: normal;
	}

	body .homepage section#surfing_types .wrapper .box .data .desc {
		font-size: 14px;
		line-height: 18px;
		margin: 20px 0;
	}

	body .homepage section#surfing_types .wrapper .box .data .why {
		padding: 15px 20px;
	}

	body .homepage section#surfing_types .wrapper .box .data .why .why_title {
		font-size: 14px;
		list-style: 18px;
	}

	body .homepage section#surfing_types .wrapper .box .data .why ul li {
		font-size: 12px;
		line-height: 12px;
		text-align: right;
		gap: 5px;
	}

	body .homepage section#surfing_types .wrapper .box .data .why ul li::after {
		padding: 0 9px;
	}

	body .homepage section#surfing_types .wrapper .box a.link {
		padding: 15px;
		font-size: 14px;
		line-height: 18px;
	}

	body .homepage section#surfing_types .wrapper .question {
		padding: 20px;
		position: relative;
	}

	body .homepage section#surfing_types .wrapper .question .icon img {
		height: 20px;
	}

	body .homepage section#surfing_types .wrapper .question .quest {
		font-size: 18px;
		line-height: 22px;
		width: calc(100% - 140px);
	}

	body .homepage section#surfing_types .wrapper .question .quest::after {
		left: initial;
		top: 10px;
		margin-right: 5px;
	}

	body .homepage section#surfing_types .wrapper .question .bg {
		width: 132px;
		position: absolute;
		height: 100%;
		left: 0;
		bottom: 0;
		top: 0;
	}

	body .homepage section#surfing_types .wrapper .question .bg img {
		object-position: bottom;
	}

	body .homepage section#waves .arrows {
		display: none;
	}

	body .homepage section#waves .wraps_waves {
		
	}

	body .homepage section#waves .slider_waves {
		display: flex;
		gap: 10px;
		overflow-x: auto;
		padding: 10px 20px;
		margin: 0 -20px;
	}

	body .homepage section#waves .slider_waves::after {
		display: none;
	}

	body .homepage section#waves .slider_waves .slick-slide {
		
	}

    body .homepage section#waves .slider_waves .slick-slide {
        width: 100%;
      
    }

	body .homepage section#waves .slider_waves .box {
		
		height: 100%;
	}

	body .homepage section#waves .slider_waves .box .image {
		height: 161px;
		min-height: 161px;
	}

	body .homepage section#waves .slider_waves .box video {
		height: 161px;
	}

	body .homepage section#waves .slider_waves .box .title {
		font-size: 14px;
		top: 137px;
		height: 43px;
		min-width: 75px;
        z-index: 99;
	}

	body .homepage section#waves .slider_waves .box .info {
		padding: 25px 20px 20px;
	}

	body .homepage section#waves .slider_waves .box .content {
		height: initial;
	}

	body .homepage section#waves .slider_waves .box .advanteges {
		margin-top: 0;
	}

    body .homepage section#waves .slider_waves .box .btn_blue{
        margin-top: auto;
    }

	body .homepage section#waves .slider_waves .box .advanteges .line {
		height: inherit !important;
	}

	body .homepage section#waves .slider_waves .box .advanteges .line .icon {
		width: 35px;
	}

	body .homepage section#waves .slider_waves .box .advanteges .line .label {
		width: calc(100% - 40px);
	}

	body .homepage section#events {
		padding-top: 0;
	}

	body .homepage section#events .container_big {
		padding: 0 20px;
		margin-bottom: 10px;
		width: 100%;
	}

	body .homepage section#events .container_big .myslider {
		padding: 0;
		margin: 25px 0;
		justify-content: center;
	}

	body .homepage section#events .container_big .myslider .arrow_circle {
		display: none !important;
	}

	body .homepage section#events .container_big .myslider .slider_events {
		flex-direction: column;
		padding: 8px;
		gap: 25px;
	}

	body .homepage section#events .container_big .myslider .slider_events .box_event {
		margin-bottom: 0;
		align-items: center;
	}

	body .homepage section#events .container_big .myslider .slider_events .box_event .content {
		padding-left: 20px;
	}

	body .homepage section#events .container_big .myslider .slider_events .box_event .content .title {
		padding-top: 30px;
		flex: 1 1 100%;
	}

	body .homepage section#events .container_big .myslider .slider_events .box_event .content .title a {
		font-size: 16px;
		line-height: 22px;
	}

	body .homepage section#events .container_big .myslider .slider_events .box_event .content .desc {
		margin-top: 15px;
		font-size: 14px;
		flex: 1 1 100%;
		line-height: 18px;
		padding-bottom: 30px;
	}

	body .homepage section#events .container_big .myslider .slider_events .box_event .dates {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 163px;
	}

	body .homepage section#restaurants .container_big {
		gap: 25px;
	}

	body .homepage section#restaurants .container_big .section_title .subtitle {
		font-size: 14px;
		line-height: 18px;
	}

	body .homepage section#restaurants .container_big .restaurants {
		overflow-x: auto;
		margin: 0 -20px;
		padding-right: 20px;
		padding-bottom: 10px;
	}

	body .homepage section#restaurants .container_big .restaurants .box {
		min-width: 40vw;
		padding-bottom: 10px;
	}

	body .homepage section#restaurants .container_big .restaurants .box #image {
		height: 168px;
		object-fit: cover;
		width: 100%;
	}

	body .homepage section#restaurants .container_big .btn.text {
		font-size: 14px;
		line-height: 18px;
	}

	body .homepage section#instegram .section_title h2 {
		flex-direction: column-reverse;
		gap: 0;
		font-size: 25px;
		line-height: normal;
	}

	body .homepage section#instegram .section_title h2 .icon {
		margin-bottom: 15px;
	}

	body .homepage section#the_park .wrap_svl_center_box {
		display: block;
	}

	body .homepage section#the_park .wrap_svl_center_box .wrap_svl {
		float: initial;
	}

	body .homepage section#the_park .drag_element img {
		height: 35px;
		width: 35px;
	}

	body .homepage section#the_park .tabs ul.nav {
		flex-wrap: nowrap;
		max-width: 100%;
	}

	body .homepage section#the_park .tabs ul.nav li {
		width: 50%;
	}

	body .homepage section#the_park .tabs ul.nav li button {
		font-size: 18px;
		line-height: 22px;
		width: 100%;
	}

	body .homepage section#the_park .tabs .tab-content .wrapper {
		flex-direction: column;
	}

	body .homepage section#the_park .tabs .tab-content .wrapper .map,
  body .homepage section#the_park .tabs .tab-content .wrapper .content {
		width: 100%;
	}

	body .homepage section#the_park .tabs .tab-content .wrapper .map {
		padding-top: 100px;
	}

	body .homepage section#the_park .tabs .tab-content .wrapper .content {
		padding: 30px 30px 0;
		text-align: center;
		font-size: 14px;
		line-height: 18px;
    /*  .all_data{
                                        .info{
                                            p{
                                                font-size: 14px;
                                                font-weight: 500;
                                                line-height: 18px; 
                                                max-height: 54px;
                                            }
                                            .show{
                                                max-height: unset;
                                            }
                                            .read_more{
                                                .show{
                                                    transform: rotate(180deg);
                                                }
                                            }
                                        }
                                        .read_more{
                                            span{
                                                font-size: 14px;
                                                line-height: 18px;
                                            }
                                        }
                                    } */;
	}

	body .homepage section#the_park .tabs .tab-content .wrapper .content .category {
		background-size: 100% 100%;
		height: 40px;
		width: 118px;
		top: -18px;
		right: -12px;
	}

	body .homepage section#the_park .tabs .tab-content .wrapper .content .category .icon img {
		height: 22px;
	}

	body .homepage section#the_park .tabs .tab-content .wrapper .content .bottom {
		margin: auto -30px 0;
	}

	body .homepage section#the_park .tabs .tab-content .wrapper .link a {
		margin: 0 auto 30px;
		height: 38px;
	}

	body .homepage section#the_park .waves {
		right: 13px;
		left: 13px;
		top: 35px;
	}

	body .homepage section#tariff .nav-item {
		width: 50%;
	}

	body .homepage section#tariff .nav-item .nav-link {
		width: 100%;
	}

	body .homepage section#tariff .nav-item .nav-link .title {
		font-size: 18px;
		font-style: normal;
		line-height: 22px;
	}

	body .homepage section#tariff .tab-content {
		margin: 0 -20px;
	}

	body .homepage section#tariff ul {
		flex-wrap: nowrap;
	}

	body .homepage section#tariff ul li {
		width: 53%;
	}

	body .homepage section#tariff ul li:last-child {
		width: 47%;
	}

	body .homepage section#tariff ul li button {
		padding: 0;
	}

	body .homepage section#tariff ul li button .icon {
		width: 20px;
	}

	body .homepage section#tariff ul li .title {
		text-align: right;
	}

	body .homepage section#tariff .boxes {
		overflow-x: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		justify-content: space-around;
		padding-right: 5px;
	}

	body .homepage section#tariff .boxes .box {
		min-width: 80vw;
		padding-bottom: 10px;
		padding: 30px 20px;
	}

	body .homepage section#tariff .boxes .box:first-child {
		margin-right: 15px;
	}

	body .homepage section#tariff .boxes .box .single_highlight {
		margin-bottom: 14px;
	}

	body .homepage section#tariff .boxes .box .title {
		font-size: 24px;
		line-height: 26px;
    /* 108.333% */
		text-align: center;
	}

	body .homepage section.wellness .container_big {
		overflow: hidden;
		max-width: 100vw;
		gap: 22px;
	}

	body .homepage section.wellness .container_big .tabs .tab-content .tab-pane .content_text p {
		height: 198px;
	}

	body .homepage section.wellness .slider_wellness {
		overflow-x: auto;
		display: flex;
		gap: 10px;
		padding-left: 20px;
	}

	body .homepage section.wellness .slider_wellness .box {
		position: relative;
		min-width: 210px;
		overflow: hidden;
		height: 280px;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 10px;
	}

	body .homepage section.wellness .slider_wellness .box > img {
		width: 100%;
		object-fit: cover;
		display: none;
		height: 100%;
	}

	body .homepage section.wellness .slider_wellness .box h3 {
		font-size: 18px;
		line-height: 22px;
	}

	body .homepage section.wellness .slider_wellness a.click_more {
		min-height: 32px;
		margin-top: 20px;
	}

	body .homepage section#publicity {
		overflow-x: auto;
    /* Style the scrollbar track */
    /* Style the scrollbar handle */
    /* Style the scrollbar handle on hover */;
	}

	body .homepage section#publicity::-webkit-scrollbar {
		width: 6px;
    /* Width of the vertical scrollbar */
		height: 1px;
    /* Height of the horizontal scrollbar */;
	}

	body .homepage section#publicity::-webkit-scrollbar-track {
		background: transparent;
	}

	body .homepage section#publicity::-webkit-scrollbar-thumb {
		background: transparent !important;
		border-radius: 0;
	}

	body .homepage section#publicity::-webkit-scrollbar-thumb:hover {
		background: transparent;
	}

	body .homepage section#publicity .container_big {
		overflow-x: auto;
		max-width: initial;
		width: auto;
	}

	body .homepage section#publicity .wrapper {
		justify-content: initial;
		width: fit-content;
	}

	body .homepage section#publicity .wrapper .box {
		min-width: 80vw;
		position: relative;
		height: 250px;
	}

	body .homepage section#publicity .wrapper .box .image {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 135px;
	}

	body .homepage section#publicity .wrapper .box .image img {
		height: 100%;
	}

	body .homepage section#publicity .wrapper .box .data {
		height: 200px;
	}

	body .homepage section#publicity .wrapper .box .data .title {
		font-size: 25px;
		line-height: 26px;
    /* 104% */;
	}

	body .homepage section#publicity .wrapper .box .data .info {
		font-size: 18px;
		line-height: 22px;
    /* 122.222% */;
	}

	body .homepage section#publicity .wrapper .box .data .link a {
		height: 38px;
		font-size: 14px;
		line-height: 18px;
	}

	body .homepage section#publicity .wrapper .box:first-child,
  body .homepage section#publicity .wrapper .box:last-child {
		padding: 40px 20px;
	}

	body .homepage section#publicity .wrapper .box:first-child .data,
  body .homepage section#publicity .wrapper .box:last-child .data {
		width: 100%;
		gap: 10px;
	}

	body .homepage .popup {
		position: fixed;
		height: 100vh;
		background-color: #fff;
		z-index: 1000;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		opacity: 0;
		visibility: hidden;
		transition: 0.5s all;
	}

	body .homepage .popup .header {
		background-color: #243D44;
		padding: 30px 20px;
		color: #fff;
	}

	body .homepage .popup .header .title {
		font-size: 30px;
		font-weight: 700;
		margin: 0;
		line-height: 34px;
    /* 113.333% */
		padding: 0 16%;
		text-align: center;
	}

	body .homepage .popup .header .close {
		position: absolute;
		left: 20px;
		top: 20px;
		z-index: 1;
	}

	body .homepage .popup .inner {
		width: 100%;
		max-width: 100%;
	}

	body .homepage .popup .inner .tab-pane .item {
		font-size: 14px;
		gap: 0;
	}

	body .homepage .popup .inner .tab-pane .item > div {
		flex: initial;
	}

	body .homepage .popup .inner .tab-pane .item .hour {
		width: 85px;
	}

	body .homepage .popup .inner .tab-pane .item .hour::after {
		top: 4px;
		height: 13px;
	}

	body .homepage .popup .inner .tab-pane .item .link {
		margin-right: auto;
	}

	body .homepage .popup .inner .tab-pane .item .link a {
		height: 30px;
		font-size: 12px;
		width: 90px;
	}

	body .homepage .popup .inner .tab-pane .item .link a .user {
		display: flex;
		gap: 2px;
		align-items: center;
		border-left: 1px solid #D3D8DA;
		padding-left: 5px;
		padding-right: 5px;
		position: relative;
	}

	body .homepage .popup .inner .tab-pane .item .link a .user::after {
		content: '';
		position: absolute;
	}

	body .homepage .popup .inner .tab-pane .item .link a .user .icon {
		height: 16px;
		width: 10px;
	}

	body .homepage .popup .inner .tab-pane .item .link a .user .icon img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	body .homepage .popup .inner .tab-pane .item:last-child {
		justify-content: initial;
	}

	body .homepage .popup .tabs > ul {
		width: auto;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 8px;
	}

	body .homepage .popup .tabs > ul li {
		width: auto;
	}

	body .homepage .popup .tabs > ul li button {
		padding: 15px;
		font-size: 18px;
		white-space: nowrap;
	}

	body .homepage .popup .tabs > ul li button .icon {
		width: 20px;
	}

	body .homepage .popup .tabs > ul li button .icon img {
		height: 20px;
	}

	body .homepage .popup.show {
		opacity: 1;
		visibility: visible;
	}

	body .homepage .popup#wellness .close {
		position: absolute;
		left: 20px;
		top: 20px;
		z-index: 1;
	}

	body .homepage .popup#wellness .box {
		background-repeat: no-repeat;
		height: calc(100vh - 39px);
		width: 100%;
		background-position: center bottom;
		padding: 40px 20px;
		position: relative;
		background-size: cover;
	}

	body .homepage .popup#wellness .box::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: linear-gradient(0deg, rgba(36, 61, 68, 0) 0%, rgba(36, 61, 68, 0.95) 57.18%);
	}

	body .homepage .popup#wellness .box .data {
		position: absolute;
		color: #fff;
		left: 20px;
		right: 20px;
	}

	body .homepage .popup#wellness .box .title {
		display: flex;
		gap: 10px;
		align-items: center;
		font-size: 30px;
		font-family: 'Almoni Bold';
		line-height: 34px;
    /* 113.333% */;
	}

	body .homepage .popup#wellness .box .content {
		margin: 25px 0;
		font-size: 14px;
		font-weight: 500;
		line-height: 18px;
    /* 128.571% */;
	}

	body .homepage .popup#wellness .box .buttons {
		display: flex;
		gap: 15px;
	}

	body .homepage .popup#wellness .box .buttons a {
		width: 50%;
	}

	body .homepage .popup#wellness .bottom {
		background-color: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 39px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	body .homepage .popup#wellness .bottom > div {
		width: 50%;
		height: 100%;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 18px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		cursor: pointer;
		transition: .4s all;
	}

	body .homepage .popup#wellness .bottom > div div {
		display: flex;
		align-items: center;
		gap: 5px;
	}

	body .homepage .popup#wellness .bottom > div div .icon img {
		height: 15px;
	}

	body .homepage .popup#wellness .bottom > div:first-child {
		border-left: 1px solid #243D44;
	}

	body .homepage .popup#parks_mobile .the_parks_what {
		margin: 30px 20px;
		border-radius: 5px;
		box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	}
}

@media screen and (max-width: 768px) {
	body .homepage section#banner {
		min-height: 490px;
		height: 490px;
	}

	body .homepage section#banner .slider {
		height: 100%;
	}

	body .homepage section#banner .slider .slick-list {
		height: 490px;
	}

	body .homepage section#banner .slider .slide {
		height: 100%;
    /*.data{
                            width:100% !important;
                            bottom:0px !important;
                            right:0px !important;
    
                        } */;
	}

	body .homepage section#banner .slider .slide iframe {
		height: 600px !important;
		top: 192px !important;
	}

	body .homepage section#the_park .drag_element .point_style {
		width: 30px !important;
		height: 30px !important;
	}

	body .homepage section#the_park .drag_element .point_style img {
		width: 30px !important;
		height: 30px !important;
	}

	body .homepage section#surfing_types .wrapper {
		gap: 40px;
		flex-direction: column;
	}

	body .homepage section#surfing_types .wrapper .box .data .why li {
		gap: 5px;
	}

	body .homepage section#surfing_types .wrapper .box .data .why li::after {
		padding: 0px 9px;
	}

	body .homepage section#restaurants .container_big .restaurants .box {
		min-width: 80vw;
	}

	body .homepage section.wellness .container_big {
		padding-left: 0;
	}

	body .homepage section#tariff .nav:first-child .nav-item .nav-link .title {
		width: 140px;
	}

	body .homepage section#tariff .nav-item {
		width: 50%;
	}
}

@media screen and (max-width: 48em) {
	::-webkit-scrollbar {
		width: 6px;
    /* Width of the vertical scrollbar */
		height: 1px;
    /* Height of the horizontal scrollbar */;
	}
  /* Style the scrollbar track */
	::-webkit-scrollbar-track {
		background: transparent;
	}
  /* Style the scrollbar handle */
	::-webkit-scrollbar-thumb {
		background: transparent !important;
		border-radius: 0;
	}
  /* Style the scrollbar handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: transparent;
	}
}

@media (max-width: 420px) {
	#banner .slide {
		height: 500px;
	}

	#banner .slide iframe {
		height: 100% !important;
		top: 0px !important;
	}

	#banner .slide .data {
		width: 100% !important;
		bottom: 0px !important;
		right: 0px !important;
	}

	#the_park .waves .box_white.box_small {
		width: 100% !important;
	}
}