/*
Template Name: Swimming
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/


:root {
	--border_light: #e0e2f7;
	--border_dark: #000;
	--black_transparent: #0000008c;
	--black_transparent_dark: rgba(0, 0, 0, 0.7);
	--black_transparent_light: #21274394;
	--primary: #fff;
	--bg_primary_light: #fefefe;
	--border_light_primary: #ffd1d1;
	--secondry: #191d32;
	--red: #d3a750;
	--blue_light: #00b8f4;

}


body {
	font-family: "Metrophobic", sans-serif;
}

.logo {
	opacity: 1;
}

.overlay {
	height: 100px;
	background: radial-gradient(100% 100% at 50% 0px, rgba(211, 167, 80, 0.8) 0px, rgba(220, 153, 20, 0.8) 45%, rgba(255, 249, 125, 0.8) 100%);
}

ul {
	list-style: none;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 500;
	font-optical-sizing: auto;
	font-style: normal;
	color: var(--primary);
	font-family: "Eczar", serif;
}

h6 {
	color: var(--secondry);
	font-weight: 600;
}

b {
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	/*color:var(--secondry);*/
}

a {
	text-decoration: none;
	color: var(--secondry);
}

a:hover {
	text-decoration: none;
	color: var(--primary);
}

a:focus {
	text-decoration: none;
	color: var(--primary);
}

.link:hover {
	color: var(--primary) !important;
}

.link:focus {
	color: var(--primary) !important;
}



.button {
	transition: 0.3s;
	padding: 14px 34px 14px 34px;
	display: inline-block;
	background: radial-gradient(100% 100% at 50% 0px, rgb(255, 215, 0) 0px, rgb(220, 152, 20) 44%, rgb(255, 249, 125) 100%);
	color: var(--bs-white) !important;
	border-radius: 5px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Metrophobic", sans-serif;
}

.button:hover {
	background: radial-gradient(100% 100% at 50% 0px, rgb(220, 152, 20) 0px, rgb(255, 215, 0) 44%, rgb(255, 249, 125) 100%);
	color: var(--bs-white) !important;
}

.button:focus {
	background: var(--primary);
	color: var(--bs-white) !important;
}

.button_1 {
	background: var(--primary);
	color: var(--bs-white) !important;
}

.button_1:hover {
	background: var(--red);
	color: var(--bs-white) !important;
}

.button_1:focus {
	background: var(--red);
	color: var(--bs-white) !important;
}

.col_primary {
	color: var(--primary) !important;
}

.col_red {
	color: var(--red) !important;
}

.bg_primary {
	background: var(--primary) !important;
}

.bg_secondry {
	background: var(--secondry) !important;
}

.blue_light {
	background: var(--blue_light) !important;
}

.bg_primary_light {
	background: var(--bg_primary_light);
}

.col_secondry {
	color: var(--secondry) !important;
}

.black_transparent {
	/* background: var(--black_transparent);*/
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgb(17 6 1 / 60%) 80%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgb(17 6 1 / 60%) 80%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(17 6 1 / 60%) 80%)
}

.black_transparent_dark {
	background: var(--black_transparent_dark) !important;
}

.black_transparent_light {
	background: var(--black_transparent_light) !important;
}

.border_light_primary {
	border: 1px solid var(--border_light_primary) !important;
}

.line {
	height: 2px !important;
	width: 80px;
	background: var(--primary);
}

hr {
	height: 2px !important;
	background: var(--primary);
}

hr {
	opacity: 1;
	margin-top: 15px;
	margin-bottom: 20px;
	background-color: var(--border_light);
}


.font_14 {
	font-size: 14px;
}

.font_17 {
	font-size: 17px;
}

.font_15 {
	font-size: 15px;
}

.font_12 {
	font-size: 12px;
}

.font_11 {
	font-size: 11px;
}

.font_10 {
	font-size: 10px;
}

.font_8 {
	font-size: 8px;
}

.font_13 {
	font-size: 13px;
}

.font_38 {
	font-size: 55px;
	font-weight: bold;
	line-height: 75px;
}

.font_26 {
	font-size: 26px;
}

