import {  ArrowRightCircleIcon } from '@heroicons/react/20/solid';
import Image from 'next/image'
import React from 'react'

const Condition = () => {
  return (
    <div className="px-10 lg:px-24 bg-gray-50">
      <div className="flex flex-col lg:flex-row items-center justify-center gap-9">
        <div className="lg:w-1/2 ">
          <h1 className="text-vert_fonce font-bold text-text_title mb-5">
            Conditions d'admissions
          </h1>
          <div className="text-justify text-xl flex flex-col gap-4">
            <div className="inline-flex gap-2 ">
              <span>
                <ArrowRightCircleIcon height={20} className="text-vert_fonce" />
              </span>
              Tous nos programmes sont ouverts à toute personne intéressée,
              quelle que soit la région ou le pays
            </div>
            <div className="inline-flex gap-2">
              <span>
                <ArrowRightCircleIcon height={20} className="text-vert_fonce" />
              </span>
              Pour certains programmes, des prérequis spécifiques peuvent être
              requis, tels qu'un niveau d'éducation minimum ou une expérience
              préalable dans le domaine.
            </div>
            <div className="inline-flex gap-2">
              <span>
                <ArrowRightCircleIcon height={20} className="text-vert_fonce" />
              </span>
              Nous nous engageons à offrir une éducation inclusive et accessible
              à tous les apprenants, quel que soit leur parcours éducatif
              antérieur.
            </div>
          </div>
        </div>
        <div className="">
          <Image
            src={"/assets/images/img6.png"}
            className="rounded-3xl"
            alt="une image pour les conditions"
            width={400}
            height={400}
          />
        </div>
      </div>
    </div>
  );
}

export default Condition