.box_animate {
	position: relative;
	opacity: 0;
	overflow: hidden;
	transform: translateX(400px);
	transform: translateY(80%);
	transition: transform .8s,opacity .8s;
	animation: bd 100s infinite linear;
}

.box_animate.active.active {
	opacity: 1;
	transform: translateX(0);
}

body section {
	padding-top: 100px;
}

body section .section_title {
	text-align: center;
	padding-bottom: 40px;
}

body section .section_title h2 {
	font-size: 60px;
	font-weight: 700;
	line-height: 64px;
}

body section#what_do .boxes {
	display: flex;
}

body section#what_do .boxes .wrapper {
	gap: 20px;
	width: 100%;
	flex-wrap: wrap;
}

body section#what_do .boxes .wrapper .box {
    width: calc((100% / 3) - 15px);
	height: 295px;
	position: relative;
	border-radius: 10px;
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
}

body section#what_do .boxes .wrapper .box::before {
	content: '';
	background: #243d44;
	opacity: 0.3;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: .4s all;
	border-radius: 10px;
}

body section#what_do .boxes .wrapper .box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
}

body section#what_do .boxes .wrapper .box:not(.video):hover::before {
	opacity: 0.9;
}

body section#what_do .boxes .wrapper .box:not(.video):hover .data .info {
	opacity: 1;
}

body section#what_do .boxes .wrapper .box:not(.video):hover .data .title {
	top: 0;
}

body section#what_do .boxes .wrapper .box.video .playBtn {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	height: 100%;
	width: 100%;
	z-index: 9;
}

body section#what_do .boxes .wrapper .box.video .playBtn img {
	width: 74px;
	height: 74px;
	margin: auto;
}

body section#what_do .boxes .wrapper .box .data {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
}

body section#what_do .boxes .wrapper .box .data .title {
	background-image: url("/images/masking_tape.png");
	background-repeat: no-repeat;
	font-size: 24px;
	height: 60px;
	font-weight: 700;
	line-height: 26px;
	font-family: 'Yarden Bold';
	min-width: 180px;
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: 100% 100%;
	padding: 0 32px;
	position: absolute;
	top: 205px;
	transition: 0.9s all;
}

body section#what_do .boxes .wrapper .box .data .info {
	font-size: 18px;
	text-align: right;
	font-weight: 500;
	line-height: 22px;
	color: #fff;
	padding: 0 25px 0 10px;
	transition: 1.5s all;
	opacity: 0;
	padding-top: 85px;
}

body section#what_do .boxes .wrapper .box .data .info .wraps {
	overflow: auto;
	max-height: 195px;
	padding-left: 10px;
}

body section#what_do .boxes .wrapper .box .data .info .wraps::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

body section#what_do .boxes .wrapper .box .data .info .wraps::-webkit-scrollbar-track {
	background: transparent;
}

body section#what_do .boxes .wrapper .box .data .info .wraps::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 6px;
}

body section#what_do .boxes .wrapper .box .data .info .wraps::-webkit-scrollbar-thumb:hover {
	background: #555;
}

body section#what_do .boxes .wrapper .box .data .info .wraps p {
	padding-right: 30px;
}

body section#what_do .boxes .wrapper .box .data .info .wraps p a {
	font-family: 'Yarden Bold';
}

body section#what_do .boxes .wrapper .box .data .info ul li {
	position: relative;
	padding-right: 30px;
	margin-bottom: 16px;
}

body section#what_do .boxes .wrapper .box .data .info ul li::before {
	content: '';
	right: 0;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	position: absolute;
	background-image: url("/images/check1.svg");
}

body section#info .data {
	width: 85%;
}

body section#info .title {
	text-align: right;
	display: block;
}

body section#info .title .icon {
	display: none;
}

body section#info .title h2 {
	font-size: 60px;
	line-height: 64px;
}