.font_60 {
	font-size: 60px;
}

.font_70 {
	font-size: 70px;
}

p {
	color: var(--bs-white);
	line-height: 1.8em;
	font-family: "Poppins", serif;
}

.border,
.border-start,
.border-end,
.border-top,
.border-bottom {
	border-color: var(--border_light_primary) !important;
}

.border_primary {
	border-color: var(--primary) !important;
}

.family_poppins {
	font-family: "Poppins", serif;
}

.shadow {
	box-shadow: 0 0 0.5rem rgb(255 232 220) !important;
}

b {
	font-weight: bold;
}

span {
	font-weight: 500;
}

.rounded_5 {
	border-radius: 10px;
}

.rounded_top {
	border-radius: 5px 5px 0px 0px;
}

.rounded_bottom {
	border-radius: 0px 0px 5px 5px;
}

.family_caprus {
	font-family: "Eczar", serif;
}

.family_metro {
	font-family: "Metrophobic", sans-serif;
}

/* Shrink */
.hvr-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.wave {
	position: relative;
	display: inline-block;
	width: fit-content;
	margin-bottom: 40px;
	/* spacing for wave */
}

/* .wave::after {
	content: "";
	display: block;
	width: 100px;
height: 35px;
position: absolute;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 50 500 20' width='100' height='35'><path d='M0 50 Q25 70, 50 50 Q75 70, 100 50 Q125 70, 150 50 Q175 70, 200 50 Q225 70, 250 50 Q275 70, 300 50 Q325 70, 350 50 Q375 70, 400 50 Q425 70, 450 50 Q475 70, 500 50' stroke='%233498db' stroke-width='12' fill='none'/></svg>") no-repeat center;
background-size: contain;
left: 0px;
bottom: -40px;

/* background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 50 500 20' width='100' height='35'><path d='M0 50 Q25 70, 50 50 Q75 70, 100 50 Q125 70, 150 50 Q175 70, 200 50 Q225 70, 250 50 Q275 70, 300 50 Q325 70, 350 50 Q375 70, 400 50 Q425 70, 450 50 Q475 70, 500 50' stroke='#d3a750' stroke-width='12' fill='none'/></svg>") no-repeat center; 

}

*/
.blog-heading::after {
	left: 50px;
	bottom: -40px;
}

.about-heading::after {
	right: 0px;
	bottom: -30px;
	left: unset;
}

.wave_center::after {
	left: 50%;
	transform: translate(-50%, -10%);
}

.caption-right {
	right: 0 !important;
	left: unset !important;
	/* background: linear-gradient(112deg, #ffffffb7 0%, #000000b7 90%) !important; */
}

.modal {
	--bs-modal-bg: #e6fcff;
}

.navbar-light {
	position: absolute;
	top: 0;
	z-index: 999;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.navbar-light.sticky-top {
	position: fixed;
	background: #000;
}

/*****************header*****************/

@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

@keyframes fadeInAnimation {
	from {
		opacity: 0;
		transform: translateX(-50%) rotate(45deg) translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateX(-50%) rotate(45deg) translateY(0);
	}
}

.navbar.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1050;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	animation: slideDown 0.3s ease;
}

body.has-sticky {
	padding-top: 60px;
}

.navbar {
	min-height: 60px;
}

.navbar-nav .dropdown-toggle::after,
.navbar-nav .dropdown-item.dropdown-toggle::after {
	display: none !important;
}

.navbar-nav .dropdown-toggle,
.navbar-nav .dropdown-item.dropdown-toggle {
	position: relative;
	padding-right: 2rem;
}

.navbar-nav .dropdown-arrow {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	font-size: 0.8rem;
	color: currentColor;
	transition: transform 0.5s ease-in-out;
}

.navbar-nav .dropdown-submenu .dropdown-arrow {
	right: 1rem;
}

.dropdown-menu[data-bs-popper] {
	top: auto;
	margin-top: 0px;
}

.nav-icons .nav-link {
	font-size: 1.2rem;
	padding: 0.5rem;
}

