/* Start:/local/templates/infosystems/components/acs/catalog_sertifications/catalog_template/bitrix/catalog.element/.default/style.css?174300992221433*/
/*header*/
.screen-menu {
    position: relative;
    width: 100%;
    padding-top: 30px !important;
    padding-bottom: 20px;
    background: none !important;
    -webkit-background-size: cover;
    background-size: cover;
    /* margin-bottom: 25px; */
}
.ownd-course-share
{
	width: 18px;
	height: 18px;
	background: url('/local/templates/infosystems/images/sertification/share.svg') 50% 50% no-repeat;
  float: right;
}
.ya-share2__item_more .ya-share2__badge, .ya-share2__item_copy .ya-share2__badge {
  background: none !important;
}
._4,
._4 * {
    box-sizing: border-box;
}

._4 {
    color: var(--colors-grey-darker, #2f2f2f);
    text-align: left;
    font-family: var(--open-sans-32-bold-font-family,
            "OpenSans-Bold",
            sans-serif);
    font-size: var(--open-sans-32-bold-font-size, 48px);
    line-height: var(--open-sans-32-bold-line-height, 150%);
    font-weight: var(--open-sans-32-bold-font-weight, 700);
    position: relative;
    max-width: 1201px;
}

.group-34193,
.group-34193 * {
    box-sizing: border-box;
}

.group-34193 {
    flex-shrink: 0;
    width: 409px;
    height: 93px;
    position: static;
	margin-top: 61px;
	margin-bottom: 85px;
}

.button-18-full-color {
    margin-top: 48px;
    border-radius: 100px;
    border-style: solid;
    border-color: var(--colors-green-light-new, #8ed632);
    border-width: 1px;
    padding: 16px 32px 16px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: 450px;
    height: 93px;
    box-shadow: var(--color-shadow-main-color-light-green-box-shadow, 0px 0px 4px 0px rgba(122, 209, 10, 0.39), 0px 0px 6px 2px rgba(122, 209, 10, 0.5));
    overflow: hidden;
}

.button-18-full-color2 {
    cursor: pointer;
    margin-top: -77px;
    margin-left: 20px;
    position: relative;
    background: var(--colors-green-normal, #7ad10a);
    border-radius: 100px;
    padding: 16px 32px 16px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}
.button-18-full-color2:hover{
	background: #74c30d;
}
.h-div {
    color: var(--colors-white-light, #ffffff);
    text-align: left;
    font-family: var(--open-sans-18-semibold-font-family,
            "OpenSans-Regular",
            sans-serif);
    font-size: var(--open-sans-18-semibold-font-size, 18px);
    line-height: var(--open-sans-18-semibold-line-height, 150%);
    font-weight: var(--open-sans-18-semibold-font-weight, 600);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.frame-4068-div,
.frame-4068-div * {
    box-sizing: border-box;
}
.frame-4068-div5 {
    color: var(--colors-grey-normal-active, #7c7c7c);
    text-align: left;
    font-family: var(--open-sans-16-regular-font-family, "OpenSans-Regular", sans-serif);
    font-size: var(--open-sans-16-regular-font-size, 16px);
    line-height: var(--open-sans-16-regular-line-height, 150%);
    font-weight: var(--open-sans-16-regular-font-weight, 400);
}
.frame-4068-div {
    background: #ffffff;
    border-radius: 24px;
    border-style: solid;
    border-color: var(--colors-green-light-new, #8ed632);
    border-width: 0px 0px 0px 12px;
    padding: 48px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    top: 70px;
    box-shadow: var(--shadow-sm-box-shadow,
            0px 1px 2px 0px rgba(16, 24, 40, 0.06),
            0px 1px 3px 0px rgba(16, 24, 40, 0.1));
    overflow: hidden;
}

.frame-4068 {
    display: flex;
    flex-direction: row;
    gap: 50px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-shrink: 0;
    position: relative;
}

.group-1693 {
    flex-shrink: 0;
    width: 228px;
    position: static;
}

._00 {
    color: var(--colors-black-darker, #000000);
    text-align: left;
    font-family: var(--open-sans-18-semibold-font-family,
            "OpenSans-regular",
            sans-serif);
    font-size: var(--open-sans-18-semibold-font-size, 18px);
    line-height: var(--open-sans-18-semibold-line-height, 150%);
    font-weight: var(--open-sans-18-semibold-font-weight, 600);
    position: relative;
    left: 35px;
    top: 10px;
}

.frame-4068-div2 {
    color: var(--colors-grey-normal-active, #7c7c7c);
    text-align: left;
    font-family: var(--open-sans-16-regular-font-family,
            "OpenSans-Regular",
            sans-serif);
    font-size: var(--open-sans-16-regular-font-size, 16px);
    line-height: var(--open-sans-16-regular-line-height, 150%);
    font-weight: var(--open-sans-16-regular-font-weight, 400);
}

.frame-1656 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
}

.iconsax-linear-timer-1 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

._002 {
    color: var(--colors-black-darker, #000000);
    text-align: left;
    font-family: var(--open-sans-18-semibold-font-family,
            "OpenSans-regular",
            sans-serif);
    font-size: var(--open-sans-18-semibold-font-size, 18px);
    line-height: var(--open-sans-18-semibold-line-height, 150%);
    font-weight: var(--open-sans-18-semibold-font-weight, 600);
    position: relative;
    left: 35px;
    top: 10px;
}

.frame-4068-div3 {
    color: var(--colors-grey-normal-active, #7c7c7c);
    text-align: left;
    font-family: var(--open-sans-16-regular-font-family,
            "OpenSans-Regular",
            sans-serif);
    font-size: var(--open-sans-16-regular-font-size, 16px);
    line-height: var(--open-sans-16-regular-line-height, 150%);
    font-weight: var(--open-sans-16-regular-font-weight, 400);
}

.frame-16562 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
}

.iconsax-linear-task {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

._003 {
    color: var(--colors-black-darker, #000000);
    text-align: left;
    font-family: var(--open-sans-18-semibold-font-family,
            "OpenSans-regular",
            sans-serif);
    font-size: var(--open-sans-18-semibold-font-size, 18px);
    line-height: var(--open-sans-18-semibold-line-height, 150%);
    font-weight: var(--open-sans-18-semibold-font-weight, 600);
    position: relative;
    left: 35px;
    top: 10px;
}

.frame-4068-div4 {
    color: var(--colors-grey-normal-active, #7c7c7c);
    text-align: left;
    font-family: var(--open-sans-16-regular-font-family,
            "OpenSans-Regular",
            sans-serif);
    font-size: var(--open-sans-16-regular-font-size, 16px);
    line-height: var(--open-sans-16-regular-line-height, 150%);
    font-weight: var(--open-sans-16-regular-font-weight, 400);
}

.frame-16563 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
}

.iconsax-linear-cup {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

._00-000 {
    color: var(--colors-black-darker, #000000);
    text-align: left;
    font-family: var(--open-sans-18-semibold-font-family,
            "OpenSans-regular",
            sans-serif);
    font-size: var(--open-sans-18-semibold-font-size, 18px);
    line-height: var(--open-sans-18-semibold-line-height, 150%);
    font-weight: var(--open-sans-18-semibold-font-weight, 600);
    position: relative;
    left: 35px;
    top: 10px;
}

.div5 {
    color: var(--colors-grey-normal-active, #7c7c7c);
    text-align: left;
    font-family: var(--open-sans-16-regular-font-family,
            "OpenSans-Regular",
            sans-serif);
    font-size: var(--open-sans-16-regular-font-size, 16px);
    line-height: var(--open-sans-16-regular-line-height, 150%);
    font-weight: var(--open-sans-16-regular-font-weight, 400);
}

.frame-16564 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
}

.group-4069 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}


/*Стоп*/
.screen-menu-card-element.ownd-course-header {
    min-height: 690px;
    padding-top: 51px !important;
    padding-bottom: 0;
    box-sizing: content-box;

    background: #fff !important;
    background-position: 50% 50px !important;

}

.ownd-couse-head {
    padding-top: 2px !important;

    padding-bottom: 0;
    box-sizing: content-box;

    background: #E7F7ED !important;
}

.sertification-top-item-img {
    margin-top: -19px;
    margin-left: 50px;
}

/*header*/
.ownd-course-top-title {
    color: var(--colors-grey-darker, #2f2f2f);
    text-align: left;
    font-family: var(--open-sans-48-bold-font-family,
            "OpenSans-Bold",
            sans-serif);
    font-size: var(--open-sans-48-bold-font-size, 48px);
    line-height: var(--open-sans-48-bold-line-height, 150%);
    font-weight: var(--open-sans-48-bold-font-weight, 700);
    position: relative;
    width: 584px;
}

.ownd-course-top {
    margin-top: 35px !important;
}

.sertification-top-item {
    color: var(--colors-black-darker, #000000);
    text-align: left;
    font-family: var(--open-sans-18-regular-font-family,
            "OpenSans-Regular",
            sans-serif);
    font-size: var(--open-sans-18-regular-font-size, 18px);
    line-height: var(--open-sans-18-regular-line-height, 150%);
    font-weight: var(--open-sans-18-regular-font-weight, 400);
    position: relative;
    width: 584px;
    height: 144px;
}

/*стоп*/
/*Программа тестирования*/
.frame-34314,
.frame-34314 * {
    box-sizing: border-box;
}

.frame-34314 {
    background: var(--colors-white-light, #ffffff);
    display: flex;
    flex-direction: column;
    gap: 64px;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    margin-top: 170px;
}

.frame-34314-div {
    align-self: stretch;
    flex-shrink: 0;
    height: 72px;
    position: static;
}

.frame-34314-div2 {
    color: var(--colors-grey-darker, #2f2f2f);
    text-align: center;
    font-family: var(--open-sans-48-bold-font-family,
            "OpenSans-Bold",
            sans-serif);
    font-size: var(--open-sans-48-bold-font-size, 48px);
    line-height: var(--open-sans-48-bold-line-height, 150%);
    font-weight: var(--open-sans-48-bold-font-weight, 700);
    width: 100%;
}

.list-item {
    background: #ffffff;
    border-radius: 48px;
    border-style: solid;
    border-color: var(--colors-grey-light-active, #e0e0e0);
    border-width: 1px;
    padding: 48px 80px 48px 80px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin-top: 64px;
}

.state-yes {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}

.content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.trigger {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.question {
    color: var(--colors-black-darker, #000000);
    text-align: left;
    font-family: var(--open-sans-18-semibold-font-family,
            "OpenSans-SemiBold",
            sans-serif);
    font-size: var(--open-sans-18-semibold-font-size, 18px);
    line-height: var(--open-sans-18-semibold-line-height, 150%);
    font-weight: var(--open-sans-18-semibold-font-weight, 600);
    position: relative;
    flex: 1;
}

.description {
    color: var(--colors-black-darker, #000000);
    text-align: left;
    font-family: var(--open-sans-16-regular-font-family,
            "OpenSans-Regular",
            sans-serif);
    font-size: var(--open-sans-16-regular-font-size, 16px);
    line-height: var(--open-sans-16-regular-line-height, 150%);
    font-weight: var(--open-sans-16-regular-font-weight, 400);
    position: relative;
    width: 100%;
}

.line {
    align-self: stretch;
    flex-shrink: 0;
    height: 2px;
    width: 100%;
    position: relative;
    overflow: visible;
}

.state-yes-button-18-full-color {
    background: var(--colors-green-normal, #7ad10a);
    border-radius: 32px;
    padding: 16px 32px 16px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.frame-34314-div3 {
    color: var(--colors-white-light, #ffffff);
    text-align: left;
    font-family: var(--open-sans-16-semibold-font-family,
            "OpenSans-SemiBold",
            sans-serif);
    font-size: var(--open-sans-16-semibold-font-size, 16px);
    line-height: var(--open-sans-16-semibold-line-height, 150%);
    font-weight: var(--open-sans-16-semibold-font-weight, 600);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/*Сертификат*/
.frame-34316,
.frame-34316 * {
    box-sizing: border-box;
}

.frame-34316 {
    flex-wrap: wrap;
    background: var(--colors-green-light, #ecfae7);
    border-radius: 32px;
    margin-top: 170px;
    display: flex;
    flex-direction: row;
    gap: 64px;
    padding: 40px;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

._4-4 {
    margin-bottom: 50px;
    margin-top: 50px;
    color: var(--colors-black-darker, #000000);
    text-align: left;
    font-family: var(--open-sans-24-semibold-font-family,
            "OpenSans-Semibold",
            sans-serif);
    font-size: var(--open-sans-24-semibold-font-size, 24px);
    line-height: var(--open-sans-24-semibold-line-height, 150%);
    font-weight: var(--open-sans-24-semibold-font-weight, 600);
    position: relative;
    max-width: 511px;
}

.group-34192 {
    flex-shrink: 0;
    max-height: 312.11px;
    position: static;
}

.rectangle-1769 {
    padding: 30px;
    background: var(--colors-white-light, #ffffff);
    border-radius: 46.22px;
    width: 100%;
    height: 312.11px;
    box-shadow: 0px 34.67px 69.33px -17.33px rgba(16, 24, 40, 0.18);

}

._1 {
    width: 358.46px;
    height: 252.95px;
    box-shadow: var(--shadow-md-box-shadow, 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1));
    object-fit: cover;
}

/*Стоп*/
/*Часто задаваемые вопросы*/
.faq-section,
.faq-section * {
    box-sizing: border-box;
}

.faq-section {
    margin-bottom: 100px;
    background: var(--white, #ffffff);
    display: flex;
    flex-direction: column;
    gap: 64px;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-top: 170px;
    position: relative;
    overflow: hidden;
}

.faq-section-container {
    padding: 0px 20px 0px 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}

.content {
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.heading-and-supporting-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}

.heading {
    color: var(--colors-grey-darker, #2f2f2f);
    text-align: center;
    font-family: var(--open-sans-48-bold-font-family, "OpenSans-Semibold ", sans-serif);
    font-size: var(--open-sans-48-bold-font-size, 32px);
    line-height: var(--open-sans-48-bold-line-height, 150%);
    font-weight: var(--open-sans-48-bold-font-weight, 700);
    position: relative;
    align-self: stretch;
}

.container2 {
    display: flex;
    flex-direction: column;
    gap: 64px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.content2 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}

.faq-item {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.content3 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.text-and-supporting-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.text {
	color: var(--colors-black-darker, #000000);
    text-align: left;
    font-family: var(--open-sans-semi-18-font-family, "OpenSans-Regular", sans-serif);
    font-size: var(--open-sans-semi-18-font-size, 18px);
    line-height: var(--open-sans-semi-18-line-height, 150%);
    font-weight: var(--open-sans-semi-18-font-weight, 600);
    position: relative;
    align-self: stretch;
}

.supporting-text {
    display: none;
    color: var(--colors-black-darker, #000000);
    text-align: left;
    font-family: var(--open-sans-16-reg-font-family,
            "OpenSans-Regular",
            sans-serif);
    font-size: var(--open-sans-16-reg-font-size, 16px);
    line-height: var(--open-sans-16-reg-line-height, 150%);
    font-weight: var(--open-sans-16-reg-font-weight, 400);
    position: relative;
    align-self: stretch;
}

.icon-wrap {

    cursor: pointer;
    padding: 2px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.minus-circle {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.faq-item2 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.divider {
    background: var(--gray-200, #eaecf0);
    align-self: stretch;
    flex-shrink: 0;
    height: 1px;
    position: relative;
}

.plus-circle {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.plus-circle2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.plus-circle3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.plus-circle4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.plus-circle5 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.plus-circle6 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

/*Стоп*/
.screen-menu-card-element.ownd-course-header .container {
    position: relative;
}

.header1 {
    position: relative;
    z-index: 501;
}

.header1 .logo-wrap,
.eye-wrap {
    display: flex;
    align-items: center;
}

@media (max-width: 1007px) {
    ._4-4 {
        text-align: center;
    }
	._4{
		font-size: 32px;
	}
    .frame-4068 {
        width: 60%;
    }

    .frame-34258-div2 {
        font-size: 32px;
        text-align: center;
    }

    .heading {
        font-size: 32px;
        text-align: center;
    }

    .frame-4068-div2,
    .frame-4068-div4,
    .frame-4068-div3 {
        white-space: nowrap;
    }
}

@media (max-width: 498px) {
	.breadcrumbs-icon-control {
		margin-top: 120px !important;
    }
    .button-18-full-color {
        opacity: 0;
    }

    .button-18-full-color2 {
        width: 90%;
        left: -18px;
        margin-left: auto;
    }

    .h-div {
		text-align: center;
        font-size: 16px;

    }

    .group-34193 {
        width: 100%;
    }
}

@media (max-width: 402px) {
    .h-div {
		text-align: center;
        font-size: 14px;
    }
}

body {
    overflow-x: clip !important;
}

@media (max-width: 987px) {
	..breadcrumbs-icon-control
    .screen-menu {
        display: none;
    }
}

@media (max-width: 320px) {

    .frame-4068-div2,
    .frame-4068-div4,
    .frame-4068-div3 {
        white-space: normal;
    }
}

.search-form {
    box-sizing: border-box;
    position: relative;
    top: 100px;
    margin-top: -80px;
    top: 120px;
    margin-bottom: 160px;
}
@media (max-width: 987px) {
    .screen-menu {
        display: block !important;
		padding-top: 0px !important;
    }
}
@media (max-width: 800px) {
    .breadcrumbs-icon-control {
		margin-top: 80px  !important;
    }
}
/* End */


/* Start:/local/components/first-top/sertification.section/templates/.default/style.css?17430094722361*/
/*header-menu*/
.breadcrumbs-icon-control,
.breadcrumbs-icon-control * {
  box-sizing: border-box;
}
.breadcrumbs-icon-control {
	margin-top: 50px;
  padding: 1px 0px 1px 0px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
  flex-wrap: wrap-reverse;
}
.frame-2851 {
  padding: 0px 2px 0px 2px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.ownd-course-top{
	margin-top: 75px;
}
.home-outline {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
  overflow: hidden;
  top: -4px;
}
.layer-2 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.icons {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  transform: translate(0px, -12px);
  overflow: visible;
}
.frame-2852 {
  padding: 0px 2px 0px 2px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group>a:hover{
  color: #8CD50B;
}
.group {
	cursor: pointer;
  color: var(--colors-black-darker, #000000);
  font-family: var(
    --open-sans-14-regular-font-family,
    "OpenSans-Regular",
    sans-serif
  );
  font-size: var(--open-sans-14-regular-font-size, 14px);
  line-height: var(--open-sans-14-regular-line-height, 150%);
  font-weight: var(--open-sans-14-regular-font-weight, 400);
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.group a
{
  color: var(--colors-black-darker, #000000);
}
.component-2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  transform: translate(0px, -12px);
  overflow: visible;
  top: -5px;
    left: 5px;
}
.frame-2853 {
  padding: 0px 2px 0px 2px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-2854
{
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: flex-start;
  padding-right: 5px;
}
.frame-2854 div
{
  cursor: default;
}
.frame-2854 svg
{
  left: 0 !important;
}
/*Стоп*/
/* End */


/* Start:/local/templates/infosystems/components/acs/acs.courses/courses_carousel_test/style.css?177419730623129*/
.tooltips {
    cursor: pointer;
}

.tooltips .tooltiptext {
    z-index: 999999999;
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    margin-top: 45px;
}

.tooltips:hover .tooltiptext {
    visibility: visible;
}





.frame-34258-div,
.frame-34258-div * {
  box-sizing: border-box;
}
.frame-34258-div {
    margin-top: 170px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}
.frame-34258 {
    display: flex;
    flex-direction: row;
    gap: 210px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
}
.frame-34258-div2 {
  color: var(--colors-grey-darker, #2f2f2f);
  text-align: left;
  font-family: var(
    --open-sans-48-bold-font-family,
    "OpenSans-Semibold",
    sans-serif
  );
  font-size: var(--open-sans-48-bold-font-size, 32px);
  line-height: var(--open-sans-48-bold-line-height, 150%);
  font-weight: var(--open-sans-48-bold-font-weight, 700);
  position: relative;
}
.frame-4161 {
  position: absolute;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 100%;
}

.controls {
    cursor: pointer;
  background: var(--colors-grey-light-hover, #f0f0f0);
  border-radius: 898px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
.controls-next:hover{
  background: #7ad10a;
}
.controls-next:hover>.chevron-right{
  stroke:#fff;
  fill:#fff;
}
.controls:hover>.chevron-left{
  stroke:#fff;
  fill:#fff;
}
.controls:hover{
  background: #7ad10a;
}
.controls-next{
    cursor: pointer;
    background: var(--colors-grey-light-hover, #f0f0f0);
    border-radius: 898px;
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    position: relative;
}
.chevron-left {
  stroke:#9B9B9B;
  fill:#9B9B9B;
  flex-shrink: 0;
  width: 28.79px;
  height: 28.79px;
  position: relative;
  overflow: visible;
}
.chevron-right {
  stroke:#9B9B9B;
  fill:#9B9B9B;
  flex-shrink: 0;
  width: 28.79px;
  height: 28.79px;
  position: relative;
  overflow: visible;
}
.frame-34257 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-shrink: 0;
  width: 100%;
  min-width: 250px;
  position: relative;
}
.card-article {
  background: #ffffff;
  border-radius: 24px;
  border-style: solid;
  border-color: var(--colors-grey-light-active, #e0e0e0);
  border-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 379px;
  position: relative;
  overflow: hidden;
}
.body-content {
  background: #ffffff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  
}
.tag-title {
  min-height: 170px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
max-height: 370px; 
/*  max-height: 170px; */
}
.frame-34268 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-34258-component-2 {
  background: var(--colors-green-light, #e7f7ed);
  border-radius: 8px;
  padding: 2px 8px 2px 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.frame-34258-div3 {
  color: var(--colors-grey-dark-hover, #5d5d5d);
  text-align: center;
  font-family: var(
    --opens-sans-12-regular-font-family,
    "OpenSans-Regular",
    sans-serif
  );
  font-size: var(--opens-sans-12-regular-font-size, 12px);
  line-height: var(--opens-sans-12-regular-line-height, 150%);
  font-weight: var(--opens-sans-12-regular-font-weight, 400);
  position: relative;
}
.component-3 {
  background: var(--colors-green-light, #e7f7ed);
  border-radius: 8px;
  padding: 2px 8px 2px 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.title-desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-34258-div4:hover{
    color: #8CD50B;
}
.frame-34258-div4 {
    cursor: pointer;
  color: var(--colors-grey-darker, #2f2f2f);
  text-align: left;
  font-family: var(
    --open-sans-20-semibold-font-family,
    "OpenSans-Regular",
    sans-serif
  );
  font-size: var(--open-sans-20-semibold-font-size, 20px);
  font-weight: var(--open-sans-20-semibold-font-weight, 600);
  position: relative;
  align-self: stretch;
  height: 100%;
  line-height: 30px;
}
.footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.divider {
  opacity: 0.20000000298023224;
  align-self: stretch;
  flex-shrink: 0;
  height: 2px;
  position: relative;
  overflow: visible;
  margin-bottom: 27px;
  margin-top: 29px;
  width: 100%;
}
.frame-34262 {
  padding: 16px 0px 16px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-shrink: 0;
  width: 100%;
  position: relative;
}
.frame-1 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.frame-1829 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.calendar-today {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
._25-30 {
  color: var(--colors-black-darker, #000000);
  text-align: left;
  font-family: var(
    --open-sans-16-regular-font-family,
    "OpenSans-Regular",
    sans-serif
  );
  font-size: var(--open-sans-16-regular-font-size, 16px);
  line-height: var(--open-sans-16-regular-line-height, 150%);
  font-weight: var(--open-sans-16-regular-font-weight, 400);
  position: relative;
}
.group-4090 {
    flex-shrink: 0;
    width: 44px;
    height: 16px;
    position: static;
    gap: 10px;
    display: flex;
}
.frame-34258-div5 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.tooltip {
  background: #22221e;
  border-radius: 1px;
  opacity: 0;
  padding: 2px 4px 2px 4px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  left: calc(50% - 18.5px);
  top: 22px;
  overflow: hidden;
}
.frame-34258-div6 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 11px;
  line-height: 120%;
  font-weight: 400;
  position: relative;
}
.target-size {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
}
.people-outline {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
}
.frame-34258-div7 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.tooltip2 {
  background: #22221e;
  border-radius: 1px;
  opacity: 0;
  padding: 2px 4px 2px 4px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  left: calc(50% - 44px);
  top: 22px;
  overflow: hidden;
}
.headset-mic {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
}

:root{
	--swiper-theme-color:#000000;
  --swiper-pagination-color:#7ad10a;
  --swiper-pagination-bullet-inactive-color:#7ad10a;
  --swiper-pagination-bullet-height:12px;
  --swiper-pagination-bullet-width:12px;

}
.swiper{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1
}
.swiper-vertical>.swiper-wrapper{
	flex-direction:column
}
.swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
}
.swiper-android .swiper-slide,.swiper-wrapper{
	transform:translate3d(0px,0,0)
}
.swiper-pointer-events{
	touch-action:pan-y
}
.swiper-pointer-events.swiper-vertical{
	touch-action:pan-x
}
.swiper-slide{
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	transition-property:transform;
    min-width: 350px;
}
.swiper-slide-invisible-blank{
	visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
	height:auto
}
.swiper-autoheight .swiper-wrapper{
	align-items:flex-start;
	transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide{
	transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{
	perspective:1200px
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{
	transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:10
}
.swiper-3d .swiper-slide-shadow{
	background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left{
	background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right{
	background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top{
	background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom{
	background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper{
	overflow:auto;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
	display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{
	scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{
	scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{
	scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper::before{
	content:'';
	flex-shrink:0;
	order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
	margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{
	height:100%;
	min-height:1px;
	width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
	margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{
	width:100%;
	min-width:1px;
	height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide{
	scroll-snap-align:center center
}
.swiper-virtual .swiper-slide{
	-webkit-backface-visibility:hidden;
	transform:translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{
	height:1px;
	width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{
	width:1px;
	height:var(--swiper-virtual-size)
}
:root{
	--swiper-navigation-size:44px
}
.swiper-button-next,.swiper-button-prev{
	position:absolute;
	top:50%;
	width:calc(var(--swiper-navigation-size)/ 44 * 27);
	height:var(--swiper-navigation-size);
	margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
	opacity:.35;
	cursor:auto;
	pointer-events:none
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{
	opacity:0;
	cursor:auto;
	pointer-events:none
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{
	display:none!important
}
.swiper-button-next:after,.swiper-button-prev:after{
	font-family:swiper-icons;
	font-size:var(--swiper-navigation-size);
	text-transform:none!important;
	letter-spacing:0;
	font-variant:initial;
	line-height:1
}
.swiper-button-prev,.swiper-rtl .swiper-button-next{
	left:10px;
	right:auto
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
	content:'prev'
}
.swiper-button-next,.swiper-rtl .swiper-button-prev{
	right:10px;
	left:auto
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
	content:'next'
}
.swiper-button-lock{
	display:none
}

.swiper-pagination{
	position:absolute;
	text-align:center;
	transition:.3s opacity;
	transform:translate3d(0,0,0);
	z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
	opacity:0
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
	display:none!important
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
	margin-top: 25px;
	left:0;
	width:100%
}
.swiper-pagination-bullet:hover {
    opacity:1;
    background-color: #8cd50b;
}
@media (max-width: 767px) {
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
        margin-top: -25px;
    }
}
.swiper-pagination-bullet{
    margin-top:10px;
	width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));
	height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));
	display:inline-block;
	border-radius:50%;
	background:var(--swiper-pagination-bullet-inactive-color,#000);
	opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet{
	border:none;
	margin:0;
	padding:0;
	box-shadow:none;
	-webkit-appearance:none;
	appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
	cursor:pointer
}
.swiper-pagination-bullet:only-child{
	display:none!important
}
.swiper-pagination-bullet-active{
	opacity:var(--swiper-pagination-bullet-opacity, 1);
	background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
	right:10px;
	top:50%;
	transform:translate3d(0px,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
	display:block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
	top:50%;
	transform:translateY(-50%);
	width:8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	display:inline-block;
	transition:.2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
	left:50%;
	transform:translateX(-50%);
	white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	transition:.2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	transition:.2s transform,.2s right
}
.swiper-pagination-progressbar{
	background:rgba(0,0,0,.25);
	position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background:var(--swiper-pagination-color,var(--swiper-theme-color));
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transform:scale(0);
	transform-origin:left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
	width:100%;
	height:4px;
	left:0;
	top:0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{
	width:4px;
	height:100%;
	left:0;
	top:0
}
.swiper-pagination-lock{
	display:none
}
.swiper-scrollbar{
	border-radius:10px;
	position:relative;
	-ms-touch-action:none;
	background:rgba(0,0,0,.1)
}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{
	display:none!important
}
.swiper-horizontal>.swiper-scrollbar{
	position:absolute;
	left:1%;
	bottom:3px;
	z-index:50;
	height:5px;
	width:98%
}
.swiper-vertical>.swiper-scrollbar{
	position:absolute;
	right:3px;
	top:1%;
	z-index:50;
	width:5px;
	height:98%
}
.swiper-scrollbar-drag{
	height:100%;
	width:100%;
	position:relative;
	background:rgba(0,0,0,.5);
	border-radius:10px;
	left:0;
	top:0
}
.swiper-scrollbar-cursor-drag{
	cursor:move
}
.swiper-scrollbar-lock{
	display:none
}
.swiper-zoom-container{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
	max-width:100%;
	max-height:100%;
	object-fit:contain
}
.swiper-slide-zoomed{
	cursor:move
}
.swiper-lazy-preloader{
	width:42px;
	height:42px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:10;
	transform-origin:50%;
	box-sizing:border-box;
	border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
	border-radius:50%;
	border-top-color:transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{
	animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white{
	--swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black{
	--swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin{
	0%{
		transform:rotate(0deg)
	}
	100%{
		transform:rotate(360deg)
	}
}
.swiper .swiper-notification{
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	opacity:0;
	z-index:-1000
}
.swiper-free-mode>.swiper-wrapper{
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-grid>.swiper-wrapper{
	flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper{
	flex-wrap:wrap;
	flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide{
	transition-timing-function:ease-out
}
.swiper-fade .swiper-slide{
	pointer-events:none;
	transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide{
	pointer-events:none
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{
	pointer-events:auto
}
.swiper-cube{
	overflow:visible
}
.swiper-cube .swiper-slide{
	pointer-events:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1;
	visibility:hidden;
	transform-origin:0 0;
	width:100%;
	height:100%
}
.swiper-cube .swiper-slide .swiper-slide{
	pointer-events:none
}
.swiper-cube.swiper-rtl .swiper-slide{
	transform-origin:100% 0
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{
	pointer-events:auto
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{
	pointer-events:auto;
	visibility:visible
}
.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{
	z-index:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.swiper-cube .swiper-cube-shadow{
	position:absolute;
	left:0;
	bottom:0px;
	width:100%;
	height:100%;
	opacity:.6;
	z-index:0
}
.swiper-cube .swiper-cube-shadow:before{
	content:'';
	background:#000;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	filter:blur(50px)
}
.swiper-flip{
	overflow:visible
}
.swiper-flip .swiper-slide{
	pointer-events:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1
}
.swiper-flip .swiper-slide .swiper-slide{
	pointer-events:none
}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{
	pointer-events:auto
}
.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{
	z-index:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.swiper-creative .swiper-slide{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	transition-property:transform,opacity,height
}
.swiper-cards{
	overflow:visible
}
.swiper-cards .swiper-slide{
	transform-origin:center bottom;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden
}
@media (max-width: 1007px) {
    .frame-34258-div2{
    font-size: 32px;
    
    }
    .frame-34258{
        gap: 50px;
    }
    .controls{
      display: none;
    }
    .controls-next{
      display: none;
    }
}
/* End */
/* /local/templates/infosystems/components/acs/catalog_sertifications/catalog_template/bitrix/catalog.element/.default/style.css?174300992221433 */
/* /local/components/first-top/sertification.section/templates/.default/style.css?17430094722361 */
/* /local/templates/infosystems/components/acs/acs.courses/courses_carousel_test/style.css?177419730623129 */