import React from 'react'
import Title from '../UI/Title';
import Point2 from '../RichText_Points2/Point2';
import DocumentsAdd from '../../icons/DocumentsAdd';
import Shield from '../../icons/Shield';

const Documents = () => {
    return (
        <section className="py-[90px] max-md:py-9 max-sm:px-3 max-md:px-6 bg-[#F7F7FF]">
            <div className="container mx-auto">
                <Title titleClass='max-w-[500px]' className='mb-[70px] max-md:mb-8' subtitle='Полезные документы для более полного ознакомления с нашей компанией'>Документы компании</Title>
                <div className="flex justify-between items-start max-lg:flex-col">
                    <div className="flex flex-col basis-1/2 mr-10 max-lg:mr-0">
                        <Point2 Ico={DocumentsAdd} title='Полис страхования ответственности' text='Наша ответственность перед Вами застрахована в `Альфа Страхование` на 20 000 000 руб.!'/>
                        <Point2 Ico={Shield} title='Договор публичной оферты' text='Услуги для физических лиц оказываются на основании договора публичной оферты.'/>
                    </div>
                    <div className="flex flex-col items-start text-slate-600 leading-normal text-lg max-lg:text-base font-normal basis-1/2 mr-6 max-lg:mr-0">
                        <p className='mb-7 max-lg:mb-5'>Мы рады предоставить вам доступ к некоторым обязательным к опубликованию и важным документам нашей компании.</p>
                        <p className='mb-[30px] max-lg:mb-5'>Мы придаем большое значение прозрачности и открытости в своей деятельности, и эти документы помогут вам более полно понять нашу организацию.</p>
                        <p>Мы надеемся, что эти документы помогут вам получить полное представление о нашей компании и ее ценностях.</p>
                    </div>
                </div>
            </div>
        </section>
    )
}

export default Documents;