@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular/SFProDisplay-Regular.woff2') format('woff2'),
    url('../fonts/SFProDisplay-Regular/SFProDisplay-Regular.woff') format('woff'),
    url('../fonts/SFProDisplay-Regular/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display Bold';
    src: url('../fonts/SFProDisplay-Bold/SFProDisplay-Bold.woff2') format('woff2'),
    url('../fonts/SFProDisplay-Bold/SFProDisplay-Bold.woff') format('woff'),
    url('../fonts/SFProDisplay-Bold/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'SF Pro Display' !important;
}

/*Style Header*/

.home header.whb-header {
    padding: 0;
}

.home .wd-content-layout {
    padding-top: 0;
}

header #menu-main-menu .menu-item a {
    color: #FFF;
    font-family: "SF Pro Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    transition: all 0.5s ease;
}

header #menu-main-menu .menu-item a:hover {
    opacity: 0.6;
}

header .btn-contact {
    color: #45942B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-transform: capitalize;
    display: flex;
    height: 48px;
}

ul#menu-main-menu {
    gap: 56px;
}

header.whb-header.whb-sticky-prepared.whb-sticked .whb-row.whb-general-header {
    background: #ffffff;
}

header.whb-header.whb-sticky-prepared.whb-sticked .whb-row.whb-general-header .menu-item a {
    color: #4F4F4F !important;
}

header .btn-contact:hover {
    background: #45942B;
    color: #ffffff;
}

header .btn-contact:hover .wd-btn-icon:after {
    content: '';
    width: 25px;
    height: 24px;
    position: absolute;
    background: url(/wp-content/uploads/2025/05/Vector.svg) no-repeat center;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}

span.wd-btn-icon {
    position: relative;
}

/*Style Footer*/

.f-middle ul.sub-sub-menu {
    display: flex;
    justify-content: space-between;
    padding-top: 22px;
}

.f-middle ul.sub-sub-menu a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.f-middle li.item-with-label a:hover {
    opacity: 0.7;
}

.logo-cf figure.wp-caption {
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
}

footer .follow-us {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    gap: 20px;
    justify-content: end;
}

.f-middle li.item-with-label a {
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0;
}

.logo-cf figure.wp-caption img {
    max-width: 120px;
}

footer .f-middle {
    position: relative;
    padding: 20px 0;
}

/*footer .f-middle::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 1000%;*/
/*    height: 1px;*/
/*    border-bottom: 1px solid rgba(255, 255, 255, 0.60);*/
/*    left: -100%;*/
/*    top: 0;*/
/*}*/

/*footer .f-middle::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 1000%;*/
/*    height: 1px;*/
/*    border-bottom: 1px solid rgba(255, 255, 255, 0.60);*/
/*    left: -100%;*/
/*    bottom: 0;*/
/*}*/

.follow-us .wd-text-block {
    padding-bottom: 10px;
}

/*Hero global*/

header.whb-sticky-prepared {
    padding: 0;
}

main.wd-content-layout {
    padding: 0;
}

.wd-toolbar.wd-toolbar-label-show {
    display: none !important;
}

.wd-header-mobile-nav .wd-tools-icon:before {
    color: #ffffff;
}

.error404 main.wd-content-layout.content-layout-wrapper {
    padding-top: 100px;
}

.error404 .whb-header:not(.whb-sticked) .whb-general-header {
    border-bottom: 0.7px solid rgba(255, 255, 255, 0.50);
    background: rgba(69, 148, 43, 0.50);
    backdrop-filter: blur(9px);
}