/* ==========================================================================

   FONT IMPORTS

   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");



/* ==========================================================================

   FONT UTILITY CLASSES

   ========================================================================== */



/* Dongle font weights */

.dongle-light,

.dongle-regular,

.dongle-bold {

	font-family: "Dongle", sans-serif;

	font-style: normal;

}

.dongle-light {

	font-weight: 300;

}

.dongle-regular {

	font-weight: 400;

}

.dongle-bold {

	font-weight: 700;

}



/* Oswald font weights */

.oswald-extra-light,

.oswald-light,

.oswald-regular,

.oswald-bold {

	font-family: "Oswald", sans-serif;

	font-optical-sizing: auto;

	font-style: normal;

}

.oswald-extra-light {

	font-weight: 200;

}

.oswald-light {

	font-weight: 300;

}

.oswald-regular {

	font-weight: 400;

}

.oswald-bolder {

	font-weight: 500;

}

.oswald-bold {

	font-weight: 700;

}



/* ==========================================================================

   BASE STYLES

   ========================================================================== */

html {

	height: 100%;

	overflow-x: hidden; /* Prevent horizontal scroll */

}



body {

	margin: 0;

	padding: 0;

	background: linear-gradient(to bottom, #ffb1a4, #7ad0df, #fdf7d2, #7ad0df, #ffb1a4);

	min-height: 100vh;

	overflow-x: hidden;

}



/* ==========================================================================

   NAVBAR STYLES

   ========================================================================== */

.navbar,

.navbar-dropdown {

	background-color: #fdf7d2b2;

}



.navbar {

	height: 6rem;

	padding-right: 1rem;

}



.navbar button {

	background-color: transparent;

	border: none;

}



/* Navbar positioning and visibility */

#mainNavbar {

	position: fixed;

	top: 0;

	left: 0;

	width: 100vw;

	z-index: 1100;

	transition: top 0.3s;

	padding-top: 0.5rem;

}



#mainNavbar.hide-navbar {

	top: -6rem;

}



/* Navbar brand styling */

.navbar-brand {

	height: calc(6rem - 1rem); /* Navbar height minus padding */

	width: auto;

	max-width: 200px; /* Prevent logo from getting too wide */

	object-fit: contain;

	padding: 0;

	margin: 0;

	display: block;

}



/* Navbar desktop links */

.navbar-desktop a,

.navbar-desktop i {

	line-height: 1;

	vertical-align: middle;

}



.navbar-desktop a {

	font-size: 2rem;

	font-family: "Dongle", sans-serif;

	font-weight: 400;

}



.navbar-desktop i {

	font-size: 1.5rem;

}



/* Navbar dropdown styles */

.navbar-dropdown {

	position: fixed;

	top: 6rem; /* Height of navbar */

	left: 25%;

	width: 50vw;

	z-index: 1090;

	background-color: rgb(253, 247, 210);

	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);

	display: none;

	padding: 0;

}



.navbar-dropdown.show {

	display: flex !important;

	flex-direction: column;

	align-items: center;

}



.navbar-dropdown .nav-item:not(:last-child) {

	border-bottom: 1px solid #e0e0e0;

}



.navbar-dropdown a,

.navbar-dropdown i {

	line-height: 1;

	vertical-align: middle;

}



.navbar-dropdown a {

	font-size: 2rem;

	font-family: "Dongle", sans-serif;

	font-weight: 400;

}



.navbar-dropdown i {

	font-size: 1.5rem;

}



.navbar-dropdown .nav-item {

	padding-bottom: 0.2rem;

	padding-top: 0.2rem;

}



/* Navbar accent line */

.navbar-line {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	top: 0;

	height: 0.4rem;

	width: 100%;

	background-color: #ff5757;

}



/* ==========================================================================

   HOME SECTION STYLES

   ========================================================================== */



/* Home section container */

.home-section-container {

	position: relative;

	height: 100vh;

	background: #ffb1a4;

	overflow: hidden;

}



/* Home section */

.home-section {

	position: relative;

	height: 100vh;

	z-index: 4;

	padding: 2rem 1rem;

}



/* Home hero */

.home-hero {

	padding: 2rem 1rem;

	height: 100vh;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	text-align: center;

}



.home-hero h1 {

	color: white;

	font-size: clamp(4rem, 2vmin, 2vmin);

	line-height: 1.1;

	font-weight: 700;

	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

	letter-spacing: 2px;

	font-family: "Poppins", sans-serif;

	text-transform: uppercase;

	margin-bottom: 1rem;

	max-width: 100%;

	word-wrap: break-word;

}



/* Home buttons */

.home-buttons {

	margin-top: 10rem;

}



.home-btn {

	background-color: rgba(255, 255, 255, 0.9);

	color: #333;

	border: none;

	padding: 0.8rem 2rem;

	border-radius: 5rem;

	font-family: "Poppins", sans-serif;

	font-weight: 800;

	font-size: clamp(3rem, 7.5vmin, 3.6rem);

	text-decoration: none;

	transition: all 0.3s ease;

	backdrop-filter: blur(10px);

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

}



.home-btn:hover {

	background-color: rgba(255, 255, 255, 1);

	transform: translateY(-2px);

	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);

	color: #333;

	text-decoration: none;

}



/* Arrow animation */

.arrow-animation {

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	z-index: 3;

	opacity: 0.8;

	display: none;

	padding-bottom: 2rem;

	transition: padding-bottom 0.3s ease, opacity 0.3s ease, transform 0.3s ease;

	cursor: pointer;

}



.arrow-animation:hover {

	opacity: 1;

	transform: translateX(-50%) scale(1.1);

}



.arrow-animation dotlottie-wc {

	filter: brightness(0) invert(1);

	width: clamp(200px, 20vw, 300px) !important; /* Override default size */

	height: clamp(200px, 20vw, 300px) !important; /* Override default size */

}



/* Home content (the detailed section) */

.home-title {

	font-size: clamp(1.5rem, 4vmin, 3rem);

	line-height: 1.2;

	margin-bottom: 1rem;

}



.home-lead {

	font-size: clamp(1rem, 2.5vmin, 1.25rem);

	line-height: 1.5;

}



/* ==========================================================================

   INFO SECTION STYLES

   ========================================================================== */



/* Info section container */

.info-section-container {

	position: relative;

	height: 100vh;

	background: #7ad0df;

	overflow: hidden;

}



