<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
/** @var array $arParams */
/** @var array $arResult */
/** @global CMain $APPLICATION */
/** @global CUser $USER */
/** @global CDatabase $DB */
/** @var CBitrixComponentTemplate $this */
/** @var string $templateName */
/** @var string $templateFile */
/** @var string $templateFolder */
/** @var string $componentPath */
/** @var CBitrixComponent $component */
$this->setFrameMode(true);
?>
<section class="our-clinic-block block" id="<?=$arParams['SECTION_ID'];?>">
    <div class="our-clinic-block__content container-md">
        <div class="row">
            <div class="col-12 px-0 px-md-auto">
                <?if($arParams['IMG']):?>
                <div class="our-clinic-block__pic pic-wrapper">
                    <img class="_center" src="<?= makeWebp($arParams['IMG']);?>" alt="-" loading="lazy">
                </div>
                <?endif;?>
            </div>
            <div class="col-12 px-0 px-md-auto">
                <div class="our-clinic-block__info">
                    <h2 class="our-clinic-block__info-title px-auto px-md-0"><?=$arParams['TITLE'];?></h2>
                    <div class="our-clinic-block__info-items-wrapper">
                        <div class="our-clinic-block__info-items">
                            <?if($arParams['CIRCLE1TITLE'] || $arParams['CIRCLE1DESC']):?>
                            <div class="our-clinic-block__info-item blue">
                                <h4 class="our-clinic-block__info-item-title"><?=$arParams['CIRCLE1TITLE'];?></h4>
                                <div class="our-clinic-block__info-item-text"><?=$arParams['CIRCLE1DESC'];?></div>
                            </div>
                            <?endif;?>
                            <?if($arParams['CIRCLE2TITLE'] || $arParams['CIRCLE2DESC']):?>
                            <div class="our-clinic-block__info-item light-grey">
                                <h4 class="our-clinic-block__info-item-title"><?=$arParams['CIRCLE2TITLE'];?></h4>
                                <div class="our-clinic-block__info-item-text"><?=$arParams['CIRCLE2DESC'];?></div>
                            </div>
                            <?endif;?>
                            <?if($arParams['CIRCLE3TITLE'] || $arParams['CIRCLE3DESC']):?>
                            <div class="our-clinic-block__info-item blue">
                                <h4 class="our-clinic-block__info-item-title"><?=$arParams['CIRCLE3TITLE'];?></h4>
                                <div class="our-clinic-block__info-item-text"><?=$arParams['CIRCLE3DESC'];?></div>
                            </div>
                            <?endif;?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