@media (max-width: 768px) {
	section:not(:first-child) {
		padding-top: 45px !important;
	}

	.sep {
		margin-top: 45px !important;
	}

	.section_title h2 {
		font-size: 40px !important;
		line-height: 46px !important;
	}

	#why_us .wrapper {
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	#why_us .wrapper .box {
		flex-direction: row;
		width: 100%;
		gap: 10px;
	}

	#why_us .wrapper .box .title {
		text-align: right;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 18px;
	}

	#why_us .wrapper .box .info {
		text-align: right;
		font-size: 14px;
		line-height: 18px;
	}

	#what_do .wrapper {
		flex-wrap: nowrap !important;
		overflow-x: auto;
		scrollbar-width: none;
	}

	#what_do .wrapper .box {
		min-width: 320px;
	}

	#what_do .wrapper .box .title {
		font-size: 18px !important;
		line-height: 22px !important;
	}

	#what_do .wrapper .box .info {
		font-size: 14px !important;
		line-height: 18px !important;
		padding-top: 70px !important;
		padding-right: 10px !important;
	}

	#what_do .wrapper .box .info .wraps {
		max-height: 218px !important;
		padding-left: 10px !important;
	}

	#what_do .wrapper .box .info .wraps li {
		margin-bottom: 12px !important;
	}

	#the_park .wrap_svl_center_box {
		display: block;
	}

	#the_park .wrap_svl_center_box .wrap_svl {
		float: initial;
	}

	#the_park .section_title {
		padding-bottom: 0px !important;
	}

	#the_park .section_title .content {
		margin: 20px 0px 30px !important;
	}

	#the_park .drag_element img {
		height: 35px !important;
		width: 35px !important;
	}

	#the_park .tabs ul.nav {
		flex-wrap: nowrap !important;
		max-width: 100% !important;
	}

	#the_park .tabs ul.nav li {
		width: 50% !important;
	}

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

	#the_park .tabs .tab-content .wrapper {
		flex-direction: column !important;
	}

	#the_park .tabs .tab-content .wrapper .map,
  #the_park .tabs .tab-content .wrapper .content {
		width: 100% !important;
	}

	#the_park .tabs .tab-content .wrapper .map {
		padding-top: 100px !important;
	}

	#the_park .tabs .tab-content .wrapper .content {
		padding: 30px 30px 0 !important;
		text-align: center !important;
		font-size: 14px !important;
		line-height: 18px !important;
	}

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

	#the_park .tabs .tab-content .wrapper .content .category .icon img {
		height: 22px !important;
	}

	#the_park .tabs .tab-content .wrapper .content .all_data .info p {
		font-size: 14px;
		font-weight: 500;
		line-height: 18px;
		max-height: 54px;
	}

	#the_park .tabs .tab-content .wrapper .content .all_data .info .show {
		max-height: unset;
	}

	#the_park .tabs .tab-content .wrapper .content .all_data .info .read_more .show {
		transform: rotate(180deg);
	}

	#the_park .tabs .tab-content .wrapper .content .all_data .read_more span {
		font-size: 14px;
		line-height: 18px;
	}

	#the_park .tabs .tab-content .wrapper .content .bottom {
		margin: auto -30px 0 !important;
	}

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

	#the_park .waves {
		right: 13px !important;
		left: 13px !important;
		top: 35px !important;
	}

	#gallery .title {
		padding-bottom: 30px;
	}

	#gallery .gallery_wrapper {
		height: 320px;
		overflow-x: auto;
		scrollbar-width: none;
		padding-bottom: 10px;
	}

	#gallery .gallery_wrapper .col_right {
		min-width: 300px;
	}

	#gallery .gallery_wrapper .col_middle {
		min-width: 170px;
	}

	#gallery .gallery_wrapper .col_left {
		min-width: 450px;
	}

	#data .wrapper {
		flex-direction: column !important;
		height: auto !important;
		gap: 20px !important;
	}

	#data .wrapper .info {
		flex-direction: column !important;
		gap: 10px !important;
        width: 100% !important;
	}

	#data .wrapper .info .box {
		max-width: 100% !important;
		width: 100% !important;
		height: 120px;
		padding: 45px 30px 25px !important;
	}

	#data .wrapper .info .box .icon {
		width: 83px !important;
		height: 40px !important;
	}

	#data .wrapper .info .box .icon img {
		height: 21px !important;
	}

	#data .wrapper .info .box .title {
		font-size: 18px !important;
		line-height: 22px !important;
		padding-bottom: 0px !important;
	}

	#data .wrapper .info .box .content {
		font-size: 14px !important;
		line-height: 18px !important;
	}

    #data .wrapper.map{

        width: 100% !important;
    }
}

@media screen and (max-width: 1200px) {
    body section#data .wrapper .map {
        width: 100%;
    }
}

@media (max-width: 420px) {
	#data .wrapper.map img {
		object-fit: cover !important;
	}
}