@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Lora:wght@400;600&family=Poppins:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

@import 'navbar.css';
@import 'carousel.css';
@import 'home.css';
@import 'about.css';
@import 'services.css';
@import 'contacts.css';
@import 'footer.css';
@import 'gallery.css';
@import 'testimonials.css';
@import 'blog.css';
@import 'faq.css';
@import 'script.js';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3 {
  font-family: 'Dancing Script', sans-serif !important;
  font-size: 2.5rem;

}

body,
p,
a,
li,
span,
input,
textarea,
button {
  font-family: 'Dancing Script', sans-serif !important;
  font-size: 18px;
}

a {
  text-decoration: none;
  color: #E0A75E;
  transition: all 0.3s ease;
}

body {
  color: #2c3e50;
  line-height: 1.6;
  background-color: #f9f9f9;
  overflow-x: hidden;
  /* prevent horizontal scroll */
}

section {
  padding: 80px 0;
}

.title,
.logo-text {
  font-family: 'Lobster', cursive !important;
  font-size: 2.5rem;
}

.section-title {
  font-size: 2.5rem;
  margin-bottom: 40px;
  text-align: center;
  color: #E0A75E;
  position: relative;
}

@media (max-width: 768px) {
    .section-title {
        font-size: 1.8rem;
    }
}

.section-title:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #E0A75E;
  margin: 15px auto;
}