/* Info section */

.info-section {

	position: relative;

	height: 100vh;

	z-index: 4;

	padding: 2rem 1rem;

}



/* Info hero */

.info-hero {

	padding: 2rem 1rem;

	height: 100vh;

	display: flex;

	flex-direction: column;

	justify-content: space-around;

	align-items: center;

	text-align: center;

}



.info-hero-header {

	color: white;

	font-size: clamp(3rem, 10vmin, 5rem);

	line-height: 1.3;

	font-weight: 600;

	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

	letter-spacing: 1px;

	font-family: "Poppins", sans-serif;

	max-width: 90%;

	text-align: start;

	margin: 0 auto 1.5rem auto;

}



.info-hero-text {

	color: white;

	font-size: clamp(1.1rem, 3.5vmin, 1.8rem);

	line-height: 1.4;

	font-weight: 400;

	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

	letter-spacing: 0.5px;

	text-align: right;

	font-family: "Poppins", sans-serif;

	max-width: 90%;

	margin: 0 auto;

}



.info-hero-slogan {

	color: white;

	font-size: clamp(1.1rem, 3.5vmin, 1.8rem);

	font-weight: 500;

	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

	letter-spacing: 0.5px;

	text-align: center;

	font-family: "Poppins", sans-serif;

	font-style: italic;

	max-width: 90%;

	margin: 0 auto;

}



/* Info blob animation */

.info-blob {

	position: absolute;

	top: 0;

	right: 0;

	fill: #ff9e8d;

	width: 55vmax;

	z-index: 1;

	animation: moveInfo 90s ease-in-out infinite;

	transform-origin: 50% 50%;

}



@keyframes moveInfo {

	0% {

		transform: scale(1.2) translate(-20px, 40px) rotate(0deg);

	}

	25% {

		transform: scale(0.9, 1.1) translate(-50vw, 20vh) rotate(-120deg);

	}

	50% {

		transform: scale(1.4) translate(-20vw, -10vh) rotate(180deg);

	}

	75% {

		transform: scale(0.8, 1.2) translate(-60vw, 40vh) rotate(300deg);

	}

	100% {

		transform: scale(1.2) translate(-20px, 40px) rotate(360deg);

	}

}



/* ==========================================================================

   ABOUT SECTION STYLES

   ========================================================================== */



/* About section container */

.about-section-container {

	position: relative;

	min-height: 100vh;

	background: #ffdd94;

	overflow: hidden;

}



/* About section */

.about-section {

	position: relative;

	min-height: 100vh;

	z-index: 4;

	padding: 4rem 1rem;

}



/* About content */

.about-content {

	max-width: 1000px;

	margin: 0 auto;

	padding: 2rem;

	text-align: left;

	display: flex;

	justify-content: center;

	align-items: center;

}



.about-box {

	background: rgba(255, 255, 255, 0.95);

	border-radius: 20px;

	padding: 3rem;

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.08);

	backdrop-filter: blur(10px);

	border: 1px solid rgba(255, 255, 255, 0.2);

	transition: transform 0.3s ease, box-shadow 0.3s ease;

	width: 100%;

	max-width: 900px;

}



.about-box:hover {

	transform: translateY(-5px);

	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(0, 0, 0, 0.12);

}



.about-header {

	color: #2c3e50;

	font-size: clamp(2.2rem, 6vmin, 3.4rem);

	line-height: 1.3;

	font-weight: 800;

	letter-spacing: 0.5px;

	font-family: "Poppins", sans-serif;

	margin-bottom: 2rem;

	text-align: center;

}



.about-text {

	color: #34495e;

	line-height: 1.7;

	font-family: "Poppins", sans-serif;

}



.about-paragraph {

	font-size: clamp(1rem, 2.5vmin, 1.2rem);

	font-weight: 400;

	margin-bottom: 1.5rem;

	text-align: start;

}



.about-subheader {

	color: #2c3e50;

	font-size: clamp(1.4rem, 4vmin, 1.8rem);

	line-height: 1.3;

	font-weight: 700;

	font-family: "Poppins", sans-serif;

	margin-bottom: 1rem;

	margin-top: 0.5rem;

}



.about-highlight {

	background: rgba(255, 221, 148, 0.3);

	border-left: 4px solid #ffdd94;

	padding: 1.5rem;

	margin: 2rem 0;

	border-radius: 0 10px 10px 0;

}



.about-qualification {

	background: rgba(44, 62, 80, 0.05);

	border-radius: 10px;

	padding: 1.5rem;

	margin: 2rem 0;

}



.about-reference {

	font-size: clamp(0.9rem, 2.2vmin, 1rem);

	font-style: italic;

	margin-top: 1rem;

	margin-bottom: 0;

}



.about-reference a {

	color: #3498db;

	text-decoration: none;

	transition: color 0.3s ease;

}



.about-reference a:hover {

	color: #2980b9;

	text-decoration: underline;

}



/* About blob animation */

.about-blob {

	position: absolute;

	top: -8vh;

	right: -12vw;

	fill: #f39c12;

	width: 62vmax;

	z-index: 1;

	animation: moveAbout 85s ease-in-out infinite;

	transform-origin: 50% 50%;

}



@keyframes moveAbout {

	0% {

		transform: scale(1.1) translate(8px, 12px) rotate(0deg);

	}

	25% {

		transform: scale(1.2, 0.9) translate(-35vw, 8vh) rotate(85deg);

	}

	50% {

		transform: scale(0.9, 1.3) translate(-25vw, -12vh) rotate(170deg);

	}

	75% {

		transform: scale(1.3, 0.8) translate(-45vw, 18vh) rotate(255deg);

	}

	100% {

		transform: scale(1.1) translate(8px, 12px) rotate(360deg);

	}

}



/* ==========================================================================

   BLOB ANIMATION

   ========================================================================== */

.blob {

	position: absolute;

	top: 0;

	left: 0;

	fill: #7ad0df;

	width: 70vmax;

	z-index: 1;

	animation: move 80s ease-in-out infinite;

	transform-origin: 50% 50%;

}



