/*
Theme Name: Arka Edge
Theme URI: https://www.arka-edge.com.my
Author: Pixeltron
Author URI: https://www.pixeltron.my
Description: Arka Edge Theme. Developed by Pixeltron.
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arkaedge
Tags: blog, grid-layout, custom-background, custom-header, featured-image-header, featured-images, full-site-editing, full-width-template, 
*/

/****** GENERAL STYLING *******/
.h-1 {
   height: 1rem; 
} 
.h-2 {
    height: 2rem; 
} 
.h-3 {
    height: 3rem; 
} 
.h-4 {
    height: 4rem; 
}
.h-4half {
    height: 4.5rem;
}
@media (max-width: 1199px) {
    .h-1,.h-2,.h-3,.h-4,.h-4half {
        height: unset; 
    } 
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
html {
    margin-top: 0 !important;
}
body {
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--white);
    overflow-x: hidden;
}
a,p {
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-site-blocks {
    position: relative;
}
:where(body .is-layout-flow) > * {
    margin-block-start: 0;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
}
header {
    position: fixed;
    z-index: 100;
    width: 100%;
    transition: all 0.3s ease;
}
header.fixed {
    background: var(--wp--preset--color--base);
}
header .wp-block-spacer,
header .custom-logo {
    transition: all 0.3s ease;
}
header.fixed .wp-block-spacer {
    height: 0 !important;
}
header.fixed .custom-logo {
    width: 100px;
}
.custom-logo-link, .custom-logo {
    width: 120px;
    height: 70px;
}
nav > div > p {
    display: none;
}
figure {
    margin-bottom: 0;
}
.navbar {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
div.navbar-nav.mr-auto {
    width: 100%;
    display: block;
}
@media (min-width: 1200px) {
    #menu-primary {
        align-items: center;
    }
    #menu-primary > li {
        margin: 0 1em;
    }
    #menu-primary > li:last-child {
        margin: 0;
    }
    .mega-menu {
        position: unset;
    }
    .mega-menu .depth_0 .depth_1 > li {
        display: flex;
        align-items: center;
    }
    .mega-menu .depth_0 .depth_1 > li.link-header {
        font-size: 24px;
    }
    .mega-menu .depth_0 .depth_1 > li.link-header > a {
        padding-left: 0;
    }
    .mega-menu .depth_0 .depth_1 > li:not(.link-header)::before {
        content: '\f054';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 12px;
    }
    .mega-menu .depth_0 .depth_1 > li.link-description::before {
        content: '';
    }
    .mega-menu .depth_0 .depth_1 > li.link-description {
        margin-top: auto;
        font-size: 14px;
        font-style: italic;
    }
    .navbar-expand-xl .navbar-nav .mega-menu .depth_0 {
        width: 50%;
        animation: fadeInUp 0.2s ease-out both;
        top: 100%;
        left: 0;
        padding: 2rem 0;
    }
    .navbar-expand-xl .navbar-nav .depth_1 {
        width: 100%;
        top: 0;
        left: 100%;
        margin-top: 0;
        background-color: transparent;
        height: 100%;
    }
    .navbar-expand-xl .navbar-nav .depth_0 > li {
        position: unset;
        padding: 0.5rem;
    }
    ul.dropdown-menu {
        border: none;
    }
    .navbar-expand-xl .navbar-nav .mega-menu .depth_0::after {
        content: "";
        position: absolute;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background-color: var(--wp--preset--color--contrast);
        z-index: -1;
        background-image: url('/wp-content/uploads/2024/05/Vector.png');
        background-position: 170% 50%;
        background-repeat: no-repeat;
        background-size: 400px 400px;
    }
    .navbar-expand-xl .navbar-nav .depth_0 > li > a {
        padding-top: 1rem;
        padding-bottom: 1rem;
        transition: ease-in-out 0.3s;
    }
    .navbar-expand-xl .navbar-nav .depth_0 > li > a:hover {
        background-color: #ffffff26;
    }
    .menu-image-title-below.menu-image-title {
        color: var(--wp--preset--color--contrast);
        font-size: 24px;
        font-weight: 500;
    }
    .menu-item-description {
        display: block;
        margin-left: 55px;
        font-size: 16px;
    } 
    #menu-primary .dropdown:hover .dropdown-menu.depth_0 {
        display: block;
    }
    #menu-primary .mega-menu.dropdown:hover .dropdown-menu.depth_0:before {
        width: 200%;
    }
    #menu-primary .dropdown:hover .dropdown-menu.depth_0:before {
        content: " ";
        background: transparent;
        display: block;
        position: absolute;
        top: -27px;
        height: 40px;
        width: 100%;
        left: 0;
    }
    #menu-primary .dropdown:not(.mega-menu) .depth_0 {
        margin-top: 1rem;
    }
    #menu-primary .dropdown:hover .dropdown-menu.depth_0 .at_depth_1:hover .depth_1 {
        display: flex;
        flex-direction: column;
    }
    .depth_1 > li{
        padding: 1rem;
    }
}
@media (max-width: 1199px) {
    #wpadminbar ~ .wp-site-blocks .offcanvas {
        margin-top: 32px;
    }
    .menu-item-description {
        display: none;
    }
    #menu-primary > li > a {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-top: 1px solid var(--wp--preset--color--white);
        /* border-bottom: 1px solid var(--wp--preset--color--white); */
    }
    #menu-primary > li:last-child {
        margin-top: 1rem;
    }
    .mega-menu .depth_0 .depth_1 > li.link-header,
    .mega-menu .depth_0 .depth_1 > li.link-description {
        display: none;
    }
    .depth_0 {
        display: block;
    }
    .depth_0 > li > a {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-top: 1px solid var(--wp--preset--color--white);
        border-bottom: 1px solid var(--wp--preset--color--white);
    }
    .depth_1 {
        display: block;
        margin-left: 3rem;
        border: none;
    }
    .depth_1 > li > a {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-top: 1px solid var(--wp--preset--color--white);
        border-bottom: 1px solid var(--wp--preset--color--white);
    }
    .depth_1 > li:first-child > a {
        border-top: none;
    }
    .depth_1 > li:last-child > a {
        border-bottom: none;
    }
    ul.dropdown-menu {
        background-color: unset !important;
        border: none;
    }
}
@media (min-width: 1200px) {
    #menu-primary {
        align-items: center;
    }
    #menu-primary > li {
        margin: 0 1em;
    }
    #menu-primary > li:last-child {
        margin: 0;
    }
    .mega-menu {
        position: unset;
    }
    .mega-menu .depth_0 .depth_1 > li {
        display: flex;
        align-items: center;
    }
    .mega-menu .depth_0 .depth_1 > li.link-header {
        font-size: 24px;
    }
    .mega-menu .depth_0 .depth_1 > li.link-header > a {
        padding-left: 0;
    }
    .mega-menu .depth_0 .depth_1 > li:not(.link-header)::before {
        content: '\f054';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 12px;
    }
    .mega-menu .depth_0 .depth_1 > li.link-description::before {
        content: '';
    }
    .mega-menu .depth_0 .depth_1 > li.link-description {
        margin-top: auto;
        font-size: 14px;
        font-style: italic;
    }
    .navbar-expand-xl .navbar-nav li:not(.mega-menu) .depth_0 {
        padding: .5rem;
        animation: fadeInUp 0.2s ease-out both;
    }
    .navbar-expand-xl .navbar-nav .depth_1 {
        width: 100%;
        top: 0;
        left: 100%;
        margin-top: 0;
        background-color: transparent;
        height: 100%;
        padding: 2rem;
    }
    .navbar-expand-xl .navbar-nav .mega-menu .depth_0 > li {
        position: unset;
        padding: .5rem 4rem;
    }
    ul.dropdown-menu {
        border: none;
    }
    .navbar-expand-xl .navbar-nav .mega-menu .depth_0::after {
        content: "";
        position: absolute;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background-color: var(--wp--preset--color--contrast);
        z-index: -1;
        background-image: url('/wp-content/uploads/2024/05/Vector.png');
        background-position: 170% 50%;
        background-repeat: no-repeat;
        background-size: 400px 400px;
    }
    .navbar-expand-xl .navbar-nav .depth_0 > li > a {
        display: flex;
        flex-wrap: wrap;
        padding: 1rem .5rem;
        align-items: center;
        transition: ease-in-out 0.3s;
    }
    .navbar-expand-xl .navbar-nav li:not(.mega-menu) .depth_0 > li > a {
        justify-content: center;
    }
    .navbar-expand-xl .navbar-nav .depth_0 > li > a:hover {
        background-color: #ffffff26;
    }
    .mega-menu .menu-image.menu-image-title-below {
        width: 12%;
        max-width: 12%;
        height: 35px;
    }
    .mega-menu .menu-image-title-below.menu-image-title {
        width: 88%;
        max-width: 88%;
        padding-left: 25px;
        text-align: left;
        line-height: 1.2;
    }
    .menu-image-title-below.menu-image-title {
        color: var(--wp--preset--color--contrast);
        font-size: 24px;
        font-weight: 500;
    }
    .mega-menu .menu-item-description {
        margin-left: 12%;
        font-size: 16px;
        padding-left: 25px;
    } 
    #menu-primary .dropdown:hover .dropdown-menu.depth_0 {
        display: block;
    }
    #menu-primary .mega-menu.dropdown:hover .dropdown-menu.depth_0:before {
        width: 200%;
    }
    #menu-primary .dropdown:hover .dropdown-menu.depth_0:before {
        content: " ";
        background: transparent;
        display: block;
        position: absolute;
        top: -27px;
        height: 40px;
        width: 100%;
        left: 0;
    }
    #menu-primary .dropdown:not(.mega-menu) .depth_0 {
        margin-top: 1rem;
    }
    #menu-primary .dropdown:hover .dropdown-menu.depth_0 .at_depth_1:hover .depth_1 {
        display: flex;
        flex-direction: column;
    }
    .depth_1 > li{
        padding: 1rem;
    }
}
@media (max-width: 1199px) {
    header .container-xxl {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .navbar > p {
        margin-bottom: 0;
    }
    #wpadminbar ~ .wp-site-blocks .offcanvas {
        margin-top: 32px;
    }
    .menu-item-description {
        display: none;
    }
    #menu-primary li a {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-bottom: none !important;
    }
    #menu-primary > li:last-child {
        margin-top: 1rem;
    }
     #menu-primary > li:last-child a {
         border-bottom: 1px solid var(--wp--preset--color--white) !important;
     }
    #menu-primary .menu-before-description > a {
        border-bottom: none !important;
    }
    .menu-after-depth-1 > a {
        border-top: 1px solid var(--wp--preset--color--white) !important;
    }
    .mega-menu .depth_0 .depth_1 > li.link-header,
    .mega-menu .depth_0 .depth_1 > li.link-description {
        display: none;
    }
    .depth_0 {
        display: block;
    }
    .depth_0 > li > a {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .depth_1 {
        display: block;
        margin-left: 3rem;
        border: none;
    }
    .depth_1 > li > a {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    ul.dropdown-menu {
        background-color: unset !important;
        border: none;
    }
    ul a.dropdown-item {
        display: flex;
        align-items: center;
        text-align: left;
    }
    .menu-image-title-below.menu-image-title {
        text-align: left;
    }
    .menu-item a img {
        width: 40px;
        height: 40px;
        margin-right: 9px;
    }
}
.offcanvas {
    background: var(--wp--preset--color--base);
    width: 100% !important;
}
.offcanvas-header {
    justify-content: space-between;
    color: var(--wp--preset--color--white) !important;
}
.offcanvas-header p {
    margin-bottom: 0;
}
.offcanvas-body ul#menu-primary > li:last-child {
    margin-left: auto;
}
.offcanvas-body ul#menu-primary > li:last-child a {
    background: transparent;
    padding: .8em 3em;
    border-radius: 50px;
    border: 1px solid var(--wp--preset--color--white);
    color: var(--wp--preset--color--white);
}
.offcanvas-body ul#menu-primary > li:last-child a:hover {
    text-decoration: none;
    border: 1px solid var(--wp--preset--color--contrast);
    background: var(--wp--preset--color--contrast);
}
.offcanvas-header .btn-close {
    color: var(--wp--preset--color--white) !important;
    --bs-btn-close-color: var(--wp--preset--color--white) !important;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
#menu-primary .nav-link {
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}
.navbar-toggler {
    display: flex;
    border: none;
}
.navbar-toggler:focus {
    box-shadow: none;
}
ul.dropdown-menu {
    background-color: var(--wp--preset--color--base-2);
    color: var(--wp--preset--color--white);
    padding: 0;
    border-radius: 0;
}
ul.dropdown-menu > li {
    color: var(--wp--preset--color--white);
}
ul.dropdown-menu > li > .dropdown-item {
    color: var(--wp--preset--color--white);
}
.dropdown-item {
    white-space: unset;
}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active {
    background-color: unset;
}
.dropdown-item:hover {
    text-decoration: none;
}
.dropdown-item.active {
    background-color: unset;
}
ul.dropdown-menu.depth_0 .dropdown-toggle::after {
    content: unset;
}
strong {
    font-family: var(--wp--preset--font-family--primary);
}
.wp-site-blocks > * {
    margin-top: 0;
}

