body, button, input, select, textarea, .ast-button, .ast-custom-button {
    font-family: 'Open Sans', sans-serif;
  }
  
      a:hover{
          color:#C19C6B;
      }
      .navbar-dark .navbar-nav .nav-link{
          font-size:13px;
          color:black;
          z-index:3;
      }
      .card {
        transition: all 0.3s ease;

        }

     .card:hover {

       border-bottom: 5px solid #09AEB8 !important;

        }
      
             #about h4 {
            font-size: 45px;
        }
        .home-box{
            height:80vh;
            border:1px solid red;
        }
        
        .home-box {
            height: 500px;
            border:1px solid red;
        }
        #services h2{
            font-size:40px;
            font-family: 'Josefin Sans', sans-serif
        }
        #services h1{
            font-size:50px;
            font-weight:bold;
        }
        .vertical-line {
            height:50px;  /* Adjust height */
            width: 3px;
            margin: 20px auto;
        }
        #blog i{
            color:#09AEB8;
            font-size:12px;
        }
        #blog p{
            font-size:13px;
        }
        
      



        
        /* Mobile Responsive Styles */
        @media (max-width: 768px) {
           
            #about h4 {
                font-size: 22px; /* Reduced size for mobile */
               
            }
            
            .about-box {
                height:auto; /* Adjusted height for mobile */
                max-width: 100%; /* Added responsive width */
            }
           
           
        }
        
          @media (min-width: 769px) and (max-width: 821px) { 
             #about h4 {
                font-size: 22px; /* Reduced size for mobile */
               
            }
          }