* {
	margin: 0;
	padding: 0;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	box-sizing: border-box;
	line-height: 1.6;
}

body {
	height: 100vh;
}

.momo-signature-regular {
	font-family: "Momo Signature", cursive;
	font-weight: 400;
	font-style: normal;
}

.section_heading {
	font-size: 27px;
	letter-spacing: 0.5px;
}

.section_content {
	font-size: 23px;
}

:root {
	--sd-purple: #3A1F8E;
	--sd-blue: #2A90C4;
	--sd-teal: #009F9D;
	--sd-yellow: #FDDD00;
}

html {
	height: 100%;
	width: 100%;
	position: relative;
	background: #FAFAFC;
}

.allura-regular {
	font-family: "Allura", cursive;
	font-weight: 800;
	font-size: 35px;
	font-style: normal;
}

.jersey-10-normal {
	font-family: "Jersey 10", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.poiret-one-regular {
	font-family: "Poiret One", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.homemade-apple-regular {
	font-family: "Homemade Apple", cursive;
	font-weight: 800;
	font-style: normal;
}

.parent {
	height: 100%;
	width: 100%;
}

.amts {
	width: 100%;
	max-width: 100%;
	height: 13vh;
	background: #E6E6FF;
	gap: 20px;
	justify-content: space-between;
	padding: 20px;
	font-size: 15px;
	display: flex;
}

.amts_b1,
.amts_b2 {
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.amts_b2 {
	font-size: 15px;
	cursor: pointer;
}

.logo_area {
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

	height: 20vh;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
}

.logo_area img {
	height: 100%;
	width: fit-content;
}

.menu_area {
	display: flex;
	justify-content: center;
	width: fit-content;
	gap: 20px;
	align-items: center;
	align-content: center;
	height: 100%;
}

.menu_icon {
	padding: 10px;
	border-radius: 5px;
}

button {
	letter-spacing: 0.6px;
	font-weight: 500;
}

.classyButton {
	position: relative;
	padding: 20px;
	border-radius: 100px;
	font-size: 15px;
	background: #FAFAFC;
	width: fit-content;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	border-right: 6px solid #FDDD00;
	border-left: 6px solid #009F9D;
	border-top: 6px solid #2A90C4;
	border-bottom: 6px solid #3A1F8E;
	font-weight: 800;
	overflow: hidden;
	transition: color 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 10px;
}

.call_d {
	display: flex;
	justify-content: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	align-items: center;
	align-content: center;
	border-radius: 50%;
	height: fit-content;
	width: fit-content;
	border: 6px solid #28282B;
	background: #28282B;
	color: white;
	padding: 6px;
}

.call_d2 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

	border-radius: 50%;
	height: fit-content;
	width: fit-content;
	background: white;
	color: black;
	padding: 6px;
}

.slide_1 {
	position: relative;
	width: 100%;
	height: fit-content;
}

.slide_1::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.15));
	pointer-events: none;
}

.my-video {
	background-color: transparent;
}

.slider_track {
	display: grid;
}

.slider_track>* {
	grid-area: 1 / 1;
}

.slide_1 {
	width: 100%;
	height: 67vh;
}