/* Menu */
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
    min-width: 20em;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    color: #ffffff;
    border: none;
}
ul.wp-block-navigation-submenu > li {
    background: var(--wp--preset--color--contrast-2) !important;
}
nav.main-navigation ul.main-navigation > li:last-child a {
    background: transparent;
    padding: .8em 3em;
    border-radius: 50px;
    border: 1px solid var(--wp--preset--color--white);
    color: var(--wp--preset--color--white);
    transition: ease-in-out 0.3s;
}
nav.main-navigation ul.main-navigation > li:last-child a:hover {
    text-decoration: none;
    border: 1px solid var(--wp--preset--color--contrast);
    background: var(--wp--preset--color--contrast);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--white);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
    margin-left: 0;
    margin-right: 0;
    max-width: unset;
}
.wp-block-navigation__responsive-container.is-menu-open ul.main-navigation {
    width: 100%;
    display: block !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul.main-navigation > li {
    border-bottom: 1px solid var(--wp--preset--color--white);
    width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open ul.main-navigation > li a {
    width: 100%;
    text-decoration: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    padding: 1em 0;
}
.wp-block-navigation__responsive-container.is-menu-open ul.main-navigation > li:last-child {
    margin-top: 1em;
    width: unset;
    border-bottom: unset;
}
.wp-block-navigation__responsive-container.is-menu-open ul.main-navigation > li:last-child a {
    padding: .8em 3em;
    width: unset;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    width: 100%;
    min-width: unset;
    padding: 0 0 0 1em;
}
.wp-block-navigation__responsive-container.is-menu-open ul.main-navigation > li.wp-block-navigation-submenu > a , .wp-block-navigation__responsive-container.is-menu-open ul.main-navigation > li.wp-block-navigation-submenu > ul > li > a, .wp-block-navigation__responsive-container.is-menu-open ul.main-navigation > li.wp-block-navigation-submenu > ul > li > ul > li > a   {
    border-bottom: 1px solid #ffffff7a;
}

/* Mega Menu */
ul.mega-menu > li > a img {
    margin-right: 1em;
}

@media (max-width: 1199px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block;
    }
    nav.main-navigation {
        justify-content: end;
    }
}
@media (min-width: 1200px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block
    }
    nav.main-navigation ul.main-navigation > li:last-child {
        margin-left: auto;
    }
    
    .is-responsive.main-navigation > li > .wp-block-navigation-item__content {
        padding: 2rem 0;
    }
    
    /* Mega Menu */
    .wp-block-navigation li.wp-block-navigation-item.mega-menu, .wp-block-navigation__container:only-child, .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-dialog, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open), body .is-layout-flex {
        position: unset;
    }
    ul.mega-menu {
        width: 1320px !important;
        background-color: var(--wp--preset--color--contrast-2) !important;
        transform: translate(-50%);
        left: 50% !important;
        background-image: url('/wp-content/uploads/2024/05/Vector.png');
        background-position: 110% 50%;
        background-repeat: no-repeat;
        background-size: 300px 300px;
    }
    ul.wp-block-navigation-submenu {
        top: 6rem !important;
    }
    ul.wp-block-navigation-submenu:not(.mega-menu) {
        transform: translateY(-50%);
    }
    ul.mega-menu > li {
        display: flex;
        justify-content: space-between;
        max-width: 1320px;
        width: 50%;
        position: unset !important;
        background-color: var(--wp--preset--color--base)!important;
        padding: 1em;
    }
    ul.mega-menu > li > a {
        padding: 1em;
        cursor: pointer;
        transition: 300ms ease-in-out;
        display: block !important;
        font-size: 24px;
        color: var(--wp--preset--color--contrast) !important;
        text-transform: capitalize;
    }
    /*ul.mega-menu > li > a > span.wp-block-navigation-item__label {*/
    /*    font-size: 24px;*/
    /*    color: var(--wp--preset--color--contrast);*/
    /*    text-transform: capitalize;*/
    /*}*/
    /*ul.mega-menu > li > a > span.wp-block-navigation-item__description {*/
    /*    display: block;*/
    /*    margin-top: 5px;*/
    /*    margin-left: 3.3rem;*/
    /*    font-size: 16px;*/
    /*    text-transform: none;*/
    /*}*/
    ul.mega-menu > li > a:hover {
        background: #ffffff26;
        text-decoration: none !important;
    }
    ul.mega-menu > li > button {
        display: none !important;
    }
    ul.mega-menu > li .wp-block-navigation__submenu-container {
        position: absolute;
        top: 0 !important;
        left: 50% !important;
        width: 50% !important;
        display: none;
        height: 100% !important;
        background-color: transparent !important;
        padding: 1em !important;
        transform: unset;
    }
    ul.mega-menu > li .wp-block-navigation__submenu-container li {
        background: transparent !important;
    }
    ul.mega-menu > li:hover .wp-block-navigation__submenu-container,
    ul.mega-menu > li:focus-within .wp-block-navigation__submenu-container {
        display: block !important;
    }
}

