@import url('https://fonts.googleapis.com/css2?family=Bitcount+Grid+Double:wght@100..900&family=Bitcount+Prop+Double+Ink:wght@100..900&family=Irish+Grover&family=Mansalva&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

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

    body{
      font-family: Arial, Helvetica, sans-serif;
      line-height:1.6;
      background:#f5f7f8;
      color:#333;
    }

    header{
      background:#7A9E9F;
      color:white;
      padding:40px 20px;
      text-align:center;
    }

    header h1{
      font-size:3rem;
      font-family: "Montserrat", sans-serif;
      margin-bottom:10px;
    }

    header h2{
      font-size:2rem;
      font-family: "Montserrat", sans-serif;
      margin-bottom:10px;
    }

    header p{
      font-size:1.2rem;
      font-family: "Montserrat", sans-serif;
    }

    nav{
      background:#5D7D7E;
      text-align:center;
      padding:15px;
    }

    nav a{
      color:white;
      text-decoration:none;
      margin:0 15px;
      font-weight:bold;
    }

    nav a:hover{
      text-decoration:underline;
      color: #ccc;
    }

    nav a.active{
      color: black;
      background-color: #7A9E9F;
      padding: 14px;
      border-radius: 15px;

    }

    .hero{
      background:white;
      padding:60px 20px;
      text-align:center;
    }

    .hero h2{
      font-size:2.2rem;
      margin-bottom:20px;
      color:#4D6667;
    }

    .hero p{
      max-width:700px;
      margin:0 auto 25px auto;
      font-size:1.1rem;
    }

    .btn{
      display:inline-block;
      background:#7A9E9F;
      color:white;
      padding:14px 28px;
      text-decoration:none;
      border-radius:30px;
      transition:0.3s;
    }

    .btn:hover{
      background:#5D7D7E;
    }

    /* Unvisited link */
    a:link {
      color: #103F46;
      text-decoration: none;
    }

    /* Visited link */
    a:visited {
      color: #103F46;
    }

    /* Mouse over link */
    a:hover {
      color: black;
      text-decoration: underline;
    }


    .services{
      padding:60px 20px;
      text-align:center;
    }

    .services h2{
      margin-bottom:40px;
      color:#4D6667;
    }

    .service-boxes{
      display:flex;
      justify-content:center;
      gap:20px;
      flex-wrap:wrap;
    }

    .box{
      background:white;
      padding:30px;
      width:300px;
      border-radius:12px;
      box-shadow:0 4px 10px rgba(0,0,0,0.1);
    }

    .box h3{
      margin-bottom:15px;
      color:#7A9E9F;
    }

    .contact{
      background:#e9efef;
      padding:60px 20px;
      text-align:center;
    }

    .contact h2{
      margin-bottom:20px;
      color:#4D6667;
    }

    footer{
      background:#5D7D7E;
      color:white;
      text-align:center;
      padding:20px;
    }


    /*about page */
    .provider-container{
    max-width: 900px;
    margin: 40px auto;
    background: #ffffff;
    border-radius: 18px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-top: 6px solid #5D7D7E;;
    font-family: Arial, sans-serif;
    line-height: 1.8;
    color: #444;
    }

    .provider-header{
        margin-bottom: 25px;
    }

    .provider-header h2{
        margin: 0;
        font-size: 2rem;
        color: #2f2f2f;
    }

    .provider-header h3{
        margin-top: 8px;
        font-size: 1.1rem;
        font-weight: normal;
        color: #5D7D7E;;
        letter-spacing: 1px;
    }

    .provider-container p{
        margin-bottom: 18px;
        font-size: 1.05rem;
    }

    .highlight-box{
        background: #f7f5ff;
        border-left: 5px solid #5D7D7E;;
        padding: 18px 22px;
        border-radius: 10px;
        margin-top: 25px;
    }


    @media (max-width:768px){

      header h1{
        font-size: 24px;
      }

      header h2{
        font-size: 18px;
      }

     /* .hero h2{
        font: size 22px;
      }*/

      nav a{
        display:block;
        margin:10px 0;
      }

      .box{
        width:100%;
        max-width:350px;
      }

       .provider-container{
        padding: 25px;
        margin: 20px;
    }

    .provider-header h2{
        font-size: 1.6rem;
    }

    img {
        width: 50%;
        height: auto;

    }

    .print-btn {
      display: none !important;
    }
        
    }