.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);
}
}          .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;
}
.services-hero {
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: center;
-ms-flex-align: center;
align-items: center;
gap: 6rem;
padding-top: 16rem;
z-index: 5;
}
.services-hero .container {
padding-bottom: 8rem;
}
.services-hero .container .red-triangle {
position: absolute;
bottom: 10.7rem;
left: -6rem;
z-index: 1;
}
.services-hero .container .red-triangle img {
width: 100%;
max-width: 32rem;
height: 32rem;
}
.services-hero .container .white-triangle {
position: absolute;
bottom: 0.3rem;
left: 7rem;
z-index: 2;
}
.services-hero .container .white-triangle img {
width: 100%;
max-width: 27.7rem;
height: 27.7rem;
}
.services-hero .container .services-hero__content {
position: relative;
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;
z-index: 5;
}
.services-hero .container .services-hero__content .box-button__content-text p {
min-height: 9rem;
}
.contact-us {
margin: 8rem 0;
}
.contact-us__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: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem;
}
.contact-us__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 27.1rem;
-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-negative: 0;
flex-shrink: 0;
}
.contact-us__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: 4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.contact-us__content-text .title .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 27.1rem;
-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;
}
.contact-us__content-text .title .info-tel, .contact-us__content-text .title .info-mail, .contact-us__content-text .title .info-address {
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-item-align: stretch;
align-self: stretch;
}
.contact-us__content-text .title .info-tel svg, .contact-us__content-text .title .info-mail svg, .contact-us__content-text .title .info-address svg {
width: 100%;
max-width: 2.4rem;
height: 2.4rem;
margin-top: 0.5rem;
}
.contact-us__content-text .title .info-tel svg g path, .contact-us__content-text .title .info-mail svg g path, .contact-us__content-text .title .info-address svg g path {
stroke: var(--ajka-palette-blue-03-blue, #0075ff);
}
.contact-us__content-text .title .info-tel__link, .contact-us__content-text .title .info-mail__link, .contact-us__content-text .title .info-address__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.contact-us__content-text .title .info-tel__link a, .contact-us__content-text .title .info-mail__link a, .contact-us__content-text .title .info-address__link a {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.contact-us__content-text .title .info .social-site a img {
width: 100%;
max-width: 6rem;
height: 6rem;
}
.contact-us__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 57.6rem;
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: 4rem;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 0.6rem;
background: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
@media (width <= 500px) {
.contact-us__form {
padding: 2rem;
}
}
.contact-us__form #gform_wrapper_2 .gform_heading .gform_title {
display: none;
}
.contact-us__form #gform_wrapper_2 #gform_fields_2 {
grid-row-gap: 24px;
}
.contact-us__form #gform_wrapper_2 label {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 1.375;
}
.contact-us__form #gform_wrapper_2 #input_2_6,
.contact-us__form #gform_wrapper_2 #input_2_4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem 2.4rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0.6rem;
background: var(--White, #fff);
}
.contact-us__form #gform_wrapper_2 #input_2_5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 12.6rem;
padding: 1.6rem 2.4rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0.6rem;
background: var(--White, #fff);
}
.contact-us__form #gform_wrapper_2 .gfield_required {
display: none;
}
.contact-us__form #gform_wrapper_2 .gchoice_2_8_1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contact-us__form #gform_wrapper_2 .gchoice_2_8_1 .icheckbox {
border-radius: 50%;
border: none;
}
.contact-us__form #gform_wrapper_2 #gform_submit_button_2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem 3.2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-03-blue, #0075ff);
color: var(--White, #fff);
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 1.375;
}
@media (width <= 800px) {
.contact-us__content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}