@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");

:root {
	--btm-primary: #0f766e;
	--btm-primary-dark: #0d5f59;
	--btm-accent: #d97706;
	--btm-dark: #0f172a;
	--btm-muted: #64748b;
	--btm-surface: #f8fafc;
	--btm-border: #e2e8f0;
	--btm-radius: 16px;
	--btm-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

body.btm-site {
	font-family: "Plus Jakarta Sans", sans-serif;
	color: #334155;
	background: #fff;
}

body.btm-site h1,
body.btm-site h2,
body.btm-site h3,
body.btm-site h4,
body.btm-site h5,
body.btm-site h6,
body.btm-site .h1,
body.btm-site .h2,
body.btm-site .h3,
body.btm-site .h4,
body.btm-site .h5,
body.btm-site .h6 {
	font-family: "Fraunces", serif;
	color: var(--btm-dark);
	letter-spacing: -0.02em;
}

body.btm-site a:hover,
body.btm-site a:focus {
	color: var(--btm-primary);
}

body.btm-site .top-header {
	background: linear-gradient(135deg, var(--btm-dark) 0%, #1e293b 100%);
}

body.btm-site .top-header .contact-area li,
body.btm-site .top-header .contact-area a,
body.btm-site .top-header .contact-area span {
	color: #e2e8f0 !important;
}

body.btm-site .navbar-area {
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(12px);
	box-shadow: 0 1px 0 var(--btm-border);
}

body.btm-site .main-navbar {
	padding-top: 10px;
	padding-bottom: 10px;
}

body.btm-site .navbar-nav .nav-link {
	color: var(--btm-dark) !important;
	font-weight: 600;
	padding: 10px 16px !important;
	border-radius: 999px;
}

body.btm-site .navbar-nav .nav-link.active,
body.btm-site .navbar-nav .nav-link:hover {
	color: var(--btm-primary) !important;
	background: rgba(15, 118, 110, 0.08);
}

body.btm-site .default-btn {
	background: linear-gradient(135deg, var(--btm-primary) 0%, #14b8a6 100%) !important;
	border-radius: 999px !important;
	box-shadow: 0 10px 30px rgba(15, 118, 110, 0.25);
	padding: 14px 28px !important;
	font-weight: 700;
	letter-spacing: 0.01em;
}

body.btm-site .default-btn.two,
body.btm-site .default-btn.three {
	background: linear-gradient(135deg, var(--btm-accent) 0%, #f59e0b 100%) !important;
	box-shadow: 0 10px 30px rgba(217, 119, 6, 0.22);
}

body.btm-site .default-btn.wBtn {
	background: #22c55e !important;
	box-shadow: 0 10px 30px rgba(34, 197, 94, 0.22);
}

body.btm-site .banner-area,
body.btm-site .bg-color,
body.btm-site .appointment-area.bg-color,
body.btm-site .agency-area.bg-color,
body.btm-site .team-area.bg-color,
body.btm-site .contact-area.bg-color {
	background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
}

body.btm-site .banner-text span,
body.btm-site .section-title-one span,
body.btm-site .section-title-two span {
	color: var(--btm-primary);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px;
}

body.btm-site .banner-text h1 {
	font-size: clamp(2rem, 4vw, 3.4rem);
	line-height: 1.1;
}

body.btm-site .banner-img .shape-1,
body.btm-site .banner-img .shape-2,
body.btm-site .about-img .shape-1,
body.btm-site .about-img .shape-2,
body.btm-site .about-img .shape-3,
body.btm-site .special-img .shape-1,
body.btm-site .special-img .shape-2 {
	display: none;
}

body.btm-site .banner-img .image-1 img,
body.btm-site .banner-img .image-2 img,
body.btm-site .banner-img .image-3 img,
body.btm-site .about-img .main-img img,
body.btm-site .special-img .img-main img,
body.btm-site .agency-img img,
body.btm-site .offer-img img {
	border-radius: var(--btm-radius);
	box-shadow: var(--btm-shadow);
}

body.btm-site .work-card,
body.btm-site .service-card,
body.btm-site .team-card,
body.btm-site .contact-form,
body.btm-site .contact-info {
	background: #fff;
	border: 1px solid var(--btm-border);
	border-radius: var(--btm-radius);
	box-shadow: var(--btm-shadow);
}

body.btm-site .work-card,
body.btm-site .service-card {
	padding: 32px 28px;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.btm-site .work-card:hover,
body.btm-site .service-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

body.btm-site .work-card i,
body.btm-site .service-card .main-icon {
	color: var(--btm-primary) !important;
	background: rgba(15, 118, 110, 0.1);
	width: 64px;
	height: 64px;
	line-height: 64px;
	border-radius: 18px;
}

body.btm-site .page-banner-area {
	background: linear-gradient(135deg, var(--btm-dark) 0%, #134e4a 100%) !important;
}

body.btm-site .page-banner-area .page-content h2,
body.btm-site .page-banner-area .page-content ul,
body.btm-site .page-banner-area .page-content a {
	color: #fff !important;
}

body.btm-site .form-control {
	border-radius: 12px;
	border-color: var(--btm-border);
	padding: 14px 16px;
	min-height: 52px;
}

body.btm-site .form-control:focus {
	border-color: var(--btm-primary);
	box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.12);
}

body.btm-site .footer-bottom-area {
	background: var(--btm-dark);
}

body.btm-site .footer-bottom-area p,
body.btm-site .footer-bottom-area a {
	color: #cbd5e1 !important;
}

body.btm-site .go-top {
	background: var(--btm-primary) !important;
}

body.btm-site .section-title-one h2,
body.btm-site .section-title-two h2 {
	position: relative;
	padding-bottom: 14px;
}

body.btm-site .section-title-one h2::after,
body.btm-site .section-title-two h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 72px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--btm-primary), #14b8a6);
}

body.btm-site .section-title-one {
	text-align: left;
}

body.btm-site .team-card img {
	border-radius: var(--btm-radius) var(--btm-radius) 0 0;
}

body.btm-site .statusBar.greenBar {
	background: #ecfdf5;
	color: #065f46;
	border: 1px solid #a7f3d0;
	border-radius: 12px;
	padding: 12px 16px;
	margin-bottom: 16px;
}

body.btm-site .statusBar.redBar,
body.btm-site .statusBar.redBar1 {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fecaca;
	border-radius: 12px;
	padding: 12px 16px;
	margin-bottom: 16px;
}

body.btm-site .preloader {
	background: #fff;
}

body.btm-site .site-logo img {
	height: 42px;
	width: auto;
}

@media (max-width: 767px) {
	body.btm-site .ptb-100 {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}