.open-course {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.open-course .red-triangle {
position: absolute;
bottom: 6.7rem;
left: -6rem;
z-index: 1;
}
.open-course .red-triangle img {
width: 100%;
max-width: 31.7647rem;
height: 32rem;
}
.open-course .white-triangle {
position: absolute;
bottom: -2.7rem;
left: 7rem;
z-index: 2;
}
.open-course .white-triangle img {
width: 100%;
max-width: 27.7rem;
height: 27.7rem;
}
.open-course__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6rem;
margin: 0 auto;
z-index: 5;
}
.open-course__content-cards {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
z-index: 3;
}
.open-course__content-cards .card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
padding: 2.4rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.6rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.6);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
}
.open-course__content-cards .card__col-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 48.9rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.open-course__content-cards .card__col-left-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.open-course__content-cards .card__col-left-text p {
color: var(--Ajka-palette-Grey-04-grey, #4d5358);
}
.open-course__content-cards .card__col-left-dates {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.open-course__content-cards .card__col-left-dates .mixed {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.open-course__content-cards .card__col-left-dates .mixed span:last-child {
display: none;
}
.open-course__content-cards .card__col-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: 2rem;
}
.open-course__content-cards .card__col-right-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.open-course__content-cards .card__col-right-info .garant-course,
.open-course__content-cards .card__col-right-info .number-people,
.open-course__content-cards .card__col-right-info .range-course,
.open-course__content-cards .card__col-right-info .price-course {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.open-course__content-cards .card__col-right-info .garant-course .smaller,
.open-course__content-cards .card__col-right-info .number-people .smaller,
.open-course__content-cards .card__col-right-info .range-course .smaller,
.open-course__content-cards .card__col-right-info .price-course .smaller {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.open-course__content-cards .card__col-right-info .garant-course .strong,
.open-course__content-cards .card__col-right-info .number-people .strong,
.open-course__content-cards .card__col-right-info .range-course .strong,
.open-course__content-cards .card__col-right-info .price-course .strong {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.open-course__content-cards .card__tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
position: absolute;
left: 2.4rem;
top: -1.7rem;
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
.open-course__content-cards .card__tag .tag-text {
color: var(--White, #fff);
}
.online-course {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.online-course__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6rem;
margin: 0 auto;
z-index: 5;
}
.online-course__content-boxes {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
z-index: 3;
}
.online-course__content-boxes .card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
padding: 2.4rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.6rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.6);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
}
.online-course__content-boxes .card__col-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 48.9rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.online-course__content-boxes .card__col-left-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.online-course__content-boxes .card__col-left-text p {
color: var(--Ajka-palette-Grey-04-grey, #4d5358);
}
.online-course__content-boxes .card__col-left-dates {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.online-course__content-boxes .card__col-left-dates .mixed {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.online-course__content-boxes .card__col-left-dates .mixed span:last-child {
display: none;
}
.online-course__content-boxes .card__col-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: 2rem;
}
.online-course__content-boxes .card__col-right-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.online-course__content-boxes .card__col-right-info .garant-course,
.online-course__content-boxes .card__col-right-info .number-people,
.online-course__content-boxes .card__col-right-info .range-course,
.online-course__content-boxes .card__col-right-info .price-course {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.online-course__content-boxes .card__col-right-info .garant-course .smaller,
.online-course__content-boxes .card__col-right-info .number-people .smaller,
.online-course__content-boxes .card__col-right-info .range-course .smaller,
.online-course__content-boxes .card__col-right-info .price-course .smaller {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.online-course__content-boxes .card__col-right-info .garant-course .strong,
.online-course__content-boxes .card__col-right-info .number-people .strong,
.online-course__content-boxes .card__col-right-info .range-course .strong,
.online-course__content-boxes .card__col-right-info .price-course .strong {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.online-course__content-boxes .card__tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
position: absolute;
left: 2.4rem;
top: -1.7rem;
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
.online-course__content-boxes .card__tag .tag-text {
color: var(--White, #fff);
}          .why-with-us {
position: relative;
padding-bottom: 2.4rem;
}
.why-with-us .arrow-down {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.why-with-us .arrow-down:hover {
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
@media (width <= 1290px) {
.why-with-us .arrow-down {
left: 0;
}
}
@media (width <= 705px) {
.why-with-us .arrow-down {
display: none;
}
}
.why-with-us__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
margin: 0 auto;
z-index: 4;
}
.why-with-us__content-boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}          .reference__content {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.reference__content .polygon {
width: 100%;
position: relative;
}
.reference__content .polygon img {
width: 100%;
max-width: 123.6rem;
}
.reference__content .polygon .reference__content-text {
width: 100%;
position: absolute;
max-width: 113.6rem;
height: 40.25rem;
top: 50%;
left: 46%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.reference__content .polygon .reference__content-text .swiper {
width: 100%;
max-width: 67.2rem;
height: 38.4rem;
margin-left: 6.5rem;
}
.reference__content .polygon .reference__content-text-description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 67.2rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.reference__content .polygon .reference__content-text-description .title {
width: 100%;
max-width: 67.2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.reference__content .polygon .reference__content-text-description .title .d-big {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.reference__content .polygon .reference__content-text-description .title h6,
.reference__content .polygon .reference__content-text-description .title .h6 {
font-family: "Satoshi-Regular", sans-serif;
font-weight: 500;
}
.reference__content .polygon .reference__content-text-description .title .signature {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
}
.reference__content .polygon .reference__content-text-description .title .signature__icon {
width: 100%;
max-width: 2.4rem;
height: 2.4rem;
border-radius: 2.4rem;
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.reference__content .polygon .reference__content-text-description .title .signature__icon img {
width: 100%;
max-width: 2.4rem;
height: 2.4rem;
border-radius: 2.4rem;
-o-object-fit: cover;
object-fit: cover;
}
.reference__content .polygon .reference__content-text-description .title .signature-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.reference__content .polygon .reference__content-text-description .title .signature-name .strong {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.reference__content .polygon .reference__content-text-description .title .signature-name .smaller {
color: var(--Ajka-palette-Grey-04-grey, #4d5358);
}
.reference__content .polygon .reference__content-text .swiper-pagination {
width: auto;
}
.reference__content .polygon .reference__content-text .swiper-pagination {
width: auto;
padding-left: 6.5rem;
}
.reference__content .polygon .reference__content-text .swiper-pagination-bullet {
width: 1.6rem;
height: 1.6rem;
background: var(--Ajka-palette-grey-02-grey, #c1c7cd);
margin: 0 1.6rem 0 0;
}
.reference__content .polygon .reference__content-text .swiper-pagination-bullet-active {
background: var(--Ajka-palette-Red-03-Primary-red, #e31e25);
}
.reference__content .polygon .reference__content-text .buttons {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
right: 0;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next,
.reference__content .polygon .reference__content-text .buttons .swiper-button-prev {
width: 5.25rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next::after,
.reference__content .polygon .reference__content-text .buttons .swiper-button-prev::after {
display: none;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next img,
.reference__content .polygon .reference__content-text .buttons .swiper-button-prev img {
width: 5.25rem;
height: 5.25rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next {
left: 5rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-prev {
left: -2.4rem;
}
@media (width <= 2440px) {
.reference__content .polygon img {
max-width: 154rem;
}
}
@media (width <= 2000px) {
.reference__content .polygon img {
max-width: 134rem;
}
}
@media (width <= 1600px) {
.reference__content .polygon img {
max-width: 123.6rem;
}
}
@media only screen and (max-width: 1100px) {
.reference__content .polygon .reference__content-text .buttons {
left: 50%;
}
}
@media only screen and (max-width: 768px) {
.reference__content .polygon .attachment-polygon_image {
min-height: 45rem;
}
.reference__content .polygon .reference__content-text {
height: 35.25rem;
top: 45%;
}
.reference__content .polygon .reference__content-text .swiper {
width: unset;
height: 33.4rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next {
left: 5rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next img {
width: 4.25rem;
height: 4.25rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-prev img {
width: 4.25rem;
height: 4.25rem;
}
.reference__content .polygon .reference__content-text-description .title .d-big {
font-size: calc(var(--fs-small-rate) * 3.8rem);
}
}
@media only screen and (max-width: 500px) {
.reference__content .polygon .reference__content-text .buttons .swiper-button-next {
left: 3rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next img {
width: 3.25rem;
height: 3.25rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-prev img {
width: 3.25rem;
height: 3.25rem;
}
.reference__content .polygon .reference__content-text .swiper-pagination-bullet {
width: 1rem;
height: 1rem;
}
.reference__content .polygon .reference__content-text-description .title .d-big {
font-size: calc(var(--fs-small-rate) * 2.8rem);
}
}
.course-hero {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 16rem;
}
.course-hero .arrow-down {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.course-hero .arrow-down:hover {
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
@media (width <= 1290px) {
.course-hero .arrow-down {
left: 0;
}
}
@media (width <= 705px) {
.course-hero .arrow-down {
display: none;
}
}
.course-hero__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
gap: 4rem;
}
.course-hero__content-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 59.1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
.course-hero__content-header-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.course-hero__content-header-text p {
text-align: center;
}
.course-hero__triangles {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 2;
}
.course-hero__triangles-card {
position: relative;
width: 100%;
max-width: 36.8rem;
height: 31.3rem;
}
.course-hero__triangles-card svg {
width: 100%;
max-width: 24rem;
}
.course-hero__triangles-card-box {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 30.4801rem;
padding: 2.4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
bottom: 0;
right: 0;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.6);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.course-hero__triangles-card-box-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.course-hero__triangles-card-box-text .arrow-icon {
width: 100%;
}
.course-hero__triangles-card-box-text .arrow-icon img {
width: 100%;
max-width: 4.25rem;
}
.education-firm {
overflow: hidden;
}
.education-firm .red-triangle {
position: absolute;
bottom: 12.5rem;
right: -8rem;
z-index: 1;
}
.education-firm .red-triangle img {
width: 100%;
max-width: 31.7647rem;
height: 32rem;
}
.education-firm .white-triangle {
position: absolute;
bottom: 1rem;
right: 6rem;
z-index: 2;
}
.education-firm .white-triangle img {
width: 100%;
max-width: 27.679rem;
height: 27.5175rem;
}
.education-firm__content {
position: relative;
z-index: 3;
}
.course-firm,
.education-firm,
.online-course {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.course-firm__content,
.education-firm__content,
.online-course__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6rem;
margin: 0 auto;
z-index: 5;
}
.course-firm__content-boxes,
.education-firm__content-boxes,
.online-course__content-boxes {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
z-index: 3;
}
.course-firm__content-boxes .card,
.education-firm__content-boxes .card,
.online-course__content-boxes .card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
padding: 2.4rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.6rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.6);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
}
.course-firm__content-boxes .card__col-left,
.education-firm__content-boxes .card__col-left,
.online-course__content-boxes .card__col-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 48.9rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.course-firm__content-boxes .card__col-left-text,
.education-firm__content-boxes .card__col-left-text,
.online-course__content-boxes .card__col-left-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.course-firm__content-boxes .card__col-left-text p,
.education-firm__content-boxes .card__col-left-text p,
.online-course__content-boxes .card__col-left-text p {
color: var(--Ajka-palette-Grey-04-grey, #4d5358);
}
.course-firm__content-boxes .card__col-left-dates,
.education-firm__content-boxes .card__col-left-dates,
.online-course__content-boxes .card__col-left-dates {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.course-firm__content-boxes .card__col-left-dates .mixed,
.education-firm__content-boxes .card__col-left-dates .mixed,
.online-course__content-boxes .card__col-left-dates .mixed {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.course-firm__content-boxes .card__col-left-dates .mixed span:last-child,
.education-firm__content-boxes .card__col-left-dates .mixed span:last-child,
.online-course__content-boxes .card__col-left-dates .mixed span:last-child {
display: none;
}
.course-firm__content-boxes .card__col-right,
.education-firm__content-boxes .card__col-right,
.online-course__content-boxes .card__col-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: 2rem;
}
.course-firm__content-boxes .card__col-right-info,
.education-firm__content-boxes .card__col-right-info,
.online-course__content-boxes .card__col-right-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.course-firm__content-boxes .card__col-right-info .garant-course,
.course-firm__content-boxes .card__col-right-info .number-people,
.course-firm__content-boxes .card__col-right-info .range-course,
.course-firm__content-boxes .card__col-right-info .price-course,
.education-firm__content-boxes .card__col-right-info .garant-course,
.education-firm__content-boxes .card__col-right-info .number-people,
.education-firm__content-boxes .card__col-right-info .range-course,
.education-firm__content-boxes .card__col-right-info .price-course,
.online-course__content-boxes .card__col-right-info .garant-course,
.online-course__content-boxes .card__col-right-info .number-people,
.online-course__content-boxes .card__col-right-info .range-course,
.online-course__content-boxes .card__col-right-info .price-course {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.course-firm__content-boxes .card__col-right-info .garant-course .smaller,
.course-firm__content-boxes .card__col-right-info .number-people .smaller,
.course-firm__content-boxes .card__col-right-info .range-course .smaller,
.course-firm__content-boxes .card__col-right-info .price-course .smaller,
.education-firm__content-boxes .card__col-right-info .garant-course .smaller,
.education-firm__content-boxes .card__col-right-info .number-people .smaller,
.education-firm__content-boxes .card__col-right-info .range-course .smaller,
.education-firm__content-boxes .card__col-right-info .price-course .smaller,
.online-course__content-boxes .card__col-right-info .garant-course .smaller,
.online-course__content-boxes .card__col-right-info .number-people .smaller,
.online-course__content-boxes .card__col-right-info .range-course .smaller,
.online-course__content-boxes .card__col-right-info .price-course .smaller {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.course-firm__content-boxes .card__col-right-info .garant-course .strong,
.course-firm__content-boxes .card__col-right-info .number-people .strong,
.course-firm__content-boxes .card__col-right-info .range-course .strong,
.course-firm__content-boxes .card__col-right-info .price-course .strong,
.education-firm__content-boxes .card__col-right-info .garant-course .strong,
.education-firm__content-boxes .card__col-right-info .number-people .strong,
.education-firm__content-boxes .card__col-right-info .range-course .strong,
.education-firm__content-boxes .card__col-right-info .price-course .strong,
.online-course__content-boxes .card__col-right-info .garant-course .strong,
.online-course__content-boxes .card__col-right-info .number-people .strong,
.online-course__content-boxes .card__col-right-info .range-course .strong,
.online-course__content-boxes .card__col-right-info .price-course .strong {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.course-firm__content-boxes .card__tag,
.education-firm__content-boxes .card__tag,
.online-course__content-boxes .card__tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
position: absolute;
left: 2.4rem;
top: -1.7rem;
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
.course-firm__content-boxes .card__tag .tag-text,
.education-firm__content-boxes .card__tag .tag-text,
.online-course__content-boxes .card__tag .tag-text {
color: var(--White, #fff);
}
.service-process {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 11.5rem;
overflow: hidden;
}
.service-process__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
margin: 0 auto;
z-index: 3;
}
.service-process__content-boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.service-process__content-boxes .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 27.2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.service-process__content-boxes .box:hover .rectangle {
background: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.service-process__content-boxes .box .rectangle {
height: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0.6rem 0.6rem 0rem 0rem;
background: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.service-process__content-boxes .box-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0rem 0rem 0.6rem 0.6rem;
background: var(--White, #fff);
}
.service-process__content-boxes .box-content__icon {
width: 100%;
max-width: 6rem;
height: 6rem;
}
.service-process__content-boxes .box-content__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.service-process__content-boxes .box-content__text .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.how-join {
margin-top: 8rem;
overflow: hidden;
}
.how-join__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
}
.how-join__content-text {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem;
}
.how-join__content-text .col-left {
width: 100%;
max-width: 48.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 11.5rem;
}
.how-join__content-text .col-left__description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
}
.how-join__content-text .col-left__description .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
}
.how-join__content-text .col-right {
width: 100%;
max-width: 36.8rem;
position: relative;
overflow: visible;
}
.how-join__content-text .col-right svg {
position: relative;
width: 100%;
max-width: 36.8rem;
z-index: 2;
}
.how-join__content-text .col-right .red-triangle {
position: absolute;
bottom: -2.5rem;
right: -18rem;
z-index: 1;
}
.how-join__content-text .col-right .red-triangle img {
width: 100%;
max-width: 31.7647rem;
height: 32rem;
-webkit-transform: rotate(205deg);
transform: rotate(205deg);
}
.case-study {
margin-top: 8rem;
}
.case-study__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
margin: 0 auto;
}
.case-study__content h2 {
text-align: center;
}
.case-study__content-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.case-study__content-box:hover .description__col-left img {
opacity: 1;
}
.case-study__content-box:hover .description__col-right .btn_secondary {
border: 1.25px solid var(--Ajka-palette-Blue-02-blue, #4a9dff);
color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.case-study__content-box .description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.case-study__content-box .description__col-left {
position: relative;
width: 100%;
max-width: 56rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.case-study__content-box .description__col-left img {
opacity: 0.8;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.case-study__content-box .description__col-left-tag {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
margin: 2.4rem;
top: 0;
left: 0;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.7);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
.case-study__content-box .description__col-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0rem 0rem 0.6rem 0.6rem;
background: var(--White, #fff);
}
.case-study__content-box .description__col-right-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.case-study__content-box .description__col-right-text .author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
}
.case-study__content-box .description__col-right-text .author-name,
.case-study__content-box .description__col-right-text .author .time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.case-study__content-box .description__col-right-text .author-name svg g path,
.case-study__content-box .description__col-right-text .author .time svg g path {
stroke: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.newsletter {
margin-bottom: 15.5rem;
}
@media (width <= 1043px) {
.education-firm__content-boxes,
.course-firm__content-boxes {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (width <= 900px) {
.case-study__content-box .description {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.case-study__content-box .description__col-left {
max-width: 100%;
}
.service-process {
padding-bottom: 2rem;
}
.newsletter {
margin-bottom: 0;
}
}
@media (width <= 840px) {
.how-join__content-text {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (width <= 705px) {
.education-firm__content-boxes .education-card,
.education-firm__content-boxes .course-card,
.course-firm__content-boxes .education-card,
.course-firm__content-boxes .course-card {
max-width: 100%;
}
}
@media (width <= 536px) {
.service-process__content-boxes .box {
max-width: 100%;
}
}