@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Cormorant+Garamond:wght@500;600;700&display=swap');

:root {
  --snow: #F7FAFC;
  --slate: #5D6B7A;
  --pine: #355C4B;
  --ice: #BFD7EA;
  --navy: #17324D;
  --mist: rgba(191, 215, 234, 0.36);
  --white: #ffffff;
}

html, body {
  background: var(--snow) !important;
  color: var(--slate) !important;
  font-family: 'DM Sans', Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.slide-title h2,
.section-title h2,
.section-title-s3 h2,
.category-title h2,
.offer-title h2,
.navbar-brand {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: var(--navy) !important;
  letter-spacing: -0.02em;
}

p, li, a, input, textarea, button {
  font-family: 'DM Sans', Arial, sans-serif !important;
}

a { color: var(--pine); }
a:hover { color: var(--navy); }

.section-padding { padding-top: 105px; padding-bottom: 105px; }

.site-header,
.header-style-1,
.navigation {
  background: rgba(247, 250, 252, 0.94) !important;
  box-shadow: 0 12px 38px rgba(23, 50, 77, 0.08);
  backdrop-filter: blur(14px);
}

.navbar-brand {
  color: var(--navy) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
}

.navigation .navbar-nav > li > a {
  color: var(--navy) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}

.navigation .navbar-nav > li > a:hover { color: var(--pine) !important; }

.hero.hero-style-1 {
  background:
    radial-gradient(circle at 18% 12%, rgba(191, 215, 234, 0.72) 0, rgba(191, 215, 234, 0) 32%),
    linear-gradient(135deg, #F7FAFC 0%, #EDF6FC 48%, #DDEBF4 100%) !important;
  min-height: 780px;
  overflow: hidden;
}

.hero .slide-caption {
  background: rgba(255,255,255,0.74);
  border: 1px solid rgba(191, 215, 234, 0.72);
  border-radius: 34px;
  box-shadow: 0 34px 80px rgba(23, 50, 77, 0.13);
  padding: 58px 46px;
  margin-top: 120px;
}

.hero .slide-title h2 {
  font-size: clamp(48px, 6vw, 88px) !important;
  line-height: 0.92 !important;
  text-transform: none !important;
}

.hero .slide-title h2 span {
  color: var(--pine) !important;
  display: inline;
}

.right-image .simg-1 img,
.category-img img,
.product-img img,
.offer-img img,
.img-holder img,
.testimonial-img img,
.blog-img img {
  border-radius: 30px !important;
  box-shadow: 0 30px 70px rgba(23, 50, 77, 0.15);
}

.right-image .simg-1 img {
  border-radius: 42px !important;
  border: 10px solid rgba(255,255,255,0.86);
}

.category-area,
.product-area,
.testimonial-area {
  background: var(--snow) !important;
}

.category-wrap,
.product-item,
.project-inner,
.blog-item,
.contact-form-area,
.contact-details,
.offer-wrap,
.testimonial-item,
.pt-cus .container {
  background: rgba(255,255,255,0.86) !important;
  border: 1px solid rgba(191, 215, 234, 0.76) !important;
  border-radius: 30px !important;
  box-shadow: 0 22px 60px rgba(23, 50, 77, 0.09) !important;
}

.category-wrap, .contact-details, .contact-form-area, .offer-wrap, .pt-cus .container {
  padding: 38px !important;
}

.category-item {
  border-bottom: 1px solid rgba(191, 215, 234, 0.72) !important;
}
.category-item:last-child { border-bottom: 0 !important; }
.category-content h2,
.product-content h3,
.blog-content h3,
.details h3 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: var(--navy) !important;
}

.product-content,
.blog-content,
.hover-content {
  background: rgba(247,250,252,0.92) !important;
  border-color: rgba(191,215,234,0.8) !important;
}

.offer-area {
  background: linear-gradient(135deg, rgba(53,92,75,0.95), rgba(23,50,77,0.96)) !important;
}
.offer-title small,
.offer-title h2,
.offer-title h2 span,
.offer-wrap p { color: #fff !important; }
.offer-wrap { background: rgba(255,255,255,0.11) !important; border-color: rgba(255,255,255,0.24) !important; }

.theme-btn, button.theme-btn, .submit-area button {
  background: var(--pine) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: 0 !important;
  padding: 16px 34px !important;
  box-shadow: 0 18px 40px rgba(53,92,75,0.24) !important;
  font-weight: 700 !important;
}
.theme-btn:hover, button.theme-btn:hover { background: var(--navy) !important; }

.form-control, textarea {
  background: #fff !important;
  border: 1px solid rgba(191, 215, 234, 0.9) !important;
  border-radius: 18px !important;
  color: var(--navy) !important;
}
.form-control:focus, textarea:focus {
  border-color: var(--pine) !important;
  box-shadow: 0 0 0 4px rgba(191,215,234,0.35) !important;
}

.tp-site-footer {
  background: var(--navy) !important;
  color: rgba(255,255,255,0.78) !important;
}
.tp-site-footer h3,
.tp-site-footer a,
.tp-site-footer p,
.tp-site-footer li { color: rgba(255,255,255,0.84) !important; }
.tp-lower-footer { background: rgba(0,0,0,0.15) !important; }

.cookie-banner-center {
  border-radius: 28px !important;
  border: 1px solid rgba(191,215,234,.9) !important;
  box-shadow: 0 28px 70px rgba(23,50,77,.18) !important;
}
.cookie-btn.accept { background: var(--pine) !important; }
.cookie-btn.manage { color: var(--navy) !important; }

@media (max-width: 991px) {
  .hero.hero-style-1 { min-height: auto; padding: 120px 0 80px; }
  .hero .slide-caption { margin-top: 40px; padding: 34px 28px; }
  .section-padding { padding-top: 72px; padding-bottom: 72px; }
}