@media (max-width: 991px) {
	.navbar .container {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
	}

	.navbar-brand {
		grid-column: 1;
		justify-self: start;
	}

	.navbar-toggler {
		grid-column: 3;
		justify-self: end;
		margin-left: 0.5rem;
		border: 1px solid #fff;
	}

	.navbar-toggler .navbar-toggler-icon {
		/* filter: brightness(200%) contrast(200%) saturate(0%) blur(0px) hue-rotate(360deg); */
		filter: brightness(00%) contrast(00%) saturate(0%) blur(0px) hue-rotate(360deg);
	}

	.nav-icons {
		grid-column: 3;
		justify-self: end;
		display: flex;
	}

	.mega-content,
	.nested-mega-content {
		display: block;
	}

	.mega-content div,
	.nested-mega-content div {
		margin-bottom: 1rem;
	}
}

@media (min-width: 992px) {
	.navbar {
		padding: 0px;
	}

	.navbar .container {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
	}

	.offcanvas-lg {
		position: static;
		transform: none;
		visibility: visible !important;
		background-color: transparent;
		border: none;
		height: auto;
		display: flex;
		justify-content: center;
		padding: 0;
	}

	.offcanvas-lg .offcanvas-body {
		display: flex;
		justify-content: center;
		padding: 0;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 25px 30px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 14px;
		color: var(--primary);
	}

	.navbar-expand-lg .navbar-nav .active {
		color: var(--red) !important;
	}

	.navbar-expand-lg .navbar-nav .nav-link:hover,
	.navbar-expand-lg .navbar-nav .nav-link:focus {
		color: var(--primary);
	}

	.navbar-expand-lg .nav-icons .nav-link {
		padding: 5px 10px;
	}
}

.navbar-nav .nav-link.active {
	color: var(--red) !important;
}

.home_link {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/*****************header_end*****************/
/*********************shop****************/
.shop_1_left1 ul li a {
	width: 60px;
	height: 60px;
	line-height: 55px;
	transition: 0.3s;
}

.shop_1_left1 ul li a:hover {
	background: var(--red) !important;
	transition: 0.3s;
}

.shop_1_left1 ul {
	padding-top: 33%;
	visibility: hidden;
	transition: 0.3s;
}

.shop_1_left:hover .shop_1_left1 ul {
	visibility: visible;
	transition: 0.3s;
}

.shop_1_left2 {
	padding-left: 10px;
	padding-right: 10px;
}

/*********************shop_end****************/
#service {
	background-image: url(../image/bg.jpg);
	background-position: center center;
	background-size: cover;
}

.service {
	min-height: 330px;
	border-radius: 10px;
	box-shadow: 2px 2px 10px rgba(211, 167, 80, 0.8);

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.service:hover {
	box-shadow: 2px 2px 10px rgba(255, 185, 45, 0.8);
}


#event {
	background-image: url(../image/event.jpg);
	background-position: center center;
	background-size: cover;
}

.event {
	margin-bottom: 200px;
}

/*********************common****************/
.form-control:focus {
	box-shadow: none;
	border-color: var(--border_light);
}

.form-select:focus {
	box-shadow: none;
	border-color: var(--border_light);
}

.form-control {
	border-color: var(--border_light);
	box-shadow: none;
	border-radius: 0;
	height: 48px;
	font-size: 15px;
	font-family: "Poppins", serif;
}

.form-select {
	border-color: var(--border_light);
	box-shadow: none;
	border-radius: 0;
	height: 48px;
	font-size: 15px;
}

.input-group .form-control {
	height: auto;
}

.input-group .form-control:focus {
	box-shadow: none;
}

.form_text {
	height: 160px !important;
}

::placeholder {
	opacity: 1;
	/* Firefox */
}

.blog_pg1_right1 ::placeholder {
	color: var(--bs-gray-500) !important;
}

.paginate li a {
	width: 40px;
	height: 40px;
	line-height: 37px;
	transition: 0.3s;
	border-radius: 50%;
	margin-left: 3px;
	margin-right: 3px;
	color: var(--bs-dark);
}

.paginate li a:hover {
	background: var(--primary);
	color: var(--bs-white);
	transition: 0.3s;
	border-color: var(--primary) !important;
}

