.contact {
margin: 16rem 0 8rem 0;
}
.contact .arrow-down {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact .arrow-down:hover {
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
@media (width <= 1290px) {
.contact .arrow-down {
left: 0;
}
}
@media (width <= 705px) {
.contact .arrow-down {
display: none;
}
}
.contact__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__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__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__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__content-text .title .info-tel, .contact__content-text .title .info-mail, .contact__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__content-text .title .info-tel svg, .contact__content-text .title .info-mail svg, .contact__content-text .title .info-address svg {
width: 100%;
max-width: 2.4rem;
height: 2.4rem;
margin-top: 0.5rem;
}
.contact__content-text .title .info-tel svg g path, .contact__content-text .title .info-mail svg g path, .contact__content-text .title .info-address svg g path {
stroke: var(--ajka-palette-blue-03-blue, #0075ff);
}
.contact__content-text .title .info-tel__link, .contact__content-text .title .info-mail__link, .contact__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__content-text .title .info .social-site a img {
width: 100%;
max-width: 6rem;
height: 6rem;
}
.contact__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);
}
.contact__form #gform_wrapper_2 .gform_heading .gform_title {
display: none;
}
.contact__form #gform_wrapper_2 #gform_fields_2 {
grid-row-gap: 24px;
}
.contact__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__form #gform_wrapper_2 #input_2_6,
.contact__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__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__form #gform_wrapper_2 .gfield_required {
display: none;
}
.contact__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__form #gform_wrapper_2 .gchoice_2_8_1 .icheckbox {
border-radius: 50%;
border: none;
}
.contact__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;
}
.team {
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;
overflow: hidden;
}
.team .red-triangle {
position: absolute;
bottom: 10.5rem;
right: -8rem;
z-index: 1;
}
.team .red-triangle img {
width: 100%;
max-width: 32rem;
height: 32rem;
}
.team .white-triangle {
position: absolute;
bottom: 0rem;
right: 6rem;
z-index: 2;
}
.team .white-triangle img {
width: 100%;
max-width: 27.7rem;
height: 27.7rem;
}
.team__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;
padding-bottom: 11.5rem;
}
.team__content-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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;
z-index: 3;
}
.team__content-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);
}
.team__content-cards .card:hover .card-image img {
opacity: 1;
}
.team__content-cards .card:hover .btn_secondary {
border: 1.25px solid var(--Ajka-palette-Blue-02-blue, #4a9dff);
color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.team__content-cards .card-image {
height: 25rem;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 244, 248, 0.24)), to(rgba(242, 244, 248, 0.24))), lightgray -72.985px -38.8px/139.666% 153.6% no-repeat;
background: linear-gradient(0deg, rgba(242, 244, 248, 0.24) 0%, rgba(242, 244, 248, 0.24) 100%), lightgray -72.985px -38.8px/139.666% 153.6% no-repeat;
}
.team__content-cards .card-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 10%;
object-position: 50% 10%;
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 -72.985px -38.8px/139.666% 153.6% no-repeat;
background: linear-gradient(0deg, rgba(242, 244, 248, 0.24) 0%, rgba(242, 244, 248, 0.24) 100%), lightgray -72.985px -38.8px/139.666% 153.6% no-repeat;
opacity: 0.8;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.team__content-cards .card-text {
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);
}
.team__content-cards .card-text__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;
}
.details__content {
width: 100%;
max-width: 113.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-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
margin: 0 auto;
}
.details__content-group {
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;
}
.details__content-group p {
width: 100%;
max-width: 36.8rem;
color: var(--Ajka-palette-Grey-04-grey, #4d5358);
}
.how-to-reach__content {
width: 100%;
max-width: 113.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem;
}
.how-to-reach__content .col-left {
width: 100%;
max-width: 36.8rem;
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-to-reach__content .col-left__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: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.how-to-reach__content .col-left__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
}
.how-to-reach__content .col-right__map-wrapper {
position: relative;
display: inline-block;
}
.how-to-reach__content .col-right__map-wrapper img {
width: 100%;
max-width: 63.4rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.how-to-reach__content .col-right__map-wrapper .marker {
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
opacity: 1;
text-align: center;
}
.how-to-reach__content .col-right__map-wrapper .marker h6,
.how-to-reach__content .col-right__map-wrapper .marker .h6 {
color: var(--White, #fff);
padding-bottom: 1.4rem;
}
.how-to-reach__content .col-right__map-wrapper .marker svg {
width: 100%;
max-width: 2.4rem;
height: 2.4rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.how-to-reach__content .col-right__map-wrapper .marker svg g path {
stroke: var(--White, #fff);
}
.newsletter {
margin-bottom: 23.5rem;
}
@media (width <= 960px) {
.how-to-reach__content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (width <= 800px) {
.contact__content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (width <= 536px) {
.team__content-cards .card {
max-width: 100%;
}
}