.slimg {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.def_pack {
	align-self: center;
	justify-self: start;
	padding: 20px;
	color: white;
	z-index: 999;
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap:20px;
	width: 100%;
}

.slide_title {
	font-size: 35px;
	height: fit-content;
	width: fit-content;
	letter-spacing: 0.5px;
	text-shadow: 0 3px 10px rgba(0, 0, 0, 0.75);
}

.slide_definition {
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	text-align: center;
	color: #E5E7EB;
	font-size: 19px;
	text-align: left;
}

.desktop_menu {
	display: none;
	font-size: 12px;
}

.desktop_menu_item {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	align-content: center;
}

.place-maker {
	padding: 40px;
}

.readmorebutton {
	padding: 15px;
	cursor: pointer;
	border-radius: 5px;
	color: white;
	background: transparent;
	border: 2px solid white;
	display: flex;
	font-size: 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: fit-content;
	align-content: center;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	bottom: 0;
}

.intro {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	text-overflow: ellipsis;
	overflow: hidden;
}

.parent {
	overflow: visible;
	height: auto;
}

.section_2 {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
}

.sep_line {}

.cards_icon {
	font-size: 45px !important;
}
.cards_collection{
	display: flex;
	gap: 20px;
	flex-direction: column;
}
.mad_content{
	width: 90% !important;
	height: fit-content !important;
}
.h-fit {
	height: fit-content;
}

.numbering {
	font-size: 15px;
	text-align: center;
}

.card {
	width: 100%;
	display: flex;
	gap: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.section_3, .section_2 {
	text-align: center;
	padding: 20px;
	display: flex;
	gap:20px;
	flex-direction: column;
}
.callExpert, .space-maker{
	display: none !important;
}
button{
	cursor: pointer;
}

.sec3img {
	width: 100%;
	min-height: 60vh !important;
}

.pullback {
	transform: rotate(-45deg);
}

.choose {
	width: 100%;
	height: fit-content;
	text-align: left;
	padding: 20px;
	display: flex;
	justify-content: flex;
	gap: 20px;
	align-items: center;
	align-content: center;
	gap: 20px;
	border-radius: 100px;
	border-top: 6px solid #8B4000;
	border-bottom: 6px solid #8B4000;
	border-left: 6px solid black;
	border-right: 6px solid black;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

}

.bold {}

.choosers {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.gallery_area {
	padding: 20px;
	text-align: center;
}

#sec3img {
	transition: opacity 0.4s ease, transform 0.4s ease;
	opacity: 1;
	transform: scale(1);
}

.choose_icon {
	color: gold;
}

.pacifico-regular {
	font-family: "Pacifico", cursive;
	font-weight: 100;
	font-style: normal;
}

.section_4 {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	text-align: center;
}

.reviewBox {
	padding: 60px;
	height: fit-content;
	width: 100%;
	border-radius: 20px;
	text-align: left;
	background: #E6E6FF;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.reviewProfileArea {
	display: flex;
	font-size: 20px;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
	font-weight: 700 !important;
	gap: 10px;
}

.customer_statement {
	font-style: italic;
}

.quote-icon {
	font-size: 30px !important;
}

.video-wrapper {
	position: relative;
	width: 100%;
	max-width: 100%;
	border-radius: 20px;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.video-js {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.video-wrapper::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.invisible {
	display: none;
}

.bottom_bar {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 60%;
	padding: 10px;
	height: fit-content;
	border: 6px solid #28282B;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	border-radius: 100px;
	color: whitesmoke;
	font-size: 15px;
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
	background-image: url('assets/estimate.jpg');
	background-size: cover;
	background-position: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

	overflow: hidden;
}

.bottom_icon {
	font-size: 30px !important;
}

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

.bottom_icon_def {
	font-size: 10px;
}

.focus-it {
	color: #CD7F32;
}

.section_5 {
	padding: 20px;
	text-align: center;
}

.marquee {
	overflow: hidden;
	width: 100%;
}

.image_box {
	display: flex;
	gap: 20px;
	width: max-content;
	animation: scroll 50s linear infinite;
}

.gal_img {
	width: 300px;
	height: 200px;
	object-fit: cover;
	border-radius: 20px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

	flex-shrink: 0;
	transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.gal_img:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}

@keyframes scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

.marquee:hover .image_box {
	animation-play-state: paused;
}

.lightbox {
	inset: 0;
	background: rgba(0, 0, 0, 0.9);
	display: none;
	align-items: center;
	height: 100vh;
	top: 0px;
	justify-content: center;
}

.lightbox img {
	max-width: 90%;
	max-height: 90%;
	border-radius: 16px;
}

.lb-close {
	position: absolute;
	top: 30px;
	right: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}

.customer_name {
	font-size: 20px;
}

.icon {
	color: #2563EB;
	font-size: 36px;
	margin: 10px;
}

.specialities {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(5, auto);
	gap: 20px;
}

.frc {
	flex-direction: row !important;
}

.spec_icons {
	width: 48px;
	height: 48px;
	object-fit: contain;
	display: block;
	transform: scale(1.1);
}

.spec_icon_name {
	text-align: center !important;
	font-size: 12px;
	color: black;
}

.speciality {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-direction: column;
	padding: 10px;
	gap: 10px;
	width: fit-content;
	width: 100%;
}

.confuse_section {
	text-align: left !important;
}

.confusion_tag {
	width: 200px;
	font-size: 28px;
}

.meet_designer_btn {
	padding: 20px;
	background: transparent;
	border-radius: 20px;
}

.feature_tag_2 {
	font-style: italic;
	font-weight: 100;
}

.sep_2 {
	width: 100%;
	height: 2px;
	border-radius: 20px;
	background: white;
	top: 10px;
	bottom: 10px;
	background: rgba(255, 255, 255, 0.6);
}

.more_features_section {
	padding: 20px;
	text-align: center;
}

.feature_image_wrap {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
	/* IMPORTANT */
}

.feature_image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	/* Base shadow */
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

	/* Smooth animation */
	transition: transform 0.45s ease, box-shadow 0.45s ease;
	will-change: transform;
}

.feature_image:hover {
	transform: scale(1.02);
	/* Deeper shadow on hover */
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

}

/* Gradient overlay */
.feature_image_wrap::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 20px;
	background: linear-gradient(135deg, rgba(230, 230, 255, 0.55), rgba(230, 230, 255, 0.85));
	pointer-events: none;
}

.feature {
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 15px;
}

.more_features_section {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.wrapper_1 {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 70%;
}

.wrapper_2 {
	width: 30%;
}

.features_collection {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.hide {
	display: none;
}

.hide-for-mobile {
	display: flex;
}

.review_collections {
	display: flex;
	gap: 20px;
	flex-direction: column;
}

.section_5 {
	display: flex;
	flex-direction: column;
	gap: 20px;
}


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

.right_section_2,
.right_section_1,
.left_section_1,
.left_section_2 {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form_section {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	height: fit-content;
}

#formStatus {
	text-align: center;
}

.form_body {
	background: #E6E6FF;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 40px;
	padding: 40px;
}

.form_boxes {
	display: flex;
	flex-direction: column;
	text-align: left;
	height: 100% !important;
	gap: 20px;
	width: 100% !important;
	justify-content: space-between;
}

.form_boxes2 {
	display: flex;
	flex-direction: column;
	text-align: left;
	height: 100% !important;
	gap: 20px;
	justify-content: space-between;
}

.form_definitions {
	width: 60%;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	text-align: left;
}

.tag_2 {
	font-size: 12px;
}

.form_boxes {
	width: 40%;
}

.contact-image-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 20px;
	overflow: hidden;
}

.contact_image {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.contact-image-wrap::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.15));
}

.designer_boxes {
	width: 100% !important;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid gainsboro;
}

.form_boxes {
	width: 100%;
}

input {
	width: 100%;
	padding: 10px;
	border-radius: 20px;
	border: none;
}

textarea {
	width: 100%;
	padding: 15px;
	border-radius: 30px;
	border: none;
	height: 150px;
}

.names {
	width: 100%;
	display: flex;
	gap: 20px;
}

.estimator, .getintouchbtn {
	padding: 10px;
	border-radius: 10px;
	background-color: teal;
	border: none;
	color: white;
}

#formStatus {
	margin-top: 14px;
	font-size: 14px;
	font-weight: 500;
}

