@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600&family=Domine:wght@400;500;600;700&family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
*{
    font-family: 'Cairo', sans-serif;
}
/* Add this to your style.css */
body {
 background-color: #045502 !important; /* Green green solid background */
  min-height: 100vh;
  transition: background-color 0.3s ease;
}
.home{
 
   background-image: url('../image/');
    background-size: cover;
    background-repeat: no-repeat;
    background-position:left;
    background-attachment: fixed;
    width: 100%;
    min-height: 100vh;
    height: 100vh;
    /*mahasallam7734710@gmail.com00*/
   
}
/* Responsive aspect ratios */
.ratio {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.ratio::before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 ratio */
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Mobile aspect ratio */
@media (max-width: 768px) {
  .ratio::before {
    padding-top: 75%; /* 4:3 ratio for mobile */
  }
}

@media (max-width: 480px) {
  .ratio::before {
    padding-top: 66%; /* 3:2 ratio for tiny screens */
  }
}

/* Remove all previous showcase styles */

.words-section {
  background-color: #045502; /* Matches your body background */
  padding: 80px 0;
}

.words-section .text-center {
  color: white;
}

.words-section h2 {
  font-weight: 700;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.words-section .lead {
  font-size: 1.25rem;
  font-weight: 300;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}