@keyframes move {

	0% {

		transform: scale(1) translate(10px, -30px);

	}

	38% {

		transform: scale(0.8, 1) translate(60vw, 30vh) rotate(160deg);

	}

	40% {

		transform: scale(0.8, 1) translate(60vw, 30vh) rotate(160deg);

	}

	78% {

		transform: scale(1.3) translate(20vw, 50vh) rotate(-20deg);

	}

	80% {

		transform: scale(1.3) translate(20vw, 50vh) rotate(-20deg);

	}

	100% {

		transform: scale(1) translate(10px, -30px);

	}

}



/* ==========================================================================

   SERVICES SECTION STYLES

   ========================================================================== */



/* Services section container */

.services-section-container {

	position: relative;

	min-height: 100vh;

	background: #b8e6b8;

	overflow: hidden;

}



/* Services section */

.services-section {

	position: relative;

	min-height: 100vh;

	z-index: 4;

	padding: 4rem 1rem;

}



/* Services content */

.services-content {

	max-width: 75vw;

	margin: 0 auto;

	padding: 2rem;

	text-align: left;

	display: flex;

	flex-direction: row;

	gap: 12rem;

	align-items: stretch;

}



.services-box {

	background: rgba(255, 255, 255, 0.95);

	border-radius: 20px;

	padding: 2.5rem;

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.08);

	backdrop-filter: blur(10px);

	border: 1px solid rgba(255, 255, 255, 0.2);

	transition: transform 0.3s ease, box-shadow 0.3s ease;

	flex: 1;

	min-height: 0;

}



.services-box:hover {

	transform: translateY(-5px);

	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(0, 0, 0, 0.12);

}



.services-header {

	color: #2c3e50;

	font-size: clamp(2.5rem, 7vmin, 3.8rem);

	line-height: 1.2;

	font-weight: 700;

	letter-spacing: 0.5px;

	font-family: "Poppins", sans-serif;

	margin-bottom: 1.5rem;

	text-align: center;

}



.services-list {

	color: #34495e;

	font-size: clamp(1rem, 2.8vmin, 1.4rem);

	line-height: 1.7;

	font-weight: 400;

	font-family: "Poppins", sans-serif;

	list-style: none;

	padding: 0;

	margin-bottom: 0;

}



.services-list li {

	position: relative;

	padding-left: 2rem;

	margin-bottom: 1rem;

}



.services-list li::before {

	content: "•";

	color: #7ad0df;

	font-size: 1.8em;

	position: absolute;

	left: 0;

	top: -0.2em;

	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}



/* Services blob animation */

.services-blob {

	position: absolute;

	top: -10vh;

	left: -10vw;

	fill: #ffd93d;

	width: 60vmax;

	z-index: 1;

	animation: moveServices 95s ease-in-out infinite;

	transform-origin: 50% 50%;

}



@keyframes moveServices {

	0% {

		transform: scale(1.1) translate(10px, 20px) rotate(0deg);

	}

	20% {

		transform: scale(1.3, 0.9) translate(30vw, 10vh) rotate(72deg);

	}

	40% {

		transform: scale(0.9, 1.2) translate(50vw, -5vh) rotate(144deg);

	}

	60% {

		transform: scale(1.2, 1) translate(40vw, 25vh) rotate(216deg);

	}

	80% {

		transform: scale(0.8, 1.1) translate(10vw, 15vh) rotate(288deg);

	}

	100% {

		transform: scale(1.1) translate(10px, 20px) rotate(360deg);

	}

}



/* ==========================================================================

   HOURS SECTION STYLES

   ========================================================================== */



/* Hours section container */

.hours-section-container {

	position: relative;

	min-height: 100vh;

	background: #fdf7d2;

	overflow: hidden;

}



/* Hours section */

.hours-section {

	position: relative;

	min-height: 100vh;

	z-index: 4;

	padding: 4rem 1rem;

}



/* Hours content */

.hours-content {

	max-width: 1200px;

	margin: 0 auto;

	padding: 2rem;

	display: flex;

	flex-direction: row;

	gap: 2rem;

	align-items: center;

	flex-wrap: wrap;

	flex-direction: column;

}



.hours-info {

	flex: 1;

	background: rgba(255, 255, 255, 0.95);

	border-radius: 20px;

	padding: 2.5rem;

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.08);

	backdrop-filter: blur(10px);

	border: 1px solid rgba(255, 255, 255, 0.2);

	transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.hours-info:hover {

	transform: translateY(-10px);

	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(0, 0, 0, 0.12);

}



.contact-info-box {

	flex: 1;

	background: rgba(255, 255, 255, 0.95);

	border-radius: 20px;

	padding: 2.5rem;

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.08);

	backdrop-filter: blur(10px);

	border: 1px solid rgba(255, 255, 255, 0.2);

	transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.5s ease, max-height 0.5s ease;

	opacity: 1;

	max-height: 1000px;

	transform: translateY(0);

}



.contact-info-box:hover {

	transform: translateY(-5px);

	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(0, 0, 0, 0.12);

}



.hours-header,

.hours-subheader {

	color: #2c3e50;

	font-size: clamp(2rem, 6vw, 2.9rem);

	line-height: 1.2;

	font-weight: 900;

	letter-spacing: 0.5px;

	font-family: "Poppins", sans-serif;

	text-align: center;

}



.hours-subheader {

	color: #2c3e50;

	font-size: clamp(1.6rem, 5vw, 2.2rem);

	margin-bottom: 3rem;

	font-weight: 500;

}



.hours-text {

	color: #34495e;

	font-size: clamp(1.1rem, 3vmin, 1.5rem);

	line-height: 1.6;

	font-weight: 300;

	font-family: "Poppins", sans-serif;

	text-align: center;

	margin-top: 2rem;

}



