*,
*::after,
*::before {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: var(--font-primary);
color: var(--color-primary);
}
body::-webkit-scrollbar-thumb {
background-color: var(--color-primary);
}
body::-webkit-scrollbar {
width: 8px;
}
html {
scroll-behavior: smooth;
margin-top: 0 !important;
}
img {
display: block;
max-width: 100%;
}
input::-moz-placeholder {
font: inherit;
outline: none;
border: none;
background-color: transparent;
resize: none;
}
input,
input::placeholder,
button,
textarea,
select {
font: inherit;
outline: none;
border: none;
background-color: transparent;
resize: none;
}
a {
text-decoration: none;
color: inherit;
}
.container {
max-width: 1380px !important;
width: 100%;
margin-inline: auto;
padding-inline: 30px;
}
@media (max-width: 500px) {
.container {
padding-inline: 20px;
}
}
.container-2 {
max-width: 1540px !important;
}
.flex {
display: flex;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.flex-col {
flex-direction: column;
}
.breadcrumb a {
font-size: 14px;
color: #b7d0d5;
}
.breadcrumb a.active {
color: var(--color-white);
}
.breadcrumb h1 {
font-size: 60px;
font-weight: 700;
color: white;
margin-top: 40px;
}
@media (max-width: 1050px) {
.breadcrumb h1 {
margin-top: 28px;
font-size: 50px;
}
}
@media (max-width: 600px) {
.breadcrumb h1 {
margin-top: 16px;
font-size: 46px;
}
}
.arrow {
border: 1px solid var(--color-primary);
height: 56px;
width: 56px;
border-radius: 100%;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease-in-out;
flex-shrink: 0;
}
@media (max-width: 700px) {
.arrow {
height: 40px;
width: 40px;
}
}
.arrow svg {
color: var(--color-primary);
transition: all 0.3s ease-in-out;
}
.arrow:hover {
background-color: var(--color-primary);
}
.arrow:hover svg {
color: var(--color-white);
}
.arrow.slick-disabled[aria-disabled=true] {
background-color: transparent;
pointer-events: none;
}
.arrow.slick-disabled[aria-disabled=true] svg {
color: var(--color-primary);
}
.arrow[aria-disabled=false] {
background-color: var(--color-primary);
}
.arrow[aria-disabled=false] svg {
color: var(--color-white);
}
.accordion-box .wp-block-artarda-blocks-accordion-panel {
margin-bottom: 24px;
}
.accordion-box .wp-block-artarda-blocks-accordion-panel .accordion-title {
font-size: 29px;
font-weight: 700;
color: var(--color-primary);
position: relative;
border-bottom: 1px solid var(--color-primary);
padding-bottom: 30px;
}
@media (max-width: 1650px) {
.accordion-box .wp-block-artarda-blocks-accordion-panel .accordion-title {
font-size: 26px;
}
}
@media (max-width: 1350px) {
.accordion-box .wp-block-artarda-blocks-accordion-panel .accordion-title {
font-size: 23px;
}
}
@media (max-width: 900px) {
.accordion-box .wp-block-artarda-blocks-accordion-panel .accordion-title {
font-size: 20px;
}
}
.accordion-box .wp-block-artarda-blocks-accordion-panel .accordion-title::before {
display: block;
position: absolute;
content: "";
top: 14px;
right: 0px;
transform: translateY(-50%);
width: 30px;
height: 3px;
background-color: var(--color-primary);
}
.accordion-box .wp-block-artarda-blocks-accordion-panel .accordion-title::after {
display: block;
position: absolute;
content: "";
top: 0px;
right: 12px;
transform: translateX(-50%);
width: 3px;
height: 30px;
background: var(--color-primary);
}
.accordion-box .wp-block-artarda-blocks-accordion-panel.show .accordion-content {
opacity: 1;
height: -moz-max-content;
height: max-content;
margin-top: 34px;
margin-bottom: 24px;
transition: all 0.3s ease-in-out;
}
.accordion-box .wp-block-artarda-blocks-accordion-panel.show .accordion-content:not(:last-of-type) {
border-bottom: 1px solid var(--color-primary);
}
@media (max-width: 1650px) {
.accordion-box .wp-block-artarda-blocks-accordion-panel.show .accordion-content {
margin-top: 30px;
margin-bottom: 20px;
}
}
@media (max-width: 1350px) {
.accordion-box .wp-block-artarda-blocks-accordion-panel.show .accordion-content {
margin-top: 24px;
margin-bottom: 14px;
}
}
@media (max-width: 1130px) {
.accordion-box .wp-block-artarda-blocks-accordion-panel.show .accordion-content {
margin-top: 10px;
}
}
.accordion-box .wp-block-artarda-blocks-accordion-panel.show .accordion-title::after {
height: 0;
}
.accordion-box .wp-block-artarda-blocks-accordion-panel .accordion-content {
opacity: 0;
height: 0px;
overflow: hidden;
transition: opacity 200ms linear, max-height 200ms linear;
font-size: 18px;
line-height: 131%;
font-weight: 400;
color: var(--color-primary-variant-1);
}
@media (max-width: 1650px) {
.accordion-box .wp-block-artarda-blocks-accordion-panel .accordion-content {
font-size: 16px;
}
}
@media (max-width: 1350px) {
.accordion-box .wp-block-artarda-blocks-accordion-panel .accordion-content {
font-size: 15px;
}
}
@media (max-width: 1050px) {
#wpadminbar {
display: none;
}
}
.heading-primary {
font-size: 44px !important;
line-height: normal;
font-weight: 700;
}
.heading-primary span {
font-weight: 800;
}
@media (max-width: 1650px) {
.heading-primary {
font-size: 41px !important;
}
}
@media (max-width: 1350px) {
.heading-primary {
font-size: 33px !important;
}
}
@media (max-width: 1050px) {
.heading-primary {
font-size: 30px !important;
}
}
@media (max-width: 600px) {
.heading-primary {
font-size: 26px !important;
}
}
@media (max-width: 500px) {
.heading-primary {
font-size: 25px !important;
}
}
.heading-secondary {
font-size: 36px;
font-weight: 700;
color: var(--color-primary);
}
.heading-secondary span {
font-weight: 800;
}
@media (max-width: 1350px) {
.heading-secondary {
font-size: 32px;
}
}
@media (max-width: 650px) {
.heading-secondary {
font-size: 28px;
}
}
@media (max-width: 500px) {
.heading-secondary {
font-size: 23px;
}
}
.heading-tertiary {
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
.heading-tertiary span {
font-weight: 800;
}
@media (max-width: 1300px) {
.heading-tertiary {
font-size: 30px;
}
}
@media (max-width: 800px) {
.heading-tertiary {
font-size: 28px;
}
}
@media (max-width: 600px) {
.heading-tertiary {
font-size: 22px;
}
}
.text-primary, .input-box input, .input-box textarea {
font-size: 20px;
line-height: 131%;
color: var(--color-primary-variant);
font-weight: 400;
}
@media (max-width: 1000px) {
.text-primary, .input-box input, .input-box textarea {
font-size: 18px;
}
}
@media (max-width: 600px) {
.text-primary, .input-box input, .input-box textarea {
font-size: 16px;
}
}
.text-secondary, .col a, .row a, .col h5, .row h5, .library-section-header a, .inovation-card-bottom p, .card-primary p {
font-size: 18px;
line-height: 131%;
font-weight: 400;
}
@media (max-width: 1650px) {
.text-secondary, .col a, .row a, .col h5, .row h5, .library-section-header a, .inovation-card-bottom p, .card-primary p {
font-size: 17px;
}
}
@media (max-width: 1350px) {
.text-secondary, .col a, .row a, .col h5, .row h5, .library-section-header a, .inovation-card-bottom p, .card-primary p {
font-size: 16px;
}
}
@media (max-width: 600px) {
.text-secondary, .col a, .row a, .col h5, .row h5, .library-section-header a, .inovation-card-bottom p, .card-primary p {
font-size: 15px;
}
}
.text-teritary {
font-size: 16px;
line-height: 22px;
color: black;
font-weight: 500;
}
:root {
--color-primary: #23418d;
--color-primary-variant-1: #212044;
--color-secondary: #F5F6FF;
--color-white: #FFFFFF;
--border-radius-sm: 2px;
--border-radius-base: 4px;
--border-radius-md: 6px;
--border-radius-lg: 8px;
--border-radius-xl: 10px;
--border-radius-2xl: 12px;
--font-primary: "Rethink Sans", sans-serif;
}
.btn-primary {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: var(--color-primary);
border-radius: 53px;
padding: 20px 48px;
background-color: var(--color-white);
max-width: -moz-max-content;
max-width: max-content;
transition: all 0.3s ease-in-out;
border: 1px solid transparent;
}
@media (max-width: 1650px) {
.btn-primary {
padding: 15px 40px;
}
}
@media (max-width: 1350px) {
.btn-primary {
padding: 12px 32px;
}
}
.wp-block-button a {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: var(--color-primary);
border-radius: 53px;
padding: 20px 48px;
background-color: var(--color-white);
max-width: -moz-max-content;
max-width: max-content;
transition: all 0.3s ease-in-out;
border: 1px solid transparent;
}
@media (max-width: 1650px) {
.wp-block-button a {
padding: 15px 40px;
}
}
@media (max-width: 1350px) {
.wp-block-button a {
padding: 12px 32px;
}
}
.nav {
padding-block: 50px 23px;
padding-inline: 50px;
display: flex;
align-items: start; width: 100%; z-index: 99;
}
@media (max-width: 1650px) {
.nav {
padding-block: 40px 23px;
padding-inline: 40px;
}
}
@media (max-width: 1350px) {
.nav {
padding-block: 20px 23px;
padding-inline: 30px;
}
}
@media (max-width: 1000px) {
.nav {
padding-inline: 30px;
padding-block: 30px;
}
}
@media (max-width: 550px) {
.nav {
align-items: center;
padding-inline: 20px;
}
}
.nav-mobile {
position: fixed;
top: -300%;
left: 0;
width: 100vw;
height: 100vh;
z-index: 50;
transition: all 0.4s ease-in-out;
}
.nav-mobile.active {
top: 0;
}
.nav-trigger-btn, .nav-close-btn {
cursor: pointer;
}
.nav-close-btn {
width: 15px;
height: 15px;
}
.nav-center {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 45px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 1650px) {
.nav-center {
gap: 35px;
}
}
@media (max-width: 1350px) {
.nav-center {
gap: 25px;
}
}
@media (max-width: 1000px) {
.nav-center {
position: static;
transform: translateX(0);
align-items: start;
gap: 30px;
}
}
@media (max-width: 800px) {
.nav-center img {
max-width: 200px;
}
}
@media (max-width: 550px) {
.nav-center img {
max-width: 140px;
}
}
@media (max-width: 700px) {
.nav .nav-links {
display: none;
}
}
.nav .nav-links > ul {
display: flex;
justify-content: space-between;
gap: 48px;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 900px) {
.nav .nav-links > ul {
gap: 24px;
}
}
@media (max-width: 700px) {
.nav .nav-links > ul {
display: none;
}
}
.nav .nav-links > ul ul {
display: none !important;
}
.nav .nav-links > ul > li > a {
color: #FFF;
text-align: center;
font-size: 19px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
@media (max-width: 1650px) {
.nav .nav-links > ul > li > a {
font-size: 17px;
}
}
@media (max-width: 1350px) {
.nav .nav-links > ul > li > a {
font-size: 15px;
}
}
.nav .nav-links > ul > li > a::after {
content: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5652 1.17236L5.73759 5.99996L1.51345 1.17236' stroke='white' stroke-width='1.2069' stroke-linecap='round'/%3E%3C/svg%3E%0A");
line-height: 10px;
transition: all ease-in-out 0.3s;
}
.nav .nav-links > ul > li > a:hover::after {
transform: translateY(5px);
}
.nav .nav-link {
display: flex;
flex-direction: column;
align-items: center;
text-transform: uppercase;
color: var(--color-white);
cursor: pointer;
}
@media (max-width: 800px) {
.nav .nav-link {
font-size: 14px;
font-weight: 600;
}
}
.nav-right {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 170px;
width: 100%;
margin-left: auto;
position: relative;
z-index: 111;
}
@media (max-width: 800px) {
.nav-right {
max-width: 130px;
}
}
.nav-right .search-trigger-btn {
cursor: pointer;
}
.nav-right select {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: white;
background-color: transparent;
}
.nav-right select option {
background-color: var(--color-primary);
outline: none;
border: none;
font-size: 14px;
font-weight: 700;
width: 50px;
}
.card-primary {
background-color: var(--color-white);
border-radius: 16px;
padding-block: 70px;
padding-inline: 40px;
}
@media (max-width: 1650px) {
.card-primary {
padding-block: 55px;
padding-inline: 30px;
gap: 0;
}
}
@media (max-width: 1350px) {
.card-primary {
padding-block: 40px;
padding-inline: 20px;
gap: 0;
}
}
@media (max-width: 700px) {
.card-primary {
padding-block: 30px;
padding-inline: 30px;
}
}
@media (max-width: 500px) {
.card-primary {
padding-inline: 20px;
}
}
.card-primary h3 {
margin-bottom: 55px;
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
@media (max-width: 1650px) {
.card-primary h3 {
margin-bottom: 45px;
font-size: 30px;
}
}
@media (max-width: 1300px) {
.card-primary h3 {
margin-bottom: 35px;
font-size: 28px;
}
}
@media (max-width: 800px) {
.card-primary h3 {
margin-bottom: 30px;
font-size: 26px;
}
}
.card-primary h3 strong {
font-weight: 800;
}
.card-primary .title1 {
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
@media (max-width: 1650px) {
.card-primary .title1 {
font-size: 30px;
}
}
@media (max-width: 1350px) {
.card-primary .title1 {
font-size: 26px;
}
}
@media (max-width: 800px) {
.card-primary .title1 {
font-size: 22px;
}
}
.card-primary .title1 strong {
font-weight: 800;
}
.card-primary .title2 {
font-size: 28px;
font-weight: 500;
color: var(--color-primary-variant-1);
margin-bottom: 45px;
}
@media (max-width: 1650px) {
.card-primary .title2 {
font-size: 26px;
}
}
@media (max-width: 1350px) {
.card-primary .title2 {
font-size: 20px;
}
}
@media (max-width: 800px) {
.card-primary .title2 {
font-size: 18px;
}
}
.card-primary h4 {
font-size: 28px;
font-weight: 500;
color: var(--color-primary-variant-1);
margin-bottom: 45px;
}
@media (max-width: 1650px) {
.card-primary h4 {
font-size: 26px;
}
}
@media (max-width: 1350px) {
.card-primary h4 {
font-size: 24px;
}
}
@media (max-width: 800px) {
.card-primary h4 {
font-size: 21px;
}
}
@media (max-width: 800px) {
.card-primary h4 {
margin-bottom: 25px;
font-size: 25px;
}
}
@media (max-width: 600px) {
.card-primary h4 {
font-size: 20px;
}
}
.card-primary p {
color: var(--color-primary-variant-1);
}
.card-secondary {
border: 1px solid var(--color-primary);
background-color: var(--color-white);
border-radius: 16px;
min-height: 192px;
display: flex;
justify-content: space-between;
align-items: center;
padding-inline: 47px;
padding-block: 25px;
transition: all 0.3s ease-in-out;
}
@media (max-width: 1650px) {
.card-secondary {
padding-inline: 40px;
padding-block: 20px;
}
}
@media (max-width: 1350px) {
.card-secondary {
padding-inline: 35px;
padding-block: 15px;
}
}
@media (max-width: 800px) {
.card-secondary {
padding-inline: 30px;
padding-block: 15px;
gap: 20px;
}
}
@media (max-width: 600px) {
.card-secondary {
flex-direction: column;
}
}
.card-secondary svg .card-secondary-svg-hover {
stroke: var(--color-primary);
transition: all 0.3s ease-in-out;
}
.card-secondary h3 {
transition: all 0.3s ease-in-out;
max-width: 180px;
width: 100%;
}
@media (max-width: 600px) {
.card-secondary h3 {
text-align: center;
}
}
.card-secondary a.btn-primary {
border-color: var(--color-primary);
background-color: transparent;
}
.card-secondary:hover {
background-color: var(--color-primary);
filter: drop-shadow(0px 0px 8.5px rgba(35, 65, 141, 0.58));
}
.card-secondary:hover svg .card-secondary-svg-hover {
stroke: var(--color-white);
}
.card-secondary:hover h3 {
color: var(--color-white);
}
.card-secondary:hover a.btn-primary {
border-color: var(--color-white);
color: var(--color-white);
}
.tabs-box .tab {
background-color: var(--color-primary);
min-height: 100vh;
padding-inline: 80px;
padding-block: 40px;
display: flex;
flex-direction: column;
gap: 50px;
}
@media (max-width: 900px) {
.tabs-box .tab {
padding-inline: 50px;
padding-block: 30px;
}
}
@media (max-height: 850px) {
.tabs-box .tab {
overflow-y: auto;
height: 120vh;
}
}
@media (max-width: 680px) {
.tabs-box .tab {
padding-inline: 30px;
padding-block: 30px;
}
}
.tabs-box .tab .btn-primary:hover {
background-color: var(--color-primary);
color: var(--color-white);
border: 1px solid var(--color-white);
}
.tabs-box .tab .heading-primary-box {
display: flex;
align-items: center;
gap: 20px;
}
.tabs-box .tab .heading-primary-box img {
width: 65px;
height: 65px;
}
@media (max-width: 700px) {
.tabs-box .tab .heading-primary-box img {
width: 50px;
height: 50px;
}
}
@media (max-width: 700px) {
.tabs-box .tab .heading-primary-box .heading-primary {
font-size: 24px;
}
}
@media (max-width: 700px) {
.tabs-box .tab .text-primary, .tabs-box .tab .input-box input, .input-box .tabs-box .tab input, .tabs-box .tab .input-box textarea, .input-box .tabs-box .tab textarea {
font-size: 16px;
line-height: 22px;
}
}
@media (max-width: 700px) {
.tabs-box .tab .btn-primary {
font-size: 14px;
padding: 12px 20px;
}
}
.tabs-box .tab-header {
display: flex;
justify-content: space-between;
}
.tabs-box .tab-header a {
position: relative;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 700px) {
.tabs-box .tab-header .tab-logo {
height: 20px;
}
}
.tabs-box .tab-body {
max-width: 1200px;
width: 100%;
margin: 0 auto;
height: calc(100vh - 170px);
display: none;
justify-content: center;
flex-direction: column;
gap: 50px;
}
@media (max-width: 1000px) {
.tabs-box .tab-body {
flex-direction: column;
}
}
.tabs-box .tab-body.active {
display: flex;
animation: fadeInOut 0.7s ease-in-out;
}
@keyframes fadeInOut {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.tabs-box .tab-body-top {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
flex: 1;
}
@media (max-width: 680px) {
.tabs-box .tab-body-top {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 40px;
}
}
.tabs-box .tab-body-top-container {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
}
.tabs-box .tab-body-content {
display: flex;
flex-direction: column;
gap: 48px;
max-width: 650px;
padding-right: 84px;
}
@media (max-width: 680px) {
.tabs-box .tab-body-content {
gap: 32px;
}
}
.tabs-box .tab-body-content h1, .tabs-box .tab-body-content p {
color: var(--color-white);
}
@media (max-width: 900px) {
.tabs-box .tab-body-content {
padding-right: 50px;
}
}
@media (max-width: 700px) {
.tabs-box .tab-body-content {
padding-right: 10px;
}
}
.tabs-box .tab-body-links {
display: flex;
flex-direction: column;
gap: 3vh;
justify-content: space-between;
border-left: 1px solid var(--color-white);
min-width: 350px;
}
@media (max-width: 1000px) {
.tabs-box .tab-body-links {
border-left: none;
}
}
@media (max-width: 900px) {
.tabs-box .tab-body-links {
gap: 20px;
min-width: 250px;
}
}
.tabs-box .tab-body-links .heading-tertiary {
display: flex;
gap: 30px;
margin-left: 36px;
}
.tabs-box .tab-body-links h3, .tabs-box .tab-body-links a {
color: var(--color-white);
}
.tabs-box .tab-body-links h3 {
display: flex;
align-items: center;
position: relative;
}
.tabs-box .tab-body-links h3 svg {
position: absolute;
left: 10%;
}
@media (max-width: 900px) {
.tabs-box .tab-body-links h3 svg {
left: 20%;
width: 15px;
}
}
@media (max-width: 700px) {
.tabs-box .tab-body-links h3 svg {
left: 0%;
width: 15px;
}
}
.tabs-box .tab-body-links a {
font-size: 29px;
font-weight: 500;
display: inline-flex;
margin-left: 80px;
align-items: center;
gap: 10px;
}
@media (max-width: 900px) {
.tabs-box .tab-body-links a {
font-size: 20px;
}
}
@media (max-width: 700px) {
.tabs-box .tab-body-links a {
margin-left: 40px;
}
}
.tabs-box .tab-body-links a.arrow-right::after {
content: "";
display: block;
width: 0;
height: 2px;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L1 16' stroke='white' stroke-width='1.2069' stroke-linecap='round'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: margin-left 0.2s ease-in-out;
}
@media (max-width: 900px) {
.tabs-box .tab-body-links a.arrow-right::after {
width: 10px;
height: 14px;
}
}
.tabs-box .tab-body-links a.arrow-right:hover::before {
margin-left: 10px;
}
.tabs-box .tab-body-links a.arrow-left {
margin-left: 36px;
gap: 24px;
}
@media (max-width: 900px) {
.tabs-box .tab-body-links a.arrow-left {
gap: 12px;
margin-left: 56px;
}
}
@media (max-width: 700px) {
.tabs-box .tab-body-links a.arrow-left {
margin-left: 16px;
}
}
@media (max-width: 680px) {
.tabs-box .tab-body-links a.arrow-left {
margin-left: -24px;
}
}
.tabs-box .tab-body-links a.arrow-left::before {
content: "";
display: block;
width: 0;
height: 2px;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='28' viewBox='0 0 18 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 27L2 13.1333L17 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: margin-left 0.2s ease-in-out;
}
@media (max-width: 900px) {
.tabs-box .tab-body-links a.arrow-left::before {
width: 10px;
height: 14px;
}
}
.tabs-box .tab-body-links a.arrow-left:hover::after {
margin-left: 10px;
}
.tabs-box .tab-body-bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 650px) {
.tabs-box .tab-body-bottom {
flex-direction: column;
}
}
.tabs-box .tab-body-bottom p, .tabs-box .tab-body-bottom a {
font-size: 14px;
color: white;
font-weight: 500;
}
@media (max-width: 900px) {
.tabs-box .tab-body-bottom p, .tabs-box .tab-body-bottom a {
font-size: 12px;
}
}
.tabs-box .tab-body-bottom div {
max-width: 440px;
display: flex;
justify-content: space-between;
}
@media (max-width: 700px) {
.tabs-box .tab-body-bottom div {
gap: 10px;
flex-wrap: wrap;
align-self: start;
}
}
.tab-content {
display: none;
}
.active-tab {
display: block;
}
.tab-button {
cursor: pointer;
}
.fullmenu {
width: 100vw;
height: 100vh;
background-color: rgba(35, 65, 141, .9);
position: fixed;
top: -150vh;
left: 0;
display: block;
z-index: 999;
opacity: 0;
transition: all ease-in-out 0.4s;
}
.fullmenu.show {
top: 0;
opacity: 1;
}
.fullmenu.show .inner {
opacity: 1;
transition-delay: 0.3s;
}
.fullmenu p {
color: #fff;
}
.fullmenu .inner {
padding: 50px 66px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 30px;
height: 100%;
opacity: 0;
transition: ease all 0.4s;
transition-delay: 0.1s;
}
@media (max-width: 1650px) {
.fullmenu .inner {
padding: 40px 66px;
}
}
@media (max-width: 1350px) {
.fullmenu .inner {
padding: 20px 66px;
}
}
@media (max-width: 800px) {
.fullmenu .inner {
padding: 40px 40px;
}
}
.fullmenu-top {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
}
@media (max-width: 800px) {
.fullmenu-top {
justify-content: flex-start;
}
}
@media (max-width: 800px) {
.fullmenu-top .main-logo img {
width: 200px;
}
}
.fullmenu-top .nav-close-btn {
right: 0;
position: absolute;
top: 0;
}
.fullmenu-top .nav-close-btn img {
width: 25px;
height: auto;
max-width: unset;
}
.fullmenu-menu-content {
min-height: 50vh;
display: flex;
max-width: 1200px;
width: 100%;
margin: 0 auto;
justify-content: space-between;
gap: 50px;
}
.fullmenu-menu-content .left-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 650px;
padding-right: 84px;
}
@media (max-width: 800px) {
.fullmenu-menu-content .left-content {
display: none;
}
}
.fullmenu-menu-content .left-content .box {
display: flex;
flex-direction: column;
gap: 48px;
transition: all ease-in-out 0.2s;
}
@media (max-width: 1650px) {
.fullmenu-menu-content .left-content .box {
gap: 40px;
}
}
@media (max-width: 1350px) {
.fullmenu-menu-content .left-content .box {
gap: 32px;
}
}
.fullmenu-menu-content .left-content .box.hide {
display: none;
opacity: 0;
}
.fullmenu-menu-content .left-content .box.show {
display: show;
opacity: 1;
}
.fullmenu-menu-content .left-content .wp-block-heading, .fullmenu-menu-content .left-content #title {
font-size: 44px;
line-height: normal;
font-weight: 700;
color: white;
}
@media (max-width: 1650px) {
.fullmenu-menu-content .left-content .wp-block-heading, .fullmenu-menu-content .left-content #title {
font-size: 40px;
}
}
@media (max-width: 1350px) {
.fullmenu-menu-content .left-content .wp-block-heading, .fullmenu-menu-content .left-content #title {
font-size: 33px;
}
}
.fullmenu-menu-content .left-content p, .fullmenu-menu-content .left-content .desc {
font-size: 20px;
line-height: 131%;
color: white;
font-weight: 400;
}
@media (max-width: 1650px) {
.fullmenu-menu-content .left-content p, .fullmenu-menu-content .left-content .desc {
font-size: 18px;
}
}
@media (max-width: 1350px) {
.fullmenu-menu-content .left-content p, .fullmenu-menu-content .left-content .desc {
font-size: 15px;
}
}
.fullmenu-menu-content .left-content .wp-block-button a:hover, .fullmenu-menu-content .left-content .detail:hover {
background-color: var(--color-primary);
color: var(--color-white);
border: 1px solid var(--color-white);
}
.fullmenu-menu-content .left-content #title {
display: flex;
align-items: center;
justify-content: flex-start;
}
.fullmenu-menu-content .left-content #title.balikcilik::before {
content: url("data:image/svg+xml,%3Csvg width='67' height='67' viewBox='0 0 67 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1643_1459)'%3E%3Cpath d='M0.0629883 53.7937C0.0629883 53.7937 5.50994 53.3532 12.4758 56.808C15.4692 58.1897 23.2403 53.8525 24.622 53.7767C26.0037 53.7009 30.8964 53.229 34.58 55.7388C38.2636 58.2485 45.2294 56.1754 47.4163 54.9087C49.6032 53.6421 53.5182 53.3545 56.6841 54.276C59.8501 55.1976 60.718 56.8015 66.9898 56.7191' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M0.0629883 31.9968C0.0629883 31.9968 5.50994 31.5563 12.4758 35.0111C15.4692 36.3928 23.2403 32.0556 24.622 31.9798C26.0037 31.904 30.8964 31.4321 34.58 33.9419C38.2636 36.4503 45.2294 34.3785 47.4163 33.1118C49.6032 31.8452 53.5182 31.5576 56.6841 32.4792C59.8501 33.4007 60.718 35.0046 66.9898 34.9223' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M0.0629883 9.94995C0.0629883 9.94995 5.50994 9.50944 12.4758 12.9643C15.4692 14.3459 23.2403 10.0088 24.622 9.93296C26.0037 9.85714 30.8964 9.38526 34.58 11.895C38.2636 14.4035 45.2294 12.3316 47.4163 11.065C49.6032 9.79832 53.5182 9.51075 56.6841 10.4323C59.8501 11.3538 60.718 12.9577 66.9898 12.8754' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M53.8564 66.9268C53.8564 66.9268 53.4159 61.4798 56.8708 54.514C58.2524 51.5206 53.9153 43.7495 53.8395 42.3678C53.7636 40.9861 53.2918 36.0934 55.8015 32.4098C58.3113 28.7262 56.2381 21.7604 54.9715 19.5735C53.7048 17.3866 53.4172 13.4716 54.3388 10.3057C55.2603 7.13973 56.8642 6.27177 56.7806 0' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M32.061 66.9268C32.061 66.9268 31.6205 61.4798 35.0754 54.514C36.457 51.5206 32.1199 43.7495 32.044 42.3678C31.9682 40.9861 31.4963 36.0934 34.0061 32.4098C36.5145 28.7262 34.4427 21.7604 33.176 19.5735C31.9094 17.3866 31.6218 13.4716 32.5434 10.3057C33.4649 7.13973 35.0688 6.27177 34.9865 0' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M10.0142 66.9268C10.0142 66.9268 9.57365 61.4798 13.0285 54.514C14.4102 51.5206 10.073 43.7495 9.99717 42.3678C9.92135 40.9861 9.44947 36.0934 11.9592 32.4098C14.4677 28.7262 12.3958 21.7604 11.1292 19.5735C9.86253 17.3866 9.57495 13.4716 10.4965 10.3057C11.4181 7.13973 13.0219 6.27177 12.9396 0' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1643_1459'%3E%3Crect width='67' height='67' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
margin-right: 20px;
line-height: 30px;
}
.fullmenu-menu-content .left-content #title.kultur::before {
content: url("data:image/svg+xml,%3Csvg width='73' height='90' viewBox='0 0 73 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_426_891)'%3E%3Cpath d='M32.2668 67.944C28.7486 67.944 24.4035 66.3186 22.702 65.619C21.231 65.0155 19.8753 64.3571 18.8856 63.7605C17.5569 62.9581 17.0146 62.382 17.0146 61.7579C17.0146 61.0926 17.5908 60.4411 18.8788 59.6456C19.8549 59.0489 21.2107 58.3905 22.7088 57.7939C26.1998 56.4016 29.7722 55.5649 32.2668 55.5649C35.0121 55.5649 37.6084 56.1616 39.5674 57.2452C40.5639 57.7939 41.3502 58.4454 41.9061 59.1724C42.523 59.9816 42.8348 60.8457 42.8348 61.751C42.8348 62.6563 42.523 63.5273 41.9061 64.3297C41.3502 65.0567 40.5571 65.7082 39.5674 66.2569C37.6016 67.3405 35.0121 67.9371 32.2668 67.9371V67.944ZM18.6415 61.7167C18.8313 61.8951 19.2448 62.2105 20.099 62.6906C21.0887 63.2461 22.3766 63.8428 23.7188 64.3777C26.9861 65.6671 30.0976 66.4077 32.2668 66.4077C37.1746 66.4077 41.3231 64.2748 41.3231 61.751C41.3231 59.2272 37.1746 57.0943 32.2668 57.0943C30.0705 57.0943 26.8573 57.8281 23.6713 59.0558C22.302 59.5838 21.0209 60.1736 20.0583 60.7223C19.211 61.2024 18.8178 61.5384 18.6415 61.7167Z' fill='%23B7D0D5'/%3E%3Cpath d='M36.3 67.464C36.117 67.464 35.9407 67.4022 35.7916 67.2651C34.1579 65.7837 33.2563 63.8291 33.2563 61.7511C33.2563 59.6731 34.1579 57.7116 35.7916 56.2371C36.1034 55.9559 36.5847 55.9833 36.8626 56.2988C37.1406 56.6143 37.1134 57.1012 36.8016 57.3824C35.4933 58.5689 34.7748 60.1188 34.7748 61.7579C34.7748 63.3971 35.4933 64.947 36.8016 66.1335C37.1134 66.4147 37.1406 66.9016 36.8626 67.2171C36.7135 67.3885 36.5034 67.4708 36.3 67.4708V67.464Z' fill='%23B7D0D5'/%3E%3Cpath d='M13.1982 62.5191C12.7779 62.5191 12.439 62.1762 12.439 61.751C12.439 60.6262 11.6188 58.507 11.3002 57.7801C11.1849 57.5126 11.2256 57.204 11.4086 56.9777C11.5917 56.7513 11.8899 56.6553 12.1679 56.7239C13.1372 56.9571 14.2964 57.5537 15.6114 58.4865C16.8791 59.3917 17.9298 60.345 18.4382 60.832C18.7432 61.1269 18.7568 61.6069 18.4653 61.9155C18.1738 62.2242 17.6993 62.2379 17.3942 61.943C16.2893 60.88 14.737 59.6181 13.3406 58.8431C13.6524 59.7689 13.9574 60.8868 13.9574 61.7372C13.9574 62.1624 13.6185 62.5054 13.1982 62.5054V62.5191Z' fill='%23B7D0D5'/%3E%3Cpath d='M20.6617 60.304C20.5125 60.304 20.3634 60.256 20.2278 60.1668C19.8821 59.9268 19.8008 59.4467 20.038 59.0969C22.4852 55.5375 24.8374 53.7887 26.3761 52.9451C27.5895 52.2799 29.0808 52.3485 30.2603 53.1234L34.2666 55.757C34.6191 55.9902 34.7207 56.4634 34.4903 56.82C34.2598 57.1766 33.7921 57.2795 33.4396 57.0463L29.4333 54.4128C28.7216 53.9464 27.82 53.8984 27.0947 54.2962C25.705 55.0574 23.563 56.6623 21.2853 59.9748C21.1362 60.1874 20.8989 60.304 20.6617 60.304Z' fill='%23B7D0D5'/%3E%3Cpath d='M52.2638 50.9974C48.7457 50.9974 44.4005 49.372 42.6991 48.6725C41.2281 48.069 39.8723 47.4106 38.8826 46.8139C37.554 46.0115 37.0117 45.4354 37.0117 44.8113C37.0117 44.1461 37.5879 43.4946 38.8759 42.699C39.852 42.1024 41.2077 41.444 42.7058 40.8473C46.1969 39.4551 49.7693 38.6184 52.2638 38.6184C55.0092 38.6184 57.6055 39.2151 59.5645 40.2987C60.561 40.8473 61.3473 41.4988 61.9032 42.2258C62.52 43.0351 62.8319 43.8992 62.8319 44.8045C62.8319 45.7098 62.52 46.5808 61.9032 47.3832C61.3473 48.1101 60.5542 48.7617 59.5645 49.3103C57.5987 50.3939 55.0092 50.9906 52.2638 50.9906V50.9974ZM38.6386 44.7702C38.8284 44.9485 39.2419 45.264 40.096 45.7441C41.0857 46.2996 42.3737 46.8962 43.7159 47.4312C46.9832 48.7205 50.0946 49.4612 52.2638 49.4612C57.1716 49.4612 61.3202 47.3283 61.3202 44.8045C61.3202 42.2807 57.1716 40.1478 52.2638 40.1478C50.0675 40.1478 46.8544 40.8816 43.6684 42.1092C42.2991 42.6373 41.0179 43.2271 40.0554 43.7758C39.208 44.2558 38.8149 44.5919 38.6386 44.7702Z' fill='%23B7D0D5'/%3E%3Cpath d='M56.27 50.5243C56.087 50.5243 55.904 50.4557 55.7616 50.3254C54.1415 48.8303 53.2603 46.8689 53.2738 44.7909C53.2738 44.0708 53.3959 43.3644 53.6128 42.6786C53.7416 42.2739 54.1686 42.0545 54.5686 42.1848C54.9685 42.3151 55.1854 42.7471 55.0566 43.1518C54.8872 43.6867 54.7991 44.2422 54.7923 44.8046C54.7787 46.4437 55.4837 48.0005 56.7852 49.1938C57.097 49.4819 57.1174 49.962 56.8327 50.2774C56.6835 50.442 56.4802 50.5312 56.27 50.5312V50.5243Z' fill='%23B7D0D5'/%3E%3Cpath d='M31.9887 49.852C31.765 49.852 31.5549 49.756 31.4058 49.5777C31.2227 49.3514 31.1753 49.0428 31.2973 48.7753C31.6159 48.0552 32.4361 45.9292 32.4361 44.8044C32.4361 43.6797 31.6159 41.5605 31.2973 40.8335C31.1821 40.5661 31.2227 40.2574 31.4058 40.0311C31.5888 39.8048 31.887 39.7088 32.165 39.7774C33.1343 40.0105 34.2935 40.6072 35.6086 41.5399C36.8762 42.4452 37.9269 43.3985 38.4353 43.8854C38.6793 44.1186 38.7336 44.4752 38.6048 44.7633C38.7674 45.0582 38.7132 45.4422 38.4624 45.6891C37.954 46.1761 36.9101 47.1362 35.6289 48.0483C34.3071 48.9948 33.1411 49.5914 32.1718 49.8246C32.1107 49.8383 32.0565 49.8452 31.9955 49.8452L31.9887 49.852ZM33.3377 41.9103C33.6495 42.8361 33.9546 43.954 33.9546 44.8044C33.9546 45.6548 33.6495 46.7796 33.3377 47.6986C34.646 46.9716 36.0899 45.8194 37.1812 44.8044C36.0966 43.7894 34.6528 42.6304 33.3377 41.9103Z' fill='%23B7D0D5'/%3E%3Cpath d='M40.6588 43.3574C40.5096 43.3574 40.3605 43.3094 40.2249 43.2203C39.8792 42.9802 39.7979 42.5002 40.0351 42.1504C42.4822 38.591 44.8344 36.8422 46.3732 35.9986C47.5866 35.3333 49.0779 35.4019 50.2574 36.1769L54.2636 38.8104C54.6161 39.0436 54.7178 39.5168 54.4873 39.8735C54.2569 40.2301 53.7891 40.333 53.4366 40.0998L49.4304 37.4662C48.7186 36.9999 47.8171 36.9519 47.0918 37.3497C45.7021 38.1109 43.56 39.7157 41.2824 43.0282C41.1333 43.2408 40.896 43.3574 40.6588 43.3574Z' fill='%23B7D0D5'/%3E%3Cpath d='M2.56226 20.8557L4.70433 63.9114L36.4965 89.129L69.1835 63.3079L71.2713 20.259' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M26.864 81.489L70.4376 37.48' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M12.6016 70.8246L58.1545 24.813' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M4.0874 54.6941L32.4902 26.0337' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M3.07056 31.0059L10.4933 23.7087' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M46.6374 81.489L3.07056 37.48' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M60.9067 70.8246L15.3538 24.813' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M69.4141 54.6941L41.0112 26.0337' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M70.4376 31.0059L63.0149 23.7087' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M36.4967 25.9306C56.2789 25.9306 72.3155 22.5837 72.3155 18.4552C72.3155 14.3266 56.2789 10.9797 36.4967 10.9797C16.7146 10.9797 0.677979 14.3266 0.677979 18.4552C0.677979 22.5837 16.7146 25.9306 36.4967 25.9306Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M0.677979 18.4553L13.8151 0.788574C13.8151 0.788574 31.8736 6.07624 57.8429 0.788574L72.3222 18.4553' stroke='white' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_426_891'%3E%3Crect width='73' height='90' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
margin-right: 20px;
line-height: 30px;
}
.fullmenu-menu-content .left-content #title.endustri::before {
content: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 135 135' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.9483 59.3868V78.8232H5.31608V16.8868L65.3413 6.91195V78.8232H45.7091V59.3868H24.9483ZM41.0405 78.8403H29.5827V64.0406H41.0405V78.8403ZM115.243 99.9877C110.215 99.9877 105.307 99.1151 100.245 97.3186L100.005 97.2331L99.766 97.3186C94.2936 99.2862 89.0777 100.244 83.8619 100.244C79.6892 100.244 75.5507 99.6284 71.2241 98.3794L69.9928 98.0201V83.477H130.086V97.7806L128.804 98.1057C123.776 99.406 119.467 99.9877 115.243 99.9877ZM34.7472 102.315L35.3287 102.109L35.9101 102.315C41.2799 104.265 46.3761 105.206 51.5064 105.206C56.6368 105.206 61.7329 104.265 67.1027 102.315L67.6841 102.109L68.2656 102.315C73.6353 104.265 78.7315 105.206 83.8619 105.206C88.9922 105.206 94.0884 104.265 99.4582 102.315L100.04 102.109L100.621 102.315C106.401 104.419 111.686 105.446 116.73 105.446C120.544 105.446 124.272 104.847 127.812 103.649L130.052 102.896V129.707H5.3332V102.896L7.57345 103.649C11.1134 104.847 14.8414 105.446 18.655 105.446C23.6828 105.429 28.9499 104.402 34.7472 102.315ZM65.3413 98.0372L64.11 98.3965C59.8005 99.6455 55.6791 100.244 51.5064 100.244C46.2906 100.244 41.0747 99.2862 35.551 97.3186L35.3116 97.2331L35.0722 97.3186C29.976 99.1665 25.068 100.056 20.0744 100.056C15.9017 100.056 11.6093 99.4573 6.56448 98.157L5.28189 97.8319V83.4941H65.3071V98.0372H65.3413ZM130.086 78.8403H110.42V59.3868H89.6592V78.8232H69.9928V21.4037L130.086 31.8918V78.8403ZM105.751 78.8403H94.2936V64.0406H105.751V78.8403ZM69.9928 16.6815V1.4198L5.31608 12.1646V0.256348H0.664551V134.344H134.687L134.738 27.9909L69.9928 16.6815Z' fill='white'/%3E%3Cpath d='M21.4767 27.5801H16.8252V32.2339H21.4767V27.5801Z' fill='white'/%3E%3Cpath d='M37.6545 27.5801H33.0029V32.2339H37.6545V27.5801Z' fill='white'/%3E%3Cpath d='M53.8151 27.5801H49.1636V32.2339H53.8151V27.5801Z' fill='white'/%3E%3Cpath d='M21.4767 43.2866H16.8252V47.9404H21.4767V43.2866Z' fill='white'/%3E%3Cpath d='M37.6545 43.2866H33.0029V47.9404H37.6545V43.2866Z' fill='white'/%3E%3Cpath d='M53.8151 43.2866H49.1636V47.9404H53.8151V43.2866Z' fill='white'/%3E%3Cpath d='M86.1877 43.2866H81.5361V47.9404H86.1877V43.2866Z' fill='white'/%3E%3Cpath d='M102.365 43.2866H97.7139V47.9404H102.365V43.2866Z' fill='white'/%3E%3Cpath d='M118.526 43.2866H113.875V47.9404H118.526V43.2866Z' fill='white'/%3E%3C/svg%3E%0A");
margin-right: 20px;
line-height: 30px;
}
.fullmenu-menu-content .right-content {
display: flex;
flex-direction: column;
border-left: 1px solid var(--color-white);
min-width: 350px;
align-items: flex-start;
justify-content: center;
}
@media (max-width: 800px) {
.fullmenu-menu-content .right-content {
border: 0;
}
}
.fullmenu-menu-content .right-content ul {
list-style: none;
margin: 0;
padding: 0;
gap: 3vh;
display: flex;
flex-direction: column;
}
.fullmenu-menu-content .right-content ul li {
position: relative;
margin-left: 80px;
opacity: 1;
transition-delay: 0.2s;
}
@media (max-width: 800px) {
.fullmenu-menu-content .right-content ul li {
margin-left: 0;
}
}
.fullmenu-menu-content .right-content ul li a {
font-size: 32px;
font-weight: 500;
cursor: pointer;
color: white;
}
@media (max-width: 1650px) {
.fullmenu-menu-content .right-content ul li a {
font-size: 29px;
}
}
@media (max-width: 1350px) {
.fullmenu-menu-content .right-content ul li a {
font-size: 24px;
}
}
.fullmenu-menu-content .right-content ul li.medium a {
font-weight: 300;
font-size: 26px;
}
@media (max-width: 1650px) {
.fullmenu-menu-content .right-content ul li.medium a {
font-size: 23px;
}
}
@media (max-width: 1350px) {
.fullmenu-menu-content .right-content ul li.medium a {
font-size: 20px;
}
}
.fullmenu-menu-content .right-content ul li ul {
display: flex;
margin-top: 0;
height: 0;
overflow: hidden;
transition: none;
}
.fullmenu-menu-content .right-content ul li ul li {
margin-left: 0;
}
.fullmenu-menu-content .right-content ul li ul li a {
font-size: 29px;
font-weight: 500;
}
@media (max-width: 1650px) {
.fullmenu-menu-content .right-content ul li ul li a {
font-size: 24px;
}
}
@media (max-width: 1350px) {
.fullmenu-menu-content .right-content ul li ul li a {
font-size: 20px;
}
}
.fullmenu-menu-content .right-content ul li.show ul {
margin-top: 3vh;
height: 100%;
overflow: visible;
transition: all ease-in-out 0.3s;
}
.fullmenu-menu-content .right-content ul li.show span.toparent {
display: inline-flex;
}
.fullmenu-menu-content .right-content ul li.show span.tochild {
display: none;
}
.fullmenu-menu-content .right-content ul li.hide {
display: none;
}
.fullmenu-menu-content .right-content ul li span {
transition: all ease-in-out 0.3s;
}
.fullmenu-menu-content .right-content ul li span.tochild {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L1 16' stroke='white' stroke-width='1.2069' stroke-linecap='round'/%3E%3C/svg%3E%0A");
width: 8px;
height: 15px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-left: 12px;
cursor: pointer;
}
.fullmenu-menu-content .right-content ul li span.toparent {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='28' viewBox='0 0 18 28' fill='none'%3E%3Cpath d='M17 27L2 13.1333L17 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
width: 15px;
height: 26px;
display: none;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-left: 12px;
cursor: pointer;
position: absolute;
left: -60px;
top: 8px;
}
@media (max-width: 1350px) {
.fullmenu-menu-content .right-content ul li span.toparent {
height: 18px;
}
}
@media (max-width: 800px) {
.fullmenu-menu-content .right-content ul li span.toparent {
left: -40px;
}
}
.fullmenu-menu-content .right-content ul li:hover span.tochild {
transform: translateX(5px);
}
.fullmenu-bottom {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.fullmenu-bottom p, .fullmenu-bottom a {
font-size: 14px;
color: white;
font-weight: 500;
}
@media (max-width: 1350px) {
.fullmenu-bottom p, .fullmenu-bottom a {
font-size: 12px;
}
}
.hero-sections {
position: relative;
z-index: 199;
}
.hero-section {
height: 100vh;
display: flex;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
width: 100% !important;
}
.hero-section-sticky {
position: sticky !important;
top: 0;
}
.hero-section .wp-block-cover {
height: 100vh;
background: var(--color-primary);
width:100%
}
.hero-section .wp-block-cover .wp-block-cover__background {
background-color: #295FC8;
mix-blend-mode: multiply;
}
.hero-section .container {
display: flex;
flex-direction: column;
gap: 48px;
opacity: 1;
padding-top: 100px;
}
@media (max-width: 1350px) {
.hero-section .container {
gap: 28px;
padding-top: 80px;
}
}
.hero-section .container h1 {
color: var(--color-white) !important;
max-width: 800px;
}
.hero-section .container p {
color: var(--color-white);
max-width: 650px;
font-size: 20px;
line-height: 131%;
font-weight: 400;
}
@media (max-width: 1650px) {
.hero-section .container p {
font-size: 18px;
line-height: 131%;
}
}
@media (max-width: 1650px) {
.hero-section .container p {
font-size: 15px;
}
}
@media (max-width: 650px) {
.hero-section .container p {
max-width: 100%;
font-size: 16px;
}
}
.hero-section .container a:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.hero-section-center {
max-height: calc(100vh - 270px);
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-inline: 30px;
}
@media (max-width: 1000px) {
.hero-section-center {
max-height: calc(100vh - 240px);
}
}
@media (max-width: 700px) {
.hero-section-center {
max-height: calc(100vh - 170px);
}
}
.hero-section-center .heading-primary {
color: var(--color-white) !important;
text-align: center;
overflow: hidden;
animation: reveal 1s ease-in-out 0.5s forwards;
opacity: 0;
}
.hero-section-center .heading-primary-container {
overflow: hidden;
}
.hero-section-center .play-btn {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin-top: 26px;
animation: reveal 0.5s ease-in-out 0.6s forwards;
opacity: 0;
}
.hero-section-center .play-btn-container {
overflow: hidden;
}
@media (max-width: 1350px) {
.hero-section-center .play-btn {
scale: 0.7;
margin-top: 0;
}
}
@media (max-width: 800px) {
.hero-section-center .play-btn svg {
width: 50px;
height: 50px;
}
}
.hero-section-center svg {
color: var(--color-white);
transition: all 0.3s ease-in-out;
cursor: pointer;
border-radius: 100%;
}
.hero-section-center svg:hover {
background-color: white;
color: var(--color-primary);
}
.hero-section-center p {
font-size: 16px;
font-weight: 500;
color: var(--color-white) !important;
}
.hero-section-bottom {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
color: var(--color-white);
font-weight: 700;
position: absolute;
top: calc(100vh - 100px);
z-index: 99;
}
@media (max-width: 800px) {
.hero-section-bottom {
font-size: 14px;
gap: 10px;
}
.hero-section-bottom img {
height: 30px;
}
}
.hero-section-1 {
display: block;
}
.tobottom {
position: absolute;
bottom: 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 99;
gap: 20px;
left: 50%;
transform: translateX(-50%);
}
.tobottom span {
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.44px;
}
@media (max-width: 1350px) {
.tobottom {
gap: 10px;
}
.tobottom span {
font-size: 13px;
}
.tobottom svg {
width: 12px;
height: auto;
}
}
@keyframes reveal {
0% {
opacity: 0;
transform: translate(0, 100%);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
.who-section {
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/who-section-bg-img.jpg);
background-repeat: no-repeat;
background-size: cover;
background-color: var(--color-secondary);
padding-block: 130px;
}
@media (max-width: 1650px) {
.who-section {
padding-block: 100px;
}
}
@media (max-width: 1300px) {
.who-section {
padding-block: 80px;
}
}
@media (max-width: 800px) {
.who-section {
padding-block: 60px;
}
}
.who-section .container .wp-block-button a {
display: block;
max-width: -moz-max-content;
max-width: max-content;
margin-left: auto;
margin-top: 30px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
@media (max-width: 1650px) {
.who-section .container .wp-block-button a {
font-size: 16px;
margin-top: 20px;
}
}
.who-section-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
@media (max-width: 800px) {
.who-section-header {
flex-direction: column;
}
}
.who-section-header-left {
max-width: 490px;
width: 100%;
}
@media (max-width: 1300px) {
.who-section-header-left {
max-width: 100%;
}
}
.who-section-header-left h3 {
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
font-weight: 800;
letter-spacing: 9%;
text-transform: uppercase;
}
@media (max-width: 1650px) {
.who-section-header-left h3 {
font-size: 28px;
}
}
@media (max-width: 1350px) {
.who-section-header-left h3 {
font-size: 22px;
}
}
.who-section-header-left h2 {
color: var(--color-primary-variant-1) !important;
margin-top: 25px;
font-size: 44px;
line-height: normal;
font-weight: 700;
}
@media (max-width: 1650px) {
.who-section-header-left h2 {
font-size: 39px;
}
}
@media (max-width: 1350px) {
.who-section-header-left h2 {
font-size: 30px;
}
}
.who-section-header-right {
max-width: 660px;
width: 100%;
}
@media (max-width: 1300px) {
.who-section-header-right {
max-width: 100%;
}
}
.who-section-header-right h4 {
font-size: 36px;
font-weight: 700;
margin-bottom: 18px;
color: var(--color-primary-variant-1);
}
@media (max-width: 1650px) {
.who-section-header-right h4 {
font-size: 32px;
}
}
@media (max-width: 1300px) {
.who-section-header-right h4 {
font-size: 29px;
}
}
.who-section-header-right p {
color: var(--color-primary-variant-1);
font-size: 20px;
line-height: 131%;
font-weight: 400;
}
@media (max-width: 1650px) {
.who-section-header-right p {
font-size: 18px;
}
}
@media (max-width: 1300px) {
.who-section-header-right p {
font-size: 16px;
}
}
.who-cards {
max-width: 90%;
margin: 0 auto;
}
@media (max-width: 1200px) {
.who-cards {
max-width: 80%;
}
}
@media (max-width: 600px) {
.who-cards {
max-width: 100%;
}
}
.who-cards-box {
position: relative;
max-width: 1540px !important;
display: flex;
align-items: center;
margin-top: 50px;
}
.who-cards-box > .wp-block-group__inner-container {
width: 100%;
position: relative;
max-width: 1540px !important;
display: flex;
align-items: center;
}
@media (max-width: 600px) {
.who-cards-box .who-prev-arrow,
.who-cards-box .who-next-arrow {
position: absolute;
bottom: 0;
left: 0;
}
.who-cards-box .who-next-arrow {
left: unset;
right: 0;
}
.who-cards-box > .wp-block-group__inner-container {
padding-bottom: 60px;
}
}
.who-cards-box .card-primary {
min-height: 500px;
margin-inline: 12px;
height: 100%;
}
@media (max-width: 1650px) {
.who-cards-box .card-primary {
min-height: 450px;
}
}
@media (max-width: 1350px) {
.who-cards-box .card-primary {
min-height: 370px;
}
}
@media (max-width: 600px) {
.who-cards-box .card-primary {
margin-inline: 0;
margin-right: 5px;
min-height: 400px;
}
}
@media (max-width: 600px) {
.who-slider .card-primary {
width: 100%;
}
}
.raw-material {
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/raw-material-section-bg-img.svg);
background-repeat: no-repeat;
background-size: cover;
padding-block: 130px;
}
@media (max-width: 1650px) {
.raw-material {
padding-block: 100px;
}
}
@media (max-width: 1350px) {
.raw-material {
padding-block: 80px;
}
}
@media (max-width: 700px) {
.raw-material {
padding-block: 60px;
}
}
.raw-material-cards {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
gap: 24px !important;
margin-top: 100px !important;
}
@media (max-width: 1650px) {
.raw-material-cards {
margin-top: 80px !important;
}
}
@media (max-width: 1350px) {
.raw-material-cards {
margin-top: 60px !important;
}
}
@media (max-width: 700px) {
.raw-material-cards {
grid-template-columns: 1fr !important;
}
}
.raw-material-cards .wp-block-heading {
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
.raw-material-card {
border: 1px solid var(--color-primary);
border-radius: 16px;
min-height: 560px;
padding-inline: 40px;
padding-block: 50px;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-color: #F5F6FF;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
@media (max-width: 800px) {
.raw-material-card {
min-height: 400px;
padding-inline: 30px;
padding-block: 30px;
}
}
@media (max-width: 500px) {
.raw-material-card {
padding-inline: 20px;
}
}
.raw-material-card:hover {
filter: drop-shadow(0px 4px 52px rgba(35, 65, 141, 0.28));
}
.raw-material-card .wp-block-heading {
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
z-index: 5;
}
.raw-material-card p {
color: var(--color-primary-variant-1);
margin-top: 40px;
min-height: 235px;
font-size: 20px;
line-height: 131%;
font-weight: 400;
z-index: 5;
}
@media (max-width: 800px) {
.raw-material-card p {
min-height: auto;
}
}
.raw-material-card .wp-block-image {
position: absolute;
transition: all 0.3s ease-in-out;
max-width: -moz-max-content;
max-width: max-content;
}
.raw-material-card .wp-block-image img {
max-width: -moz-max-content;
max-width: max-content;
}
.raw-material-card:nth-of-type(1):hover .wp-block-image {
top: -220px;
right: -170px;
}
.raw-material-card:nth-of-type(1) .wp-block-image {
top: -164px;
right: -370px;
}
.raw-material-card:nth-of-type(2) .wp-block-image {
top: -150px;
right: -330px;
}
.raw-material-card:nth-of-type(2):hover .wp-block-image {
top: -212px;
right: -200px;
}
.raw-material-card:nth-of-type(3) .wp-block-image {
top: -165px;
right: -350px;
}
.raw-material-card:nth-of-type(3):hover .wp-block-image {
top: -238px;
right: -180px;
}
.inovation-section {
background-color: var(--color-primary);
padding-inline: 30px;
}
@media (max-width: 500px) {
.inovation-section {
padding-inline: 20px;
}
}
.inovation-section .container {
margin-top: -400px;
background-color: var(--color-white);
border-radius: 16px;
position: relative;
z-index: 2;
padding-block: 70px;
padding-inline: 40px;
}
@media (max-width: 1650px) {
.inovation-section .container {
padding-block: 55px;
}
}
@media (max-width: 1350px) {
.inovation-section .container {
padding-block: 45px;
}
}
@media (max-width: 700px) {
.inovation-section .container {
padding-inline: 30px;
padding-block: 40px;
}
}
@media (max-width: 500px) {
.inovation-section .container {
padding-inline: 20px;
padding-block: 40px;
}
}
.inovation-section h4 {
font-size: 27px;
font-weight: 600;
}
@media (max-width: 1650px) {
.inovation-section h4 {
font-size: 25px;
}
}
@media (max-width: 1350px) {
.inovation-section h4 {
font-size: 23px;
}
}
.inovation-cards {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
gap: 15px;
margin-top: 80px !important;
width: 100%;
}
@media (max-width: 1650px) {
.inovation-cards {
margin-top: 50px !important;
}
}
@media (max-width: 1350px) {
.inovation-cards {
margin-top: 35px !important;
}
}
@media (max-width: 800px) {
.inovation-cards {
grid-template-columns: 1fr !important;
}
}
.inovation-card {
border-radius: 16px;
position: relative;
transition: all 0.3s ease-in-out;
gap: 0;
}
@media (max-width: 1350px) {
.inovation-card {
-webkit-clip-path: unset;
clip-path: unset;
border-radius: 16px;
overflow: hidden;
}
}
.inovation-card .path {
width: 100%;
}
.inovation-card .path * {
width: 100%;
}
.inovation-card-social-link {
position: absolute;
top: 0;
right: 0;
width: 95px;
height: 95px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-secondary);
transition: all 0.3s ease-in-out;
}
@media (max-width: 450px) {
.inovation-card-social-link {
width: 70px;
height: 70px;
padding: 12px;
}
}
.inovation-card-social-link svg {
color: var(--color-primary);
}
.inovation-card:hover {
filter: drop-shadow(0px 4px 52px rgba(35, 65, 141, 0.28));
}
.inovation-card:hover .inovation-card-social-link {
background-color: var(--color-primary);
}
.inovation-card:hover .inovation-card-social-link svg {
color: white;
}
.inovation-card-img {
-webkit-clip-path: url(#path);
clip-path: url(#path);
}
.inovation-card-img img {
width: 100%;
}
@media (max-width: 1350px) {
.inovation-card-img {
-webkit-clip-path: unset;
clip-path: unset;
border-radius: 16px;
overflow: hidden;
}
}
.inovation-card-bottom {
background-color: var(--color-secondary);
padding-inline: 24px;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
padding-top: 45px;
padding-bottom: 24px;
width: 100%;
text-align: center;
}
@media (max-width: 700px) {
.inovation-card-bottom {
padding-top: 30px;
}
}
.inovation-card-bottom p {
min-height: 45px;
color: var(--color-primary-variant-1);
margin-bottom: 35px;
}
@media (max-width: 700px) {
.inovation-card-bottom p {
min-height: auto;
margin-bottom: 20px;
}
}
.inovation-card-bottom .wp-block-button.grow-arrow-right a {
font-size: 14px;
font-weight: 700;
}
.inovation-card-bottom .wp-block-button.grow-arrow-right a::after {
top: 4px;
}
.factory-section {
padding-block: 130px;
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/factory-section-bg.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
@media (max-width: 1650px) {
.factory-section {
padding-block: 80px;
}
}
@media (max-width: 1350px) {
.factory-section {
padding-block: 60px;
}
}
.factory-section .wp-block-heading {
text-align: center;
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
.factory-section .container {
position: relative;
}
.factory-card-box {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 100px;
}
@media (max-width: 800px) {
.factory-card-box {
position: relative;
}
}
.factory-next-arrow, .factory-prev-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 800px) {
.factory-next-arrow, .factory-prev-arrow {
position: absolute;
top: 30px;
}
}
.factory-next-arrow {
right: 0;
}
.factory-prev-arrow {
left: 0;
}
.factory-cards {
max-width: 83%;
margin: 0 auto;
}
@media (max-width: 800px) {
.factory-cards {
max-width: 99%;
}
}
.factory-card img {
border-radius: 16px;
}
.factory-gallery {
width: 100%;
max-width: 83%;
margin: 0 auto;
margin-top: 24px;
}
@media (max-width: 1650px) {
.factory-gallery {
max-width: 70%;
}
}
@media (max-width: 1350px) {
.factory-gallery {
max-width: 75%;
}
}
@media (max-width: 800px) {
.factory-gallery {
max-width: 99%;
}
}
.factory-gallery .wp-block-gallery {
display: block !important;
gap: 0 !important;
width: 100%;
}
.factory-gallery .wp-block-gallery figure {
padding: 7px;
}
.factory-gallery .wp-block-gallery img {
border-radius: 16px;
width: 100%;
margin-inline: 0px;
}
@media (max-width: 800px) {
.factory-gallery .wp-block-gallery img {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.factory-gallery .bigphoto {
width: 100%;
padding: 0 7px;
margin-top: 100px;
}
@media (max-width: 1650px) {
.factory-gallery .bigphoto {
margin-top: 60px;
}
}
@media (max-width: 1350px) {
.factory-gallery .bigphoto {
margin-top: 40px;
}
}
.factory-gallery .bigphoto img {
border-radius: 16px;
width: 100%;
margin-inline: 0;
}
@media (max-width: 800px) {
.factory-gallery .bigphoto img {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.Institutional-header {
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 530px;
position: relative;
z-index: 1;
}
@media (max-width: 800px) {
.Institutional-header {
padding-bottom: 640px;
}
}
.institutional-content {
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/who-we-page-content-bg-img.png);
background-repeat: no-repeat;
background-size: cover;
background-color: var(--color-secondary);
}
@media (max-width: 1300px) {
.institutional-content {
padding-top: 100px;
}
}
@media (max-width: 800px) {
.institutional-content {
padding-top: 320px;
}
}
.institutional-content-top {
display: flex;
justify-content: space-between;
gap: 40px;
position: relative;
z-index: 3;
}
@media (max-width: 1130px) {
.institutional-content-top {
flex-direction: column;
}
}
.institutional-content-top-left {
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 630px;
width: 100%;
}
@media (max-width: 1300px) {
.institutional-content-top-left {
flex-basis: 40%;
flex-shrink: 0;
}
}
@media (max-width: 1200px) {
.institutional-content-top-left {
flex-basis: 50%;
justify-content: flex-start;
gap: 80px;
}
}
@media (max-width: 1130px) {
.institutional-content-top-left {
flex-basis: 100%;
max-width: 100%;
gap: 40px;
}
}
.institutional-content-top-left h2 {
color: var(--color-white);
margin-top: 32px;
}
@media (max-width: 1200px) {
.institutional-content-top-left h2 {
margin-top: 16px;
line-height: normal;
}
}
.institutional-content-top-left h3 {
margin-bottom: 18px;
}
@media (max-width: 1200px) {
.institutional-content-top-left h3 {
color: var(--color-white) !important;
}
}
@media (max-width: 1130px) {
.institutional-content-top-left h3 {
margin-bottom: 10px;
}
}
.institutional-content-top-left p, .institutional-content-top-left h3 {
color: var(--color-primary-variant-1);
}
@media (max-width: 1130px) {
.institutional-content-top-left p, .institutional-content-top-left h3 {
color: var(--color-white);
}
}
.institutional-content-top img {
border-radius: 16px;
width: 100% !important;
display: block;
}
@media (max-width: 1200px) {
.institutional-content-top img {
max-width: 500px;
}
}
@media (max-width: 1130px) {
.institutional-content-top img {
margin: 0 auto;
}
}
.institutional-content-cards .wp-block-group__inner-container {
padding-bottom: 130px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
gap: 24px;
}
@media (max-width: 1300px) {
.institutional-content-cards .wp-block-group__inner-container {
padding-block: 80px;
}
}
@media (max-width: 700px) {
.institutional-content-cards .wp-block-group__inner-container {
padding-block: 60px;
}
}
@media (max-width: 800px) {
.institutional-content-cards .wp-block-group__inner-container {
grid-template-columns: 1fr;
}
}
.production-section {
background-color: var(--color-primary);
position: relative;
overflow: hidden;
}
.production-section-imgs img {
position: absolute;
top: 32px;
right: 32px;
border-radius: 100%;
z-index: 2;
transition: all 0.3s ease-in-out;
}
.production-section-imgs img:nth-of-type(1) {
opacity: 1;
}
.production-section-imgs img:nth-of-type(2) {
opacity: 0;
}
@media (max-width: 1650px) {
.production-section-imgs img {
max-width: 35vw;
}
}
@media (max-width: 800px) {
.production-section-imgs img {
max-width: 55vw;
}
}
.production-section-imgs:hover img:nth-of-type(1) {
rotate: 85deg;
opacity: 0;
}
.production-section-imgs:hover img:nth-of-type(2) {
opacity: 1;
}
.production-section .container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
gap: 24px;
padding-top: 370px;
padding-bottom: 90px;
}
@media (max-width: 1650px) {
.production-section .container {
padding-top: 300px;
padding-bottom: 80px;
}
}
@media (max-width: 1350px) {
.production-section .container {
padding-top: 200px;
padding-bottom: 60px;
padding-inline: 10%;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
@media (max-width: 600px) {
.production-section .container {
grid-template-columns: 1fr;
}
}
.production-card {
background-color: var(--color-secondary);
border-radius: 16px;
position: relative;
z-index: 2;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 25px;
padding-top: 134px;
padding-bottom: 93px;
padding-inline: 50px;
transition: all 0.3s ease-in-out;
}
.production-card:hover {
background-color: var(--color-white);
filter: drop-shadow(0px 4px 40px rgba(245, 246, 255, 0.6));
}
.production-card:hover h1 {
scale: 1.1;
}
.production-card:hover h2 {
scale: 1.1;
}
@media (max-width: 1650px) {
.production-card {
padding-block: 80px;
}
}
@media (max-width: 1350px) {
.production-card {
padding-block: 70px;
}
}
@media (max-width: 1130px) {
.production-card {
padding-block: 60px;
}
}
.production-card h1 {
font-size: 67.63px;
font-weight: 800;
transition: all 0.3s ease-in-out;
}
@media (max-width: 1350px) {
.production-card h1 {
font-size: 45px;
}
}
@media (max-width: 800px) {
.production-card h1 {
font-size: 32px;
}
}
.production-card .title1 {
font-size: 67.63px;
font-weight: 800;
transition: all 0.3s ease-in-out;
text-align: center;
}
@media (max-width: 1350px) {
.production-card .title1 {
font-size: 45px;
}
}
@media (max-width: 800px) {
.production-card .title1 {
font-size: 32px;
}
}
.production-card h2 {
text-align: center;
transition: all 0.3s ease-in-out;
max-width: 300px;
}
.production-card .desc {
text-align: center;
transition: all 0.3s ease-in-out;
max-width: 300px;
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
@media (max-width: 1350px) {
.production-card .desc {
font-size: 25px;
}
}
.cage-network-header {
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 530px;
position: relative;
z-index: 1;
}
.cage-network-page-content {
background-color: var(--color-secondary);
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/product-detail-bg.png);
background-size: cover;
background-repeat: no-repeat;
}
.cage-network-page-content-top {
position: relative;
z-index: 3;
background-color: white;
border-radius: 16px;
padding: 50px;
display: flex;
justify-content: space-between;
gap: 40px;
box-sizing: content-box;
margin-top: -140px !important;
width: 100%;
margin-left: -50px !important;
}
@media (max-width: 1350px) {
.cage-network-page-content-top {
box-sizing: border-box;
margin-left: auto !important;
margin-right: auto !important;
margin-top: -80px !important;
}
}
@media (max-width: 800px) {
.cage-network-page-content-top {
flex-direction: column;
}
}
.cage-network-page-content-top .wp-block-heading {
font-size: 42px;
font-weight: 500;
line-height: normal;
}
@media (max-width: 1650px) {
.cage-network-page-content-top .wp-block-heading {
font-size: 38px;
}
}
@media (max-width: 1350px) {
.cage-network-page-content-top .wp-block-heading {
font-size: 32px;
}
}
@media (max-width: 1000px) {
.cage-network-page-content-top .wp-block-heading {
font-size: 30px;
}
}
@media (max-width: 600px) {
.cage-network-page-content-top .wp-block-heading {
font-size: 28px;
}
}
.cage-network-page-content-top .text-primary, .cage-network-page-content-top .input-box input, .input-box .cage-network-page-content-top input, .cage-network-page-content-top .input-box textarea, .input-box .cage-network-page-content-top textarea, .cage-network-page-content-top p {
font-size: 22px;
font-weight: 500;
color: var(--color-primary-variant-1);
}
@media (max-width: 1650px) {
.cage-network-page-content-top .text-primary, .cage-network-page-content-top .input-box input, .input-box .cage-network-page-content-top input, .cage-network-page-content-top .input-box textarea, .input-box .cage-network-page-content-top textarea, .cage-network-page-content-top p {
font-size: 20px;
}
}
@media (max-width: 1350px) {
.cage-network-page-content-top .text-primary, .cage-network-page-content-top .input-box input, .input-box .cage-network-page-content-top input, .cage-network-page-content-top .input-box textarea, .input-box .cage-network-page-content-top textarea, .cage-network-page-content-top p {
font-size: 18px;
}
}
.cage-network-page-content .left-area {
width: 100%;
gap: 40px;
}
.cage-network-page-content .accordion-box {
width: 100%; }
.cage-network-advantage {
margin-top: 100px !important;
flex-direction: unset !important;
width: 100%;
}
@media (max-width: 1350px) {
.cage-network-advantage {
margin-top: 70px !important;
}
}
.cage-network-advantage .wp-block-heading {
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
.cage-network-advantage-cards {
width: 100%;
padding-bottom: 130px;
}
@media (max-width: 1350px) {
.cage-network-advantage-cards {
margin-top: 70px !important;
}
}
.cage-network-advantage-cards .wp-block-group__inner-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
gap: 24px;
margin-top: 90px !important;
width: 100%;
}
@media (max-width: 1350px) {
.cage-network-advantage-cards .wp-block-group__inner-container {
margin-top: 0px !important;
}
}
@media (max-width: 600px) {
.cage-network-advantage-cards .wp-block-group__inner-container {
grid-template-columns: 1fr;
}
}
.cage-network-advantage-card {
border: 1px solid var(--color-primary);
position: relative;
border-radius: 16px;
padding: 45px;
height: 424px;
background-color: var(--color-secondary);
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 16px;
}
@media (max-width: 1130px) {
.cage-network-advantage-card {
min-height: 350px;
height: auto;
}
}
@media (max-width: 700px) {
.cage-network-advantage-card {
padding: 30px;
}
}
@media (max-width: 500px) {
.cage-network-advantage-card {
padding-inline: 20px;
}
}
.cage-network-advantage-card:hover img {
transform: rotate(-25deg) scale(1.1);
}
.cage-network-advantage-card img {
position: absolute;
top: -65px;
right: -50px;
transition: all 0.3s ease-in-out;
}
.cage-network-advantage-card .wp-block-heading {
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
@media (max-width: 1650px) {
.cage-network-advantage-card .wp-block-heading {
font-size: 30px;
}
}
@media (max-width: 1350px) {
.cage-network-advantage-card .wp-block-heading {
font-size: 25px;
}
}
.cage-network-advantage-card p {
color: var(--color-primary-variant-1);
min-height: 110px;
font-size: 20px;
line-height: 131%;
font-weight: 400;
}
@media (max-width: 800px) {
.cage-network-advantage-card p {
min-height: -moz-max-content;
min-height: max-content;
}
}
@media (max-width: 1650px) {
.cage-network-advantage-card p {
font-size: 18px;
}
}
@media (max-width: 1350px) {
.cage-network-advantage-card p {
font-size: 16px;
}
}
.cage-network-advantage-card:nth-of-type(2) img {
top: -38px;
right: -21px;
}
.cage-network-advantage-card:nth-of-type(3) img {
top: -38px;
right: -130px;
}
.cage-network-advantage-card:nth-of-type(4) img {
top: -36px;
right: -70px;
}
.cage-network-advantage-card:nth-of-type(4):hover img {
transform: rotate(25deg) scale(1.1);
}
.cage-network-advantage-card:nth-of-type(5) img {
top: -8px;
right: -66px;
}
.cage-network-advantage-card:nth-of-type(6) img {
top: -50px;
right: -38px;
}
.cage-network-design {
padding-top: 130px;
}
@media (max-width: 1650px) {
.cage-network-design {
padding-top: 100px;
}
}
@media (max-width: 1350px) {
.cage-network-design {
padding-top: 80px;
}
}
.cage-network-design .wp-block-image {
border-radius: 16px;
overflow: hidden;
}
.cage-network-design .wp-block-image img {
width: 100%;
}
.cage-network-design h1 {
font-size: 42px;
font-weight: 500;
margin-top: 100px;
}
.cage-network-design h1 span {
font-weight: 700;
}
@media (max-width: 1650px) {
.cage-network-design h1 {
font-size: 36px;
margin-top: 80px;
}
}
@media (max-width: 1350px) {
.cage-network-design h1 {
font-size: 33px;
margin-top: 60px;
}
}
@media (max-width: 800px) {
.cage-network-design h1 {
font-size: 31px;
margin-top: 40px;
}
}
.cage-network-design p.text-primary, .cage-network-design p {
font-size: 20px;
line-height: 131%;
font-weight: 400;
color: var(--color-primary-variant-1);
margin-top: 44px;
}
@media (max-width: 1300px) {
.cage-network-design p.text-primary, .cage-network-design p {
margin-top: 30px;
}
}
.cage-network-design-cards {
width: 100%;
margin-top: 130px !important;
margin-bottom: 130px !important;
}
@media (max-width: 1650px) {
.cage-network-design-cards {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
}
@media (max-width: 1350px) {
.cage-network-design-cards {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
}
.cage-network-design-cards .wp-block-group__inner-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
gap: 24px;
}
@media (max-width: 800px) {
.cage-network-design-cards .wp-block-group__inner-container {
grid-template-columns: 1fr;
}
}
.cage-network-design-card {
background-color: #090C15;
border-radius: 16px;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
padding-bottom: 30px;
}
.cage-network-design-card img {
transition: all 0.3s ease-in-out;
}
.cage-network-design-card:hover img {
transform: scale(1.08);
}
.cage-network-design-card .wp-block-heading {
font-size: 42px;
color: var(--color-white);
text-align: center;
width: 100%;
}
.cage-network-other-products .wp-block-heading {
margin-bottom: 100px;
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
@media (max-width: 1650px) {
.cage-network-other-products .wp-block-heading {
margin-bottom: 100px !important;
font-size: 30px;
}
}
@media (max-width: 1350px) {
.cage-network-other-products .wp-block-heading {
margin-bottom: 80px !important;
font-size: 27px;
}
}
@media (max-width: 800px) {
.cage-network-other-products .wp-block-heading {
margin-bottom: 40px;
font-size: 24px;
}
}
.contact-section {
background-color: var(--color-primary);
padding-block: 70px;
}
@media (max-width: 1650px) {
.contact-section {
padding-block: 60px;
}
}
@media (max-width: 1350px) {
.contact-section {
padding-block: 50px;
}
}
@media (max-width: 800px) {
.contact-section {
padding-block: 40px;
}
}
.contact-section .container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
}
@media (max-width: 1000px) {
.contact-section .container {
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
}
.contact-section .container h2, .contact-section .container .wp-block-heading {
max-width: 530px;
width: 100%;
color: var(--color-white);
font-size: 44px;
line-height: normal;
font-weight: 700;
}
@media (max-width: 1650px) {
.contact-section .container h2, .contact-section .container .wp-block-heading {
font-size: 39px;
}
}
@media (max-width: 1350px) {
.contact-section .container h2, .contact-section .container .wp-block-heading {
font-size: 37px;
}
}
@media (max-width: 1050px) {
.contact-section .container h2, .contact-section .container .wp-block-heading {
font-size: 31px;
}
}
@media (max-width: 1000px) {
.contact-section .container a {
margin: 0 auto;
}
}
.contact-section .container a.btn-primary:hover {
background-color: transparent;
border-color: var(--color-white);
color: var(--color-white);
}
.contact-page-header {
background-image: url(//www.mayasera.com/wp-content/themes/img/contact-page-header-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 530px;
position: relative;
z-index: 1;
}
.contact-page-content {
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/contact-bg1.svg);
background-size: cover;
background-repeat: no-repeat;
}
.contact-page-info {
margin-top: -180px;
position: relative;
z-index: 2;
}
@media (max-width: 1350px) {
.contact-page-info {
margin-top: -100px;
}
}
@media (max-width: 1050px) {
.contact-page-info {
margin-top: -150px;
}
}
.contact-page-info-box {
width: 100%;
background-color: var(--color-secondary);
border-radius: 16px;
padding: 50px;
display: flex;
justify-content: space-between;
gap: 40px;
box-sizing: content-box;
margin-left: -50px !important;
}
@media (max-width: 1350px) {
.contact-page-info-box {
padding-inline: 40px;
margin-top: 80px;
box-sizing: border-box;
margin-left: 0 !important;
}
}
@media (max-width: 1050px) {
.contact-page-info-box {
flex-direction: column;
margin-top: 50px;
}
}
@media (max-width: 800px) {
.contact-page-info-box {
padding-inline: 30px;
}
}
@media (max-width: 500px) {
.contact-page-info-box {
padding-inline: 20px;
}
}
.contact-page-info-left {
display: flex;
flex-direction: column;
gap: 30px;
width: 50%;
}
@media (max-width: 1250px) {
.contact-page-info-left {
max-width: 450px;
gap: 20px;
}
}
@media (max-width: 1050px) {
.contact-page-info-left {
max-width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
}
@media (max-width: 800px) {
.contact-page-info-left {
grid-template-columns: 1fr;
width: 100%;
}
}
.contact-page-info-left h3, .contact-page-info-left .wp-block-heading {
font-size: 29px;
padding-bottom: 34px;
border-bottom: 1px solid var(--color-primary);
margin-bottom: 23px;
}
@media (max-width: 1350px) {
.contact-page-info-left h3, .contact-page-info-left .wp-block-heading {
padding-bottom: 10px;
font-size: 24px;
margin-bottom: 10px;
}
}
@media (max-width: 700px) {
.contact-page-info-left h3, .contact-page-info-left .wp-block-heading {
font-size: 24px;
}
}
.contact-page-info-left a, .contact-page-info-left p {
font-size: 22px;
font-weight: 500;
color: var(--color-primary-variant-1);
transition: all 0.3s ease-in-out;
}
.contact-page-info-left a:hover, .contact-page-info-left p:hover {
color: var(--color-primary);
}
@media (max-width: 1350px) {
.contact-page-info-left a, .contact-page-info-left p {
font-size: 20px;
}
}
@media (max-width: 1000px) {
.contact-page-info-left a, .contact-page-info-left p {
font-size: 20px;
}
}
@media (max-width: 700px) {
.contact-page-info-left a, .contact-page-info-left p {
font-size: 17px;
}
}
.contact-page-info-right {
flex-grow: 1;
max-width: 650px;
}
@media (max-width: 1050px) {
.contact-page-info-right {
max-width: 100%;
height: 300px;
}
}
.contact-page-info-right iframe {
width: 100%;
height: 100%;
border-radius: 16px;
}
.contact-page-form {
margin-top: 130px !important;
padding-bottom: 130px !important;
}
@media (max-width: 1650px) {
.contact-page-form {
margin-top: 100px !important;
padding-bottom: 100px !important;
}
}
@media (max-width: 1350px) {
.contact-page-form {
margin-top: 80px !important;
padding-bottom: 80px !important;
}
}
.contact-page-form h1, .contact-page-form .wp-block-heading {
margin-bottom: 100px;
max-width: 600px;
font-size: 44px;
line-height: normal;
font-weight: 700;
}
@media (max-width: 1650px) {
.contact-page-form h1, .contact-page-form .wp-block-heading {
margin-bottom: 80px;
font-size: 40px;
}
}
@media (max-width: 1350px) {
.contact-page-form h1, .contact-page-form .wp-block-heading {
margin-bottom: 60px;
font-size: 34px;
max-width: 100%;
}
}
.contact-page-form form {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 36px;
-moz-column-gap: 24px;
column-gap: 24px;
position: relative;
}
@media (max-width: 800px) {
.contact-page-form form {
grid-template-columns: 1fr;
}
}
.contact-page-form form input[type=submit] {
grid-column: 1/3;
margin: 0 auto;
color: var(--color-white);
background-color: var(--color-primary);
font-size: 14px;
max-width: 270px;
width: 100%;
margin-top: 24px;
}
@media (max-width: 800px) {
.contact-page-form form input[type=submit] {
grid-column: auto;
margin-top: 10px;
padding-block: 14px;
}
}
.contact-page-form form .wpcf7-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--color-primary);
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 16px;
}
.contact-page-form form .wpcf7-response-output {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 16px;
}
.input-box {
display: flex;
flex-direction: column;
gap: 18px;
}
@media (max-width: 1000px) {
.input-box {
gap: 12px;
}
}
.input-box label {
font-size: 24px;
font-weight: 500;
}
@media (max-width: 1000px) {
.input-box label {
font-size: 20px;
}
}
.input-box input, .input-box textarea {
border: 1px solid var(--color-primary);
border-radius: 16px;
width: 100%;
height: 50px;
padding-inline: 16px;
padding-block: 8px;
background-color: var(--color-white);
}
.textarea-box {
grid-column: 1/3;
}
.textarea-box textarea {
height: 100px;
}
@media (max-width: 800px) {
.textarea-box {
grid-column: auto;
}
}
.advantage-section {
padding-block: 130px;
}
@media (max-width: 1650px) {
.advantage-section {
padding-block: 100px;
}
}
@media (max-width: 1350px) {
.advantage-section {
padding-block: 80px;
}
}
@media (max-width: 800px) {
.advantage-section {
padding-block: 60px;
}
}
.advantage-section-header {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 550px) {
.advantage-section-header {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
}
.advantage-section-header .wp-block-heading {
font-weight: 800;
font-size: 32px;
line-height: normal;
color: var(--color-primary);
}
.advantage-section .container-attached-to-right {
width: 100%;
}
.advantage-arrows {
display: flex;
align-items: center;
gap: 24px;
}
.advantage-cards {
margin-top: 90px;
}
@media (max-width: 1650px) {
.advantage-cards {
margin-top: 70px;
}
}
@media (max-width: 800px) {
.advantage-cards {
margin-top: 60px;
}
}
.advantage-card {
background-color: var(--color-primary);
border-radius: 16px;
min-width: 400px;
padding: 60px;
margin-inline: 12px;
height: 425px;
}
@media (max-width: 1650px) {
.advantage-card {
padding: 45px;
height: 300px;
}
}
@media (max-width: 1350px) {
.advantage-card {
padding: 35px;
height: 280px;
}
}
@media (max-width: 500px) {
.advantage-card {
min-width: 200px !important;
padding: 20px;
height: 300px;
}
}
.advantage-card .wp-block-group__inner-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 46px;
height: 100%;
}
@media (max-width: 1650px) {
.advantage-card img {
width: 80px;
height: 80px;
}
}
@media (max-width: 500px) {
.advantage-card img {
width: 70px;
height: 70px;
}
}
.advantage-card h3 {
color: var(--color-white);
text-align: center;
}
@media (max-width: 1650px) {
.advantage-card h3 {
font-size: 30px;
}
}
@media (max-width: 1350px) {
.advantage-card h3 {
font-size: 27px;
}
}
@media (max-width: 500px) {
.advantage-card h3 {
font-size: 24px;
}
}
.advantage-card .wp-block-heading {
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-white);
text-align: center;
}
@media (max-width: 1650px) {
.advantage-card .wp-block-heading {
font-size: 28px;
}
}
@media (max-width: 1350px) {
.advantage-card .wp-block-heading {
font-size: 26px;
}
}
.slick-slide[data-slick-index="0"] .advantage-card {
margin-left: 0px !important;
}
.advantage-section-2 {
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/advantage-section-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding-block: 130px;
}
@media (max-width: 1650px) {
.advantage-section-2 {
padding-block: 100px;
}
}
@media (max-width: 1350px) {
.advantage-section-2 {
padding-block: 80px;
}
}
@media (max-width: 700px) {
.advantage-section-2 {
padding-block: 60px;
}
}
.advantage-section-2-cards {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
gap: 24px;
margin-top: 100px;
}
@media (max-width: 1350px) {
.advantage-section-2-cards {
margin-top: 70px;
}
}
@media (max-width: 700px) {
.advantage-section-2-cards {
grid-template-columns: 1fr !important;
}
}
.advantage-section-2-cards .advantage-card {
margin-inline: 0;
min-width: auto;
}
@media (max-width: 1300px) {
.advantage-section-2-cards .advantage-card {
height: auto;
}
}
@media (max-width: 900px) {
.advantage-section-2-cards .advantage-card {
padding-inline: 40px;
}
}
.product-type-hero {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: block;
}
.product-type-content {
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/product-bg.svg);
background-repeat: no-repeat;
background-size: cover;
background-color: var(--color-secondary);
padding-block: 130px;
}
@media (max-width: 1650px) {
.product-type-content {
padding-block: 100px;
}
}
@media (max-width: 1350px) {
.product-type-content {
padding-block: 80px;
}
}
@media (max-width: 700px) {
.product-type-content {
padding-block: 60px;
}
}
.product-type-content-header {
display: flex;
justify-content: space-between;
align-items: end;
}
.product-type-content-header-left {
width: 50%;
}
.product-type-content-header-right {
width: 50%;
}
@media (max-width: 800px) {
.product-type-content-header {
flex-direction: column;
}
.product-type-content-header-left {
width: 100%;
}
.product-type-content-header-right {
width: 100%;
}
}
.product-type-content-header .product-name {
text-transform: uppercase;
font-weight: 800;
letter-spacing: 9%;
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
@media (max-width: 1650px) {
.product-type-content-header .product-name {
font-size: 30px;
}
}
@media (max-width: 1350px) {
.product-type-content-header .product-name {
font-size: 25px;
}
}
.product-type-content-header .product-slogan {
color: var(--color-primary-variant-1);
font-size: 44px;
line-height: normal;
font-weight: 600;
}
@media (max-width: 1650px) {
.product-type-content-header .product-slogan {
font-size: 38px;
}
}
@media (max-width: 1350px) {
.product-type-content-header .product-slogan {
font-size: 28px;
}
}
.product-type-content-header p, .product-type-content-header .product-text {
font-size: 20px;
line-height: 131%;
font-weight: 400;
color: var(--color-primary-variant-1);
}
@media (max-width: 1650px) {
.product-type-content-header p, .product-type-content-header .product-text {
font-size: 18px;
}
}
@media (max-width: 1350px) {
.product-type-content-header p, .product-type-content-header .product-text {
font-size: 16px;
}
}
.product-type-content-cards .wp-block-group__inner-container {
margin-top: 100px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
gap: 24px;
}
@media (max-width: 700px) {
.product-type-content-cards .wp-block-group__inner-container {
grid-template-columns: 1fr;
margin-top: 60px;
}
}
.product-advantage-cards {
width: 100%;
margin-top: 100px !important;
margin-bottom: 100px !important;
}
@media (max-width: 1350px) {
.product-advantage-cards {
margin-top: 70px !important;
margin-bottom: 70px !important;
}
}
.product-advantage-cards .wp-block-group__inner-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
gap: 24px;
width: 100%;
}
@media (max-width: 800px) {
.product-advantage-cards .wp-block-group__inner-container {
grid-template-columns: 1fr;
}
}
.product-advantage-cards .product-advantage-card {
border: 1px solid var(--color-primary);
position: relative;
border-radius: 16px;
padding: 45px;
background-color: var(--color-secondary);
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
}
@media (max-width: 1650px) {
.product-advantage-cards .product-advantage-card {
height: auto;
}
}
.product-advantage-cards .product-advantage-card .wp-block-heading {
color: #23418D;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media (max-width: 1650px) {
.product-advantage-cards .product-advantage-card .wp-block-heading {
font-size: 28px;
}
}
@media (max-width: 1350px) {
.product-advantage-cards .product-advantage-card .wp-block-heading {
font-size: 23px;
}
}
.product-advantage-cards .product-advantage-card p {
color: #212044;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 131.014%; }
@media (max-width: 1650px) {
.product-advantage-cards .product-advantage-card p {
margin-top: 0;
}
}
@media (max-width: 1350px) {
.product-advantage-cards .product-advantage-card p {
font-size: 17px;
}
}
.other-products {
padding-block: 130px;
}
@media (max-width: 1650px) {
.other-products {
padding-block: 100px;
}
}
@media (max-width: 1350px) {
.other-products {
padding-block: 80px;
}
}
@media (max-width: 800px) {
.other-products {
padding-block: 60px;
}
}
.other-products-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
gap: 24px;
}
@media (max-width: 1350px) {
.other-products-cards {
grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
}
}
@media (max-width: 800px) {
.other-products-cards {
grid-template-columns: 1fr;
}
}
.other-products .wp-block-query .wp-block-post {
border: 1px solid var(--color-primary);
background-color: var(--color-white);
border-radius: 16px;
min-height: 192px;
display: flex;
justify-content: space-between;
align-items: center;
padding-inline: 47px;
padding-block: 25px;
transition: all 0.3s ease-in-out;
}
@media (max-width: 1650px) {
.other-products .wp-block-query .wp-block-post {
padding-inline: 50px;
padding-block: 20px;
gap: 20px;
}
}
@media (max-width: 1350px) {
.other-products .wp-block-query .wp-block-post {
padding-inline: 35px;
padding-block: 20px;
gap: 20px;
}
}
@media (max-width: 800px) {
.other-products .wp-block-query .wp-block-post {
padding-inline: 30px;
padding-block: 20px;
gap: 20px;
}
}
@media (max-width: 600px) {
.other-products .wp-block-query .wp-block-post {
flex-direction: column;
}
}
.other-products .wp-block-query .wp-block-post svg .card-secondary-svg-hover {
stroke: var(--color-primary);
transition: all 0.3s ease-in-out;
}
.other-products .wp-block-query .wp-block-post .wp-block-post-title {
transition: all 0.3s ease-in-out;
max-width: 180px;
width: 100%;
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
@media (max-width: 1650px) {
.other-products .wp-block-query .wp-block-post .wp-block-post-title {
font-size: 28px;
}
}
@media (max-width: 1350px) {
.other-products .wp-block-query .wp-block-post .wp-block-post-title {
font-size: 26px;
}
}
@media (max-width: 600px) {
.other-products .wp-block-query .wp-block-post .wp-block-post-title {
text-align: center;
}
}
.other-products .wp-block-query .wp-block-post .wp-block-read-more {
background-color: transparent;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: var(--color-primary);
border-radius: 53px;
padding: 20px 48px;
background-color: var(--color-white);
max-width: -moz-max-content;
max-width: max-content;
transition: all 0.3s ease-in-out;
border: 1px solid transparent;
border-color: var(--color-primary);
}
.other-products .wp-block-query .wp-block-post:hover {
background-color: var(--color-primary);
filter: drop-shadow(0px 0px 8.5px rgba(35, 65, 141, 0.58));
}
.other-products .wp-block-query .wp-block-post:hover img {
filter: brightness(10);
}
.other-products .wp-block-query .wp-block-post:hover .wp-block-post-title {
color: var(--color-white);
}
.other-products .wp-block-query .wp-block-post:hover .wp-block-read-more {
border-color: var(--color-white);
color: var(--color-white);
background-color: transparent;
}
.contact-section {
background-color: var(--color-primary);
padding-block: 70px;
}
@media (max-width: 1650px) {
.contact-section {
padding-block: 60px;
}
}
@media (max-width: 1350px) {
.contact-section {
padding-block: 50px;
}
}
@media (max-width: 800px) {
.contact-section {
padding-block: 40px;
}
}
.contact-section .container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
}
@media (max-width: 1000px) {
.contact-section .container {
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
}
.contact-section .container h2, .contact-section .container .wp-block-heading {
max-width: 530px;
width: 100%;
color: var(--color-white);
font-size: 44px;
line-height: normal;
font-weight: 700;
}
@media (max-width: 1650px) {
.contact-section .container h2, .contact-section .container .wp-block-heading {
font-size: 39px;
}
}
@media (max-width: 1350px) {
.contact-section .container h2, .contact-section .container .wp-block-heading {
font-size: 37px;
}
}
@media (max-width: 1050px) {
.contact-section .container h2, .contact-section .container .wp-block-heading {
font-size: 31px;
}
}
@media (max-width: 1000px) {
.contact-section .container a {
margin: 0 auto;
}
}
.contact-section .container a.btn-primary:hover {
background-color: transparent;
border-color: var(--color-white);
color: var(--color-white);
}
.contact-page-header {
background-image: url(//www.mayasera.com/wp-content/themes/img/contact-page-header-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 530px;
position: relative;
z-index: 1;
}
.contact-page-content {
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/contact-bg1.svg);
background-size: cover;
background-repeat: no-repeat;
}
.contact-page-info {
margin-top: -180px;
position: relative;
z-index: 2;
}
@media (max-width: 1350px) {
.contact-page-info {
margin-top: -100px;
}
}
@media (max-width: 1050px) {
.contact-page-info {
margin-top: -150px;
}
}
.contact-page-info-box {
width: 100%;
background-color: var(--color-secondary);
border-radius: 16px;
padding: 50px;
display: flex;
justify-content: space-between;
gap: 40px;
box-sizing: content-box;
margin-left: -50px !important;
}
@media (max-width: 1350px) {
.contact-page-info-box {
padding-inline: 40px;
margin-top: 80px;
box-sizing: border-box;
margin-left: 0 !important;
}
}
@media (max-width: 1050px) {
.contact-page-info-box {
flex-direction: column;
margin-top: 50px;
}
}
@media (max-width: 800px) {
.contact-page-info-box {
padding-inline: 30px;
}
}
@media (max-width: 500px) {
.contact-page-info-box {
padding-inline: 20px;
}
}
.contact-page-info-left {
display: flex;
flex-direction: column;
gap: 30px;
width: 50%;
}
@media (max-width: 1250px) {
.contact-page-info-left {
max-width: 450px;
gap: 20px;
}
}
@media (max-width: 1050px) {
.contact-page-info-left {
max-width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
}
@media (max-width: 800px) {
.contact-page-info-left {
grid-template-columns: 1fr;
width: 100%;
}
}
.contact-page-info-left h3, .contact-page-info-left .wp-block-heading {
font-size: 29px;
padding-bottom: 34px;
border-bottom: 1px solid var(--color-primary);
margin-bottom: 23px;
}
@media (max-width: 1350px) {
.contact-page-info-left h3, .contact-page-info-left .wp-block-heading {
padding-bottom: 10px;
font-size: 24px;
margin-bottom: 10px;
}
}
@media (max-width: 700px) {
.contact-page-info-left h3, .contact-page-info-left .wp-block-heading {
font-size: 24px;
}
}
.contact-page-info-left a, .contact-page-info-left p {
font-size: 22px;
font-weight: 500;
color: var(--color-primary-variant-1);
transition: all 0.3s ease-in-out;
}
.contact-page-info-left a:hover, .contact-page-info-left p:hover {
color: var(--color-primary);
}
@media (max-width: 1350px) {
.contact-page-info-left a, .contact-page-info-left p {
font-size: 20px;
}
}
@media (max-width: 1000px) {
.contact-page-info-left a, .contact-page-info-left p {
font-size: 20px;
}
}
@media (max-width: 700px) {
.contact-page-info-left a, .contact-page-info-left p {
font-size: 17px;
}
}
.contact-page-info-right {
flex-grow: 1;
max-width: 650px;
}
@media (max-width: 1050px) {
.contact-page-info-right {
max-width: 100%;
height: 300px;
}
}
.contact-page-info-right iframe {
width: 100%;
height: 100%;
border-radius: 16px;
}
.contact-page-form {
margin-top: 130px !important;
padding-bottom: 130px !important;
}
@media (max-width: 1650px) {
.contact-page-form {
margin-top: 100px !important;
padding-bottom: 100px !important;
}
}
@media (max-width: 1350px) {
.contact-page-form {
margin-top: 80px !important;
padding-bottom: 80px !important;
}
}
.contact-page-form h1, .contact-page-form .wp-block-heading {
margin-bottom: 100px;
max-width: 500px;
font-size: 44px;
line-height: normal;
font-weight: 700;
}
@media (max-width: 1650px) {
.contact-page-form h1, .contact-page-form .wp-block-heading {
margin-bottom: 80px;
font-size: 40px;
}
}
@media (max-width: 1350px) {
.contact-page-form h1, .contact-page-form .wp-block-heading {
margin-bottom: 60px;
font-size: 34px;
}
}
.contact-page-form form {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 36px;
-moz-column-gap: 24px;
column-gap: 24px;
position: relative;
}
@media (max-width: 800px) {
.contact-page-form form {
grid-template-columns: 1fr;
}
}
.contact-page-form form input[type=submit] {
grid-column: 1/3;
margin: 0 auto;
color: var(--color-white);
background-color: var(--color-primary);
font-size: 14px;
max-width: 270px;
width: 100%;
margin-top: 24px;
}
@media (max-width: 800px) {
.contact-page-form form input[type=submit] {
grid-column: auto;
margin-top: 10px;
padding-block: 14px;
}
}
.contact-page-form form .wpcf7-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 16px;
}
.contact-page-form form .wpcf7-response-output {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 16px;
}
.input-box {
display: flex;
flex-direction: column;
gap: 18px;
}
@media (max-width: 1000px) {
.input-box {
gap: 12px;
}
}
.input-box label {
font-size: 24px;
font-weight: 500;
}
@media (max-width: 1000px) {
.input-box label {
font-size: 20px;
}
}
.input-box input, .input-box textarea {
border: 1px solid var(--color-primary);
border-radius: 16px;
width: 100%;
height: 50px;
padding-inline: 16px;
padding-block: 8px;
background-color: var(--color-white);
}
.textarea-box {
grid-column: 1/3;
}
.textarea-box textarea {
height: 100px;
}
@media (max-width: 800px) {
.textarea-box {
grid-column: auto;
}
}
.wp-block-query {
width: 100%;
}
.library-section {
background-repeat: no-repeat;
background-size: cover;
background-color: var(--color-secondary);
padding-top: 110px;
padding-bottom: 600px;
position: relative;
z-index: 2;
}
@media (max-width: 1650px) {
.library-section {
padding-top: 90px;
padding-bottom: 550px;
}
}
@media (max-width: 1350px) {
.library-section {
padding-top: 80px;
padding-bottom: 500px;
}
}
@media (max-width: 800px) {
.library-section {
padding-top: 60px;
}
}
.library-section-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
@media (max-width: 550px) {
.library-section-header {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
}
.library-section-header h2 {
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
.library-section-header a {
font-weight: 700;
text-transform: uppercase;
}
.library-section-header a svg {
width: 16px;
}
.library-section-header a svg path {
width: 100%;
}
.library-section-header a:hover svg {
width: 27px !important;
-o-object-fit: cover;
object-fit: cover;
}
.library-cards {
margin-top: 100px;
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)) !important;
gap: 24px;
width: 100%;
}
@media (max-width: 1650px) {
.library-cards {
margin-top: 80px;
}
}
@media (max-width: 1350px) {
.library-cards {
margin-top: 60px;
}
}
@media (max-width: 700px) {
.library-cards {
margin-top: 40px;
grid-template-columns: 1fr !important;
}
}
.library-card, .library-cards .wp-block-post {
background-color: var(--color-white);
border-radius: 16px;
transition: all 0.3s ease-in-out;
}
.library-card:hover, .library-cards .wp-block-post:hover {
fill: #fff;
filter: drop-shadow(0px 4px 52px rgba(35, 65, 141, 0.28));
}
.library-card-img, .library-cards .wp-block-post-img {
position: relative;
overflow: hidden;
border-radius: 16px;
}
.library-card-img img, .library-cards .wp-block-post-img img {
width: 100%;
}
.library-card-img-mask, .library-cards .wp-block-post-img-mask {
background-color: #23418d;
mix-blend-mode: multiply;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 16px;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.library-card-img-mask-text, .library-cards .wp-block-post-img-mask-text {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 13px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s ease-in-out;
}
.library-card-img-mask-text img, .library-cards .wp-block-post-img-mask-text img {
border: 2px solid white;
height: 64px;
width: 64px;
border-radius: 100%;
padding-inline: 16px;
}
.library-card-img-mask-text p, .library-cards .wp-block-post-img-mask-text p {
padding: 0px !important;
font-size: 16px !important;
font-weight: 500;
color: white;
}
.library-card-img-mask-text .wp-block-read-more, .library-cards .wp-block-post-img-mask-text .wp-block-read-more {
font-size: 16px !important;
font-weight: 500;
color: white;
text-align: center;
padding: 70px !important;
}
@media (max-width: 1350px) {
.library-card-img-mask-text .wp-block-read-more, .library-cards .wp-block-post-img-mask-text .wp-block-read-more {
padding: 40px !important;
}
}
.library-card .wp-block-post-title, .library-card .item-title, .library-cards .wp-block-post .wp-block-post-title, .library-cards .wp-block-post .item-title {
font-size: 25px;
font-weight: 600;
padding: 47px 19px 45px;
text-align: center;
}
.library-card .wp-block-post-title span, .library-card .item-title span, .library-cards .wp-block-post .wp-block-post-title span, .library-cards .wp-block-post .item-title span {
font-weight: 800;
}
@media (max-width: 700px) {
.library-card .wp-block-post-title, .library-card .item-title, .library-cards .wp-block-post .wp-block-post-title, .library-cards .wp-block-post .item-title {
padding: 50px 30px;
font-size: 24px;
}
}
@media (max-width: 500px) {
.library-card .wp-block-post-title, .library-card .item-title, .library-cards .wp-block-post .wp-block-post-title, .library-cards .wp-block-post .item-title {
padding: 50px 15px;
font-size: 22px;
}
}
.library-card:hover .library-card-img .library-card-img-mask,
.library-card:hover .library-card-img .library-card-img-mask-text,
.library-cards .wp-block-post:hover .library-card-img .library-card-img-mask,
.library-cards .wp-block-post:hover .library-card-img .library-card-img-mask-text {
opacity: 1;
}
a.grow-arrow-right {
position: relative;
}
a.grow-arrow-right::after {
content: "";
display: inline-block;
width: 12px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L15 5.5M15 5.5L10 10M15 5.5H1' stroke='%2323418D' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
margin-left: 10px;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
transition: width 0.2s ease-in-out;
position: absolute;
top: 7px;
}
a.grow-arrow-right:hover::after {
width: 16px;
}
.wp-block-button.grow-arrow-right a {
background-color: transparent;
padding: 0;
border-radius: unset;
position: relative;
}
@media (max-width: 700px) {
.wp-block-button.grow-arrow-right a {
margin-right: 20px;
}
}
.wp-block-button.grow-arrow-right a::after {
content: "";
display: inline-block;
width: 12px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L15 5.5M15 5.5L10 10M15 5.5H1' stroke='%2323418D' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
margin-left: 10px;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
transition: width 0.2s ease-in-out;
position: absolute;
top: 7px;
}
.wp-block-button.grow-arrow-right a:hover::after {
width: 16px;
}
.footer {
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/footer-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-color: var(--color-secondary);
position: relative;
z-index: 199;
}
.footer-top {
position: relative;
padding-block: 70px;
}
@media (max-width: 1650px) {
.footer-top {
padding-block: 60px;
}
}
@media (max-width: 1350px) {
.footer-top {
padding-block: 50px;
}
}
.footer-top .container {
display: flex;
justify-content: space-between;
gap: 100px;
}
.footer-top .container .col-1 {
flex-shrink: 0;
}
.footer-top .container .col-1 img {
max-width: 250px;
}
@media (max-width: 700px) {
.footer-top .container .col-1 img {
width: 200px;
}
}
@media (max-width: 450px) {
.footer-top .container .col-1 img {
width: 170px;
}
}
@media (max-width: 1120px) {
.footer-top .container {
flex-direction: column;
gap: 40px;
}
}
.footer-top-right {
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 930px;
width: 100%;
min-height: 310px;
}
@media (max-width: 1120px) {
.footer-top-right {
max-width: 100%;
}
}
@media (max-width: 750px) {
.footer-top-right {
gap: 50px;
}
}
@media (max-width: 550px) {
.footer-top-right {
gap: 30px;
}
}
.footer-top-right ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
gap: 7px;
width: 100%;
}
@media (max-width: 800px) {
.footer-top-right ul.menu {
flex-direction: column;
}
}
.footer-top-right ul.menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 7px;
margin-top: 10px;
}
.footer-top-right ul.menu > li {
min-width: 230px;
}
.footer-top-right ul.menu > li > a {
color: #23418D;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 5px;
white-space: nowrap;
}
.footer-top-right ul.menu > li ul li a {
color: #23418D;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
white-space: nowrap;
}
.footer-top-right ul.menu > li ul li a:hover {
color: #BD2327;
}
.footer-top-right .footer-widget {
min-width: 230px;
}
.footer-top-right .footer-widget .info p, .footer-top-right .footer-widget .info p a {
color: #23418D;
font-family: "Rethink Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
white-space: nowrap;
margin-bottom: 5px;
}
.footer-top-right .footer-widget .info p:hover, .footer-top-right .footer-widget .info p a:hover {
color: #BD2327;
}
.footer-top-right .footer-widget .social {
display: inline-flex;
}
.footer-top-right .wp-block-buttons {
display: inline-flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.footer-top-right .wp-block-buttons .wp-block-button a {
color: #23418D;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 5px;
white-space: nowrap;
padding: 0;
border-radius: 0;
background-color: unset;
}
.footer-top-right .wp-block-buttons .wp-block-button a:hover {
color: #BD2327;
}
.footer-top-right-row {
display: flex;
justify-content: space-between;
gap: 30px;
width: 100%;
}
.footer-top-right-row > div {
width: 100%;
}
@media (max-width: 750px) {
.footer-top-right-row {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 550px) {
.footer-top-right-row {
grid-template-columns: 1fr;
}
}
.footer-top-right-row > div:nth-child(2) {
width: 100%;
}
.footer-top-right-row.two > div {
width: auto;
}
.footer-bottom {
border-top: 1px solid var(--color-primary);
}
.footer-bottom .container {
padding-block: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1650px) {
.footer-bottom .container {
padding-block: 25px;
}
}
@media (max-width: 1350px) {
.footer-bottom .container {
padding-block: 20px;
}
}
@media (max-width: 870px) {
.footer-bottom .container {
flex-wrap: wrap;
-moz-column-gap: 50px;
column-gap: 50px;
row-gap: 14px;
}
}
@media (max-width: 500px) {
.footer-bottom .container {
align-items: start;
flex-direction: column;
}
}
.footer-bottom .container p, .footer-bottom .container a {
font-size: 14px;
font-weight: 500;
}
@media (max-width: 500px) {
.footer-bottom .container p {
order: 2;
}
}
@media (max-width: 500px) {
.footer-bottom .container img {
order: 3;
}
}
.footer-bottom .container > div {
display: flex;
}
@media (max-width: 500px) {
.footer-bottom .container > div {
flex-direction: column;
gap: 10px;
order: 1;
}
.footer-bottom .container > div a {
border-left: none !important;
padding: 0 !important;
}
}
.footer-bottom .container > div a {
display: block;
}
.footer-bottom .container > div a:first-of-type {
padding-right: 18px;
}
.footer-bottom .container > div a:not(:first-of-type) {
border-left: 1px solid var(--color-primary);
padding-inline: 18px;
max-width: -moz-max-content;
max-width: max-content;
}
.footer-bottom .footer-center .wp-block-group p:first-of-type a {
padding-right: 18px;
}
.footer-bottom .footer-center .wp-block-group p:not(:first-of-type) a {
border-left: 1px solid var(--color-primary);
padding-inline: 18px;
max-width: -moz-max-content;
max-width: max-content;
}
.footer-heading {
font-size: 18px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
}
.footer a {
color: var(--color-primary);
transition: all 0.3s ease-in-out;
}
.footer a:hover {
color: #BD2327;
}
.col h5, .row h5 {
font-weight: 700;
text-transform: uppercase;
}
.col a, .row a {
font-weight: 500;
}
.col div, .row div {
display: flex;
flex-direction: column;
gap: 7px;
}
.col div:first-of-type, .row div:first-of-type {
max-width: 185px;
width: 100%;
}
.col div:last-of-type, .row div:last-of-type {
max-width: 190px;
width: 100%;
}
.social-links {
display: inline-flex;
align-items: center !important;
flex-direction: row !important;
gap: 26px !important;
margin-top: 12px;
}
.social-links .wp-block-group__inner-container {
display: inline-flex;
align-items: center !important;
flex-direction: row !important;
gap: 26px !important;
}
.social-links svg {
color: var(--color-white);
border: 1px solid var(--color-primary);
border-radius: 16px;
transition: all 0.3s ease-in-out;
}
.social-links svg rect {
color: var(--color-primary);
}
.social-links svg:hover {
color: var(--color-primary);
border-color: var(--color-primary);
}
.social-links svg:hover rect {
color: transparent;
}
.chat-icon {
position: absolute;
right: 5%;
bottom: 80px;
display: none;
}
@media (max-width: 1600px) {
.chat-icon {
bottom: 20px;
}
}
.artarda svg path {
transition: all 0.3s ease-in-out;
opacity: 0;
}
@media (max-width: 500px) {
.artarda svg path {
opacity: 1;
}
}
.artarda svg path.i {
opacity: 1;
}
.artarda svg:hover path {
opacity: 1;
}
header.header {
position: absolute;
width: 100%;
top: 0;
z-index: 299;
}
.page-image-banner {
height: 75vh;
overflow: visible;
}
.page-image-banner .wp-block-image figure {
margin: 0;
}
@media (min-width: 1920px) {
.page-image-banner {
max-height: 700px;
}
.kurumsal .page-image-banner  {
max-height: 700px;
}
}
@media (min-width: 1300px) and (min-height:950px){
.page-image-banner {
max-height: 620px;
}
.kurumsal .page-image-banner {
max-height: 650px;
}
}
@media (max-width: 1100px) and (orientation: portrait) {
.page-image-banner {
max-height: 500px;
}
}
@media (max-width: 800px) {
.page-image-banner {
height: 55vh;
}
}
.page-image-banner .fbc .fbc-items li span {
color: #FFF !important;
}
.page-image-banner .fbc .fbc-items li a {
color: #B7D0D5 !important;
}
.page-image-banner .wp-block-cover {
padding: 0;
padding-top: 240px;
height: 75vh;
align-items: flex-start;
overflow: visible;
}
@media (min-width: 1920px) {
.page-image-banner .wp-block-cover {
max-height: 700px;
}
.kurumsal .page-image-banner .wp-block-cover {
max-height: 700px;
}
}
@media (min-width: 1300px) and (min-height:950px){
.page-image-banner .wp-block-cover {
max-height: 700px;
}
}
@media (max-width: 1650px) {
.page-image-banner .wp-block-cover {
padding-top: 200px;
}
}
@media (max-width: 1350px) {
.page-image-banner .wp-block-cover {
padding-top: 170px;
}
}
@media (max-width: 1100px) and (orientation: portrait) {
.page-image-banner .wp-block-cover {
max-height: 500px;
}
}
@media (max-width: 800px) {
.page-image-banner .wp-block-cover {
height: 55vh;
padding-top: 130px;
}
}
.page-image-banner .banner-left {
gap: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 1650px) {
.page-image-banner .banner-left {
gap: 30px;
flex-basis: 60% !important;
}
}
@media (max-width: 1350px) {
.page-image-banner .banner-left {
gap: 20px;
}
}
.page-image-banner .banner-left .wp-block-post-title {
font-size: 60px;
font-weight: 700;
color: white;
}
@media (max-width: 1650px) {
.page-image-banner .banner-left .wp-block-post-title {
font-size: 50px;
}
}
@media (max-width: 1350px) {
.page-image-banner .banner-left .wp-block-post-title {
font-size: 40px;
}
}
@media (max-width: 850px) {
.page-image-banner .banner-left .wp-block-post-title {
font-size: 24px;
}
}
.page-image-banner .banner-left .wp-block-heading {
font-size: 44px;
line-height: normal;
font-weight: 700;
color: var(--color-white);
}
@media (max-width: 1650px) {
.page-image-banner .banner-left .wp-block-heading {
font-size: 37px;
}
}
@media (max-width: 1350px) {
.page-image-banner .banner-left .wp-block-heading {
font-size: 34px;
}
}
@media (max-width: 850px) {
.page-image-banner .banner-left .wp-block-heading {
font-size: 24px;
}
}
.page-image-banner .banner-left .head-top {
gap: 40px;
}
@media (max-width: 1650px) {
.page-image-banner .banner-left .head-top {
gap: 30px;
}
}
@media (max-width: 1350px) {
.page-image-banner .banner-left .head-top {
gap: 20px;
}
}
.page-image-banner .banner-left .head-bottom {
width: 90%;
}
.page-image-banner .banner-left .head-bottom .wp-block-heading {
margin-bottom: 18px;
color: var(--color-primary-variant-1);
font-size: 36px;
font-weight: 700;
}
@media (max-width: 1650px) {
.page-image-banner .banner-left .head-bottom .wp-block-heading {
font-size: 32px;
}
}
@media (max-width: 1350px) {
.page-image-banner .banner-left .head-bottom .wp-block-heading {
font-size: 30px;
}
}
.page-image-banner .banner-left .head-bottom p {
font-size: 20px;
line-height: 131%;
color: var(--color-primary-variant-1);
font-weight: 400;
}
@media (max-width: 1650px) {
.page-image-banner .banner-left .head-bottom p {
font-size: 18px;
}
}
@media (max-width: 1350px) {
.page-image-banner .banner-left .head-bottom p {
font-size: 17px;
}
}
@media (max-width: 1650px) {
.page-image-banner .banner-right {
flex-basis: 40% !important;
}
}
.page-image-banner .banner-right img {
border-radius: 16px;
}
@media (max-width: 800px) {
.page-image-banner .banner-right figure {
float: left;
margin:0;
}
}
.page-image-banner.product-banner .wp-block-cover {
padding-top: 190px;
}
@media (max-width: 1350px) {
.page-image-banner.product-banner .wp-block-cover {
padding-top: 140px;
}
}
@media (max-width: 850px) {
.page-image-banner.product-banner .wp-block-cover {
padding-top: 130px;
}
.product-single .page-image-banner.product-banner .wp-block-cover {
padding-top: 100px;
}
}
.page-image-banner.product-banner .banner-right img {
border-radius: 0px;
width: 240px;
max-height: 270px;
}
@media (max-width: 1650px) {
.page-image-banner.product-banner .banner-right img {
width: 150px;
}
}
@media (max-width: 1350px) {
.page-image-banner.product-banner .banner-right img {
width: 120px;
}
}
@media (max-width: 800px) {
.page-image-banner.product-banner .banner-right img {
width: 100px;
}
}
@media (max-width: 1650px) {
.page-image-banner.product-banner .wp-block-cover .container .wp-block-column {
align-self: flex-start !important;
}
}
@media (max-width: 850px) {
.page-image-banner.padtop .wp-block-cover {
padding-top: 240px;
}
}
.page-content .head-bottom {
width: 50%;
height: 400px;
padding-block: 60px;
}
@media (max-width: 1350px) {
.page-content .head-bottom {
height: 240px;
padding-block: 30px;
}
}
@media (max-width: 850px) {
.page-content .head-bottom {
width: 100%;
height: 300px;
}
}
.page-content .head-bottom .wp-block-heading {
margin-bottom: 18px;
color: var(--color-primary-variant-1);
font-size: 36px;
font-weight: 700;
}
@media (max-width: 1650px) {
.page-content .head-bottom .wp-block-heading {
font-size: 32px;
}
}
@media (max-width: 1350px) {
.page-content .head-bottom .wp-block-heading {
font-size: 30px;
}
}
.page-content .head-bottom p {
font-size: 20px;
line-height: 131%;
color: var(--color-primary-variant-1);
font-weight: 400;
}
@media (max-width: 1650px) {
.page-content .head-bottom p {
font-size: 18px;
}
}
@media (max-width: 1350px) {
.page-content .head-bottom p {
font-size: 17px;
}
}
.fbc .fbc-items {
background-color: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.fbc .fbc-items li {
padding: 0 !important;
margin: 0 !important;
}
.fbc .fbc-items li span {
font-family: "Rethink Sans" !important;
color: #333 !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
text-transform: capitalize !important;
}
.fbc .fbc-items li .fbc-separator {
padding: 0 5px;
}
.fbc .fbc-items li a {
color: #666 !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
text-transform: capitalize !important;
}
.blog-list-content {
display: flex;
position: relative;
flex-direction: column;
}
.blog-list-content.library-section {
padding: 0 !important;
padding-block: 0 !important;
padding-bottom: 130px !important;
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/blog_bg_image.png);
}
.blog-list-content .container {
position: relative;
}
.blog-list-content .wp-block-group__inner-container {
width: 100%;
}
.library-cards.listpage {
margin-top: 0;
margin-top: -150px;
}
@media (max-width: 1350px) {
.library-cards.listpage {
margin-top: -100px;
}
}
@media (max-width: 800px) {
.library-cards.listpage {
margin-top: -180px;
}
}
.wp-block-query-pagination {
align-items: center;
justify-content: center;
padding-top: 60px;
}
.wp-block-query-pagination a, .wp-block-query-pagination span {
background-color: white;
border-radius: 4px;
padding: 6px 12px;
margin-bottom: 0 !important;
}
.wp-block-query-pagination a:hover, .wp-block-query-pagination span:hover {
filter: drop-shadow(0px 4px 12px rgba(35, 65, 141, 0.28));
}
.wp-block-query-pagination a.current, .wp-block-query-pagination span.current {
background-color: var(--color-secondary);
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
margin-bottom: 0;
}
.single-post-wrapper .page-image-banner, .posts-boxes .page-image-banner {
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/blog-single-header.svg);
background-repeat: no-repeat;
background-size: cover;
background-color: var(--color-primary);
position: relative;
z-index: 2;
padding: 0;
padding-top: 240px;
height: 75vh;
align-items: flex-start;
overflow: visible;
}
@media (max-width: 1650px) {
.single-post-wrapper .page-image-banner, .posts-boxes .page-image-banner {
padding-top: 200px;
}
}
@media (max-width: 1350px) {
.single-post-wrapper .page-image-banner, .posts-boxes .page-image-banner {
padding-top: 120px;
}
}
@media (max-width: 800px) {
.single-post-wrapper .page-image-banner, .posts-boxes .page-image-banner {
height: 55vh;
}
}
.single-post-wrapper .page-image-banner h1, .posts-boxes .page-image-banner h1 {
color: #FFF;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-top: 40px;
}
@media (max-width: 1650px) {
.single-post-wrapper .page-image-banner h1, .posts-boxes .page-image-banner h1 {
font-size: 50px;
}
}
@media (max-width: 1350px) {
.single-post-wrapper .page-image-banner h1, .posts-boxes .page-image-banner h1 {
font-size: 35px;
}
}
@media (max-width: 800px) {
.single-post-wrapper .page-image-banner h1, .posts-boxes .page-image-banner h1 {
font-size: 25px;
}
}
.single-post-wrapper .post-content, .posts-boxes .post-content {
background: white;
padding-bottom: 100px;
}
.single-post-wrapper .post-content .post-image, .posts-boxes .post-content .post-image {
margin-top: -140px;
border-radius: 16px;
font-size: 0;
overflow: hidden;
position: relative;
z-index: 4;
margin-bottom: 70px;
}
@media (max-width: 1350px) {
.single-post-wrapper .post-content .post-image, .posts-boxes .post-content .post-image {
margin-top: -100px;
margin-inline: 10%;
}
}
@media (max-width: 800px) {
.single-post-wrapper .post-content .post-image, .posts-boxes .post-content .post-image {
margin-inline: 0;
}
}
.single-post-wrapper .post-content .post-image img, .posts-boxes .post-content .post-image img {
height: auto;
}
.single-post-wrapper .post-content .post-paginate, .posts-boxes .post-content .post-paginate {
margin-top: 70px;
width: 100%;
display: flex;
justify-content: space-between;
}
.single-post-wrapper .post-list, .posts-boxes .post-list {
padding-bottom: 130px;
}
.archive .posts-boxes {
background-image: url(https://www.mayasera.com/wp-content/themes/mayasera/img/blog_bg_image.png);
background-repeat: no-repeat;
background-size: cover;
background-color: var(--color-secondary);
}
.search-list {
display: flex;
flex-direction: column;
gap: 40px;
padding-block: 100px;
}
.search-list .item {
border: 1px solid var(--color-primary);
background-color: var(--color-white);
border-radius: 16px;
min-height: 192px;
display: flex;
justify-content: space-between;
align-items: center;
padding-inline: 47px;
padding-block: 25px;
transition: all 0.3s ease-in-out;
}
@media (max-width: 800px) {
.search-list .item {
padding-inline: 30px;
padding-block: 20px;
gap: 20px;
}
}
@media (max-width: 600px) {
.search-list .item {
flex-direction: column;
}
}
.search-list .item .item-title {
transition: all 0.3s ease-in-out;
width: 100%;
font-size: 32px;
line-height: normal;
font-weight: 700;
color: var(--color-primary);
}
@media (max-width: 600px) {
.search-list .item .item-title {
text-align: center;
}
}
.search-list .item:hover {
background-color: var(--color-primary);
filter: drop-shadow(0px 0px 8.5px rgba(35, 65, 141, 0.58));
}
.search-list .item:hover svg {
filter: brightness(10);
}
.search-list .item:hover .item-title {
color: var(--color-white);
}
.fullsearch {
width: 100vw;
height: 100vh;
background-color: rgba(35, 65, 141, .9);
position: fixed;
top: -150vh;
left: 0;
display: block;
z-index: 999;
opacity: 0;
transition: all ease-in-out 0.4s;
}
.fullsearch.show {
top: 0;
opacity: 1;
}
.fullsearch.show .inner {
opacity: 1;
transition-delay: 0.3s;
}
.fullsearch p {
color: #fff;
}
.fullsearch .inner {
padding: 50px 66px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 30px;
height: 100%;
opacity: 0;
transition: ease all 0.4s;
transition-delay: 0.1s;
}
@media (max-width: 1650px) {
.fullsearch .inner {
padding: 40px 66px;
}
}
@media (max-width: 1350px) {
.fullsearch .inner {
padding: 20px 66px;
}
}
@media (max-width: 800px) {
.fullsearch .inner {
padding: 40px 40px;
}
}
.fullsearch-top {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
}
@media (max-width: 800px) {
.fullsearch-top {
justify-content: flex-start;
}
}
@media (max-width: 800px) {
.fullsearch-top .main-logo img {
width: 200px;
}
}
.fullsearch-top .nav-close-btn {
right: 0;
position: absolute;
top: 0;
}
.fullsearch-top .nav-close-btn img {
width: 25px;
height: auto;
max-width: unset;
}
.fullsearch .fullsearch-content {
height: calc(100vh - 200px);
width: 800px;
max-width: 95%;
}
.fullsearch .fullsearch-content form input[type=text] {
border-bottom: 1px solid #fff;
height: 45px;
padding: 10px;
color: white;
width: calc(100% - 90px);
font-size: 22px;
}
.fullsearch .fullsearch-content form input[type=text]::-moz-placeholder {
color: white;
}
.fullsearch .fullsearch-content form input[type=text]::placeholder {
color: white;
}
.fullsearch .fullsearch-content form button {
margin-left: 30px;
}
.fullsearch .fullsearch-content .search_result ul li {
padding: 8px;
}
.fullsearch .fullsearch-content .search_result ul li a {
color: #fff;
font-size: 20px;
}
.bg-secondary {
background-color: var(--color-secondary);
}
.wp-block-table  {
width: 100%;}
.page-content table  {
width: 100%;
background-color: #F5F6FF;
border-collapse: separate;
border-spacing: 0;
}
.page-content table tr{
}
.page-content table tr td {
border:1px solid var(--color-primary);
font-size: 22px;  border-collapse: separate;
border: solid 1px #000;
border-style: none solid solid none;
padding: 10px;
}
.page-content table tr td * {
font-size: 22px;
}
.page-content table tr:first-child td:first-child { border-top-left-radius: 10px; }
.page-content table tr:first-child td:last-child { border-top-right-radius: 10px; }
.page-content table tr:first-child td { border-top-style: solid; }
.page-content table tr td:first-child { border-left-style: solid; }
.page-content table tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.page-content table tr:last-child td:last-child { border-bottom-right-radius: 10px; }
.standartpadding {
padding-block: 130px;
}
@media (max-width: 1650px) {
.standartpadding {
padding-block: 100px;
}
}
@media (max-width: 1300px) {
.standartpadding {
padding-block: 80px;
}
}
@media (max-width: 800px) {
.standartpadding {
padding-block: 60px;
}
.page-content table tr td * {
font-size: 16px;
}
.page-content table tr td  {
font-size: 16px;
}
}
.product-table .wp-block-heading{
margin-bottom: 130px;
}
@media (max-width: 1650px) {
.product-table .wp-block-heading{
margin-bottom: 100px;
}
}
@media (max-width: 1300px) {
.product-table .wp-block-heading{
margin-bottom: 80px;
}
}
@media (max-width: 800px) {
.product-table .wp-block-heading{
margin-bottom: 60px;
}
}
.single .post-content p{
margin: 1rem 0;
}
.single .post-content ul {
margin-left: 20px;
}
.fixed-whatsapp {
position: fixed;
bottom: 3vw;
right: 3vw;
z-index: 99;
border-radius: 13px;
background: #B7D0D5;
display: inline-block;
font-size: 0;
width: 48px;
height: 48px;
overflow: hidden;
transition: all ease .3s;
}
.fixed-whatsapp a {
padding: 10px;
display: inline-block;
}
.fixed-whatsapp img {
width: 38px;
height: auto;
transition: all ease .3s;
}
.fixed-whatsapp:hover {
background: var(--color-primary);
}
.fixed-whatsapp:hover img {
filter:brightness(10) grayscale(1);
}
.page-image-banner span  {font-size: 14px;    color: #b7d0d5;}
.page-image-banner span span {font-size: 14px;    color: #b7d0d5;}
.page-image-banner span span a{}
.page-image-banner span span.breadcrumb_last {color:white}
.grecaptcha-badge {display:none !important}