.paginate .active {
	background: var(--primary);
	color: var(--bs-white);
	border-color: var(--primary) !important;
}

.image_box {
	overflow: hidden;
}

.image_box img {
	object-fit: cover;
	transition: transform 0.4s ease-in-out;
}

.image_box:hover img {
	transform: scale(1.1);
	/* zooms in */
}

#cartOffcanvas {
	z-index: 9999;
}

.product_badge {
	top: -8px;
	right: -5px;
	background-color: var(--red);
}

/*********************common_end****************/



/*********************footer****************/


#footer {
	position: relative;
	margin-top: 130px;
	background-image: url(../image/mermaid_tail.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/* opaci/ty: ; */
	/* background-color: rgba(0, 0, 0, 0.5); */
}



#footer .follow_1 {
	top: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}

#footer .footer_1 {
	margin-top: 130px;
	margin-bottom: 70px;
}

.follow_1_left_inner {
	padding-top: 45%;
	padding-left: 40%;

}

.follow_1_left_inner i {
	display: none;
}

.follow_1_left:hover .follow_1_left_inner i {
	display: block;
}

.follow_1_left {
	margin: 1px;
}

#footer .border-top {
	border-color: var(--border_dark) !important;
}

#footer ::placeholder {
	color: var(--bs-gray-500) !important;
}

/*********************footer_end****************/



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

	.img-fluid {
		width: 100% !important;
	}


	.gx-5 {
		--bs-gutter-x: 1.5rem !important;
	}

	.gy-5 {
		--bs-gutter-y: 2rem;
	}

	.offcanvas-body {
		border-top: 1px solid var(--border_light);
	}

	.nav-link {
		font-size: 20px;
	}

	.font_38 {
		font-size: 36px;
		font-weight: bold;
		line-height: 55px;
	}

	.font_26 {
		font-size: 22px;
	}

	.container-xl {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/*
.wave_center::after {
    left: 30%;
}*/
	.team_1_left {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.blog_pg1_left1_left {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.shop_1_left {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#footer .follow_1 {
		position: static !important;
		width: 100%;
		transform: translate(0);
		margin-left: auto;
		margin-right: auto;
	}

	#footer {
		margin-top: 0;
		background: url(../image/mermaid_tail.jpg);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	#footer .footer_1 {
		margin-top: 20px;
	}

	.footer_1_left {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.footer_1ism span {
		margin-top: 10px !important;
	}

	.footer_2_right {
		text-align: left !important;
		margin-top: 15px;
	}

	.center_o1 {
		text-align: center;
	}
}

@media (min-width:576px) and (max-width:767px) {}

@media (min-width:768px) and (max-width:991px) {

	.img-fluid {
		width: 100% !important;
	}


	.gx-5 {
		--bs-gutter-x: 1rem !important;
	}

	.gy-5 {
		--bs-gutter-y: 1.5rem !important;
	}

	.nav-link {
		font-size: 20px;
	}

	.font_48 {
		font-size: 38px;
	}

	#footer .follow_1 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	#footer {
		margin-top: 50px;
		background: url(../image/mermaid_tail.jpg);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	#footer .footer_1 {
		margin-top: 70px;
		margin-bottom: 70px;
	}

	.team_1_left1 .fs-4 {
		font-size: 16px !important;
	}
}

@media (min-width:992px) and (max-width:1200px) {

	.gx-5 {
		--bs-gutter-x: 1.5rem !important;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 14px;
	}

	.dropdown-submenu>.dropdown-menu {
		left: auto;
		display: none !important;
	}

	#footer {
		margin-top: 80px;
		background: url(../image/mermaid_tail.jpg);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	/* #footer {
    background-image: url(../image/mermaid_tail.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
} */

	#footer .footer_1 {
		margin-top: 100px;
		margin-bottom: 100px;
	}
}



/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	.img-fluid {
		width: 100% !important;
	}

}

@media (min-width:1201px) and (max-width:1250px) {
	.dropdown-submenu>.dropdown-menu {
		left: auto;
		display: none !important;
	}
}

@media screen and (min-width : 1400px) {}