---
interface Props {
    data:any
}
const {data}=Astro.props;
// console.log(JSON.stringify(data.section_one_title1),"data");
---
<div class="cs-banner-section main-home-sec">
    <div class="d-table container">
        <div class="d-table-cell">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-12">
                        <div class="banner-content">
                            <h1 class="text-blue1">
                                {
                                    data.section_one_title1
                                }
                                <b class="text-dark-blue">
                                    {
                                        data.section_one_title2
                                    }</b
                                >
                            </h1>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-12">
                        <div class="banner-r">
                            <p>
                                {
                                    data.section_one_content
                                }
                            </p>
                            <div class="my-3">
                                <a
                                    href="/contactus"
                                    class="btn btn-primary default-btn rubik-semibold"
                                    >{
                                        data.section_one_button
                                    }</a
                                >
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>