.toggle-contact-btn {

	background: linear-gradient(135deg, #fb72a0 30%, #c75a7f 100%);

	color: white;

	border: none;

	padding: 1rem 2rem;

	border-radius: 15px;

	font-size: clamp(1rem, 2.5vmin, 1.2rem);

	font-weight: 600;

	font-family: "Poppins", sans-serif;

	cursor: pointer;

	transition: all 0.3s ease;

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 0.8rem;

	margin: 1.5rem auto;

	box-shadow: 0 4px 15px rgba(232, 180, 255, 0.3);

}



.toggle-contact-btn:hover {

	transform: translateY(-2px);

	box-shadow: 0 8px 25px rgba(232, 180, 255, 0.5);

	background: linear-gradient(135deg, #c75a7f 30%, #c75a7f 100%);

}



.toggle-contact-btn i {

	font-size: 1.1em;

}



/* Or text between boxes */

.or-text {

	display: flex;

	align-items: center;

	justify-content: center;

	color: white;

	font-size: clamp(2rem, 4vmin, 2rem);

	font-weight: 700;

	font-family: "Poppins", sans-serif;

	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

	margin: 0 0;

	flex-shrink: 0;

	text-align: center;

}



/* Toggle states for hours content */

.hours-info,

.contact-info-box,

.or-text {

	transition: opacity 0.5s ease, max-height 0.5s ease, transform 0.5s ease;

	opacity: 1;

	max-height: 1000px;

	transform: translateY(0);

}



.hours-content.show-contact .hours-info,

.hours-content.show-contact .contact-info-box,

.hours-content.show-contact .or-text {

	opacity: 0;

	display: none;

	max-height: 0;

	transform: translateY(-20px);

	overflow: hidden;

	padding-top: 0;

	padding-bottom: 0;

	margin-bottom: 0;

}



.hours-content.show-contact .contact-form-container {

	opacity: 1;

	max-height: 1500px;

	transform: translateY(0);

	flex: none;

	width: 80vw;

	padding: 1rem;

	display: block;

	max-width: 900px;

	margin: 0 auto;

}



.hours-section:has(.hours-content.show-contact) .arrow-animation,

.hours-section.contact-form-open .arrow-animation {

	display: none !important;

}



.contact-info {

	display: flex;

	flex-direction: column;

	gap: 1rem;

	align-items: center;

}



.contact-item {

	display: flex;

	align-items: center;

	gap: 1rem;

	color: #2c3e50;

	font-size: clamp(1rem, 3vmin, 1.4rem);

	font-weight: 500;

	font-family: "Poppins", sans-serif;

	margin: 0;

}



.contact-item a {

	color: #2c3e50;

	text-decoration: none;

	transition: color 0.3s ease;

}



.contact-item a:hover {

	color: #fb72a0;

}



.contact-item i {

	color: #fb72a0;

	font-size: 1.2em;

	min-width: 20px;

}



/* Contact form */

.contact-form-container {

	flex: 1;

	background: rgba(255, 255, 255, 0.95);

	border-radius: 20px;

	padding: 2rem;

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.08);

	backdrop-filter: blur(10px);

	border: 1px solid rgba(255, 255, 255, 0.2);

	transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.5s ease, max-height 0.5s ease;

	opacity: 0;

	z-index: 4;

	max-height: 0;

	overflow: hidden;

	transform: translateY(-20px);

}



.contact-form-container:hover {

	transform: translateY(-5px);

	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(0, 0, 0, 0.12);

}



.form-header-container {

	display: flex;

	justify-content: center;

	align-items: center;

	margin-bottom: 1.5rem;

	position: relative;

	height: 60px;

	width: 100%;

}



.form-header {

	color: #2c3e50;

	font-size: clamp(1.8rem, 4.5vmin, 2.4rem);

	line-height: 1.2;

	font-weight: 700;

	letter-spacing: 0.5px;

	font-family: "Poppins", sans-serif;

	margin: 0;

	text-align: center;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

}



.contact-form {

	display: flex;

	flex-direction: column;

	gap: 1.2rem;

}



.form-group {

	display: flex;

	flex-direction: column;

	gap: 0.5rem;

}



.form-group label {

	color: #2c3e50;

	font-size: 1rem;

	font-weight: 600;

	font-family: "Poppins", sans-serif;

}



.form-group input,

.form-group textarea {

	padding: 0.7rem 0.9rem;

	border: 2px solid #e8e8e8;

	border-radius: 10px;

	font-size: 0.95rem;

	font-family: "Poppins", sans-serif;

	transition: border-color 0.3s ease, box-shadow 0.3s ease;

	background: rgba(255, 255, 255, 0.9);

}



.form-group input:focus,

.form-group textarea:focus {

	outline: none;

	border-color: #e8b4ff;

	box-shadow: 0 0 0 3px rgba(232, 180, 255, 0.1);

}



.form-check {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 0.75rem;

	padding-left: 0;

	margin: 0.5rem 0;

	width: 100%;

}



.form-check-input {

	/* Hide the native checkbox */

	opacity: 0;

	position: absolute;

	width: 24px;

	height: 24px;

	margin: 0;

	cursor: pointer;

}



.form-check-label {

	color: #2c3e50;

	font-size: clamp(0.9rem, 2.5vmin, 1rem);

	font-weight: 400;

	font-family: "Poppins", sans-serif;

	line-height: 1.4;

	cursor: pointer;

	position: relative;

	width: auto;

	flex: none;

	word-wrap: break-word;

	display: flex;

	align-items: center;

	gap: 0.75rem;

}



/* Custom checkbox container */

.custom-checkbox {

	position: relative;

	width: 24px;

	height: 24px;

	min-width: 24px;

	min-height: 24px;

	border: 2px solid #e8e8e8;

	border-radius: 4px;

	background: rgba(255, 255, 255, 0.9);

	transition: all 0.3s ease;

	display: flex;

	align-items: center;

	justify-content: center;

}



/* Bootstrap icon checkmark */

.custom-checkbox .bi-check {

	font-size: 18px;

	color: #fff;

	opacity: 0;

	transition: opacity 0.3s ease;

	line-height: 1;

}



/* Checked state */

.form-check-input:checked + .form-check-label .custom-checkbox {

	background: #fb72a0;

	border-color: #fb72a0;

}



.form-check-input:checked + .form-check-label .custom-checkbox .bi-check {

	opacity: 1;

}



/* Focus state */

.form-check-input:focus + .form-check-label .custom-checkbox {

	border-color: #e8b4ff;

	box-shadow: 0 0 0 3px rgba(232, 180, 255, 0.1);

}



/* Hover state */

.form-check-label:hover .custom-checkbox {

	border-color: #fb72a0;

}



.form-submit-btn {

	background: linear-gradient(135deg, #fb72a0 30%, #c75a7f 100%);

	color: white;

	border: none;

	padding: 0.9rem 1.8rem;

	border-radius: 15px;

	font-size: 1.05rem;

	font-weight: 600;

	font-family: "Poppins", sans-serif;

	cursor: pointer;

	transition: all 0.3s ease;

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 0.5rem;

	margin-top: 0rem;

}



.form-submit-btn:hover {

	transform: translateY(-2px);

	box-shadow: 0 8px 25px rgba(232, 180, 255, 0.4);

	background: linear-gradient(135deg, #c75a7f 30%, #c75a7f 100%);

}



.close-form-btn {

	background: rgb(251, 114, 160);

	color: white;

	border: none;

	padding: 0.6rem;

	border-radius: 50%;

	font-size: 1.1rem;

	cursor: pointer;

	transition: all 0.3s ease;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 42px;

	height: 42px;

	flex-shrink: 0;

	position: absolute;

	left: 1rem;

	top: 50%;

	transform: translateY(-50%);

	box-shadow: 0 4px 12px rgba(251, 114, 160, 0.3);

	backdrop-filter: blur(10px);

	border: 2px solid rgba(255, 255, 255, 0.2);

	z-index: 10;

}



.close-form-btn:hover {

	background: linear-gradient(135deg, #e85d92 30%, #b8476b 100%);

	transform: translateY(-50%) scale(1.1);

	box-shadow: 0 6px 20px rgba(251, 114, 160, 0.4);

	border-color: rgba(255, 255, 255, 0.3);

}



.close-form-btn:active {

	transform: translateY(-50%) scale(0.95);

	box-shadow: 0 2px 8px rgba(251, 114, 160, 0.5);

}



/* Hours blob animation */

.hours-blob {

	position: absolute;

	top: -5vh;

	right: -15vw;

	fill: #fd73a1;

	width: 65vmax;

	z-index: 1;

	animation: moveHours 88s ease-in-out infinite;

	transform-origin: 50% 50%;

}



@keyframes moveHours {

	0% {

		transform: scale(1) translate(-10px, 15px) rotate(0deg);

	}

	25% {

		transform: scale(1.2, 0.8) translate(-40vw, 5vh) rotate(90deg);

	}

	50% {

		transform: scale(0.9, 1.3) translate(-25vw, -15vh) rotate(180deg);

	}

	75% {

		transform: scale(1.1, 0.9) translate(-50vw, 20vh) rotate(270deg);

	}

	100% {

		transform: scale(1) translate(-10px, 15px) rotate(360deg);

	}

}



/* ==========================================================================

   PRICING SECTION STYLES

   ========================================================================== */



/* Pricing section container */

.pricing-section-container {

	position: relative;

	min-height: 100vh;

	background: #7ad0df;

	overflow: hidden;

}



/* Pricing section */

.pricing-section {

	position: relative;

	min-height: 100vh;

	z-index: 4;

	padding: 4rem 1rem;

}



/* Pricing content */

.pricing-content {

	max-width: 900px;

	margin: 0 auto;

	padding: 2rem;

	text-align: left;

	display: flex;

	justify-content: center;

	align-items: center;

}



.pricing-box {

	background: rgba(255, 255, 255, 0.95);

	border-radius: 20px;

	padding: 3rem;

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.08);

	backdrop-filter: blur(10px);

	border: 1px solid rgba(255, 255, 255, 0.2);

	transition: transform 0.3s ease, box-shadow 0.3s ease;

	width: 100%;

	max-width: 800px;

}



.pricing-box:hover {

	transform: translateY(-5px);

	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(0, 0, 0, 0.12);

}



.pricing-header {

	color: #2c3e50;

	font-size: clamp(2.5rem, 7vmin, 3.8rem);

	line-height: 1.2;

	font-weight: 900;

	letter-spacing: 0.5px;

	font-family: "Poppins", sans-serif;

	margin-bottom: 2rem;

	text-align: center;

}



.pricing-list {

	color: #34495e;

	font-size: clamp(1rem, 2.8vmin, 1.3rem);

	line-height: 1.6;

	font-weight: 400;

	font-family: "Poppins", sans-serif;

	list-style: none;

	padding: 0;

	margin-bottom: 0;

}



.pricing-list li {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	padding: 1rem 0;

	border-bottom: 1px solid rgba(255, 211, 165, 0.3);

	gap: 1rem;

}



.pricing-list li:last-child {

	border-bottom: none;

}



.service-name {

	flex: 1;

	font-size: clamp(0.9rem, 2.5vmin, 1.4rem);

	font-weight: 700;

}



.service-price {

	font-weight: 600;

	color: #ff8a65;

	text-align: right;

	align-self: flex-end;

	white-space: nowrap;

	min-width: fit-content;

}



/* Pricing blob animation */

.pricing-blob {

	position: absolute;

	top: -8vh;

	left: -12vw;

	fill: #ffb1a4;

	width: 62vmax;

	z-index: 1;

	animation: movePricing 92s ease-in-out infinite;

	transform-origin: 50% 50%;

}



@keyframes movePricing {

	0% {

		transform: scale(1.1) translate(15px, 10px) rotate(0deg);

	}

	20% {

		transform: scale(1.3, 0.9) translate(35vw, 8vh) rotate(75deg);

	}

	40% {

		transform: scale(0.9, 1.2) translate(45vw, -8vh) rotate(150deg);

	}

	60% {

		transform: scale(1.2, 1) translate(30vw, 22vh) rotate(225deg);

	}

	80% {

		transform: scale(0.8, 1.1) translate(8vw, 12vh) rotate(300deg);

	}

	100% {

		transform: scale(1.1) translate(15px, 10px) rotate(360deg);

	}

}



/* ==========================================================================

   CONTACT SECTION STYLES

   ========================================================================== */



/* Contact section container */

.contact-section-container {

	position: relative;

	min-height: 100vh;

	background: #ffb1a4;

	overflow: hidden;

}



/* Contact section */

.contact-section {

	position: relative;

	min-height: 100vh;

	z-index: 4;

	padding: 4rem 1rem;

}



/* Contact content */

.contact-content {

	max-width: 900px;

	margin: 0 auto;

	padding: 2rem;

	text-align: left;

	display: flex;

	justify-content: center;

	align-items: center;

}



.contact-box {

	background: rgba(255, 255, 255, 0.95);

	border-radius: 20px;

	padding: 3rem;

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.08);

	backdrop-filter: blur(10px);

	border: 1px solid rgba(255, 255, 255, 0.2);

	transition: transform 0.3s ease, box-shadow 0.3s ease;

	width: 100%;

	max-width: 800px;

}



.contact-box:hover {

	transform: translateY(-5px);

	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(0, 0, 0, 0.12);

}



.contact-header {

	color: #2c3e50;

	font-size: clamp(2.5rem, 7vmin, 3.8rem);

	line-height: 1.2;

	font-weight: 900;

	letter-spacing: 0.5px;

	font-family: "Poppins", sans-serif;

	margin-bottom: 2rem;

	text-align: center;

}



.contact-details {

	text-align: center;

}



.contact-title {

	color: #2c3e50;

	font-size: clamp(1.8rem, 5vmin, 2.4rem);

	line-height: 1.3;

	font-weight: 700;

	font-family: "Poppins", sans-serif;

	margin-bottom: 0.5rem;

}



.contact-name {

	color: #34495e;

	font-size: clamp(1.4rem, 4vmin, 1.8rem);

	line-height: 1.4;

	font-weight: 500;

	font-family: "Poppins", sans-serif;

	margin-bottom: 2rem;

}



.contact-address {

	margin-bottom: 2rem;

}



.contact-address p {

	color: #34495e;

	font-size: clamp(1.1rem, 3vmin, 1.4rem);

	line-height: 1.6;

	font-weight: 400;

	font-family: "Poppins", sans-serif;

	margin: 0.3rem 0;

}



.contact-info-details {

	display: flex;

	flex-direction: column;

	gap: 1rem;

	align-items: center;

}



.contact-phone,

.contact-email {

	display: flex;

	align-items: center;

	gap: 1rem;

	color: #2c3e50;

	font-size: clamp(1.1rem, 3vmin, 1.4rem);

	font-weight: 500;

	font-family: "Poppins", sans-serif;

	margin: 0;

}



.contact-phone a,

.contact-email a {

	color: #2c3e50;

	text-decoration: none;

	transition: color 0.3s ease;

}



.contact-phone a:hover,

.contact-email a:hover {

	color: #79cedd;

}



.contact-phone i,

.contact-email i {

	color: #79cedd;

	font-size: 1.2em;

	min-width: 20px;

}



/* Contact blob animation */

.contact-blob {

	position: absolute;

	top: -6vh;

	left: -10vw;

	fill: #7ad0df;

	width: 64vmax;

	z-index: 1;

	animation: moveContact 90s ease-in-out infinite;

	transform-origin: 50% 50%;

}



@keyframes moveContact {

	0% {

		transform: scale(1.1) translate(12px, 8px) rotate(0deg);

	}

	25% {

		transform: scale(1.3, 0.9) translate(32vw, 6vh) rotate(90deg);

	}

	50% {

		transform: scale(0.9, 1.2) translate(42vw, -10vh) rotate(180deg);

	}

	75% {

		transform: scale(1.2, 1) translate(28vw, 20vh) rotate(270deg);

	}

	100% {

		transform: scale(1.1) translate(12px, 8px) rotate(360deg);

	}

}



/* ==========================================================================

   FOOTER STYLES

   ========================================================================== */

.site-footer {

	background-color: #f8f8f8;

	padding: 15px 20px;

	font-family: Arial, sans-serif;

	color: #333;

	border-top: 1px solid #e0e0e0;

}



.site-footer p {

	margin: 5px 0;

}



.footer-developer {

	font-size: 0.85em;

	color: #777;

	margin-top: 5px;

}



.footer-developer a {

	color: #0073e6;

	text-decoration: none;

}



.footer-developer a:hover {

	text-decoration: underline;

}



/* ==========================================================================

   RESPONSIVE STYLES

   ========================================================================== */



@media (max-width: 1440px) {

	.services-content {

		max-width: 95%;

	}

}



/* Large tablets and small desktops */

@media (max-width: 1024px) {

	.services-content {

		gap: 2.5rem;

		max-width: 95%;

		flex-direction: column;

	}



	/* Home buttons */

	.home-buttons {

		margin-top: 5rem;

	}



	.hours-content {

		flex-direction: column;

		gap: 2.5rem;

		max-width: 95%;

	}



	.pricing-content {

		max-width: 95%;

	}



	.services-section {

		padding: 1rem 1rem;

	}

}



/* Tablet and medium mobile devices */

@media (max-width: 768px) {

	.navbar {

		height: 8rem;

		padding-right: 1rem;

	}



	.navbar-brand {

		height: calc(8rem - 1rem);

		max-width: 180px;

	}



	.navbar-dropdown {

		top: 8rem;

	}



	#mainNavbar.hide-navbar {

		top: -8rem;

	}



	.home-section-container {

		height: 100vh;

		width: 100vw;

	}



	.home-section {

		padding: 1rem 0.5rem;

		height: 100vh;

	}



	.home-hero {

		padding: 1rem 0.5rem;

		height: 100vh;

		display: flex;

		flex-direction: column;

		justify-content: space-between;

	}



	.home-hero h1 {

		font-size: clamp(2rem, 8vw, 3rem);

		letter-spacing: 1px;

		margin-bottom: 1rem;

		padding: 4rem;

	}



	.home-buttons {

		margin-top: 1rem;

		gap: 0.8rem !important;

		padding-bottom: 20vh;

	}



	.home-btn {

		padding: 0.7rem 1.5rem;

		font-size: clamp(0.9rem, 2.5vw, 1.1rem);

		width: auto;

		min-width: 150px;

	}



	.arrow-animation {

		padding-bottom: 2rem;

		display: block;

	}



	.arrow-animation dotlottie-wc {

		width: clamp(150px, 15vw, 200px) !important;

		height: clamp(150px, 15vw, 200px) !important;

	}



	.info-section-container {

		height: 100vh;

		width: 100vw;

	}



	.info-section {

		padding: 1rem 0.5rem;

		height: 100vh;

	}



	.info-hero {

		padding: 6rem 0.5rem;

		height: 100vh;

		display: flex;

		flex-direction: column;

		justify-content: space-between;

	}



	.info-hero-header {

		font-size: clamp(2.6rem, 10vw, 4rem);

		padding: 0 1rem;

		max-width: 95%;

		margin-bottom: 1rem;

	}



	.info-hero-text {

		font-size: clamp(1rem, 4vw, 1.5rem);

		padding: 0 1rem;

		max-width: 95%;

	}



	.info-blob {

		width: 60vmax;

	}



	.services-section {

		padding: 0rem 0.5rem;

		min-height: 100vh;

	}



	.services-content {

		padding: 1rem;

		max-width: 95%;

		gap: 2rem;

		flex-direction: column;

	}



	.services-box {

		padding: 2rem 1.5rem;

		border-radius: 15px;

	}



	.services-header {

		font-size: clamp(2.2rem, 7vw, 3.2rem);

		margin-bottom: 0.5rem;

	}



	.services-list {

		font-size: clamp(0.95rem, 3.2vw, 1.25rem);

		padding: 0 0.5rem;

	}



	.services-list li {

		padding-left: 1.5rem;

		margin-bottom: 0.8rem;

	}



	.services-blob {

		width: 65vmax;

		left: -15vw;

	}



	.about-section {

		padding: 2rem 0.5rem;

		min-height: 100vh;

	}



	.about-content {

		padding: 1rem;

		max-width: 95%;

		gap: 2rem;

		flex-direction: column;

	}



	.about-box {

		padding: 2rem 1.5rem;

		border-radius: 15px;

	}



	.about-header {

		font-size: clamp(2.2rem, 7vw, 3.2rem);

		margin-bottom: 1.2rem;

	}



	.about-intro {

		font-size: clamp(1rem, 3.5vw, 1.25rem);

		margin-bottom: 1.5rem;

	}



	.about-highlight {

		font-size: clamp(1rem, 3.2vw, 1.2rem);

		padding: 1rem;

		margin: 1rem 0;

	}



	.about-content p {

		font-size: clamp(0.95rem, 3.2vw, 1.2rem);

		margin-bottom: 1rem;

	}



	.about-blob {

		width: 65vmax;

		right: -15vw;

	}



	.hours-section {

		padding: 2rem 0.5rem;

		min-height: 100vh;

	}



	.hours-content {

		align-items: stretch;

		padding: 1rem;

		max-width: 95%;

		gap: 2rem;

		flex-direction: column;

	}



	.hours-info,

	.contact-info-box,

	.contact-form-container {

		padding: 2rem 1.5rem;

		border-radius: 15px;

		width: 100%;

		max-width: 100%;

	}



	.hours-header {

		font-size: clamp(2rem, 6vw, 2.8rem);

	}



	.hours-subheader {

		font-size: clamp(1.6rem, 5vw, 2.2rem);

		margin-bottom: 3rem;

	}



	.toggle-contact-btn {

		font-size: clamp(0.9rem, 3vw, 1.1rem);

		padding: 0.8rem 1.5rem;

		margin: 1rem auto;

	}



	.close-form-btn {

		width: 38px;

		height: 38px;

		font-size: 1rem;

	}



	.form-header {

		font-size: clamp(1.8rem, 5vw, 2.4rem);

		margin-bottom: 1.5rem;

	}



	.hours-blob {

		width: 70vmax;

		right: -20vw;

	}



	.pricing-section {

		padding: 2rem 0.5rem;

		min-height: 100vh;

	}



	.pricing-content {

		padding: 1rem;

		max-width: 95%;

	}



	.pricing-box {

		padding: 2rem 1.5rem;

		border-radius: 15px;

	}



	.pricing-header {

		font-size: clamp(2.2rem, 7vw, 3.2rem);

		margin-bottom: 1.5rem;

	}



	.pricing-list {

		font-size: clamp(0.95rem, 3.2vw, 1.2rem);

	}



	.pricing-list li {

		flex-direction: column;

		align-items: flex-start;

		gap: 0.5rem;

		padding: 0.8rem 0;

	}



	.service-price {

		text-align: left;

		font-size: clamp(0.9rem, 3vw, 1.1rem);

	}



	.pricing-blob {

		width: 70vmax;

		left: -15vw;

	}



	.contact-section {

		padding: 2rem 0.5rem;

		min-height: 100vh;

	}



	.contact-content {

		padding: 1rem;

		max-width: 95%;

	}



	.contact-box {

		padding: 2rem 1.5rem;

		border-radius: 15px;

	}



	.contact-header {

		font-size: clamp(2.2rem, 7vw, 3.2rem);

		margin-bottom: 1.5rem;

	}



	.contact-title {

		font-size: clamp(1.6rem, 5vw, 2rem);

	}



	.contact-name {

		font-size: clamp(1.2rem, 4vw, 1.5rem);

	}



	.contact-address p {

		font-size: clamp(1rem, 3.2vw, 1.25rem);

	}



	.contact-phone,

	.contact-email {

		font-size: clamp(1rem, 3.2vw, 1.25rem);

	}



	.contact-blob {

		width: 70vmax;

		left: -15vw;

	}



	.home-title {

		font-size: clamp(1.2rem, 5vw, 2rem);

		padding: 0 0.5rem;

	}



	.home-lead {

		font-size: clamp(0.9rem, 4vw, 1.1rem);

		padding: 0 0.5rem;

	}



	.blob {

		left: -50%;

		width: 70vmax;

	}



	/* Ensure lists don't overflow */

	ul {

		max-width: 100%;

		padding-left: 1.2rem;

		padding-right: 0.5rem;

	}



	/* Ensure Bootstrap columns don't cause overflow */

	.row {

		margin-left: 0;

		margin-right: 0;

	}



	.col-12 {

		padding-left: 0.75rem;

		padding-right: 0.75rem;

	}



	.custom-checkbox {

		width: 26px;

		height: 26px;

		min-width: 26px;

		min-height: 26px;

	}



	.custom-checkbox .bi-check {

		font-size: 20px;

	}



	.form-check-input {

		width: 26px;

		height: 26px;

	}



	.form-check-label {

		width: 100%;

	}

}



/* Small mobile devices */

@media (max-width: 480px) {

	.home-hero h1 {

		font-size: clamp(1.7rem, 7vw, 2.2rem);

		text-align: start;

		letter-spacing: 0.5px;

		line-height: 1.4;

		padding-top: 4rem;

		padding-bottom: 1rem;

	}



	.navbar {

		height: 4.5rem;

		padding-right: 0.5rem;

	}



	.navbar-brand {

		height: calc(4.5rem - 1rem);

		max-width: 120px;

	}



	.navbar-dropdown {

		top: 4.5rem; /* Height of navbar */

		width: 75vw;

		left: 12.5%;

	}



	#mainNavbar.hide-navbar {

		top: -4.5rem;

	}



	.home-btn {

		padding: 0.6rem 1.2rem;

		font-size: clamp(1.6rem, 2.2vw, 1.8rem);

		min-width: 120px;

	}



	.arrow-animation dotlottie-wc {

		width: clamp(120px, 12vw, 150px) !important;

		height: clamp(120px, 12vw, 150px) !important;

		z-index: 3;

	}



	.info-hero-header {

		font-size: clamp(2rem, 8.5vw, 3.4rem);

		text-align: start;

	}



	.info-hero-text {

		font-size: clamp(1.1rem, 4.5vw, 1.4rem);

		padding-bottom: 1rem;

	}



	.info-blob {

		width: 70vmax;

	}



	.services-header {

		font-size: clamp(1.3rem, 2vw, 3rem);

	}



	.services-box {

		padding: 0.8rem 1rem;

		border-radius: 12px;

		z-index: 4;

	}



	.services-list {

		font-size: clamp(0.8rem, 3.5vw, 1.1rem);

	}



	.services-blob {

		width: 75vmax;

		left: -20vw;

	}



	.about-header {

		font-size: clamp(2rem, 6.5vw, 2.8rem);

	}



	.about-box {

		padding: 1.5rem 1rem;

		border-radius: 12px;

	}



	.about-intro {

		font-size: clamp(0.95rem, 3.8vw, 1.15rem);

		margin-bottom: 1.2rem;

	}



	.about-highlight {

		font-size: clamp(0.9rem, 3.5vw, 1.1rem);

		padding: 0.8rem;

		margin: 0.8rem 0;

	}



	.about-content p {

		font-size: clamp(0.9rem, 3.5vw, 1.1rem);

		margin-bottom: 0.8rem;

	}



	.about-blob {

		width: 75vmax;

		right: -20vw;

	}



	.hours-header {

		font-size: clamp(1.4rem, 5.5vw, 2.4rem);

	}



	.hours-subheader {

		font-size: clamp(1.1rem, 4.5vw, 2rem);

		margin-bottom: 2rem;

	}



	.toggle-contact-btn {

		font-size: clamp(0.85rem, 3.5vw, 1rem);

		padding: 0.7rem 1.2rem;

		margin: 0.8rem auto;

	}



	.close-form-btn {

		width: 32px;

		height: 32px;

		font-size: 0.8rem;

		left: 0.5rem;

	}



	.form-header-container {

		height: 50px;

	}



	.form-header {

		padding-left: 2.5rem;

		padding-right: 1rem;

		max-width: calc(100% - 3.5rem);

		word-wrap: break-word;

		hyphens: auto;

		line-height: 1.1;

	}



	.hours-blob {

		width: 80vmax;

		right: -25vw;

	}



	.pricing-header {

		font-size: clamp(2rem, 6vw, 2.9rem);

	}



	.pricing-box {

		padding: 1.5rem 1rem;

		border-radius: 12px;

	}



	.pricing-list {

		font-size: clamp(1rem, 3.5vw, 1.2rem);

	}



	.service-price {

		font-size: clamp(0.8rem, 3.2vw, 1rem);

	}



	.pricing-blob {

		width: 80vmax;

		left: -20vw;

	}



	.contact-header {

		font-size: clamp(1.8rem, 6vw, 2.6rem);

	}



	.contact-box {

		padding: 1.5rem 1rem;

		border-radius: 12px;

	}



	.contact-title {

		font-size: clamp(1.4rem, 4.5vw, 1.8rem);

	}



	.contact-name {

		font-size: clamp(1.1rem, 3.8vw, 1.4rem);

	}



	.contact-address p {

		font-size: clamp(0.95rem, 3.5vw, 1.15rem);

	}



	.contact-phone,

	.contact-email {

		font-size: clamp(0.95rem, 3.5vw, 1.15rem);

	}



	.contact-blob {

		width: 80vmax;

		left: -20vw;

	}



	.home-title {

		font-size: clamp(1.2rem, 5vw, 2rem);

		padding: 0 0.5rem;

	}



	.home-lead {

		font-size: clamp(0.9rem, 4vw, 1.1rem);

		padding: 0 0.5rem;

	}



	.blob {

		width: 80vmax;

	}



	.contact-form-container {

		padding: 1rem; /* menší vnútorný okraj */

	}



	.form-header {

		font-size: clamp(1.2rem, 4vw, 1.6rem); /* menší nadpis */

	}



	.contact-form {

		gap: 0.6rem; /* zmenšené medzery medzi skupinami */

	}



	.form-group label {

		font-size: 0.9rem; /* menší text pri labeloch */

	}



	.form-group input,

	.form-group textarea {

		padding: 0.4rem 0.6rem; /* menšie okraje vo vnútri polí */

		font-size: 0.8rem; /* menší text vo vnútri polí */

	}



	.form-submit-btn {

		font-size: 0.9rem; /* menší text na tlačidle */

		padding: 0.7rem 1.2rem; /* menšie tlačidlo */

		gap: 0.4rem;

	}



	.custom-checkbox {

		width: 28px;

		height: 28px;

		min-width: 28px;

		min-height: 28px;

	}



	.custom-checkbox .bi-check {

		font-size: 22px;

	}



	.form-check-input {

		width: 28px;

		height: 28px;

	}



	.form-check-label {

		width: 100%;

		font-size: clamp(0.95rem, 3.5vw, 1.1rem);

	}

}



/* Extra short viewports */

@media (max-height: 670px) {

	.pricing-section {

		padding: 0;

	}



	.pricing-header {

		font-size: clamp(1.4rem, 5.5vw, 2.4rem);

		margin-bottom: 1rem;

	}



	.service-name {

		font-size: clamp(0.8rem, 3.2vw, 1rem);

	}



	.services-content {

		padding: 0;

		gap: 1rem;

	}



	.arrow-animation {

		padding-bottom: 0rem;

	}



	.home-hero {

		padding: 0;

	}



	.home-hero h1 {

		font-size: clamp(1.7rem, 7vw, 5rem);

		text-align: start;

		letter-spacing: 0.5px;

		padding: 10vh 1rem;

		padding-bottom: 1rem;

	}



	.hours-section {

		padding: 0;

		min-height: 100vh;

	}



	.hours-content {

		padding: 0 2rem;

	}

}