EVOLUTION-NINJA

Edit File: medu-ai.php

<?php
    echo view('NewIncludes/Header');    
?>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-2 ">
            <?php echo view('NewIncludes/Home-Sidebar.php');?>
        </div>
        <div class="col-sm-10">
            <section class="rig-ai">
                <div class="container">
                    <div class="row mb-3">
                        <div class="col-sm-12 ali">
                            <img src="images/MeduAi_Logo 1.png" alt="medu ai" class="img-fluid mt-3 mx-auto d-block">
                            <p>MeduAI is an innovative conversational AI developed by Medusys. It serves as an intelligent virtual assistant, capable of engaging in natural language conversations with doctors.</p>
                            <p>MeduAI is your ultimate companion for staying informed, making informed decisions, and delivering exceptional patient care.</p>
                            <p>Try it out today and experience the future of anesthesia technology!</p>
                        
                        </div>
                    </div>
                    <div class="row mb-4 ans-height">
                        
                        <div class="col-sm-8 ans-ais">
                            <h4><b>Anesthesia</b></h4>
                            <span class="ai-text"><img src="images/ai-ans-img.png" alt="ans-ai"> Answer</span>
                            <p class="pt-2">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Reiciendis commodi illo quod eos quibusdam, exercitationem tempore quisquam quae quia rem maxime quam, dolore quo provident accusamus. A itaque aliquid consectetur  dolore quo provident accusamus. A itaque aliquid consectetur.</p>
                            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui, necessitatibus? Accusantium, quasi ex iusto eveniet esse blanditiis excepturi at nisi quibusdam aut. Laudantium non natus debitis facilis nulla vel deserunt!</p>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt magni culpa incidunt ratione suscipit! Hic tempora commodi distinctio repellendus .</p>
                        </div>
                        
                        <div class="col-sm-4">
                            <div class="row">
                                <div class="col-sm-12">
                                    <img src="images/Anesthesia_share 1.png" alt="" class="img-ai">
                                </div>
                            </div>
                            <div class="row pt-2">
                                <div class="col-sm-6">
                                    <img src="images/Anesthesia_share 1.png" alt="" class="img-ai" >
                                </div>
                                <div class="col-sm-6">
                                    <img src="images/Anesthesia_share 1.png" alt="" class="img-ai">
                                </div>
                            </div>
                            <div class="row pt-2">
                                <div class="col-sm-6">
                                    <img src="images/Anesthesia_share 1.png" alt="" class="img-ai" >
                                </div>
                                <div class="col-sm-6">
                                    <img src="images/Anesthesia_share 1.png" alt="" class="img-ai">
                                </div>
                            </div>
                        </div>

</div>

<div class="row">
                        <div class="col-sm-12 search-ques">
                            <h3><b>Where Knowledge Begins</b></h3>
                            
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-1"></div>
                        <div class="col-sm-9">
                            <div class="inp-ques">
                                <input type="search" name="" id="" class="form-control ">
                                
                                <img src="images/Sign_in.png" class="search-icon" alt="search icon">
                            </div>
                            <div class="row">
                                <div class="col-sm-5"></div>
                                <div class="col-sm-2">
                                    <button type="button" class="btn mt-2 clr-btn">Clear &nbsp;<img src="images/foc-Icon.png" alt="Clear-img" width: 35%;></button>
  
                                </div>
                                <div class="col-sm-5"></div>
                            </div>
                        </div>
                        <div class="col-sm-2"></div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>

}
    .search-icon {
        position: absolute;
        top: 27%;
        right: 35px;
        transform: translateY(-50%);
        color:#0f0e0e;
        font-size: x-large;
    }
    .ans-height{
        height: 360px;
        /* overflow-y: hidden; */
    }
    .ans-ais{
        height: 360px;
        overflow-y: auto;
    }
    .rig-ai{
        border: 2.5px dotted rgba(0, 152, 205, 1);
    width: 98%;
    margin: 15px;
    border-radius: 10px;
    background: linear-gradient(301.51deg, #B5ECFF 0%, #FFFFFF 101.59%);
    height: 770px;
    }
    .ali p{
        text-align: center !important;
        color:  rgba(0, 78, 141, 1);

}
    .ans-ais{
        background-color: white;
        border-radius: 6px;
        width: 100%;
        padding: 20px;
    }
    .ai-text{
        font-size: 18px;
    }
    .img-ai{
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
    .search-ques h3{
        text-align: center;
       color: rgba(0, 55, 119, 1);

}
    .inp-ques input{
        width: 100%;
        border-radius: 25px;
        padding: 10px;
    }
    .inp-ques{
        background-color: white;
        padding: 10px;
        border-radius: 30px;
    }
    .side-nav {
    min-height: 800px !important;
    }
    @media only screen and (max-width: 600px){
        .rig-ai{
            width: 92% !important;
            height: 912px !important;
        }
        .clr-btn{
            margin-left: 100px;
        }
        .img-ai{
            padding: 10px;
        }
        .ans-height{
        height: 360px;
        overflow-y: scroll;
    }
    .ans-ais{
       
        overflow-y: hidden;
    }
    }
</style>

<?php echo view('NewIncludes/Footer.php');?>