.height-300px {
    height: 300px;
}
@media (max-width: 768px) {
    .height-300px {
        height: auto;
    }
    figure {
    margin-bottom: 1rem;
    }
}
.w-35 {
    width: 35%;
}
@media (max-width: 576px) {
    .w-35 {
        width: 35%;
    }
}

.h-content {
    height: fit-content;
}

.bg-base {
    background-color: var(--wp--preset--color--base);
}

.bg-baseTwo {
    background-color: var(--wp--preset--color--base-2);
}

.bg-baseThree {
    background-color: var(--wp--preset--color--base-3);
}

.bg-baseFour {
    background-color: var(--wp--preset--color--base-4);
}

.bg-contrast {
    background-color: var(--wp--preset--color--contrast);
}

.bg-contrastTwo {
    background-color: var(--wp--preset--color--contrast-2);
}

.bg-contrastWhite {
    background-color: var(--wp--preset--color--white);
}

.bg-background {
    background-color: var(--wp--preset--color--background);
}

.bg-gradientPrimary {
    background: var(--wp--preset--gradient--base);
}

.h-80 {
    height: 80%;
}

.h-90 {
    height: 90%;
}

/* Button */
.wp-element-button {
    transition: ease-in-out 0.3s;
}

/* Contact Form */
.talk-to-us-form .btn-form-submit {
    padding: .8em 3em;
    border: 1px solid var(--wp--preset--color--white);
    border-radius: 50px;
    color: var(--wp--preset--color--white);
    background:  transparent;
}

