.logo{

            font-size: 25px; 
            color:white;
            font-weight: bold; 
            transition: 0.3s ease;
            font-family: 'Roboto', sans-serif;
            padding-right: 200px;
            letter-spacing: 1px;
            padding-left: 50px;

        }

        .navbar a{
            font-size: 18px; 
            color:white;
            margin-left:70px; 
            font-weight: bold; 
            transition: 0.3s ease;
            font-family: 'Roboto', sans-serif;

        }



        .header{
        
            position: fixed;
            top: 0; 
            left: 0; 
            width:100%;
            padding: 25px; 
            background:#86af49;
            
            display: flex;
            
            align-items: center; 
            
        
        
        }

        .header .navbar a:hover{
            color: black;
        }


        .header .navbar a.active{
            color: black;
        }


        .header .navbar a{
            text-decoration: none;
        }


        .header .navbar a:hover{
            text-decoration: underline;
        }

        .in{
            padding-top: 230px;
            font-size: 20px; 
            color:black;
            font-family: 'Roboto', sans-serif;
            padding-left: 20px;


        }

        .in1{
            font-size: 40px; 
            color:black;
            font-family: 'Roboto', sans-serif;
            margin:0%;  
            padding-left: 40px;


        }

        .AK{
            color: #d5e1df;
        }

        .Akhil{
            color: #86af49;
            
        }

        .hero-image {
            position: absolute;
            top: 200px;      /* Adjust as needed */
            right: 150px;    /* Adjust as needed */
            width: 350px;
        }

.cta-button1 {
    position: absolute;
    top: 600px;      /* Adjust as needed */
    left: 50px;    /* Adjust as needed */
    padding: 10px 20px;
    font-size: 16px;
    background-color: white;
    color: black;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    border: 2px solid #86af49;
}

.cta-button2 {
    position: absolute;
    top: 600px;      /* Adjust as needed */
    left: 200px;    /* Adjust as needed */
    padding: 10px 20px;
    font-size: 16px;
    background-color: #86af49;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}