Files
aacperspektywy.pl/wp-content/themes/aac/css/custom.css
2026-01-08 15:27:15 +01:00

5006 lines
119 KiB
CSS

@charset "UTF-8";
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
border: 0 solid transparent;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
min-height: 100vh;
line-height: 1;
text-rendering: optimizeSpeed;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
max-width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
line-height: inherit;
color: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button,
[role=button] {
cursor: pointer;
background-color: transparent;
-webkit-tap-highlight-color: transparent;
}
button:focus,
[role=button]:focus {
outline: 0;
}
a {
cursor: pointer;
color: inherit;
text-decoration: inherit;
-webkit-tap-highlight-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
ol,
ul {
list-style: none;
}
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus,
select:focus {
outline: 0;
}
::-moz-placeholder {
opacity: 1;
}
textarea {
vertical-align: top;
overflow: auto;
}
[type=checkbox],
[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type=checkbox]:focus,
[type=radio]:focus {
outline: 0;
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
* {
font-family: "Outfit", sans-serif;
}
p:last-child {
margin-bottom: 0;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 30px;
}
body {
background: #f1ecf7;
}
body.no-scroll {
overflow: hidden;
}
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1370px;
}
}
.container-mini {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
max-width: 1000px;
}
.btn-1 {
color: #fff !important;
font-weight: 600;
font-size: 16px;
line-height: 1;
text-decoration: none;
display: inline-block;
padding: 14px 25px;
border: 1px solid rgba(213, 201, 223, 0.4);
border-radius: 8px;
}
.btn-2 {
color: #536783 !important;
font-weight: 600;
font-size: 16px;
line-height: 1;
text-decoration: none;
display: inline-flex;
flex-direction: row;
align-items: center;
padding: 14px 25px;
border: 1px solid rgba(83, 103, 131, 0.4);
border-radius: 8px;
transition: all 250ms ease-in-out;
}
.btn-2:hover {
color: #fff !important;
background: #536783;
border-color: #536783;
}
.btn-2:hover img {
filter: brightness(0) invert(1);
}
.btn-2 img {
transition: all 250ms ease-in-out;
}
.btn-3 {
color: #fff !important;
font-weight: 600;
font-size: 16px;
line-height: 1;
text-decoration: none;
display: inline-block;
padding: 14px 25px;
border: 1px solid #536783;
border-radius: 8px;
background: #536783;
}
header#masthead {
position: relative;
background: #fff;
border-bottom: 1px solid #d5c9df;
}
header#masthead .row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 98px;
}
@media (max-width: 991px) {
header#masthead .row {
gap: 10px;
}
}
@media (max-width: 575px) {
header#masthead .row {
height: 144px;
flex-wrap: wrap;
padding: 20px 0;
row-gap: 20px;
}
}
@media (max-width: 991px) {
header#masthead .row .site-branding {
flex-grow: 1;
}
}
@media (max-width: 575px) {
header#masthead .row .site-branding {
width: 100%;
}
}
header#masthead .row .site-branding img {
width: 267px;
max-width: unset;
}
@media (max-width: 1199px) {
header#masthead .row .site-branding img {
max-width: 200px;
}
}
header#masthead .row nav#site-navigation {
width: auto;
}
@media (max-width: 575px) {
header#masthead .row nav#site-navigation {
order: 3;
}
}
header#masthead .row nav#site-navigation ul#primary-menu {
-moz-column-gap: 40px;
column-gap: 40px;
}
header#masthead .row nav#site-navigation ul#primary-menu li.menu-item.current_page_item > a {
color: #583867;
}
header#masthead .row nav#site-navigation ul#primary-menu li.menu-item a {
color: #141414;
font-weight: 500;
font-size: 16px;
line-height: 1;
}
@media (max-width: 991px) {
header#masthead .row nav#site-navigation ul#primary-menu li.menu-item a {
font-size: 20px;
}
}
@media (max-width: 991px) {
header#masthead .row nav#site-navigation ul#primary-menu {
display: flex;
flex-direction: column;
height: 100%;
align-items: center;
justify-content: center;
row-gap: 20px;
padding: 25px 0;
}
}
@media (max-width: 991px) {
header#masthead .row nav#site-navigation .menu-menu-container {
position: absolute;
top: calc(100% - 1px);
width: 100%;
left: 0;
right: 0;
background: #fff;
transition: all 250ms ease-in-out;
z-index: 10000;
overflow: hidden;
display: none;
}
}
header#masthead .row .main-navigation-secondary {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
padding: 0;
margin: 0;
}
@media (max-width: 575px) {
header#masthead .row .main-navigation-secondary {
order: 2;
}
}
header#masthead .row .main-navigation-secondary > li {
display: flex;
flex-direction: row;
align-items: center;
padding: 6px 6px 6px 16px;
border: 1px solid #536783;
border-radius: 100px;
gap: 16px;
}
@media (max-width: 1199px) {
header#masthead .row .main-navigation-secondary > li {
gap: 10px;
}
}
header#masthead .row .main-navigation-secondary > li .social-icon img {
width: 16px;
min-width: 16px;
height: 16px;
}
@media (max-width: 1199px) {
header#masthead .row .main-navigation-secondary > li .social-icon img {
width: 12px;
min-width: 12px;
height: 12px;
}
}
header#masthead .row .main-navigation-secondary > li ol.other-icons {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
}
header#masthead .row .main-navigation-secondary > li ol.other-icons li {
width: 36px;
min-width: 36px;
height: 36px;
}
header#masthead .row .main-navigation-secondary > li ol.other-icons li a {
display: block;
width: 100%;
height: 100%;
}
header#masthead .row .main-navigation-secondary > li ol.other-icons li a:hover img {
transform: scale(1.2);
transition: all 250ms ease-in-out;
}
header#masthead .row .main-navigation-secondary > li ol.other-icons li:not(:first-child) {
margin-left: -10px;
}
@media (max-width: 575px) {
header#masthead .row .main-navigation-secondary > li ol.other-icons li:not(:first-child) {
margin-left: 5px;
}
}
@media (max-width: 1199px) {
header#masthead .row .main-navigation-secondary > li ol.other-icons li {
width: 30px;
min-width: 30px;
height: 30px;
}
}
header#masthead .row .main-navigation-secondary > li ol.other-icons li img {
width: 100%;
border: 1px solid #fff;
border-radius: 100%;
}
header#masthead .row #nav-menu-toggle {
position: relative;
display: block;
height: 44px;
width: 44px;
padding: 6px;
margin: 0;
border: 1px solid #536783;
border-radius: 100px;
z-index: 9999;
cursor: pointer;
overflow: hidden;
}
@media (min-width: 992px) {
header#masthead .row #nav-menu-toggle {
display: none !important;
}
}
header#masthead .row #nav-menu-toggle::before {
content: "";
position: absolute;
top: 13px;
left: 10px;
width: calc(100% - 20px);
height: 2px;
background: #536783;
transition: all 250ms ease-in-out;
}
header#masthead .row #nav-menu-toggle::after {
content: "";
position: absolute;
bottom: 13px;
left: 10px;
width: calc(100% - 20px);
height: 2px;
background: #536783;
transition: all 250ms ease-in-out;
}
header#masthead .row #nav-menu-toggle[aria-expanded=true]::before {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
header#masthead .row #nav-menu-toggle[aria-expanded=true]::after {
bottom: calc(50% - 2px);
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
header#masthead .row #nav-menu-toggle[aria-expanded=true] .line {
opacity: 0;
transform: translateY(-50%) translateX(calc(100% + 10px));
}
header#masthead .row #nav-menu-toggle .line {
position: absolute;
top: 50%;
left: 10px;
width: calc(100% - 20px);
height: 2px;
transform: translateY(-50%);
background: #536783;
transition: all 250ms ease-in-out;
}
footer#colophon {
background: #583867;
}
footer#colophon .site-footer--wrapper .row-1 {
padding-top: 60px;
padding-bottom: 60px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
flex-direction: row;
gap: 20px;
}
@media (max-width: 991px) {
footer#colophon .site-footer--wrapper .row-1 {
flex-wrap: wrap;
row-gap: 60px;
}
}
@media (max-width: 575px) {
footer#colophon .site-footer--wrapper .row-1 {
row-gap: 40px;
}
}
footer#colophon .site-footer--wrapper .row-1 .col {
flex-basis: 25%;
}
@media (max-width: 991px) {
footer#colophon .site-footer--wrapper .row-1 .col {
flex-basis: calc(50% - 10px);
}
}
@media (max-width: 575px) {
footer#colophon .site-footer--wrapper .row-1 .col {
flex-basis: 100%;
text-align: center;
}
}
footer#colophon .site-footer--wrapper .row-1 .col .col-title {
margin-bottom: 20px;
}
footer#colophon .site-footer--wrapper .row-1 .col .col-title h3 {
color: #fff;
font-weight: 700;
font-size: 12px;
line-height: 1;
letter-spacing: 3px;
opacity: 0.6;
}
footer#colophon .site-footer--wrapper .row-1 .col ul {
padding: 0;
margin: 0;
}
footer#colophon .site-footer--wrapper .row-1 .col ul li:not(:last-child) {
margin-bottom: 10px;
}
footer#colophon .site-footer--wrapper .row-1 .col ul li a {
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 1;
}
@media (max-width: 575px) {
footer#colophon .site-footer--wrapper .row-1 .col ul li a {
font-size: 16px;
}
}
footer#colophon .site-footer--wrapper .row-1 .col .col-text p {
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
}
footer#colophon .site-footer--wrapper .row-1 .col .col-text a {
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
text-decoration: underline;
}
footer#colophon .site-footer--wrapper .row-2 {
padding-top: 30px;
padding-bottom: 30px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
@media (max-width: 575px) {
footer#colophon .site-footer--wrapper .row-2 {
flex-direction: column;
row-gap: 20px;
}
}
footer#colophon .site-footer--wrapper .row-2 .col-1 ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
-moz-column-gap: 40px;
column-gap: 40px;
}
@media (max-width: 575px) {
footer#colophon .site-footer--wrapper .row-2 .col-1 ul {
flex-direction: column;
row-gap: 20px;
text-align: center;
}
}
footer#colophon .site-footer--wrapper .row-2 .col-1 ul li p {
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 1;
}
footer#colophon .site-footer--wrapper .row-2 .col-1 ul li p em {
font-style: normal;
opacity: 0.6;
}
footer#colophon .site-footer--wrapper .row-2 .col-1 ul li a {
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 1;
}
footer#colophon .site-footer--wrapper .row-2 .col-2 ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
-moz-column-gap: 40px;
column-gap: 40px;
}
footer#colophon .site-footer--wrapper .row-2 .col-2 ul li p {
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 1;
}
footer#colophon .site-footer--wrapper .row-2 .col-2 ul li p em {
font-style: normal;
opacity: 0.6;
}
footer#colophon .site-footer--wrapper .row-2 .col-2 ul li a {
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 1;
text-decoration: underline;
}
article.article-card {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
}
article.article-card .card-tags {
position: absolute;
top: 30px;
left: 30px;
z-index: 1;
padding: 0;
margin: 0;
display: inline-flex;
flex-direction: column;
row-gap: 10px;
}
article.article-card .card-tags li {
background: #583867;
border-radius: 8px;
}
article.article-card .card-tags li span {
display: inline-block;
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 20px;
padding: 8px 15px;
}
article.article-card .card-img {
position: relative;
}
article.article-card .card-img img {
width: 100%;
height: 230px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
}
article.article-card .card-data {
display: flex;
flex-direction: column;
height: 100%;
margin-top: -20px;
padding: 50px 30px 30px 30px;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
background: #fff;
}
article.article-card .card-data .card-title {
flex: 1;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #f1ecf7;
}
article.article-card .card-data .card-title h3 {
color: #141414;
font-weight: 500;
font-size: 24px;
line-height: 1.42;
}
article.article-card .card-data .card-title h3 a {
color: inherit;
}
@media (max-width: 1199px) {
article.article-card .card-data .card-title h3 {
font-size: 20px;
line-height: 1.25;
}
}
article.article-card .card-data .card-footer {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
article.article-card .card-data .card-footer .card-author {
display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 15px;
column-gap: 15px;
}
article.article-card .card-data .card-footer .card-author .card-author--img {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
}
article.article-card .card-data .card-footer .card-author .card-author--img li:not(:first-child) {
margin-left: -16px;
}
article.article-card .card-data .card-footer .card-author .card-author--img img {
width: 48px;
min-width: 48px;
height: 48px;
border-radius: 100%;
}
article.article-card .card-data .card-footer .card-author .card-author--data .card-author--title {
color: #616161;
font-weight: 500;
font-size: 14px;
line-height: 1;
margin-bottom: 0;
}
article.article-card .card-data .card-footer .card-author .card-author--data .card-author--name {
color: #523461;
font-weight: 500;
font-size: 16px;
line-height: 1.25;
}
article.article-more {
position: relative;
width: 100%;
height: 100%;
min-height: 300px;
display: flex;
flex-direction: column;
padding: 30px;
border-radius: 16px;
}
article.article-more::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(200.87deg, rgba(88, 56, 103, 0.3) 0%, #4a2b59 86.2%);
border-radius: 16px;
z-index: 1;
}
article.article-more .article-more--bg {
position: absolute;
inset: 0;
}
article.article-more .article-more--bg img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 16px;
}
article.article-more .article-more--wrapper {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 40px;
height: 100%;
z-index: 2;
}
article.article-more .article-more--wrapper .article-more--title h3 {
color: #fff;
font-weight: 500;
font-size: 24px;
line-height: 1.42;
}
article.article-more .article-more--wrapper .article-more--nav a {
width: 100%;
text-align: center;
}
article.podcast-card {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
padding: 32px;
border-radius: 16px;
overflow: hidden;
}
article.podcast-card .card-img {
position: absolute;
inset: 0;
}
article.podcast-card .card-img::before {
content: "";
position: absolute;
inset: 0;
background: rgba(49, 55, 64, 0.64);
}
article.podcast-card .card-img::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 170px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(88, 56, 103, 0.89) 100%);
}
article.podcast-card .card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
article.podcast-card .card-head {
position: relative;
height: 116px;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
z-index: 1;
}
article.podcast-card .card-head .card-head--img img {
width: 40px;
min-width: 40px;
height: 40px;
-o-object-fit: contain;
object-fit: contain;
}
article.podcast-card .card-head .card-head--attr {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
}
article.podcast-card .card-head .card-head--attr li:not(:last-child) {
padding-right: 16px;
margin-right: 16px;
border-right: 1px solid #f1ecf7;
}
article.podcast-card .card-head .card-head--attr li span {
color: #d5c9df;
font-family: "Outfit", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1.25;
}
article.podcast-card .card-body {
position: relative;
z-index: 1;
flex: 1;
}
article.podcast-card .card-body h2 {
color: #fff;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 1.4;
}
article.podcast-card .card-body h2 a {
color: inherit;
}
@media (max-width: 1199px) {
article.podcast-card .card-body h2 {
font-size: 20px;
line-height: 1.25;
}
}
article.podcast-card .card-footer {
position: relative;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #f1ecf7;
z-index: 1;
display: flex;
flex-direction: row;
-moz-column-gap: 40px;
column-gap: 40px;
}
article.podcast-card .card-footer .card-footer--nav a {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
article.podcast-card .card-footer .audio-player {
flex-grow: 1;
background-image: url("/wp-content/uploads/2025/10/OBJECTS.svg");
background-position: center left;
background-repeat: repeat-x;
}
#box-page-name {
position: relative;
padding-left: 20px;
color: #616161;
font-weight: 500;
font-size: 16px;
line-height: 1.25;
}
#box-page-name::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 10px;
min-width: 10px;
height: 10px;
background-image: url("/wp-content/uploads/2025/10/Vector.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform: translateY(-50%);
}
.c-tabs .c-tabs--nav {
display: flex;
flex-direction: row;
gap: 16px;
padding: 0 0 40px 0;
margin: 0;
}
.c-tabs .c-tabs--nav li {
padding: 14px 20px;
border-width: 1px;
border-style: solid;
border-radius: 8px;
transition: all 250ms ease-in-out;
cursor: pointer;
display: flex;
flex-direction: row;
align-items: center;
}
.c-tabs .c-tabs--nav li.active svg {
width: 10px;
min-width: 10px;
margin-right: 12px;
}
.c-tabs .c-tabs--nav li svg {
width: 0;
min-width: 0px;
height: 10px;
transition: all 250ms ease-in-out;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="1"] .text-box-info {
margin-bottom: 1.5em;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="1"] .text-box-info p {
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.875;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="1"] .text-box p {
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.875;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="2"] ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
row-gap: 16px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="2"] ul li {
position: relative;
padding-left: 37px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="2"] ul li::before {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 7px;
height: 7px;
border-radius: 100%;
transform: translateY(-50%);
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="2"] ul li p {
margin: 0;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="2"] ul li p.item-title {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="2"] ul li p.item-text {
font-size: 16px;
font-weight: 500;
line-height: 1.875;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="3"] ul {
margin: 0;
padding-left: 1.2em;
list-style-position: outside;
display: block;
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 50px;
column-gap: 50px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="3"] ul li {
position: relative;
flex-basis: calc(50% - 25px);
padding-left: 18px;
margin-bottom: 5px;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="3"] ul li::before {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 7px;
height: 7px;
border-radius: 100%;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.c-tabs .c-tabs--content .c-tab--item[tab_id="3"] ul li {
flex-basis: 100%;
}
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="3"] ul li p {
margin: 0;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="3"] ul li p.item-title {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="3"] ul li p.item-text {
font-size: 16px;
font-weight: 500;
line-height: 1.875;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="3"] ul li ul {
display: flex;
flex-direction: column;
row-gap: 8px;
padding: 16px 0 0 0;
margin: 0;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="3"] ul li ul li p {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
margin: 0;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
row-gap: 16px;
-moz-column-gap: 24px;
column-gap: 24px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li {
position: relative;
flex-basis: calc(50% - 12px);
padding-left: 37px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li::before {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 7px;
height: 7px;
border-radius: 100%;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li {
flex-basis: 100%;
}
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li p {
margin: 0;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li p.item-title {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li ol {
display: flex;
flex-direction: column;
row-gap: 8px;
padding: 0;
margin: 0;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li ol li {
padding: 0;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li ol li::before {
display: none !important;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li ol li a {
display: flex;
flex-direction: row;
-moz-column-gap: 12px;
column-gap: 12px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li ol li a svg {
width: 12px;
min-width: 12px;
height: 24px;
padding: 6px 0;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="4"] ul li ol li a span {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
margin: 0;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list {
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
-moz-column-gap: 24px;
column-gap: 24px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item {
position: relative;
display: flex;
flex-direction: row;
-moz-column-gap: 30px;
column-gap: 30px;
padding: 32px;
background: #fff;
border-radius: 16px;
flex-wrap: wrap;
row-gap: 20px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .item-bg {
position: absolute;
top: 0;
left: 9%;
bottom: 0;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .item-bg img {
height: 100%;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .contact-item-img {
position: relative;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .contact-item-img > img {
position: absolute;
top: 0;
right: -14px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .contact-item-img .img {
width: 65px;
min-width: 65px;
height: 65px;
border-radius: 100%;
border: 3px solid #d5c9df;
overflow: hidden;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .contact-item-img .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .contact-item-content {
position: relative;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .contact-item-content .contact-name {
margin-bottom: 14px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .contact-item-content .contact-name p {
color: #583867;
font-weight: 500;
font-size: 24px;
line-height: 1.25;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .contact-item-content ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
row-gap: 12px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .contact-item-content ul li {
display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 12px;
column-gap: 12px;
}
.c-tabs .c-tabs--content .c-tab--item[tab_id="5"] ol.contact-list li.contact-item .contact-item-content ul li a {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.25;
}
body.page-id-7 main#primary .box-1 {
position: relative;
}
body.page-id-7 main#primary .box-1 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 25%;
transform: translateX(-50%);
}
body.page-id-7 main#primary .box-1 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-7 main#primary .box-1 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
padding-top: 110px;
padding-bottom: 110px;
}
@media (max-width: 1199px) {
body.page-id-7 main#primary .box-1 .row {
gap: 30px;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-1 .row {
flex-direction: column;
row-gap: 50px;
padding-top: 60px;
}
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-1 .row {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page-id-7 main#primary .box-1 .row .col-1 .box-mini-title {
display: inline-block;
padding: 9px 22px;
border-radius: 100px;
background: #583867;
margin-bottom: 20px;
}
body.page-id-7 main#primary .box-1 .row .col-1 .box-mini-title p {
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 1.25;
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-1 .row .col-1 .box-mini-title {
margin-bottom: 30px;
}
body.page-id-7 main#primary .box-1 .row .col-1 .box-mini-title p {
font-size: 15px;
}
body.page-id-7 main#primary .box-1 .row .col-1 .box-mini-title span {
display: inline-block;
transform: rotate(90deg);
}
}
body.page-id-7 main#primary .box-1 .row .col-1 .box-title {
margin-bottom: 25px;
max-width: 500px;
}
body.page-id-7 main#primary .box-1 .row .col-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-7 main#primary .box-1 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-1 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-7 main#primary .box-1 .row .col-1 .box-text {
max-width: 500px;
}
body.page-id-7 main#primary .box-1 .row .col-1 .box-text p {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-1 .row .col-1 .box-text p {
font-size: 16px;
}
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box {
position: relative;
width: 764px;
height: 465px;
}
@media (max-width: 1399px) {
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box {
width: 600px;
height: 370px;
}
}
@media (max-width: 1199px) {
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box {
width: 550px;
height: 335px;
}
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box {
width: 300px;
}
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-bg {
position: absolute;
inset: 0;
align-content: end;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-bg {
display: none;
}
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list {
position: relative;
display: flex;
flex-direction: row;
height: 100%;
width: 100%;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol {
position: absolute;
inset: 0;
padding: 0;
margin: 0;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li {
position: absolute;
width: var(--size);
min-width: var(--size);
max-width: var(--size);
height: var(--size);
background: var(--bg);
transition: all 250ms ease-in-out;
}
@media (max-width: 1399px) {
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li {
width: calc(var(--size) * 0.8);
min-width: calc(var(--size) * 0.8);
max-width: calc(var(--size) * 0.8);
height: calc(var(--size) * 0.8);
}
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
/* ważne! */
opacity: 1;
/* ważne! */
width: calc(var(--size) / 1.3);
height: calc(var(--size) / 1.3);
border-radius: 100%;
background: var(--bg);
z-index: -1;
will-change: transform, opacity;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:hover::before {
animation: puls 1s ease-in-out infinite;
animation-delay: -0.2s;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-1 {
border-radius: 100%;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-1 a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-1 a span {
color: #fff;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
text-align: center;
letter-spacing: 0.005em;
}
@media (max-width: 1399px) {
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-1 a span {
font-size: 14px;
}
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-2 {
border-radius: 100%;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-2 a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-2 a span {
color: #fff;
font-weight: 500;
font-size: 13px;
line-height: 1.2;
text-align: center;
letter-spacing: 0.005em;
}
@media (max-width: 1399px) {
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-2 a span {
font-size: 11px;
}
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-3 {
border-radius: 100%;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-3 a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li.lvl-3 a span {
color: #583967;
font-weight: 500;
font-size: 13px;
line-height: 1.2;
text-align: center;
letter-spacing: 0.01em;
text-shadow: -0.6px 0 #fff, 0 0.6px #fff, 0.6px 0 #fff, 0 -0.6px #fff;
min-width: 80px;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:nth-child(1) {
top: 0%;
left: 9%;
transform: translateX(-50%);
animation: init_1 1s ease-in-out;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:nth-child(2) {
top: 0%;
left: 91%;
transform: translateX(-50%);
animation: init_2 1s ease-in-out;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:nth-child(3) {
top: 83%;
left: 50%;
transform: translate(-50%, -50%);
animation: init_3 1s ease-in-out;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:nth-child(4) {
top: 6.5%;
left: 50%;
transform: translateX(-50%);
animation: init_4 2s ease-in-out;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:nth-child(5) {
top: 45%;
left: 34%;
transform: translateX(-50%);
animation: init_5 2s ease-in-out;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:nth-child(5) {
left: 25%;
}
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:nth-child(6) {
top: 45%;
left: 66%;
transform: translateX(-50%);
animation: init_6 2s ease-in-out;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:nth-child(6) {
left: 75%;
}
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:nth-child(7) {
top: 30%;
left: 50%;
transform: translateX(-50%);
animation: init_7 3s ease-in-out;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li:nth-child(8) {
top: 42%;
left: 50%;
transform: translateX(-50%);
animation: init_8 3s ease-in-out;
}
body.page-id-7 main#primary .box-1 .row .col-2 .advanced-posts-box .advanced-posts-list ol li a {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@keyframes puls {
0% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
100% {
opacity: 0;
transform: translate(-50%, -50%) scale(2);
}
}
@keyframes init_1 {
0% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
100% {
top: 0%;
left: 9%;
transform: translateX(-50%);
opacity: 1;
}
}
@keyframes init_2 {
0% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
100% {
top: 0%;
left: 91%;
transform: translateX(-50%);
opacity: 1;
}
}
@keyframes init_3 {
0% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
100% {
top: 83%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 1;
}
}
@keyframes init_4 {
0% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
50% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
100% {
top: 6.5%;
left: 50%;
transform: translateX(-50%);
opacity: 1;
}
}
@keyframes init_5 {
0% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
50% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
100% {
top: 45%;
left: 34%;
transform: translateX(-50%);
opacity: 1;
}
}
@keyframes init_6 {
0% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
50% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
100% {
top: 45%;
left: 66%;
transform: translateX(-50%);
opacity: 1;
}
}
@keyframes init_7 {
0% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
67% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
100% {
top: 30%;
left: 50%;
transform: translateX(-50%);
opacity: 1;
}
}
@keyframes init_8 {
0% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
67% {
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
100% {
top: 42%;
left: 50%;
transform: translateX(-50%);
opacity: 1;
}
}
body.page-id-7 main#primary .box-2 {
position: relative;
background: #583867;
overflow: hidden;
}
body.page-id-7 main#primary .box-2 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 44.5%;
transform: translateX(-50%);
}
body.page-id-7 main#primary .box-2 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-7 main#primary .box-2 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 50px;
padding-top: 110px;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-2 .row {
padding-top: 50px;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-2 .row {
flex-direction: column;
padding-bottom: 0;
}
}
body.page-id-7 main#primary .box-2 .row .col-1 {
padding-bottom: 110px;
min-width: 40%;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-2 .row .col-1 {
padding-bottom: 50px;
}
}
@media (max-width: 1399px) {
body.page-id-7 main#primary .box-2 .row .col-1 {
min-width: 50%;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-2 .row .col-1 {
width: 100%;
}
}
body.page-id-7 main#primary .box-2 .row .col-1 .box-title {
margin-bottom: 25px;
max-width: 570px;
}
body.page-id-7 main#primary .box-2 .row .col-1 .box-title h2 {
color: #fff;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-7 main#primary .box-2 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-2 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-7 main#primary .box-2 .row .col-1 .box-text {
max-width: 560px;
margin-bottom: 40px;
}
body.page-id-7 main#primary .box-2 .row .col-1 .box-text p {
color: #d5c9df;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-2 .row .col-1 .box-text p {
font-size: 16px;
}
}
body.page-id-7 main#primary .box-2 .row .col-1 .box-nav {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
-moz-column-gap: 20px;
column-gap: 20px;
}
body.page-id-7 main#primary .box-2 .row .col-2 {
display: flex;
align-items: flex-end;
}
body.page-id-7 main#primary .box-2 .row .col-2 .box-img img {
width: 100%;
}
@media (max-width: 1399px) {
body.page-id-7 main#primary .box-2 .row .col-2 .box-img img {
width: 100%;
position: relative;
min-width: 700px;
left: -15%;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-2 .row .col-2 .box-img img {
left: 0;
min-width: unset;
}
}
body.page-id-7 main#primary .box-3 {
position: relative;
}
body.page-id-7 main#primary .box-3 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 64%;
transform: translateX(-50%);
}
body.page-id-7 main#primary .box-3 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-7 main#primary .box-3 .row {
position: relative;
}
body.page-id-7 main#primary .box-3 .row-1 {
padding-top: 120px;
padding-bottom: 80px;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-3 .row-1 {
padding-top: 60px;
padding-bottom: 60px;
}
}
body.page-id-7 main#primary .box-3 .row-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
text-align: center;
}
@media (max-width: 1199px) {
body.page-id-7 main#primary .box-3 .row-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-3 .row-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-7 main#primary .box-3 .row-2 {
padding-bottom: 120px;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-3 .row-2 {
padding-bottom: 50px;
}
}
body.page-id-7 main#primary .box-3 .row-2 .box-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
gap: 30px;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-3 .row-2 .box-list {
grid-template-columns: 1fr;
}
}
body.page-id-7 main#primary .box-4 {
position: relative;
background: #f7f4fb;
}
body.page-id-7 main#primary .box-4 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 53%;
transform: translateX(-50%);
}
body.page-id-7 main#primary .box-4 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-7 main#primary .box-4 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-4 .row {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-4 .row {
flex-direction: column;
}
}
body.page-id-7 main#primary .box-4 .row .col-1 .box-img img {
width: 100%;
max-width: 550px;
border-radius: 16px;
}
body.page-id-7 main#primary .box-4 .row .col-2 {
width: 100%;
max-width: 620px;
}
body.page-id-7 main#primary .box-4 .row .col-2 .box-title {
margin-bottom: 25px;
max-width: 500px;
}
body.page-id-7 main#primary .box-4 .row .col-2 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-7 main#primary .box-4 .row .col-2 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-4 .row .col-2 .box-title h2 {
font-size: 32px;
}
}
body.page-id-7 main#primary .box-4 .row .col-2 .box-text {
margin-bottom: 40px;
}
body.page-id-7 main#primary .box-4 .row .col-2 .box-text p {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-4 .row .col-2 .box-text p {
font-size: 16px;
}
}
body.page-id-7 main#primary .box-4 .row .col-2 .box-nav {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-4 .row .col-2 .box-nav {
justify-content: center;
}
}
body.page-id-7 main#primary .box-5 {
position: relative;
background: #fff;
}
body.page-id-7 main#primary .box-5 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 36%;
transform: translateX(-50%);
}
body.page-id-7 main#primary .box-5 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-7 main#primary .box-5 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
padding-top: 80px;
padding-bottom: 140px;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-5 .row {
padding-top: 50px;
padding-bottom: 50px;
gap: 0;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-5 .row {
flex-direction: column-reverse;
}
}
body.page-id-7 main#primary .box-5 .row .col-1 {
width: 100%;
max-width: 620px;
}
body.page-id-7 main#primary .box-5 .row .col-1 .box-title {
margin-bottom: 25px;
max-width: 500px;
}
body.page-id-7 main#primary .box-5 .row .col-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-7 main#primary .box-5 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-5 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-7 main#primary .box-5 .row .col-1 .box-text {
margin-bottom: 40px;
}
body.page-id-7 main#primary .box-5 .row .col-1 .box-text p {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-5 .row .col-1 .box-text p {
font-size: 16px;
}
}
body.page-id-7 main#primary .box-5 .row .col-1 .box-nav {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media (max-width: 575px) {
body.page-id-7 main#primary .box-5 .row .col-1 .box-nav {
justify-content: center;
}
}
body.page-id-7 main#primary .box-5 .row .col-2 .box-img img {
width: 100%;
max-width: 523px;
}
@media (max-width: 991px) {
body.page-id-7 main#primary .box-5 .row .col-2 .box-img img {
max-width: 400px;
}
}
body.page-id-75 main#primary .box-1 {
position: relative;
padding-top: 80px;
overflow: hidden;
}
body.page-id-75 main#primary .box-1 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 44%;
transform: translateX(-50%);
height: 680px;
}
body.page-id-75 main#primary .box-1 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-75 main#primary .box-1 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
}
@media (max-width: 991px) {
body.page-id-75 main#primary .box-1 .row {
flex-direction: column;
}
}
body.page-id-75 main#primary .box-1 .row .col-1 #box-page-name {
margin-bottom: 20px;
}
body.page-id-75 main#primary .box-1 .row .col-1 .box-title {
margin-bottom: 25px;
max-width: 500px;
}
body.page-id-75 main#primary .box-1 .row .col-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-75 main#primary .box-1 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-75 main#primary .box-1 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-75 main#primary .box-1 .row .col-1 .box-text {
max-width: 590px;
margin-bottom: 40px;
}
body.page-id-75 main#primary .box-1 .row .col-1 .box-text p {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-75 main#primary .box-1 .row .col-1 .box-text p {
font-size: 16px;
}
}
body.page-id-75 main#primary .box-1 .row .col-1 .box-info-text {
max-width: 590px;
}
body.page-id-75 main#primary .box-1 .row .col-1 .box-info-text p {
color: #141414;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-75 main#primary .box-1 .row .col-1 .box-info-text p {
font-size: 16px;
}
}
body.page-id-75 main#primary .box-1 .row .col-1 .box-info-text a {
color: inherit;
text-decoration: underline;
}
body.page-id-75 main#primary .box-1 .row .col-2 img {
width: 100%;
max-width: 700px;
}
body.page-id-75 main#primary .box-2 {
position: relative;
background: #fff;
padding-top: 120px;
padding-bottom: 120px;
overflow: hidden;
}
@media (max-width: 575px) {
body.page-id-75 main#primary .box-2 {
padding-top: 80px;
padding-bottom: 80px;
}
}
body.page-id-75 main#primary .box-2 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 42%;
transform: translateX(-50%);
}
body.page-id-75 main#primary .box-2 .box-bg img {
height: 100%;
min-width: -moz-fit-content;
min-width: fit-content;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-75 main#primary .box-2 .row {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
-moz-column-gap: 80px;
column-gap: 80px;
}
@media (max-width: 1399px) {
body.page-id-75 main#primary .box-2 .row {
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media (max-width: 1199px) {
body.page-id-75 main#primary .box-2 .row {
flex-direction: column;
}
}
body.page-id-75 main#primary .box-2 .row .c-tabs {
width: 100%;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .box-title {
margin-bottom: 40px;
width: 100%;
}
@media (min-width: 1200px) {
body.page-id-75 main#primary .box-2 .row .c-tabs .box-title {
max-width: 770px;
margin-left: auto;
}
}
body.page-id-75 main#primary .box-2 .row .c-tabs .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-75 main#primary .box-2 .row .c-tabs .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-75 main#primary .box-2 .row .c-tabs .box-title h2 {
font-size: 32px;
}
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--nav {
width: 100%;
}
@media (min-width: 1200px) {
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--nav {
max-width: 770px;
margin-left: auto;
}
}
@media (max-width: 991px) {
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--nav {
flex-wrap: wrap;
}
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--nav li {
border-color: rgba(83, 103, 131, 0.4);
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--nav li.active {
background: #536783;
border-color: #536783;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--nav li.active span {
color: #fff;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--nav li span {
color: #536783;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="1"] .c-tab--item--wrapper .text-box-info p {
color: #583867;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="1"] .c-tab--item--wrapper .text-box p {
color: #536783;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="2"] .c-tab--item--wrapper ul li::before {
background: #583867;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="2"] .c-tab--item--wrapper ul li p.item-title {
color: #141414;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="2"] .c-tab--item--wrapper ul li p.item-text {
color: #536783;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="3"] .c-tab--item--wrapper ul li::before {
background: #583867;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="3"] .c-tab--item--wrapper ul li p.item-title {
color: #141414;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="3"] .c-tab--item--wrapper ul li p.item-text {
color: #536783;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="4"] .c-tab--item--wrapper ul li::before {
background: #583867;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="4"] .c-tab--item--wrapper ul li p.item-title {
color: #536783;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="4"] .c-tab--item--wrapper ul li a {
color: #141414;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .row .col-1 {
width: 490px;
min-width: 490px;
}
@media (max-width: 1399px) {
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .row .col-1 {
width: 330px;
min-width: 330px;
}
}
@media (min-width: 1200px) {
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .row .col-1 {
margin-top: -82px;
}
}
@media (max-width: 1199px) {
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .row .col-1 {
width: 100%;
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .row .col-1 .box-img {
display: flex;
justify-content: center;
}
}
@media (max-width: 1199px) and (max-width: 575px) {
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .row .col-1 .box-img {
margin-bottom: 15px;
}
}
@media (max-width: 1199px) {
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .row .col-1 .box-img img {
max-width: 300px;
}
}
body.page-id-75 main#primary .box-2 .row .c-tabs .c-tabs--content .row .col-2 {
width: 100%;
}
body.page-id-75 main#primary .box-3 {
position: relative;
background: #583867;
padding-top: 120px;
padding-bottom: 120px;
overflow: hidden;
}
@media (max-width: 575px) {
body.page-id-75 main#primary .box-3 {
padding-top: 80px;
padding-bottom: 80px;
}
}
body.page-id-75 main#primary .box-3 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 43%;
transform: translateX(-50%);
}
body.page-id-75 main#primary .box-3 .box-bg img {
width: 100%;
max-width: 670px;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-75 main#primary .box-3 .row {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
-moz-column-gap: 80px;
column-gap: 80px;
}
@media (max-width: 1399px) {
body.page-id-75 main#primary .box-3 .row {
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media (max-width: 1199px) {
body.page-id-75 main#primary .box-3 .row {
flex-direction: column-reverse;
row-gap: 40px;
}
}
body.page-id-75 main#primary .box-3 .row .c-tabs {
width: 100%;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .box-title {
margin-bottom: 40px;
max-width: 490px;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .box-title h2 {
color: #fff;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-75 main#primary .box-3 .row .c-tabs .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-75 main#primary .box-3 .row .c-tabs .box-title h2 {
font-size: 32px;
}
}
@media (min-width: 1200px) {
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--nav {
min-width: 735px;
}
}
@media (max-width: 991px) {
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--nav {
flex-wrap: wrap;
}
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--nav li {
border-color: rgba(213, 201, 223, 0.4);
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--nav li.active {
background: #fff;
border-color: #fff;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--nav li.active span {
color: #583867;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--nav li span {
color: #fff;
}
@media (min-width: 1200px) {
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="1"] .c-tab--item--wrapper {
max-width: 650px;
}
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="1"] .c-tab--item--wrapper .text-box-info p {
color: #fff;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="1"] .c-tab--item--wrapper .text-box p {
color: #d5c9df;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="2"] .c-tab--item--wrapper ul li::before {
background: #fff;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="2"] .c-tab--item--wrapper ul li p.item-title {
color: #fff;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="2"] .c-tab--item--wrapper ul li p.item-text {
color: #d5c9df;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="3"] .c-tab--item--wrapper ul li::before {
background: #fff;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="3"] .c-tab--item--wrapper ul li p.item-title {
color: #fff;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="3"] .c-tab--item--wrapper ul li p.item-text {
color: #d5c9df;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="3"] .c-tab--item--wrapper ul li > ul li {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="4"] .c-tab--item--wrapper ul li::before {
background: #fff;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="4"] .c-tab--item--wrapper ul li p.item-title {
color: #d5c9df;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .c-tab--item[tab_id="4"] .c-tab--item--wrapper ul li a {
color: #fff;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .row .col-2 {
width: 590px;
min-width: 590px;
}
@media (max-width: 1399px) {
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .row .col-2 {
width: 330px;
min-width: 330px;
}
}
@media (min-width: 1200px) {
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .row .col-2 {
margin-top: -82px;
}
}
@media (max-width: 1199px) {
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .row .col-2 {
width: 100%;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .row .col-2 .box-img {
display: flex;
justify-content: center;
}
body.page-id-75 main#primary .box-3 .row .c-tabs .c-tabs--content .row .col-2 .box-img img {
max-width: 300px;
}
}
body.page-id-75 main#primary .box-4 {
position: relative;
background: #fff;
}
body.page-id-75 main#primary .box-4 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 36%;
transform: translateX(-50%);
}
body.page-id-75 main#primary .box-4 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-75 main#primary .box-4 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
padding-top: 80px;
padding-bottom: 140px;
}
@media (max-width: 767px) {
body.page-id-75 main#primary .box-4 .row {
flex-direction: column-reverse;
}
}
@media (max-width: 575px) {
body.page-id-75 main#primary .box-4 .row {
padding-top: 20px;
padding-bottom: 80px;
}
}
body.page-id-75 main#primary .box-4 .row .col-1 {
width: 100%;
max-width: 620px;
}
body.page-id-75 main#primary .box-4 .row .col-1 .box-title {
margin-bottom: 25px;
max-width: 500px;
}
body.page-id-75 main#primary .box-4 .row .col-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-75 main#primary .box-4 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-75 main#primary .box-4 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-75 main#primary .box-4 .row .col-1 .box-text {
margin-bottom: 40px;
}
body.page-id-75 main#primary .box-4 .row .col-1 .box-text p {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-75 main#primary .box-4 .row .col-1 .box-text p {
font-size: 16px;
}
}
body.page-id-75 main#primary .box-4 .row .col-1 .box-nav {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media (max-width: 575px) {
body.page-id-75 main#primary .box-4 .row .col-1 .box-nav {
justify-content: center;
}
}
body.page-id-75 main#primary .box-4 .row .col-2 .box-img img {
width: 100%;
max-width: 523px;
}
body.page-id-84 main#primary .box-1 {
position: relative;
padding-top: 80px;
padding-bottom: 110px;
background: #583867;
overflow: hidden;
}
@media (max-width: 575px) {
body.page-id-84 main#primary .box-1 {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page-id-84 main#primary .box-1 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
body.page-id-84 main#primary .box-1 .box-bg img {
height: 100%;
min-width: -moz-fit-content;
min-width: fit-content;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-84 main#primary .box-1 .box-wrapper {
position: relative;
display: flex;
flex-direction: column;
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid rgba(241, 236, 247, 0.2);
}
@media (max-width: 767px) {
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 {
flex-direction: column;
row-gap: 50px;
}
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 .col-1 #box-page-name {
color: #d5c9df;
margin-bottom: 20px;
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 .col-1 .box-title {
margin-bottom: 25px;
max-width: 500px;
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 .col-1 .box-title h2 {
color: #fff;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 .col-1 .box-text {
max-width: 560px;
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 .col-1 .box-text p {
color: #d5c9df;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 .col-1 .box-text p {
font-size: 16px;
}
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-1 .col-2 {
width: 100%;
max-width: 590px;
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-2 ol.box-list {
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
-moz-column-gap: 150px;
column-gap: 150px;
row-gap: 64px;
}
@media (max-width: 991px) {
body.page-id-84 main#primary .box-1 .box-wrapper .row-2 ol.box-list {
grid-template-columns: 1fr;
}
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-2 ol.box-list .box-list-item {
display: flex;
flex-direction: column;
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-2 ol.box-list .box-list-item .box-list-text {
position: relative;
min-height: 60px;
margin-bottom: 20px;
padding-left: 24px;
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-2 ol.box-list .box-list-item .box-list-text::before {
content: "";
position: absolute;
left: 0;
top: 7px;
bottom: 7px;
width: 2px;
background: #bdaed4;
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-2 ol.box-list .box-list-item .box-list-text p {
color: #d5c9df;
font-weight: 500;
font-size: 18px;
line-height: 1.6;
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-2 ol.box-list .box-list-item ul.box-list-contact {
padding: 0;
margin: 0;
}
body.page-id-84 main#primary .box-1 .box-wrapper .row-2 ol.box-list .box-list-item ul.box-list-contact li a {
color: #fff;
font-weight: 500;
font-size: 24px;
line-height: 1.6;
}
body.page-id-84 main#primary .box-2 {
position: relative;
padding-top: 120px;
overflow: hidden;
}
@media (max-width: 575px) {
body.page-id-84 main#primary .box-2 {
padding-top: 0;
}
}
body.page-id-84 main#primary .box-2 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
body.page-id-84 main#primary .box-2 .box-bg img {
height: 100%;
min-width: -moz-fit-content;
min-width: fit-content;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-84 main#primary .box-2 .row {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
-moz-column-gap: 50px;
column-gap: 50px;
}
@media (max-width: 991px) {
body.page-id-84 main#primary .box-2 .row {
flex-direction: column;
row-gap: 50px;
}
}
body.page-id-84 main#primary .box-2 .row .col-1 {
position: relative;
padding-top: 50px;
z-index: 1;
}
@media (min-width: 992px) {
body.page-id-84 main#primary .box-2 .row .col-1 {
width: 560px;
min-width: 560px;
}
}
body.page-id-84 main#primary .box-2 .row .col-1 .box-title {
margin-bottom: 24px;
max-width: 500px;
}
body.page-id-84 main#primary .box-2 .row .col-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-84 main#primary .box-2 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-84 main#primary .box-2 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-84 main#primary .box-2 .row .col-1 .box-text {
max-width: 560px;
}
body.page-id-84 main#primary .box-2 .row .col-1 .box-text p {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-84 main#primary .box-2 .row .col-1 .box-text p {
font-size: 16px;
}
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list {
margin: 70px 0 0 0;
padding: 0;
display: flex;
flex-direction: row;
-moz-column-gap: 24px;
column-gap: 24px;
}
@media (max-width: 991px) {
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list {
flex-direction: column;
row-gap: 30px;
}
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item {
position: relative;
display: flex;
flex-direction: row;
-moz-column-gap: 30px;
column-gap: 30px;
padding: 32px;
background: #fff;
border-radius: 16px;
min-width: -moz-fit-content;
min-width: fit-content;
}
@media (max-width: 575px) {
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item {
flex-wrap: wrap;
row-gap: 20px;
}
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .item-bg {
position: absolute;
top: 0;
left: 9%;
bottom: 0;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .item-bg img {
height: 100%;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .contact-item-img {
position: relative;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .contact-item-img > img {
position: absolute;
top: 0;
right: -14px;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .contact-item-img .img {
width: 65px;
min-width: 65px;
height: 65px;
border-radius: 100%;
border: 3px solid #d5c9df;
overflow: hidden;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .contact-item-img .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .contact-item-content {
position: relative;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .contact-item-content .contact-name {
margin-bottom: 14px;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .contact-item-content .contact-name p {
color: #583867;
font-weight: 500;
font-size: 24px;
line-height: 1.25;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .contact-item-content ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
row-gap: 12px;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .contact-item-content ul li {
display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 12px;
column-gap: 12px;
}
body.page-id-84 main#primary .box-2 .row .col-1 ol.contact-list li.contact-item .contact-item-content ul li a {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.25;
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-id-84 main#primary .box-2 .row .col-2 {
transform: translateX(-20%);
}
}
body.page-id-84 main#primary .box-2 .row .col-2 img {
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 768px) {
body.page-id-84 main#primary .box-2 .row .col-2 img {
width: 900px;
min-width: 900px;
max-height: 620px;
}
}
body.page-template-page-blog main.blog-page .box-1 {
position: relative;
padding-top: 120px;
padding-bottom: 160px;
background: #583867;
}
@media (max-width: 575px) {
body.page-template-page-blog main.blog-page .box-1 {
padding-top: 50px;
padding-bottom: 120px;
}
}
body.page-template-page-blog main.blog-page .box-1 .box-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
body.page-template-page-blog main.blog-page .box-1 .box-bg img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 991px) {
body.page-template-page-blog main.blog-page .box-1 .box-bg img {
-o-object-fit: cover;
object-fit: cover;
}
}
body.page-template-page-blog main.blog-page .box-1 .box-wrapper {
display: flex;
flex-direction: column;
row-gap: 90px;
}
body.page-template-page-blog main.blog-page .box-1 .row {
position: relative;
}
body.page-template-page-blog main.blog-page .box-1 .row-1 #box-page-name {
color: #d5c9df;
margin-bottom: 16px;
}
body.page-template-page-blog main.blog-page .box-1 .row-1 .box-title {
max-width: 560px;
margin-bottom: 24px;
}
body.page-template-page-blog main.blog-page .box-1 .row-1 .box-title h2 {
color: #fff;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-template-page-blog main.blog-page .box-1 .row-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-template-page-blog main.blog-page .box-1 .row-1 .box-title h2 {
font-size: 32px;
}
}
body.page-template-page-blog main.blog-page .box-1 .row-1 .box-text {
max-width: 970px;
}
body.page-template-page-blog main.blog-page .box-1 .row-1 .box-text p {
color: #d5c9df;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-template-page-blog main.blog-page .box-1 .row-1 .box-text p {
font-size: 16px;
}
}
body.page-template-page-blog main.blog-page .box-1 .row-1 .box-text p strong {
color: #fff;
font-weight: inherit;
}
body.page-template-page-blog main.blog-page .box-1 .row-2 .box-nav-title {
margin-bottom: 16px;
}
body.page-template-page-blog main.blog-page .box-1 .row-2 .box-nav-title p {
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
font-weight: 600;
}
@media (max-width: 991px) {
body.page-template-page-blog main.blog-page .box-1 .row-2 .box-nav-title p {
font-size: 16px;
}
}
body.page-template-page-blog main.blog-page .box-1 .row-2 .box-nav-list ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
width: 100%;
max-width: 880px;
}
body.page-template-page-blog main.blog-page .box-1 .row-2 .box-nav-list ul li.active a {
border-color: #fff;
background: #fff;
}
body.page-template-page-blog main.blog-page .box-1 .row-2 .box-nav-list ul li.active a span {
color: #583867;
}
body.page-template-page-blog main.blog-page .box-1 .row-2 .box-nav-list ul li a {
display: inline-flex;
padding: 8px 16px;
border: 1px solid rgba(213, 201, 223, 0.4);
border-radius: 8px;
flex-direction: row;
align-items: center;
gap: 8px;
}
body.page-template-page-blog main.blog-page .box-1 .row-2 .box-nav-list ul li a span {
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 20px;
}
body.page-template-page-blog main.blog-page .box-2 {
margin-top: -80px;
}
body.page-template-page-blog main.blog-page .box-2 #blog-posts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
}
body.page-template-page-blog main.blog-page .box-2 #blog-posts .article-card {
opacity: 1;
transform: scale(1);
transition: opacity 0.5s ease, transform 0.5s ease;
width: calc(33.3333333333% - 20px);
}
body.page-template-page-blog main.blog-page .box-2 #blog-posts .article-card.is-new {
opacity: 0;
transform: scale(0.7);
}
@media (max-width: 991px) {
body.page-template-page-blog main.blog-page .box-2 #blog-posts .article-card {
width: calc(50% - 15px);
}
}
@media (max-width: 767px) {
body.page-template-page-blog main.blog-page .box-2 #blog-posts .article-card {
width: 100%;
}
}
body.page-template-page-blog main.blog-page .box-2 .box-wrapper {
display: flex;
flex-direction: column;
}
body.page-template-page-blog main.blog-page .box-2 .box-wrapper .row-1 {
padding-bottom: 100px;
}
@media (max-width: 575px) {
body.page-template-page-blog main.blog-page .box-2 .box-wrapper .row-1 {
padding-bottom: 50px;
}
}
body.page-template-page-blog main.blog-page .box-2 .box-wrapper .row-2 {
padding-bottom: 100px;
text-align: center;
}
@media (max-width: 575px) {
body.page-template-page-blog main.blog-page .box-2 .box-wrapper .row-2 {
padding-bottom: 50px;
}
}
body.page-template-page-blog main.blog-page .box-3 {
position: relative;
padding-bottom: 120px;
padding-top: 120px;
background: #f7f4fb;
}
@media (max-width: 575px) {
body.page-template-page-blog main.blog-page .box-3 {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page-template-page-blog main.blog-page .box-3 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
body.page-template-page-blog main.blog-page .box-3 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 100px;
column-gap: 100px;
row-gap: 50px;
}
@media (max-width: 991px) {
body.page-template-page-blog main.blog-page .box-3 .row {
flex-direction: column;
}
}
body.page-template-page-blog main.blog-page .box-3 .row .col-1 {
width: 100%;
max-width: 550px;
}
body.page-template-page-blog main.blog-page .box-3 .row .col-1 .box-img {
width: 100%;
}
body.page-template-page-blog main.blog-page .box-3 .row .col-1 .box-img img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 16px;
}
body.page-template-page-blog main.blog-page .box-3 .row .col-2 {
width: 100%;
}
body.page-template-page-blog main.blog-page .box-3 .row .col-2 .box-title {
max-width: 500px;
margin-bottom: 24px;
}
body.page-template-page-blog main.blog-page .box-3 .row .col-2 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-template-page-blog main.blog-page .box-3 .row .col-2 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-template-page-blog main.blog-page .box-3 .row .col-2 .box-title h2 {
font-size: 32px;
}
}
body.page-template-page-blog main.blog-page .box-3 .row .col-2 .box-text {
max-width: 630px;
margin-bottom: 40px;
}
body.page-template-page-blog main.blog-page .box-3 .row .col-2 .box-text p {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-template-page-blog main.blog-page .box-3 .row .col-2 .box-text p {
font-size: 16px;
}
}
@media (max-width: 575px) {
body.page-template-page-blog main.blog-page .box-3 .row .col-2 .box-nav {
text-align: center;
}
}
body.single-post main.site-main > .box-1 {
position: relative;
padding-bottom: 80px;
overflow: hidden;
}
body.single-post main.site-main > .box-1 > .box-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
max-height: 880px;
}
body.single-post main.site-main > .box-1 > .box-bg::before {
content: "";
position: absolute;
inset: 0;
background: rgba(88, 56, 103, 0.5);
}
body.single-post main.site-main > .box-1 > .box-bg img {
width: 100%;
max-height: 880px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
body.single-post main.site-main > .box-1 .article-bg-1 {
position: absolute;
top: 30%;
left: 97%;
transform: translateX(-50%);
width: 1000px;
z-index: -1;
}
body.single-post main.site-main > .box-1 .article-bg-2 {
position: absolute;
top: 65%;
left: 20%;
transform: translateX(-50%);
width: 520px;
z-index: -1;
}
body.single-post main.site-main > .box-1::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 180px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f1ecf7 100%);
z-index: 1;
}
body.single-post main.site-main > .box-2 {
position: relative;
padding-top: 100px;
margin-bottom: 120px;
overflow: hidden;
}
@media (max-width: 575px) {
body.single-post main.site-main > .box-2 {
padding-top: 0;
}
}
body.single-post main.site-main > .box-2 .box-bg {
position: absolute;
top: 0;
left: 84%;
transform: translateX(-50%);
width: 1000px;
}
body.single-post main.site-main > .box-2 .row {
position: relative;
z-index: 1;
}
body.single-post main.site-main > .box-2 .row .box-title {
margin-bottom: 80px;
}
@media (max-width: 575px) {
body.single-post main.site-main > .box-2 .row .box-title {
margin-bottom: 40px;
}
}
body.single-post main.site-main > .box-2 .row .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
text-align: center;
}
@media (max-width: 1199px) {
body.single-post main.site-main > .box-2 .row .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.single-post main.site-main > .box-2 .row .box-title h2 {
font-size: 32px;
}
}
body.single-post main.site-main > .box-2 .row .box-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
article[type=article] {
position: relative;
padding-top: 100px;
z-index: 1;
}
article[type=article] header.article-header {
margin-bottom: 24px;
}
article[type=article] header.article-header .btn-1 {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
article[type=article] .article-data {
position: relative;
padding: 64px;
border-radius: 16px;
background: #fff;
}
@media (max-width: 767px) {
article[type=article] .article-data {
padding: 32px;
}
}
@media (max-width: 575px) {
article[type=article] .article-data {
padding: 15px;
}
}
article[type=article] .article-data .article-tags {
padding: 0;
margin: 0 0 24px 0;
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}
article[type=article] .article-data .article-tags li {
background: #583867;
border-radius: 8px;
}
article[type=article] .article-data .article-tags li span {
display: inline-block;
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 20px;
padding: 8px 15px;
}
article[type=article] .article-data .article-content h1.wp-block-heading {
color: #141414;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
margin-top: 0;
margin-bottom: 24px;
}
@media (max-width: 767px) {
article[type=article] .article-data .article-content h1.wp-block-heading {
font-size: 30px;
}
}
article[type=article] .article-data .article-content h2.wp-block-heading {
color: #141414;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 1.1;
margin-top: 24px;
margin-bottom: 24px;
}
@media (max-width: 767px) {
article[type=article] .article-data .article-content h2.wp-block-heading {
font-size: 26px;
}
}
article[type=article] .article-data .article-content h3.wp-block-heading {
color: #141414;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 1.4;
margin-top: 16px;
margin-bottom: 16px;
}
@media (max-width: 767px) {
article[type=article] .article-data .article-content h3.wp-block-heading {
font-size: 20px;
}
}
article[type=article] .article-data .article-content p {
color: #616161;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 1.6;
margin-bottom: 32px;
}
article[type=article] .article-data .article-content p:last-child {
margin-bottom: 0;
}
article[type=article] .article-data .article-content p:nth-last-child(2) {
margin-bottom: 0;
}
article[type=article] .article-data .article-content p strong {
color: #583867;
font-weight: 600;
}
@media (max-width: 767px) {
article[type=article] .article-data .article-content p {
font-size: 16px;
}
}
article[type=article] .article-data .article-content figure.wp-block-image img {
border-radius: 16px;
}
article[type=article] .article-data .article-content figure.wp-block-image .wp-element-caption {
color: #979797;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 2;
margin-top: 12px;
}
article[type=article] .article-data .article-content ul.wp-block-list,
article[type=article] .article-data .article-content ol.wp-block-list {
margin-left: 0;
margin-bottom: 32px;
}
article[type=article] .article-data .article-content ul.wp-block-list li,
article[type=article] .article-data .article-content ol.wp-block-list li {
position: relative;
padding-left: 22px;
color: #616161;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 1.6;
}
article[type=article] .article-data .article-content ul.wp-block-list li:not(:last-child),
article[type=article] .article-data .article-content ol.wp-block-list li:not(:last-child) {
margin-bottom: 12px;
}
@media (max-width: 767px) {
article[type=article] .article-data .article-content ul.wp-block-list li,
article[type=article] .article-data .article-content ol.wp-block-list li {
font-size: 16px;
}
}
article[type=article] .article-data .article-content ul.wp-block-list li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 10px;
min-width: 10px;
height: 10px;
background-image: url("/wp-content/uploads/2025/10/triangle-violet.svg");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
article[type=article] .article-data .article-content ol.wp-block-list {
counter-reset: item;
}
article[type=article] .article-data .article-content ol.wp-block-list li {
counter-increment: item;
}
article[type=article] .article-data .article-content ol.wp-block-list li::before {
content: counter(item) ".";
position: absolute;
top: 0;
left: 0;
color: #583867;
}
article[type=article] .article-data .article-content .wp-block-post-author {
align-items: center;
border-top: 1px solid #f1ecf7;
border-bottom: 1px solid #f1ecf7;
padding-top: 24px;
padding-bottom: 24px;
margin-top: 40px;
margin-bottom: 40px;
}
article[type=article] .article-data .article-content .wp-block-post-author .wp-block-post-author__avatar {
margin-right: 15px;
}
article[type=article] .article-data .article-content .wp-block-post-author .wp-block-post-author__avatar img {
border-radius: 100%;
}
article[type=article] .article-data .article-content .wp-block-post-author .wp-block-post-author__content .wp-block-post-author__byline {
color: #616161;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.25;
margin: 0;
}
article[type=article] .article-data .article-content .wp-block-post-author .wp-block-post-author__content .wp-block-post-author__name {
color: #583867;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.25;
margin: 0;
}
article[type=article] .article-data .article-content figure.wp-block-pullquote {
padding: 0;
margin-top: 48px;
margin-bottom: 64px;
}
article[type=article] .article-data .article-content figure.wp-block-pullquote blockquote {
position: relative;
padding-left: 54px;
}
article[type=article] .article-data .article-content figure.wp-block-pullquote blockquote::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 32px;
min-width: 32px;
height: 32px;
background-image: url("/wp-content/uploads/2025/10/Quotes.svg");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
article[type=article] .article-data .article-content figure.wp-block-pullquote blockquote p {
color: #583867;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 1.6;
margin-bottom: 12px;
}
@media (max-width: 767px) {
article[type=article] .article-data .article-content figure.wp-block-pullquote blockquote p {
font-size: 16px;
}
}
article[type=article] .article-data .article-content figure.wp-block-pullquote blockquote cite {
color: #979797;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 2;
margin-top: 12px;
}
article[type=article] .article-data .article-content .alert-info {
background: #f1ecf7;
border-radius: 16px;
padding: 32px;
margin-bottom: 32px;
}
article[type=article] .article-data .article-content .alert-info .alert-header {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 10px;
background: #583867;
border-radius: 8px;
padding: 8px 16px;
margin-bottom: 24px;
}
article[type=article] .article-data .article-content .alert-info .alert-header img {
width: 16px;
min-width: 16px;
height: 16px;
}
article[type=article] .article-data .article-content .alert-info .alert-header span {
color: #fff;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.25;
}
article[type=article] .article-data .article-content .alert-info .alert-header span strong {
font-weight: inherit;
}
article[type=article] .article-data .article-footer {
margin-top: 64px;
padding-top: 32px;
border-top: 1px solid #f1ecf7;
}
article[type=article] .article-data .article-footer .footer-title {
margin-bottom: 24px;
}
article[type=article] .article-data .article-footer .footer-title h2 {
color: #141414;
font-weight: 500;
font-size: 24px;
line-height: 34px;
}
article[type=article] .article-data .article-footer .btn-3 {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
article[type=podcast] .a-box-1 {
position: relative;
margin-top: 25px;
padding-top: 65px;
padding-bottom: 80px;
overflow: hidden;
}
@media (max-width: 575px) {
article[type=podcast] .a-box-1 {
padding-top: 25px;
padding-bottom: 25px;
}
}
article[type=podcast] .a-box-1 .box-bg {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
article[type=podcast] .a-box-1 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
article[type=podcast] .a-box-1 .a-row {
position: relative;
}
article[type=podcast] .a-box-1 .a-row-1 {
display: flex;
flex-direction: row;
justify-content: space-between;
-moz-column-gap: 40px;
column-gap: 40px;
}
@media (max-width: 991px) {
article[type=podcast] .a-box-1 .a-row-1 {
flex-direction: column;
row-gap: 50px;
align-items: center;
}
}
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 ol {
padding: 0;
margin: 0 0 23px 0;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
}
@media (max-width: 1199px) {
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 ol {
flex-wrap: wrap;
row-gap: 30px;
}
}
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 ol li:nth-child(1) {
margin-right: 32px;
}
@media (max-width: 1199px) {
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 ol li:nth-child(1) {
width: 100%;
}
}
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 ol li .btn-2 {
gap: 12px;
}
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 ol li:not(:first-child) span {
color: #536783;
font-weight: 600;
font-size: 16px;
line-height: 1.25;
}
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 ol li:not(:first-child, :last-child) span {
padding-right: 16px;
margin-right: 16px;
border-right: 1px solid #bdaed4;
}
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 .a-box-title {
margin-bottom: 25px;
width: 100%;
max-width: 750px;
}
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 .a-box-title h1 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 .a-box-title h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 .a-box-title h1 {
font-size: 32px;
}
}
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 .a-box-text {
width: 100%;
max-width: 750px;
}
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 .a-box-text p {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
article[type=podcast] .a-box-1 .a-row-1 .a-col-1 .a-box-text p {
font-size: 16px;
}
}
article[type=podcast] .a-box-1 .a-row-1 .a-col-2 .box-img img {
width: 100%;
max-width: 500px;
border-radius: 16px;
}
article[type=podcast] .a-box-1 .a-row-2 {
padding-top: 40px;
}
@media (max-width: 991px) {
article[type=podcast] .a-box-1 .a-row-2 .a-col-1 nav {
text-align: center;
}
}
article[type=podcast] .a-box-1 .a-row-2 .a-col-1 nav ul {
padding: 0;
margin: 0;
list-style: none;
display: inline-flex;
flex-direction: row;
gap: 24px;
flex-wrap: wrap;
}
@media (max-width: 575px) {
article[type=podcast] .a-box-1 .a-row-2 .a-col-1 nav ul {
gap: 5px;
flex-direction: column;
width: 100%;
}
}
article[type=podcast] .a-box-1 .a-row-2 .a-col-1 nav ul li .btn-social {
display: inline-flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 10px;
column-gap: 10px;
height: 48px;
padding-left: 19px;
padding-right: 19px;
border-radius: 8px;
}
@media (max-width: 575px) {
article[type=podcast] .a-box-1 .a-row-2 .a-col-1 nav ul li .btn-social {
padding-left: 30px;
padding-right: 30px;
width: min(100%, 300px);
justify-content: center;
}
}
article[type=podcast] .a-box-1 .a-row-2 .a-col-1 nav ul li .btn-social .btn-icon {
width: 24px;
min-width: 24px;
height: 24px;
}
article[type=podcast] .a-box-1 .a-row-2 .a-col-1 nav ul li .btn-social .btn-icon span {
width: 24px;
min-width: 24px;
height: 24px;
line-height: 1;
font-size: 24px;
}
article[type=podcast] .a-box-1 .a-row-2 .a-col-1 nav ul li .btn-social span {
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 1.25;
}
@media (max-width: 575px) {
article[type=podcast] .a-box-1 .a-row-2 .a-col-1 nav ul li .btn-social span {
font-size: 14px;
}
}
article[type=podcast] .a-box-2 .a-row-1 {
padding-bottom: 32px;
margin-bottom: 32px;
border-bottom: 1px solid rgba(88, 56, 103, 0.1);
}
article[type=podcast] .a-box-2 .a-row-1 iframe {
width: 100%;
height: 750px;
border-radius: 12px;
}
@media (max-width: 575px) {
article[type=podcast] .a-box-2 .a-row-1 iframe {
height: 300px;
}
}
article[type=podcast] .a-box-2 .a-row-2 ol {
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 20px;
}
@media (max-width: 575px) {
article[type=podcast] .a-box-2 .a-row-2 ol {
font-size: 14px;
}
}
article[type=podcast] .a-box-2 .a-row-2 ol li a {
gap: 10px;
}
@media (max-width: 575px) {
article[type=podcast] .a-box-2 .a-row-2 ol li a {
padding-left: 10px;
padding-right: 10px;
}
article[type=podcast] .a-box-2 .a-row-2 ol li a span {
font-size: 14px;
}
}
body.page-id-125 .box-1 {
padding-top: 50px;
padding-bottom: 64px;
}
body.page-id-125 .box-1 .row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 50px;
}
@media (max-width: 767px) {
body.page-id-125 .box-1 .row {
flex-direction: column;
}
}
body.page-id-125 .box-1 .row .col-1 #box-page-name {
margin-bottom: 16px;
}
body.page-id-125 .box-1 .row .col-1 .box-title {
width: 100%;
max-width: 650px;
margin-bottom: 24px;
}
body.page-id-125 .box-1 .row .col-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-125 .box-1 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-125 .box-1 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-125 .box-1 .row .col-1 .box-title h2 em {
color: #583867;
font-style: normal;
}
body.page-id-125 .box-1 .row .col-1 .box-text {
width: 100%;
max-width: 560px;
}
body.page-id-125 .box-1 .row .col-1 .box-text p {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-125 .box-1 .row .col-1 .box-text p {
font-size: 16px;
}
}
body.page-id-125 .box-1 .row .col-2 img {
width: 100%;
max-width: 500px;
border-radius: 16px;
}
body.page-id-125 .box-2 .box-wrapper {
display: flex;
flex-direction: column;
}
body.page-id-125 .box-2 .box-wrapper .row-1 {
padding-bottom: 100px;
}
@media (max-width: 575px) {
body.page-id-125 .box-2 .box-wrapper .row-1 {
padding-bottom: 50px;
}
}
body.page-id-125 .box-2 .box-wrapper .row-1 #podcasty-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
}
body.page-id-125 .box-2 .box-wrapper .row-1 #podcasty-list .podcast-card {
opacity: 1;
transform: scale(1);
transition: opacity 0.5s ease, transform 0.5s ease;
flex-basis: calc(50% - 15px);
}
body.page-id-125 .box-2 .box-wrapper .row-1 #podcasty-list .podcast-card.is-new {
opacity: 0;
transform: scale(0.7);
}
@media (max-width: 767px) {
body.page-id-125 .box-2 .box-wrapper .row-1 #podcasty-list .podcast-card {
flex-basis: 100%;
}
}
body.page-id-125 .box-2 .box-wrapper .row-2 {
padding-bottom: 100px;
text-align: center;
}
@media (max-width: 575px) {
body.page-id-125 .box-2 .box-wrapper .row-2 {
padding-bottom: 50px;
}
}
body.page-id-125 .box-3 {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
overflow: hidden;
}
@media (max-width: 575px) {
body.page-id-125 .box-3 {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page-id-125 .box-3 .box-bg {
position: absolute;
top: 0;
left: 75%;
width: 100%;
height: 100%;
transform: translateX(-50%);
}
body.page-id-125 .box-3 .box-bg img {
height: 100%;
}
body.page-id-125 .box-3 .row {
position: relative;
z-index: 1;
}
body.page-id-125 .box-3 .row .box-title {
margin-bottom: 80px;
}
body.page-id-125 .box-3 .row .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
text-align: center;
}
@media (max-width: 1199px) {
body.page-id-125 .box-3 .row .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-125 .box-3 .row .box-title h2 {
font-size: 32px;
}
}
body.page-id-125 .box-3 .row .box-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 32px;
}
body.podcasty-template-default main.site-main .box-1 {
padding-bottom: 120px;
}
@media (max-width: 575px) {
body.podcasty-template-default main.site-main .box-1 {
padding-bottom: 60px;
}
}
body.podcasty-template-default main.site-main .box-2 {
position: relative;
padding-top: 50px;
padding-bottom: 120px;
overflow: hidden;
}
body.podcasty-template-default main.site-main .box-2 .box-bg {
position: absolute;
top: 0;
left: 85%;
bottom: 0;
transform: translateX(-50%);
z-index: -1;
}
body.podcasty-template-default main.site-main .box-2 .box-bg img {
height: 770px;
width: 770px;
min-width: 770px;
}
body.podcasty-template-default main.site-main .box-2 .row {
position: relative;
}
body.podcasty-template-default main.site-main .box-2 .row .box-title {
margin-bottom: 80px;
}
body.podcasty-template-default main.site-main .box-2 .row .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
text-align: center;
}
@media (max-width: 1199px) {
body.podcasty-template-default main.site-main .box-2 .row .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.podcasty-template-default main.site-main .box-2 .row .box-title h2 {
font-size: 32px;
}
}
body.podcasty-template-default main.site-main .box-2 .row .podcasty-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
}
body.podcasty-template-default main.site-main .box-2 .row .podcasty-list .podcast-card {
flex-basis: calc(50% - 15px);
}
@media (max-width: 575px) {
body.podcasty-template-default main.site-main .box-2 .row .podcasty-list .podcast-card {
width: 100%;
flex-basis: unset;
}
}
body.page-id-511 {
background: #fff;
}
body.page-id-511 .box-1 {
padding-top: 90px;
padding-bottom: 120px;
background: #f1ecf7;
}
@media (max-width: 575px) {
body.page-id-511 .box-1 {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page-id-511 .box-1 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
}
@media (max-width: 991px) {
body.page-id-511 .box-1 .row {
flex-direction: column;
}
}
body.page-id-511 .box-1 .row .col-1 #box-page-name {
margin-bottom: 20px;
}
body.page-id-511 .box-1 .row .col-1 .box-title {
margin-bottom: 25px;
max-width: 500px;
}
body.page-id-511 .box-1 .row .col-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-511 .box-1 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-511 .box-1 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-511 .box-1 .row .col-1 .box-text {
max-width: 580px;
margin-bottom: 40px;
}
body.page-id-511 .box-1 .row .col-1 .box-text p {
color: #616161;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-1 .row .col-1 .box-nav ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 18px;
}
body.page-id-511 .box-1 .row .col-1 .box-nav ul li:nth-child(1) a {
background: #536783;
}
body.page-id-511 .box-1 .row .col-1 .box-nav ul li:nth-child(2) a {
background: #583867;
}
body.page-id-511 .box-1 .row .col-1 .box-nav ul li a {
color: #fff;
display: inline-block;
padding: 13px 24px 15px;
border-radius: 8px;
}
body.page-id-511 .box-1 .row .col-2 img {
width: 100%;
max-width: 615px;
}
body.page-id-511 .box-2 {
position: relative;
padding-top: 145px;
}
@media (max-width: 575px) {
body.page-id-511 .box-2 {
padding-top: 50px;
}
}
body.page-id-511 .box-2 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 48%;
transform: translateX(-50%);
}
body.page-id-511 .box-2 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-511 .box-2 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
}
@media (max-width: 991px) {
body.page-id-511 .box-2 .row {
flex-direction: column;
}
}
body.page-id-511 .box-2 .row .col-1 .box-title {
margin-bottom: 20px;
max-width: 500px;
}
body.page-id-511 .box-2 .row .col-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-511 .box-2 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-511 .box-2 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-511 .box-2 .row .col-1 .box-text {
max-width: 650px;
margin-bottom: 40px;
}
body.page-id-511 .box-2 .row .col-1 .box-text p {
color: #536783;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-2 .row .col-1 .box-info-text {
max-width: 650px;
}
body.page-id-511 .box-2 .row .col-1 .box-info-text p {
color: #583867;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-2 .row .col-2 img {
width: 100%;
max-width: 645px;
}
body.page-id-511 .box-3 {
position: relative;
width: 100%;
max-width: 1480px;
padding: 100px 80px;
margin: 0 auto 64px;
border-radius: 20px;
background: #f1ecf7;
}
@media (max-width: 1480px) {
body.page-id-511 .box-3 {
border-radius: 0;
margin-bottom: 0;
}
}
@media (max-width: 767px) {
body.page-id-511 .box-3 {
padding: 70px 40px;
}
}
body.page-id-511 .box-3 .container {
padding: 0;
}
body.page-id-511 .box-3 .box-bg {
position: absolute;
bottom: 0;
right: 2%;
}
body.page-id-511 .box-3 .box-3--wrapper {
position: relative;
display: flex;
flex-direction: column;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 {
display: flex;
flex-direction: row;
-moz-column-gap: 80px;
column-gap: 80px;
padding-bottom: 80px;
border-bottom: 1px solid rgba(88, 56, 103, 0.2);
}
@media (max-width: 991px) {
body.page-id-511 .box-3 .box-3--wrapper .row-1 {
flex-direction: column;
row-gap: 40px;
}
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-1 {
width: 100%;
max-width: 600px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-1 .box-title {
margin-bottom: 16px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-1 .box-title h3 {
color: #583867;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 32px;
margin: 0;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-1 .box-text-info {
margin-bottom: 24px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-1 .box-text-info p {
color: #141414;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 20px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-1 .box-text-info p strong {
color: #536783;
font-weight: inherit;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-1 .box-data p {
color: #fff;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 20px;
display: inline-block;
padding: 10px 16px;
background: #583867;
border-radius: 50px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-2 {
width: 100%;
max-width: 630px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-1 .col-2 .box-text p {
color: #536783;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-3 .box-3--wrapper .row-2 {
padding-top: 16px;
padding-bottom: 50px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-2 .box-text p {
color: #536783;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-3 .box-3--wrapper .row-3 .tiles-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 64px 40px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-3 .tiles-list .tile {
display: flex;
flex-direction: column;
row-gap: 24px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-3 .tiles-list .tile .tile-icon img {
width: 64px;
max-width: 64px;
height: 64px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-3 .tiles-list .tile .tile-title h4 {
color: #141414;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 20px;
}
body.page-id-511 .box-3 .box-3--wrapper .row-3 .tiles-list .tile .tile-text p {
color: #536783;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-4 {
position: relative;
width: 100%;
max-width: 1480px;
padding: 100px 80px;
margin: 0 auto 140px;
border-radius: 20px;
background: #583867;
}
@media (max-width: 1480px) {
body.page-id-511 .box-4 {
border-radius: 0;
margin-bottom: 0;
}
}
@media (max-width: 767px) {
body.page-id-511 .box-4 {
padding: 70px 40px;
}
}
body.page-id-511 .box-4 .container {
padding: 0;
}
body.page-id-511 .box-4 .box-bg {
position: absolute;
bottom: 0;
right: 2%;
}
body.page-id-511 .box-4 .box-4--wrapper {
position: relative;
display: flex;
flex-direction: column;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 {
display: flex;
flex-direction: row;
-moz-column-gap: 80px;
column-gap: 80px;
padding-bottom: 80px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 991px) {
body.page-id-511 .box-4 .box-4--wrapper .row-1 {
flex-direction: column;
row-gap: 40px;
}
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 {
width: 100%;
max-width: 600px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .box-title {
margin-bottom: 16px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .box-title h3 {
color: #fff;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 32px;
margin: 0;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .box-text-info {
margin-bottom: 24px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .box-text-info p {
color: #fff;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 20px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .box-text-info p strong {
color: #d5c9df;
font-weight: inherit;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .box-data {
margin-bottom: 16px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .box-data p {
color: #583867;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 20px;
display: inline-block;
padding: 10px 16px;
background: #fff;
border-radius: 50px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .box-alert {
max-width: 290px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-1 .box-alert p {
color: #d5c9df;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 1.3;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-2 {
width: 100%;
max-width: 630px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-1 .col-2 .box-text p {
color: #d5c9df;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-4 .box-4--wrapper .row-2 {
padding-top: 16px;
padding-bottom: 50px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-2 .box-text p {
color: #d5c9df;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-4 .box-4--wrapper .row-3 .tiles-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 64px 40px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-3 .tiles-list .tile {
display: flex;
flex-direction: column;
row-gap: 24px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-3 .tiles-list .tile .tile-icon img {
width: 64px;
max-width: 64px;
height: 64px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-3 .tiles-list .tile .tile-title h4 {
color: #fff;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 20px;
}
body.page-id-511 .box-4 .box-4--wrapper .row-3 .tiles-list .tile .tile-text p {
color: #d5c9df;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-5 {
position: relative;
padding-top: 140px;
padding-bottom: 140px;
background: #f2edf7;
overflow: hidden;
}
@media (max-width: 575px) {
body.page-id-511 .box-5 {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page-id-511 .box-5 .box-bg {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(9%);
width: 900px;
}
body.page-id-511 .box-5 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
}
@media (max-width: 991px) {
body.page-id-511 .box-5 .row {
flex-direction: column;
}
}
body.page-id-511 .box-5 .row .col-1 {
max-width: 646px;
}
body.page-id-511 .box-5 .row .col-1 .box-title {
margin-bottom: 20px;
}
body.page-id-511 .box-5 .row .col-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-511 .box-5 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-511 .box-5 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-511 .box-5 .row .col-1 .box-text {
margin-bottom: 40px;
}
body.page-id-511 .box-5 .row .col-1 .box-text p {
color: #616161;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-5 .row .col-1 .box-info-text {
margin-bottom: 40px;
}
body.page-id-511 .box-5 .row .col-1 .box-info-text p {
color: #583867;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-5 .row .col-1 .box-nav ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 18px;
}
body.page-id-511 .box-5 .row .col-1 .box-nav ul li:nth-child(1) a {
background: #536783;
}
body.page-id-511 .box-5 .row .col-1 .box-nav ul li a {
color: #fff;
display: inline-block;
padding: 13px 24px 15px;
border-radius: 8px;
}
body.page-id-511 .box-5 .row .col-2 img {
width: 100%;
max-width: 466px;
}
body.page-id-511 .box-6 {
background: #f2edf7;
}
body.page-id-511 .box-6 .box-6-wrapper .row-1 {
padding-bottom: 30px;
}
body.page-id-511 .box-6 .box-6-wrapper .row-1 .box-title h2 {
color: #583867;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 32px;
}
@media (max-width: 767px) {
body.page-id-511 .box-6 .box-6-wrapper .row-1 .box-title h2 {
font-size: 26px;
}
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 {
padding-bottom: 180px;
}
@media (max-width: 575px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 {
padding-bottom: 50px;
}
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles {
display: flex;
flex-direction: column;
row-gap: 16px;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile {
position: relative;
padding: 32px 40px;
margin-left: 50px;
background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.4) 100%);
border-radius: 20px;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile::before {
content: "";
position: absolute;
top: 28px;
left: -50px;
width: 20px;
height: 20px;
border-radius: 100%;
background: #583867;
}
@media (max-width: 767px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile::before {
width: 10px;
height: 10px;
left: -25px;
}
}
@media (max-width: 575px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile::before {
width: 20px;
height: 20px;
left: 50%;
top: -10px;
}
}
@media (max-width: 767px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile {
margin-left: 25px;
padding: 30px;
}
}
@media (max-width: 575px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile {
margin-left: 0;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile:not(:first-child) {
margin-top: 45px;
}
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--info {
margin-bottom: 16px;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--info p {
color: #141414;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 20px;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--info p strong {
color: #536783;
font-weight: inherit;
}
@media (max-width: 767px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--info p {
font-size: 18px;
}
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--title {
margin-bottom: 24px;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--title h3 {
color: #583867;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 1.2;
}
@media (max-width: 767px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--title h3 {
font-size: 20px;
}
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav {
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav .module-tile--btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 14px 25px 15px;
border: 1px solid rgba(83, 103, 131, 0.4);
border-radius: 8px;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav .module-tile--btn span {
color: #536783;
font-family: "Outfit", sans-serif;
font-weight: 600;
font-size: 16px;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav .module-tile--btn img {
transition: all 250ms ease-in-out;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav .module-tile--btn.active img {
transform: scale(-1);
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav .module-tile--access p {
color: #fff;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 20px;
padding: 10px 16px;
background: #583867;
border-radius: 50px;
}
@media (max-width: 767px) {
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--nav .module-tile--access p {
font-size: 16px;
}
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--content {
display: none;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--content .module-tile--content--texts {
padding-top: 16px;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid rgba(88, 56, 103, 0.2);
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--content .module-tile--content--texts ul {
list-style: disc;
margin-bottom: 0;
margin-left: 22px;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--content .module-tile--content--texts ul li {
color: #583867;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--content .module-tile--content--texts p {
color: #583867;
font-weight: 500;
font-size: 16px;
line-height: 1.85;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--content .module-tile--content--texts p:not(:last-child) {
margin-bottom: 16px;
}
body.page-id-511 .box-6 .box-6-wrapper .row-2 .modules-tiles .module-tile .module-tile--content .module-tile--content--texts p:last-child {
margin-bottom: 0;
}
body.page-id-511 .box-7 {
position: relative;
background: #583867;
}
body.page-id-511 .box-7 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 53%;
transform: translateX(-50%);
margin: 40px 0;
}
body.page-id-511 .box-7 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-511 .box-7 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 575px) {
body.page-id-511 .box-7 .row {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media (max-width: 991px) {
body.page-id-511 .box-7 .row {
flex-direction: column;
}
}
body.page-id-511 .box-7 .row .col-1 .box-img img {
width: 100%;
max-width: 550px;
border-radius: 16px;
}
body.page-id-511 .box-7 .row .col-2 {
width: 100%;
max-width: 620px;
}
body.page-id-511 .box-7 .row .col-2 .box-title {
margin-bottom: 25px;
max-width: 500px;
}
body.page-id-511 .box-7 .row .col-2 .box-title h2 {
color: #fff;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-511 .box-7 .row .col-2 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-511 .box-7 .row .col-2 .box-title h2 {
font-size: 32px;
}
}
body.page-id-511 .box-7 .row .col-2 .box-text {
margin-bottom: 40px;
}
body.page-id-511 .box-7 .row .col-2 .box-text p {
color: #d7cce1;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-511 .box-7 .row .col-2 .box-text p {
font-size: 16px;
}
}
body.page-id-511 .box-7 .row .col-2 .box-info p {
color: #d7cce1;
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 12px;
}
body.page-id-511 .box-8 {
position: relative;
background: #fff;
}
body.page-id-511 .box-8 .box-bg {
position: absolute;
top: 0;
bottom: 0;
left: 36%;
transform: translateX(-50%);
}
body.page-id-511 .box-8 .box-bg img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body.page-id-511 .box-8 .row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
padding-top: 80px;
padding-bottom: 140px;
}
@media (max-width: 575px) {
body.page-id-511 .box-8 .row {
padding-top: 50px;
padding-bottom: 50px;
gap: 0;
}
}
@media (max-width: 991px) {
body.page-id-511 .box-8 .row {
flex-direction: column-reverse;
}
}
body.page-id-511 .box-8 .row .col-1 {
width: 100%;
max-width: 620px;
}
body.page-id-511 .box-8 .row .col-1 .box-title {
margin-bottom: 25px;
max-width: 500px;
}
body.page-id-511 .box-8 .row .col-1 .box-title h2 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
@media (max-width: 1199px) {
body.page-id-511 .box-8 .row .col-1 .box-title h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
body.page-id-511 .box-8 .row .col-1 .box-title h2 {
font-size: 32px;
}
}
body.page-id-511 .box-8 .row .col-1 .box-text {
margin-bottom: 40px;
}
body.page-id-511 .box-8 .row .col-1 .box-text p {
color: #616161;
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
@media (max-width: 991px) {
body.page-id-511 .box-8 .row .col-1 .box-text p {
font-size: 16px;
}
}
body.page-id-511 .box-8 .row .col-1 .box-nav {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media (max-width: 575px) {
body.page-id-511 .box-8 .row .col-1 .box-nav {
justify-content: center;
}
}
body.page-id-511 .box-8 .row .col-2 .box-img img {
width: 100%;
max-width: 523px;
}
@media (max-width: 991px) {
body.page-id-511 .box-8 .row .col-2 .box-img img {
max-width: 400px;
}
}
body main.clean-page-template .entry-header h1 {
color: #141414;
font-weight: 500;
font-size: 40px;
line-height: 1.35;
}
body main.clean-page-template .site-main--wrapper {
margin-bottom: 80px;
}
body main.clean-page-template .site-main--wrapper h2,
body main.clean-page-template .site-main--wrapper h3,
body main.clean-page-template .site-main--wrapper h4,
body main.clean-page-template .site-main--wrapper h5,
body main.clean-page-template .site-main--wrapper h6 {
color: #141414;
margin-bottom: 10px;
}
body main.clean-page-template .site-main--wrapper h2 {
font-size: 28px;
}
body main.clean-page-template .site-main--wrapper h3 {
font-size: 24px;
}
body main.clean-page-template .site-main--wrapper h4 {
font-size: 20px;
}
body main.clean-page-template .site-main--wrapper p,
body main.clean-page-template .site-main--wrapper ul,
body main.clean-page-template .site-main--wrapper li,
body main.clean-page-template .site-main--wrapper a {
color: #343434;
font-size: 16px;
line-height: 1.67;
}
body main.clean-page-template .site-main--wrapper a {
color: #583867;
}
body main.clean-page-template .site-main--wrapper ul,
body main.clean-page-template .site-main--wrapper ol {
list-style: initial;
}/*# sourceMappingURL=custom.css.map */