body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    background-color: rgba(6, 154, 152, 0.098);
  }
  
  .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  header {
    padding: 20px 0;
  }
  
  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  header img {
    width: 250px; /* Set the width */
    height: auto; /* Maintain aspect ratio */
  }


  
  nav {
    display: flex;
  }
  
  .nav-link {
    font-size: 16px;
    font-weight: bold;
    color: #069a97;
    text-decoration: none;
    margin-right: 220px;
    display: flex;
  justify-content: center;
  }
  
  .nav-link:hover {
    text-decoration: underline;
  }
  
  .buttonbutton {
    background-image: linear-gradient(to right, #069a97 0%, #023433 100%);
    color: white;
    padding: 20px 80px;
    border: none;
    border-radius: 20px;
    text-decoration: none;
    font-size: 16px;
    font-weight:bold;
    cursor: pointer;
  }

  
  
  h1 {
    font-size: 45px;
    font-weight:1000;
    margin-left: 70px;
    margin-right: 120px;
    margin-top:40px;
    display: flex;
  align-items: center;
  display:flex;
  }

  .title-text { 
  color: linear-gradient(20% #069a97, 80% #014340);
  background: linear-gradient(to right, #023433, #069a97);
	background-clip: text;
	color: transparent;
margin-bottom:-30px;
  }

h1 img {   
   width: 500px;
    height: auto;
  }

  .headerphoto {
margin-right:-200px;
  }
  
  hr {
    width: 554px;
    margin-left: 70px;
    margin-top: 5px;
    border: none;
    border-top: 5px solid #333;
  }

  
  p {
    font-size: 20px;
    margin-top:30px;
    margin-left: 70px;
    margin-right: 280px;
  } 

  
  .button-container {
    display: flex;
    margin-top:80px;
    margin-bottom:80px;
    margin-left:50px;
    gap: 80px; /* Space between buttons */
  }

  .separate {
    display:block;
  }
  
  .button {
    display:flex;
    align-items: center;
    background-color: white;
    color: #000000;
    padding:10px 20px;
    border: none;
    border-radius: 20px;
    text-decoration:none;
    font-size: 12px;
    font-weight: medium;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    
  }
  
  .button-icon {
    width: 30px; /* Adjust the size as needed */
    height: auto;
    margin-right: 10px; /* Space between the icon and the text */
  }

  
  
  .footer {
    background-color: #fff;
    width: 100%;
    padding: 20px;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 50px;
  }
  
  .footer-content {
    display: flex; /* Change to flex */
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* Allow items to wrap */
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }
  
  .footer-content h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  
  .contact-item {
    display: flex; /* Change to flex */
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size:12px;
    font-weight:bold;
  }
  
  .contact-item:not(:last-child) {
    margin-right: 20px; /* Add margin between items */
  }
  
  .contact-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }

  










  @media (max-width: 480px){

    header {
        padding: 10px 0;
        margin-left:10px;
    }

    header img {
        width: 100px; /* Set the width */
        height: auto; /* Maintain aspect ratio */
      }

      .buttonbutton {
        background-image: none;
        color: #069a97;
        border: none;
        text-decoration:underline;
        font-size: 8px;
        font-weight:bold;
        cursor: pointer;
        margin-top:10px;
        margin-left:55px;
        margin-right:-20px;
      }

      h1 {
        font-size: 20px;
        font-weight:1000;
        display: flex;
        justify-content: center;
        align-items: center;
        
      }

      h1 img {   
        display:none;
       }

       .title-text { 
        color: linear-gradient(20% #069a97, 80% #014340);
        background: linear-gradient(to right, #023433, #069a97);
        background-clip: text;
        color: transparent;
        margin-top:-25px;
        margin-bottom:1px;
        margin-left:-40px;
        margin-right:-20px;

        }

        .headerphoto {
            margin-right:-80px;
              }

              hr {
                width: 200px;
                margin-left: 30px;
                margin-top: 2px;
                border: none;
                border-top: 3px solid #333;
              }

              p {
                font-size: 8px;
                margin-top:10px;
                margin-left: 30px;
                margin-right: 50px;
              } 
              
              .button-container {
                display: flex;
                flex-direction: column;
                margin-top:30px;
                margin-bottom:30px;
                margin-left:20px;
                gap: 20px; /* Space between buttons */
              }   
              
              .button {
                display:flex;
                align-items: center;
                background-color: white;
                color: #000000;
                padding:5px 10px;
                border: none;
                border-radius: 5px;
                text-decoration:none;
                font-size: 6px;
                font-weight: medium;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                margin-right:50px;
                
              }

              .button-icon {
                width: 10px; /* Adjust the size as needed */
                height: auto;
                margin-right: 5px; /* Space between the icon and the text */
              }

              .footer {
                background-color: #fff;
                width:100%;
                padding: 10px;
                box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                margin-top: 20px;
               
              }

              .footer-content {
                display: flex; /* Change to flex */
                flex-direction: column;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap; /* Allow items to wrap */
                width: 90%;
                max-width: 480px;
                margin: 0 auto;
                text-align: center;
              }

              .contact-item {
                display: flex; /* Change to flex */
                align-items:left;
                justify-content:left;
                margin-bottom: 5px;
                font-size:6px;
                font-weight:bold;
              }

              .contact-icon {
                width: 10px;
                height: 10px;
                margin-right: 5px;
              }
      
  }