.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.site-header {
padding: 12px 0;
border-bottom: 1px solid #E1E1E1;
background: #FFF;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.site-header .site-branding img {
height: 40px;
width: auto;
}
.site-header .main-navigation ul {
padding: 0;
margin: 0;
text-align: right;
}
.site-header .main-navigation ul li {
display: inline-block;
padding-right: 2rem;
}
.site-header .main-navigation ul li:last-of-type {
padding-right: 0;
}
.site-header .main-navigation ul li a {
text-decoration: none;
color: #344054;
font-family: 'Merriweather-Regular';
font-size: 14px;
-webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-moz-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-ms-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-o-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.site-header .main-navigation ul li.default-btn a {
color: #fff;
font-family: 'Inter-Regular';
}
.site-header .main-navigation ul li.default-btn a:hover {
color: #fff;
}
.site-header .main-navigation ul li.current_page_item a {
color: #F7941E;
font-family: 'Merriweather-Bold';
}
.site-header .main-navigation ul li.current_page_item.default-btn a {
color: #fff;
font-family: 'Inter-Regular';
}
.site-header .main-navigation ul li:hover a {
color: #F7941E;
-webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-moz-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-ms-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-o-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
} .menu-toggle {
display: none;
position: absolute;
right: 40px;
top: 16px;
z-index: 1000;
width: 30px;
cursor: pointer;
}
nav.mobile-navigation {
z-index: 999;
display: none;
position: fixed;
width: 100%;
margin-top: -1px;
transform: translateY(-100%);
transition: transform 0.3s ease-in-out;
}
nav.mobile-navigation .nav-container {
padding: 2rem 1.5rem 1.5rem;
background-color: #fff;
font-size: 18px;
font-family: 'Merriweather-Regular';
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
nav.mobile-navigation .nav-container ul {
margin: 0;
padding: 0;
list-style: none;
}
nav.mobile-navigation .nav-container ul li {
margin-bottom: 2rem;
}
nav.mobile-navigation .nav-container ul li a {
color: #344054;
}
nav.mobile-navigation .nav-container ul li.default-btn {
text-align: center;
}
nav.mobile-navigation .nav-container ul li.default-btn a {
font-family: 'Inter-Regular';
color: #fff;
font-size: 14px;
}
nav.mobile-navigation .nav-container ul li:last-of-type {
margin-bottom: 0;
}
body.admin-bar .site-header {
top: 32px;
}
@media screen and (max-width: 991px) {
body.admin-bar .site-header {
top: 46px;
}
html #wpadminbar {
position: fixed;
}
body {
position: relative;
right: 0;
overflow-x: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.site-header .main-navigation ul {
display: none;
}
.site-header .site-branding img {
display: inline-block;
}
nav.mobile-navigation {
display: block;
}
nav.mobile-navigation.toggled {
transform: translateY(0);
}
.menu-toggle,
.main-navigation.toggled .nav-menu {
display: block;
right: 20px;
}
.menu-toggle {
transform: rotate(0deg);
-webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-moz-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-ms-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-o-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.menu-toggle.toggled {
transform: rotate(130deg);
-webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-moz-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-ms-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-o-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
}
.pre-footer {
background-size: cover;
background-position: center center;
}
.pre-footer .pre-footer-heading {
color: #fff;
}
.pre-footer .card {
height: 100%;
}
.pre-footer .card .card-body .card-icon {
margin-bottom: 0.5rem;
}
.pre-footer .card .card-body .card-icon img {
display: inline-block;
height: 24px;
width: auto;
}
.pre-footer .card .card-body .card-title {
margin-bottom: 1rem;
}
.pre-footer .card .card-body .card-text {
color: #344054;
font-weight: 600;
font-family: 'Inter-Light';
color: #475467;
}
.site-footer {
color: #fff;
}
.site-footer .site-info {
padding: 4rem 0;
}
.site-footer .site-info .site-branding img {
max-height: 40px;
width: auto;
}
.site-footer .site-info ul li {
margin-bottom: 12px;
}
.site-footer .site-info ul li a {
font-family: 'Inter-Regular';
color: #475467;
}
.site-footer .site-info ul li:first-child {
margin-bottom: 15px;
}
.site-footer .site-info ul li:first-child a {
color: #344054;
font-family: 'Merriweather-Bold';
}
.site-footer .site-copyright {
border-top: 1px solid #E4E7EC;
}
.site-footer .site-copyright p {
padding-top: 32px;
color: #667085;
}
.site-footer .bottom-image {
padding: 3rem 0 1rem;
}
.site-footer .bottom-image img {
background-size: cover;
width: 100%;
}
@media screen and (max-width: 767px) {
.pre-footer .pre-footer-heading {
text-align: left;
}
.site-footer .site-info {
padding: 3rem 0 2rem;
}
.site-footer .site-info .site-branding {
margin-bottom: 3rem;
}
.site-footer .site-info .col-md-2 {
margin-bottom: 1rem;
}
.site-footer .site-info .col-md-2 ul {
margin: 0;
padding: 0;
}
.site-footer .bottom-image {
padding: 2rem 0 1rem;
}
.site-footer .bottom-image img {
background-size: cover;
}
}
html,
body {
margin: 0;
height: 100%;
width: 100%;
}
#page {
overflow-x: hidden;
}
body {
padding-top: 65px;
overflow-x: hidden !important;
}
p {
font-family: 'Inter-Regular', sans-serif;
color: #101828;
}
video {
width: 100%;
}
a {
text-decoration: none !important;
}
img {
max-width: 100%;
height: auto;
display: block;
}
.primary-font {
font-family: 'Inter-Regular';
}
.primary-font-light {
font-family: 'Inter-Light';
color: #475467;
}
.secondary-font {
font-family: 'Merriweather-Regular';
}
.primary-font-bold {
font-family: 'Merriweather-Bold';
}
.secondary-font-light {
font-family: 'Merriweather-Light';
}
.primary-fontcolor {
color: #101828;
}
.title-font-color {
color: #344054;
}
.secondary-fontcolor {
color: #475467;
}
.theme-fontcolor {
color: #F7941E;
}
.primary-bgcolor {
background-color: #F7941E;
}
.title-icon {
margin-right: 10px;
display: inline-flex;
}
.title-icon img {
display: inline-block;
height: 24px;
width: 24px;
object-fit: contain;
}
.title-heading {
text-align: center;
font-family: 'Merriweather-Regular';
margin-bottom: 3rem;
font-size: 36px;
}
.section-pad {
padding-top: 5rem;
padding-bottom: 5rem;
}
.paragraph-pad {
padding: 2rem 5rem;
}
.paragraph-pad p {
font-family: 'Inter-Light';
color: #475467;
font-size: 18px;
}
.paragraph-pad p:last-of-type {
margin-bottom: 0;
}
.paragraph-pad p.default-btn {
margin: 1rem 0 0 0;
}
.paragraph-pad h1,
.paragraph-pad h2,
.paragraph-pad h3,
.paragraph-pad h4,
.paragraph-pad h5,
.paragraph-pad h6 {
font-family: 'Merriweather-Regular';
font-size: 36px;
margin-bottom: 1rem;
}
.default-btn {
display: inline-block;
background-color: #F7941E;
border-radius: 6px;
box-shadow: 0px 0px 0px 1px rgba(16, 24, 40, 0.18) inset, 0px -2px 0px 0px rgba(16, 24, 40, 0.05) inset, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.default-btn a {
text-align: center;
font-family: 'Merriweather-Regular';
color: #fff;
padding: 8px 20px;
font-size: 14px;
font-weight: 700;
display: inline-block;
}
.card {
border-radius: 20px !important;
border: none !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.card .card-body {
padding: 1.5rem;
}
.card .card-body .card-title {
font-family: 'Inter-Regular';
font-weight: 600;
color: #344054;
}
.card .card-body .card-text {
font-family: 'Inter-Light';
color: #475467;
}
.card .card-body ul li {
margin-bottom: 8px;
}
.card .card-body ul li:last-of-type {
margin-bottom: 0;
}
.scroll-anchor {
scroll-margin-top: 65px;
} .default-transition {
-webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-moz-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-ms-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-o-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.slow-transition {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fade-in-tab {
animation: fadeInTab 0.6s ease forwards;
}
@keyframes fadeInTab {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: none;
}
} @font-face {
font-family: 'Merriweather-Regular';
src: url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Merriweather-Regular.woff2) format('woff2'), url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Merriweather-Regular.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Merriweather-Light';
src: url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Merriweather-Light.woff2) format('woff2'), url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Merriweather-Light.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Merriweather-Bold';
src: url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Merriweather-Bold.woff2) format('woff2'), url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Merriweather-Bold.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Merriweather-Italic';
src: url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Merriweather-Italic.woff2) format('woff2'), url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Merriweather-Italic.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Inter-Regular';
src: url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Inter-Regular.woff2) format('woff2'), url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Inter-Regular.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Inter-Light';
src: url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Inter-Light.woff2) format('woff2'), url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Inter-Light.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Inter-Italic';
src: url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Inter-Italic.woff2) format('woff2'), url(//xchange.ph/wp-content/themes/xchange-2025/assets/fonts/Inter-Italic.woff) format('woff');
font-display: swap;
} @media screen and (max-width: 991px) {
.paragraph-pad h2 {
font-size: 30px;
}
.paragraph-pad p {
font-size: 16px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.paragraph-pad {
padding: 2rem;
}
}
@media screen and (max-width: 767px) {
.section-pad {
padding: 3rem 0.5rem;
}
.paragraph-pad {
padding: 1.5rem;
}
video {
height: 100% !important;
}
}
.inquire-page .inquire-details img {
height: 100%;
object-fit: cover;
}
.inquire-page .inquire-details .contact-form {
padding: 2rem 4rem;
}
.inquire-page .inquire-details .contact-form .wpcf7-form .col-md-12.text-center p {
margin-bottom: 0;
}
.inquire-page .inquire-details .contact-form .wpcf7-form label {
color: #344054;
margin-bottom: 5px;
font-size: 14px;
}
.inquire-page .inquire-details .contact-form .wpcf7-form label span {
color: #F7941E;
}
.inquire-page .inquire-details .contact-form .wpcf7-form h1,
.inquire-page .inquire-details .contact-form .wpcf7-form h2,
.inquire-page .inquire-details .contact-form .wpcf7-form h3,
.inquire-page .inquire-details .contact-form .wpcf7-form h4,
.inquire-page .inquire-details .contact-form .wpcf7-form h5,
.inquire-page .inquire-details .contact-form .wpcf7-form h6 {
font-size: 36px;
font-family: 'Merriweather-Regular';
margin-bottom: 2rem;
}
.inquire-page .inquire-details .contact-form .wpcf7-form p {
color: #475467;
}
.inquire-page .inquire-details .contact-form .wpcf7-form p::last-of-type {
margin-bottom: 0;
}
.inquire-page .inquire-details .contact-form .wpcf7-form input,
.inquire-page .inquire-details .contact-form .wpcf7-form textarea {
width: 100%;
border: 1px solid #D0D5DD;
border-radius: 10px;
padding: 10px;
}
.inquire-page .inquire-details .contact-form .wpcf7-form input::placeholder,
.inquire-page .inquire-details .contact-form .wpcf7-form textarea::placeholder {
font-family: 'Inter-Regular';
}
.inquire-page .inquire-details .contact-form .wpcf7-form textarea {
height: 140px;
}
.inquire-page .inquire-details .contact-form .wpcf7-form .wpcf7-submit {
background-color: #F7941E;
border-radius: 6px;
box-shadow: 0px 0px 0px 1px rgba(16, 24, 40, 0.18) inset, 0px -2px 0px 0px rgba(16, 24, 40, 0.05) inset, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
text-align: center;
font-family: 'Merriweather-Bold';
color: #fff;
padding: 8px 20px;
margin-top: 0.5rem;
display: inline-block;
border: none;
font-size: 14px;
}
.inquire-page .inquire-details .contact-form .wpcf7-form .wpcf7-response-output {
margin: -1rem 0 0 0;
}
.inquire-page .inquire-details .contact-form .wpcf7-form .wpcf7-not-valid-tip {
font-size: 14px;
}
.inquire-page .inquire-details .contact-form .wpcf7-form .wpcf7-spinner {
margin-top: 5px;
}
.inquire-page .inquire-details .cf7-success-message {
padding: 3rem;
}
.inquire-page .inquire-details .cf7-success-message .cf7-check-icon {
width: 100px;
height: 100px;
margin: 0 auto 1rem;
border: 2px #000;
}
.inquire-page .faqs {
background-color: #F5F5F6;
}
.inquire-page .faqs .accordion .accordion-item {
border: none;
border-top: 1px solid #E4E7EC;
background-color: transparent;
}
.inquire-page .faqs .accordion .accordion-item .accordion-header button {
background-color: transparent;
padding: 1.5rem 0;
box-shadow: none;
font-family: 'Inter-Regular';
color: #101828;
font-weight: 500;
font-size: 18px;
display: flex;
justify-content: space-between;
align-items: center;
}
.inquire-page .faqs .accordion .accordion-item .accordion-header button .accordion-icon {
width: 20px;
height: auto;
transition: transform 0.3s ease;
-webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-moz-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-ms-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-o-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.inquire-page .faqs .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .accordion-icon {
transform: rotate(130deg);
-webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-moz-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-ms-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-o-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.inquire-page .faqs .accordion .accordion-item .accordion-header .accordion-button.collapsed .accordion-icon {
transform: rotate(0deg);
-webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-moz-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-ms-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
-o-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.inquire-page .faqs .accordion .accordion-item .accordion-header button::after {
display: none;
}
.inquire-page .faqs .accordion .accordion-item .accordion-body {
padding: 0 3rem 2rem 0;
}
.inquire-page .faqs .accordion .accordion-item .accordion-body p {
color: #475467;
}
.inquire-page .faqs .accordion .accordion-item .accordion-body p:last-of-type {
margin-bottom: 0;
}
.inquire-page .faqs .accordion .accordion-item:first-of-type {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.inquire-page .inquire-details .contact-form {
padding: 2rem 2rem 0;
}
}
@media screen and (max-width: 767px) {
.inquire-page .inquire-details .contact-form {
padding: 3rem 1.5rem 0;
}
.inquire-page .faqs {
padding-bottom: 30px;
}
.inquire-page .faqs .title-heading {
margin-bottom: 1rem;
}
.inquire-page .faqs .accordion .accordion-item .accordion-header button {
padding-right: 30px;
}
.inquire-page .faqs .accordion .accordion-item .accordion-header img {
position: absolute;
right: 0;
}
}
.our-services-page .services {
background-color: #F5F5F6;
}
.our-services-page .our-solutions .tab-content img {
width: 100%;
object-fit: cover;
}
.our-services-page .our-solutions .nav {
display: flex;
gap: 10px;
}
.our-services-page .our-solutions .nav .nav-item .nav-link.active {
background-color: #FFF5E9;
}
.our-services-page .our-solutions .nav .nav-item .nav-link h5 {
font-family: 'Inter-Regular';
font-weight: 600;
color: #344054;
}
.our-services-page .our-solutions .nav .nav-item .nav-link p:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.our-solutions .tab-content img {
margin-bottom: 1.5rem;
}
}
.our-team .support-team {
background-color: #F5F5F6;
}
.our-team .team-member .team-image img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
filter: sepia(1) hue-rotate(-15deg) saturate(5) brightness(0.7);
opacity: 0.5;
width: 100%;
}
.our-team .team-member .team-image img:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
filter: none;
opacity: 1;
}
.our-team .team-member .team-image .team-info {
padding: 0.8rem;
}
.our-team .team-member .team-image .team-info h4 {
font-family: 'Merriweather-Italic';
color: #101828;
margin-bottom: 5px;
}
.our-team .team-member .team-image .team-info p {
font-family: 'Inter-Light';
color: #475467;
}
.our-team .team-member .team-white-space {
width: 100%;
background: transparent;
height: 220px;
}
@media screen and (max-width: 767px) {
.our-team .team-member-card {
padding: 10px !important;
}
}
.mission-page #section-1 .splide {
padding-top: 3rem;
}
.mission-page #section-1 .splide .splide__track .splide__slide {
width: auto !important;
}
.mission-page #section-1 .splide .splide__track .splide__slide img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 10px;
}
.mission-page #section-1 .content h1,
.mission-page #section-1 .content h2,
.mission-page #section-1 .content h3,
.mission-page #section-1 .content h4,
.mission-page #section-1 .content h5,
.mission-page #section-1 .content h6 {
font-weight: 400 !important;
line-height: 32px;
}
.mission-page #section-1 .content h1:last-of-type,
.mission-page #section-1 .content h2:last-of-type,
.mission-page #section-1 .content h3:last-of-type,
.mission-page #section-1 .content h4:last-of-type,
.mission-page #section-1 .content h5:last-of-type,
.mission-page #section-1 .content h6:last-of-type {
margin-bottom: 0;
}
.mission-page .section-two-main img {
height: 400px;
object-fit: cover;
}
.mission-page .section-two-main .video-container-mission {
overflow: hidden;
position: relative;
width: 100%;
}
.mission-page .section-two-main .video-container-mission video {
height: 500px;
object-fit: cover;
}
.mission-page .section-two-main .content h1,
.mission-page .section-two-main .content h2,
.mission-page .section-two-main .content h3,
.mission-page .section-two-main .content h4,
.mission-page .section-two-main .content h5,
.mission-page .section-two-main .content h6 {
font-weight: 400 !important;
line-height: 32px;
}
.mission-page .section-two-main .content h1:last-of-type,
.mission-page .section-two-main .content h2:last-of-type,
.mission-page .section-two-main .content h3:last-of-type,
.mission-page .section-two-main .content h4:last-of-type,
.mission-page .section-two-main .content h5:last-of-type,
.mission-page .section-two-main .content h6:last-of-type {
margin-bottom: 0;
}
.mission-page .section-three {
background-color: #F5F5F6;
position: relative;
}
.mission-page .section-three .section-intro p {
padding-right: 8rem;
}
.mission-page .section-three .section-subtitle {
font-family: 'Merriweather-Regular';
font-size: 24px;
color: #344054;
}
.mission-page .section-three .card .card-body p {
margin-bottom: 0;
}
.mission-page .section-four .stats-grid {
padding: 2rem 5rem;
}
.mission-page .section-four .stat-item {
margin-top: 3rem;
}
.mission-page .section-four .stat-item h3 {
color: #F7941E;
font-family: 'Merriweather-Regular';
font-weight: 700;
font-size: 48px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.mission-page .section-one .content {
padding: 2rem;
}
.mission-page .section-three .section-intro p {
padding-right: 0;
}
.mission-page .section-four .stats-grid {
padding: 2rem;
}
.mission-page .section-four .stats-grid .stat-item h3 {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
.mission-page .section-one .content {
padding: 1.5rem;
}
.mission-page .section-one .content p {
font-size: 18px;
}
.mission-page .section-three .section-intro p {
padding-right: 0;
}
.mission-page .section-four .stats-grid {
padding: 1.5rem;
}
.mission-page .section-four .stats-grid .stat-item h3 {
font-size: 40px;
}
}
.blog-page {
position: relative;
}
.blog-page .blog-intro .page-content h1,
.blog-page .blog-intro .page-content h2,
.blog-page .blog-intro .page-content h3,
.blog-page .blog-intro .page-content h4,
.blog-page .blog-intro .page-content h5,
.blog-page .blog-intro .page-content h6 {
font-family: 'Merriweather-Regular';
font-size: 48px;
margin-bottom: 1.5rem;
}
.blog-page .blog-intro .page-content p {
font-family: 'Inter-Light';
color: #475467;
font-size: 20px;
}
.blog-page .blog-archive .card-body .card-title {
font-size: 20px;
font-family: 'Merriweather-Regular';
line-height: 30px;
position: relative;
}
.blog-page .blog-archive .card-body .card-title a {
color: #101828;
margin-right: 15px;
}
.blog-page .blog-archive .card-body .card-title a span {
position: absolute;
right: 0;
top: 0;
font-size: 24px;
}
.blog-page .blog-archive .card-body .post-tag {
color: #F7941E;
font-family: 'Inter-Regular';
font-weight: 700;
font-size: 14px;
margin-bottom: 0;
}
.blog-page .blog-archive .card-body .post-author {
font-size: 14px;
color: #475467;
}
.blog-page .blog-archive .pagination-container {
text-align: center;
position: relative;
border-top: 1px solid #E4E7EC;
}
.blog-page .blog-archive .pagination-container .page-numbers {
padding: 0;
margin: 1rem 0 0 0;
display: inline-flex;
}
.blog-page .blog-archive .pagination-container .page-numbers li {
list-style: none;
padding: 0 10px;
align-content: center;
font-family: 'Inter-Regular';
}
.blog-page .blog-archive .pagination-container .page-numbers li .current {
background-color: #F9FAFB;
padding: 10px 20px;
border-radius: 25px;
}
.blog-page .blog-archive .pagination-container .page-numbers li a {
color: #475467;
pointer-events: none;
opacity: 0.5; }
.blog-page .blog-archive .pagination-container .page-numbers li a.next {
position: absolute;
right: 0;
margin: 0;
}
.blog-page .blog-archive .pagination-container .page-numbers li a.prev {
position: absolute;
left: 0;
margin: 0;
}
.blog-page #loader {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.8);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.blog-page #loader .spinner-border {
color: #F7941E;
width: 4rem;
height: 4rem;
}
body.js-ready .pagination-container a {
pointer-events: auto !important;
opacity: 1 !important;
}
.single-page {
position: relative;
}
.single-page .back-btn {
position: absolute;
top: 7%;
}
.single-page img {
border-radius: 8px;
}
.team-name {
font-family: 'Merriweather-Regular';
margin-bottom: 0;
font-size: 32px;
}
.team-position {
font-size: 18px;
}
.team-position,
.team-bio p,
.team-bio {
font-family: 'Inter-Light';
color: #475467;
}
@media screen and (max-width: 767px) {
.single-page.section-pad {
padding: 0;
}
.single .section-pad .back-btn {
top: 2%;
}
.single .section-pad .back-btn img {
filter: brightness(0) invert(1);
}
.single .section-pad .col-md-5 {
padding: 0;
}
.single .section-pad .col-md-7 {
padding: 2rem 2.5rem 1rem;
}
}
.single-blog-page .blog-title {
font-size: 45px;
font-family: 'Merriweather-Regular';
margin-bottom: 2rem;
}
.single-blog-page .post-tags {
margin-bottom: 1rem;
}
.single-blog-page .post-tags span {
background-color: #FFF5E9;
border: 1px solid #FFD7AB;
padding: 2px 10px;
border-radius: 13px;
color: #BF6C00;
margin-right: 5px;
font-size: 14px;
font-family: 'Merriweather-Regular';
}
.single-blog-page .post-tags span:last-child {
margin-right: 0;
}
.single-blog-page .post-author {
font-size: 14px;
color: #475467;
}
.single-blog-page hr {
border-top: 1px solid #E4E7EC;
opacity: 1;
margin: 0;
}
.single-blog-page .wp-post-image {
max-height: 640px;
object-fit: contain;
}
.single-blog-page p {
font-size: 18px;
line-height: 28px;
font-family: 'Inter-Light';
color: #475467;
}
.single-blog-page blockquote {
margin-top: 2rem;
padding-left: 1.5rem;
border-left: 3px solid #F7941E;
}
.single-blog-page blockquote h4 {
color: #101828;
font-size: 20px;
font-family: 'Merriweather-Light';
line-height: 32px;
margin-bottom: 1rem;
}
.single-blog-page blockquote p {
color: #475467;
}
@media screen and (max-width: 991px) {
.single-blog-page .wp-post-image {
height: unset;
}
}
.home-page .section-one {
min-height: 600px;
position: relative;
}
.home-page .section-one h1,
.home-page .section-one h2,
.home-page .section-one h3,
.home-page .section-one h4,
.home-page .section-one h5,
.home-page .section-one h6 {
font-size: 60px;
font-family: 'Merriweather-Regular';
}
.home-page .section-one h1 span,
.home-page .section-one h2 span,
.home-page .section-one h3 span,
.home-page .section-one h4 span,
.home-page .section-one h5 span,
.home-page .section-one h6 span {
font-style: italic;
}
.home-page .section-one p {
font-size: 20px;
font-family: 'Inter-Light';
color: #475467;
}
.home-page .section-one p:first-of-type {
margin-top: 2rem;
}
.home-page .section-one p:last-of-type {
margin-bottom: 0;
}
.home-page .section-one p span {
font-family: 'Merriweather-Bold';
}
.section-three {
position: relative;
}
.plus-background {
position: absolute;
display: grid;
z-index: 100;
align-items: center;
}
.plus-background.plus-left {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(9, 1fr);
top: -20px;
left: -18px;
}
.plus-background.plus-right {
grid-template-columns: repeat(16, 1fr);
grid-template-rows: repeat(4, 1fr);
bottom: 0;
right: 0.5%;
}
.plus-background.plus-section-three {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(9, 1fr);
bottom: 15%;
left: 0;
}
.plus-background .icon {
color: #F7941E;
text-align: center;
font-size: 20px;
padding: 1px 8px;
height: auto;
transition: transform 0.4s ease-in-out;
pointer-events: auto;
}
.plus-background .icon:hover {
transform: rotate(145deg);
}
.plus-background .icon.hover-neighbor {
transform: rotate(145deg);
}
@media screen and (max-width: 991px) {
.home-page .section-one {
background-image: url(//xchange.ph/wp-content/themes/xchange-2025/assets/images/left-home-bg.webp), url(//xchange.ph/wp-content/themes/xchange-2025/assets/images/right-home-bg.webp);
background-repeat: no-repeat, no-repeat;
background-position: right bottom, left top;
background-size: 200px, 300px;
}
.home-page .section-one .plus-background {
display: none;
}
.plus-section-three {
display: none;
}
}
@media screen and (max-width: 767px) {
.home-page .section-one {
min-height: 400px;
background-image: url(//xchange.ph/wp-content/themes/xchange-2025/assets/images/left-home-bg.webp), url(//xchange.ph/wp-content/themes/xchange-2025/assets/images/right-home-bg.webp);
background-repeat: no-repeat, no-repeat;
background-position: right bottom, left top;
background-size: 100px, 200px;
}
.home-page .section-one .plus-background {
display: none;
}
.home-page .section-one h2 {
font-size: 36px;
}
.home-page .section-one p {
font-size: 18px;
}
}