.contact_box {
	width: 100%;
	background-color: #E6E6FF;
	height: auto;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.text-center {
	text-align: center;
}

.contact_data {
	display: flex;
	gap: 10px;
	font-size: 15px;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}

.hide-msg {
	display: none;
}

.copyright-text {
	font-size: 15px;
}

.social_media_quicklinks {
	display: flex;
	gap: 20px;
	align-items: center;
	color: rgb(6, 68, 68);
	justify-content: center;
	margin-top: 30px;
	/* add space from previous div */
	flex-wrap: wrap;
	/* if screen is small, icons wrap instead of overlapping */
}

.social_media_container {
	height: fit-content;
	width: fit-content;
	font-size: 15px;
}

.contact_collections {
	display: flex;
	color: rgb(62, 62, 62);
	gap: 20px;
	justify-content: space-between;
	align-items: flex-start;
	width: 80%;
	align-content: center;
}

.contact_us_logo {
	height: 120px;
}

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

.cc1 p {
	width: 50%;
}

.cc1_1 {
	font-size: 15px;
}

.cc2,
.cc3 {
	display: flex;
	width: 20%;
	flex-direction: column;
	gap: 20px;
	padding-top: 15px;
	height: fit-content;
}

a {
	color: inherit;
	/* uses parent/icon color */
	text-decoration: none;
	/* removes underline */
}

a:visited,
a:hover,
a:active,
a:focus {
	color: inherit;
	/* prevents color change */
	text-decoration: none;
}

.contact_heading {
	font-size: 25px;
}

.confusion_section {
	width: 100%;
}

.confusion_box {
	width: 100%;
	height: 65vh;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	text-align: center;
	padding: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 20px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("assets/buildings.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.mad {
	background-color: transparent;
	color: white;
	border-radius: 5px;
	text-align: left;
	width: fit-content;
	backdrop-filter: blur(15px);
	border: 2px solid white;
}

.confusion_box * {
	overflow-wrap: break-word;
	word-break: break-word;
}

.confusion_clearer {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.confusion_clearer button {
	padding: 20px;
	cursor: pointer;
	align-self: center;
}

.center_holder {
	height: 100vh;
	width: 100%;
	z-index: 999;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	/* shadow effect */
}

/* The Bell Shake Class */
.bell-shake:hover {
	display: inline-block;
	animation: bell-swing 0.6s ease-in-out both;
	transform-origin: top center;
}

/* Keyframes for the swinging motion */
@keyframes bell-swing {
	0% {
		transform: rotate(0);
	}

	15% {
		transform: rotate(15deg);
	}

	30% {
		transform: rotate(-12deg);
	}

	45% {
		transform: rotate(10deg);
	}

	60% {
		transform: rotate(-7deg);
	}

	75% {
		transform: rotate(4deg);
	}

	100% {
		transform: rotate(0);
	}
}

.loader_body {
	justify-content: center;
	align-items: center;
	align-content: center;
	display: flex;
	padding: 10px;
	background-color: white;
	border-radius: 20px;
}

.loader {
	height: 50px;
}

.loader_holder {
	height: 100vh;
	width: 100%;
	z-index: 999;
	position: fixed;
	justify-content: center;
	align-items: center;
	top: 0;
	align-content: center;
	display: flex;
	background-color: rgba(0, 0, 0, 0.5);
	/* shadow effect */
}

.mad_content {
	position: relative;
	background-color: #fff;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	height: fit-contents;
	width: 35%;
	padding: 40px;
	gap: 20px;
	background-image: url("assets/mad_bg.jpg");
	background-size: cover;
	background-position: center;

	box-shadow:
		0 8px 24px rgba(0, 0, 0, 0.12),
		0 16px 48px rgba(0, 0, 0, 0.08),
		0 32px 64px rgba(0, 0, 0, 0.06);

	position: relative;
	z-index: 10;
	overflow: hidden;
	/* important for rounded corners */
}

/* OVERLAY */
.mad_content::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.65);
	/* white dulling layer */
	z-index: 1;
}

/* CONTENT ABOVE OVERLAY */
.mad_content>* {
	position: relative;
	z-index: 2;
}


.mad_content_child {
	display: flex;
	gap: 10px;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}

.mad_img {
	height: 100%;
	border-radius: 20px 0px 0px 20px !important;
}

.mad_content_info {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
	padding: 20px;
}

.mad_closer {
	position: absolute;
	right: 30px;
	color:black !important;
	top: 55px;
	font-size: 20px;
	z-index: 900;
	cursor: pointer;
}

.poppins-bold {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.poppins-normal {
	font-family: "Poppins", sans-serif;
	font-weight: 400 !important;
	font-style: normal;
}

.logo_area img {
	transform: scale(1.3);
}

.st1 {
	fill: teal;

}

.st2 {
	fill: black;

}

/* Accent color */
.st3 {
	fill: black;
}

/* Primary color (mostly grey) */
svg .st0 {
	fill: black;
}

/* Accent color (red highlights) */
svg .st4 {
	fill: teal;
}

.bottom_section {
	padding: 20px;
	height: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.contact_datas {
	display: none;
}

.estimation_caller {
	position: fixed;
	bottom: 0;
	background-color: white;
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	align-content: center;
	transform: translateY(100%);
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.08);


}

.estimation_caller button {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: none;
	background-color: teal;
	color: white;
}

.submitter_clue {
	font-size: 10px;
	text-align: center;
}

.contact_datas_child {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 10px;
}

.contact_datas {
	display: none;
	gap: 20px;
	justify-content: center;
	align-content: center;
}

.whatsapp-btn {
	position: fixed;
	right: 0;
	/* sticks to right */
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	background-color: #25D366;
	border-radius: 30px 0px 0px 30px;
	display: flex;
	top: 60%;
	justify-content: center;
	align-items: center;
	cursor: grab;
	z-index: 9999;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	color: white;
	font-size: 28px;
	user-select: none;
}

.phone-btn {
	position: fixed;
	right: 0;
	/* sticks to right */
	width: 60px;
	height: 60px;
	background-color: white;
	border-radius: 30px 0px 0px 30px;
	display: flex;
	top: 70%;
	justify-content: center;
	align-items: center;
	cursor: grab;
	z-index: 9999;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	color: white;
	font-size: 28px;
	user-select: none;
}

.specialities_collection {
	overflow: hidden;
	height: fit-content;
	position: relative;
}

.specialities_fade {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	pointer-events: none;
	background: linear-gradient(to bottom,
			rgba(250, 250, 252, 0),
			#FAFAFC);
}


#toggleBtn {
	width: fit-content;
	padding: 20px;
	height: fit-content;
	align-self: center;
	border: none;
	background-color: teal;
	color: white;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 10px;
}

.final_caller {
	position: relative;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
	overflow: hidden;
	z-index: 0;
	/* create stacking context */
}

.final_caller::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.1;
	z-index: -1;
	/* 👈 pushes background behind content */
}


.info_holder {
	display: flex;
	gap: 10px;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.final_caller button {
	padding: 10px;
	background-color: teal;
	color: white;
	width: 100%;
	border-radius: 5px;
	border: none;
}

.icon_envelope {
	background-color: #E6E6E6;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section_2,
.section_3,
.section_4,
.confusion_section,
.more_features_section,
.form_section,
.section_5,
.final_caller, .confusion_section {
	border-bottom: 1px solid gainsboro;
}
.meeter_btn{
		padding: 10px;
	border-radius: 10px;
	background-color: teal;
	border: none;
	color: white;
}
.confusion_section{
	padding:60px;
	display: flex;
	gap:20px;
	flex-direction: column;
	background-color: rgb(244, 244, 244);
}
.desktop_track{
	display:none;
}