@import url("https://fonts.googleapis.com/css?family=Poppins:400,600,700|Rubik:400,600,700&display=swap");

html, body {
  overflow-x: hidden;
  width: 100%;
}

html, body {
  overflow-x: hidden;
  width: 100%;
}

/* Reset and Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Common text styles for all pages */
:root {
  --text-01: var(--kt-text-primary);
  --light-01: #FFFFFF;
  --light-02: #FFFFFF;
  --brand-01: #3699ff;
  --brand-02: #F4CFC6;
}

body {
  font-family: 'Poppins', 'Rubik', sans-serif;
  background-image: url("../images/bg-gradient.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

@media (max-width: 1440px) {
    body {
        background-position: top 20% center;
        background-size: 150%;
    }
}

@media (max-width: 768px) {
    body {
        background-position: top 20% center;
        background-size: 1000%;
    }
}

.section, section {
  background: transparent !important;
}
body {
  -webkit-font-smoothing: antialiased;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: var(--text-01);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #3699ff;
  line-height: 1.3;
}

p {
  font-size: 1.1rem;
  line-height: 1.8;
  color: var(--kt-text-secondary);
  margin-bottom: 1.5rem;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Section Styles */
.section {
    padding: 80px 0;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}


/* Font Awesome display swap */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2");
}