.talk-to-us-form .btn-form-submit:hover {
    background-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--contrast);
    transition: ease-in-out 0.3s;;
}
.form-control {
    background: var(--wp--preset--color--base);
    border: none;
    border-bottom: 2px solid var(--wp--preset--color--white);
    border-radius: 0;
    -webkit-text-fill-color: var(--wp--preset--color--white) !important;
}
.form-control:focus {
    background: var(--wp--preset--color--base);
    border: none;
    color: var(--wp--preset--color--white);
    border-bottom: 3px solid var(--wp--preset--color--white);
    border-radius: 0;
    box-shadow: none;
}
.form-control::placeholder {
    color: #ffffff7a !important;
}
textarea.form-control {
    border: 1px solid var(--wp--preset--color--white);
}
textarea.form-control:focus {
    border: 1px solid var(--wp--preset--color--white);
}
.talk-to-us-form input:-webkit-autofill,
.talk-to-us-form input:-webkit-autofill:hover, 
.talk-to-us-form input:-webkit-autofill:focus, 
.talk-to-us-form input:-webkit-autofill:active {
    transition: var(--wp--preset--color--base) 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px var(--wp--preset--color--base) inset !important;
    -webkit-text-fill-color: var(--wp--preset--color--white) !important;
    font-family: var(--wp--preset--font-family--primary) !important;
}