.box-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 36.8rem;
-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;
-ms-flex-item-align: stretch;
align-self: stretch;
-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);
}
@media (width <= 705px) {
.box-button {
max-width: 100%;
}
}
.box-button:hover .border {
background: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.box-button:hover .btn_primary {
background: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.box-button .border {
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;
}
.box-button__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);
}
.box-button__content img {
width: 100%;
max-width: 6rem;
height: 6rem;
}
.box-button__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;
}
.box-button__content-text h5 {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.box-usp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 36.8rem;
padding: 2.4rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: 2.4rem;
border-radius: 0.6rem;
background: var(--White, #fff);
-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);
}
@media (width <= 705px) {
.box-usp {
max-width: 100%;
}
}
.box-usp img {
width: 100%;
max-width: 6rem;
height: 6rem;
}
.box-usp__content {
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;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.box-usp__content-subheader {
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;
}
.box-usp__content-subheader h6 {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.box-position {
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);
}
.box-position .border {
height: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0.6rem 0.6rem 0rem 0rem;
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.box-position__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(--Ajka-palette-Gradients-Blue-gradient-01, linear-gradient(79deg, #022e69 12.92%, #0075ff 95.76%));
}
.box-position__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;
}
.box-position__content-text-subheader {
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;
}
.box-magazines {
width: 100%;
max-width: 36.8rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-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;
border-radius: 0.6rem;
-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);
}
.box-magazines:hover .box-magazines__image img {
opacity: 1;
}
.box-magazines__image {
position: relative;
width: 100%;
max-width: 36.8rem;
height: 22rem;
border-radius: 0.6rem 0.6rem 0rem 0rem;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 244, 248, 0.24)), to(rgba(242, 244, 248, 0.24))), lightgray 50%/cover no-repeat;
background: linear-gradient(0deg, rgba(242, 244, 248, 0.24) 0%, rgba(242, 244, 248, 0.24) 100%), lightgray 50%/cover no-repeat;
}
.box-magazines__image img {
width: 100%;
max-width: 36.8rem;
height: 22rem;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.6rem 0.6rem 0rem 0rem;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 244, 248, 0.24)), to(rgba(242, 244, 248, 0.24))), lightgray 50%/cover no-repeat;
background: linear-gradient(0deg, rgba(242, 244, 248, 0.24) 0%, rgba(242, 244, 248, 0.24) 100%), lightgray 50%/cover no-repeat;
opacity: 0.8;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.box-magazines__image-tag {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
margin: 1.6rem;
z-index: 5;
right: 0;
top: 0;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.7);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
.box-magazines__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);
}
.box-magazines__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: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.box-magazines__content-text-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: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
min-height: 10.7rem;
}
.box-magazines__content-text-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.box-magazines__content-text-group .name,
.box-magazines__content-text-group .time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.info-popup {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 48rem;
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;
right: 5rem;
bottom: 4.5rem;
z-index: 1;
opacity: 0;
-webkit-transition: ease-in 0.3s;
transition: ease-in 0.3s;
visibility: hidden;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.6);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
}
@media (width <= 470px) {
.info-popup {
max-width: 40rem;
}
}
@media (width <= 335px) {
.info-popup {
max-width: 28rem;
}
}
.info-popup__content {
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;
}
.info-popup__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;
}
.info-popup__content-text .subheader {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}          .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);
}
}
.hero-section {
position: relative;
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: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 1.4rem;
padding-top: 11rem;
padding-bottom: 8rem;
overflow: hidden;
}
.hero-section .arrow-down {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 3rem;
height: 3rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 9rem;
bottom: 0;
z-index: 5;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hero-section .arrow-down:hover {
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
@media (width <= 1290px) {
.hero-section .arrow-down {
left: 0;
}
}
@media (width <= 705px) {
.hero-section .arrow-down {
display: none;
}
}
.hero-section__content {
position: relative;
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;
}
.hero-section__content .triangle {
position: absolute;
right: -26.0264rem;
bottom: -1.4036rem;
z-index: 1;
width: 100%;
max-width: 39rem;
height: 39rem;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
.hero-section__content .triangle img {
width: 100%;
max-width: 39rem;
height: 39rem;
}
.hero-section__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 55.9rem;
-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;
}
.hero-section__content-text h1 {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
@media (width <= 714px) {
.hero-section__content-text h1 {
--fs-rate: 0.65;
}
}
.hero-section__content-text .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 6rem 0rem;
-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;
}
.hero-section__content-text .title-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;
}
.hero-section__content-text .title-text .subheader {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.hero-section__content-text .title-text__subheader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.hero-section__content-text .title-text__subheader span {
margin-left: 0.7rem;
margin-right: 0.7rem;
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.hero-section__content-text .title-text__subheader span:last-child {
display: none;
}
.hero-section__content-text .title .buttons {
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;
}
.hero-section__content .video-image {
position: relative;
width: 100%;
max-width: 59rem;
}
.hero-section__content .video-image img {
height: auto;
width: 100%;
max-width: 58rem;
}
.hero-section__content .video-image .circle_play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 6;
}
.hero-section__content .video-image svg {
position: relative;
z-index: 5;
}
.hero-section__content .video-image svg defs pattern image {
opacity: 0.8;
}
.boxes {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
padding-top: 1.4rem;
z-index: 7;
}
.boxes__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.boxes__content .box-button__content-text p {
min-height: 9rem;
}
.why-with-us {
padding-bottom: 2.4rem;
}
.why-with-us .red-triangle {
position: absolute;
bottom: 21.7rem;
left: -6rem;
z-index: 1;
}
.why-with-us .red-triangle img {
width: 100%;
max-width: 32rem;
height: 32rem;
}
.why-with-us .white-triangle {
position: absolute;
bottom: 11.3rem;
left: 7rem;
z-index: 2;
}
.why-with-us .white-triangle img {
width: 100%;
max-width: 27.7rem;
height: 27.7rem;
}
.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: 3;
}
.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;
}
.logos {
width: 100%;
background: var(--Ajka-palette-Gradients-Blue-gradient-01, linear-gradient(79deg, #022e69 12.92%, #0075ff 95.76%));
margin-bottom: 11.5rem;
}
.logos__content {
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: 6rem;
margin-top: -5rem;
}
.logos__content-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 118.6rem;
padding: 0 2.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
gap: 0rem 3.8rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 5.5rem;
}
.logos__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: center;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
margin-bottom: 9rem;
}
.logos__content-text h6,
.logos__content-text .h6 {
color: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.about-us {
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: 8rem;
}
.about-us__content {
position: relative;
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: end;
-ms-flex-align: end;
align-items: flex-end;
margin: 0 auto;
padding-top: 11.5rem;
z-index: 4;
}
.about-us__content .attachment-triangle_icon {
position: absolute;
z-index: -1;
left: -19rem;
bottom: 0;
}
.about-us__content .white-triangle {
position: absolute;
width: 100%;
max-width: 24.2462rem;
height: 24.246rem;
}
.about-us__content-image {
position: relative;
z-index: 2;
width: 100%;
max-width: 36.8rem;
}
.about-us__content-image svg defs pattern image {
opacity: 0.8;
height: auto;
}
.about-us__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 67.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;
gap: 4rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.about-us__content-text .header {
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;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.about-us__content-text .header h5 {
font-family: "Satoshi-Regular", sans-serif;
font-weight: 500;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
max-width: 52rem;
}
.about-us__content-text .header .d-big {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.about-us__content-text .header .signature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
}
.about-us__content-text .header .signature-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.about-us__content-text .header .signature-name .strong {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.contact {
margin-bottom: 8rem;
}
.contact__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: 6rem;
margin: 0 auto;
}
.contact__content h2 {
width: 100%;
max-width: 17.3rem;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
text-align: center;
}
.contact__content-boxes {
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: 4rem;
}
.contact__content-boxes-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact__content-boxes-cards .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 36.8rem;
-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;
-ms-flex-negative: 0;
flex-shrink: 0;
-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);
}
.contact__content-boxes-cards .card-image {
height: 25rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0.6rem 0.6rem 0rem 0rem;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 244, 248, 0.24)), to(rgba(242, 244, 248, 0.24))), lightgray 0px -78.681px/100% 220.715% no-repeat;
background: linear-gradient(0deg, rgba(242, 244, 248, 0.24) 0%, rgba(242, 244, 248, 0.24) 100%), lightgray 0px -78.681px/100% 220.715% no-repeat;
}
.contact__content-boxes-cards .card-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 10%;
object-position: 50% 10%;
width: 100%;
height: 25rem;
border-radius: 0.6rem 0.6rem 0rem 0rem;
opacity: 0.8;
}
.contact__content-boxes-cards .card-content {
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: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0rem 0rem 0.6rem 0.6rem;
background: var(--White, #fff);
}
.contact__content-boxes-cards .card-content__name-position {
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;
}
.contact__content-boxes-cards .card-content__tel-email {
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;
}
.contact__content-boxes-cards .card-content__tel-email .tel a,
.contact__content-boxes-cards .card-content__tel-email .email a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact__content-boxes-cards .card-content__tel-email .tel:hover a,
.contact__content-boxes-cards .card-content__tel-email .email:hover a {
color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.contact__content-boxes-cards .card-content__social-site {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
}
.contact__content-boxes-cards .card-content__social-site a img {
width: 100%;
max-width: 6rem;
height: 6rem;
}
@media (width <= 980px) {
.about-us__content {
-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: 7rem;
}
}
@media (width <= 900px) {
.about-us__content {
padding-top: 0;
}
}
@media (width <= 768px) {
.hero-section__content .triangle {
display: none;
}
.magazines__content-header .box-group {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (width <= 705px) {
.magazines .container .magazines__content-header .box-group {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.magazines .container .box-magazines {
max-width: 100%;
}
.magazines .container .box-magazines__image {
max-width: 100%;
}
.magazines .container .box-magazines__image img {
max-width: 100%;
}
}
@media (width <= 600px) {
.hero-section__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero-section__content .video-image svg {
width: 100%;
}
.hero-section__content-text .title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.hero-section__content-text .title-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (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);
}
}