.about-us-hero {
padding-top: 11rem;
}
.about-us-hero__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;
padding-top: 2rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem;
}
.about-us-hero__content-col-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 56rem;
-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;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.about-us-hero__content-col-left .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: 4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.about-us-hero__content-col-left .header-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;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.about-us-hero__content-image {
position: relative;
z-index: 2;
width: 100%;
max-width: 48rem;
}
.about-us-hero__content-image svg defs pattern image {
opacity: 0.8;
}
.certification {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 8rem;
}
.certification .arrow-down {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.certification .arrow-down:hover {
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
@media (width <= 1290px) {
.certification .arrow-down {
left: 0;
}
}
@media (width <= 705px) {
.certification .arrow-down {
display: none;
}
}
.certification__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;
}
.certification__content-cards {
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;
}
.certification__content-cards .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 27.2rem;
padding: 2.4rem 2.4rem 3.2rem 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;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: 2.4rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.6);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
}
.certification__content-cards .card-icon {
width: 100%;
max-width: 6rem;
height: 6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.certification__content-cards .card-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;
}
.asociation {
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;
margin-bottom: 8rem;
overflow: hidden;
}
.asociation .red-triangle {
position: absolute;
bottom: 10.7rem;
left: -6rem;
z-index: 10;
}
.asociation .red-triangle img {
width: 100%;
max-width: 32rem;
height: 32rem;
}
.asociation .white-triangle {
position: absolute;
bottom: 1.3rem;
left: 7rem;
z-index: 11;
}
.asociation .white-triangle img {
width: 100%;
max-width: 27.7rem;
height: 27.7rem;
}
.asociation__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;
}
.asociation__content-title {
max-width: 55.2rem;
text-align: center;
}
.asociation__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;
z-index: 12;
}
.asociation__content-boxes .box-button__content figure {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.asociation__content-boxes .box-button__content figure img {
width: 100%;
max-width: 17.9rem;
height: auto;
}
.asociation__content-boxes .box-button__content-text .subheader {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
text-transform: uppercase;
min-height: 1.2rem;
}
.asociation__content-boxes .box-button__content-text h5,
.asociation__content-boxes .box-button__content-text .h5 {
min-height: 8.8rem;
}
.asociation__content-boxes .box-button__content-text .asociation-description {
min-height: 7rem;
}
.asociation .etic-codex {
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;
}
.asociation .etic-codex__col-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 46.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;
}
.asociation .etic-codex__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: 2.4rem;
}
.asociation .etic-codex__col-left-content .etic_files {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
}
.asociation .etic-codex__col-left-content .etic_files__file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (width <= 445px) {
.asociation .etic-codex__col-left-content .etic_files__file {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.asociation .etic-codex__col-left-content .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: 1.6rem;
}
.asociation .etic-codex__col-left-content .header .subheader {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.asociation .etic-codex__col-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 56rem;
-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;
}
.asociation .etic-codex__col-right-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 56rem;
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: 1rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.6);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
}
.asociation .etic-codex__col-right-card-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;
}
.asociation .etic-codex__col-right-card-text .strong {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.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;
opacity: 0.8;
border-radius: 0.6rem 0.6rem 0rem 0rem;
-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;
}
.become-member {
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;
margin-bottom: 4rem;
}
.become-member .red-triangle {
position: absolute;
left: -5rem;
bottom: 12%;
z-index: 1;
-webkit-transform: rotate(115deg);
transform: rotate(115deg);
z-index: 1;
}
.become-member .red-triangle img {
width: 100%;
max-width: 39.655rem;
height: 39.655rem;
}
.become-member .become-member__col-left {
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;
}
.become-member .become-member__col-left-image {
position: relative;
width: 100%;
max-width: 48rem;
z-index: 2;
}
.become-member .become-member__col-left-image svg defs pattern image {
opacity: 0.8;
}
.become-member__col-right {
width: 100%;
max-width: 55.9rem;
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;
}
.become-member__col-right-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: 2.4rem;
}
.become-member__col-right-content .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: 1.6rem;
}
@media (width <= 980px) {
.about-us-hero .inner {
padding-bottom: 6.5rem;
}
.about-us-hero__content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.about-us-hero__content-col-left .header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about-us-hero__content-col-left .header-title p {
text-align: center;
}
.asociation .etic-codex {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (width <= 980px) {
.about-us-hero__content-col-left .header-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
}
@media (width <= 900px) {
.become-member .red-triangle {
left: 8rem;
bottom: unset;
}
.become-member__col-left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
gap: 4rem;
}
.become-member__col-right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.become-member__col-right-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.become-member__col-right-content .header {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (width <= 705px) {
.asociation__content-boxes .box-button {
max-width: 100%;
}
}
@media (width <= 600px) {
.become-member .red-triangle {
display: none;
}
}
@media (width <= 536px) {
.certification__content-cards .card {
max-width: 100%;
}
.team__content-cards .card {
max-width: 100%;
}
}
@media (width <= 526px) {
.about-us-hero__content-image {
max-width: 100%;
}
.about-us-hero__content-image svg {
width: 100%;
}
}