.acf-form-fields {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
} .acf-form-fields > .acf-field {
float: none !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
} .acf-form-fields .acf-input,
.acf-form-fields .acf-input-wrap,
.acf-form-fields select,
.acf-form-fields input {
width: 100% !important;
}  @media (max-width: 768px){
.site-header{
position: fixed;
top:0; left:0; right:0;
z-index:9999;
background:#fff;
}
.site-content{
margin-top:70px;
will-change: transform;
transition: transform .25s ease;
}
}
#fux-ptr{
position:absolute;
top: calc(70px + 20px); 
left:50%;
transform:translateX(-50%);
opacity:0;
pointer-events:none;
transition:opacity .2s ease;
z-index:10000;
}
#fux-ptr.visible{
opacity:1;
}
.fux-spinner{
width:26px;
height:26px;
border:3px solid #e5e5e5;
border-top-color:#ff7a18;
border-radius:50%;
animation:fuxspin .7s linear infinite;
}
@keyframes fuxspin{
to{ transform:rotate(360deg); }
}  @media screen and (max-width: 500px) {
.king-notify-menu {
right: -35px;
}
} .king-leftmenu {
position: fixed;
background-color: #fff;
display: block;
padding: 80px 20px 50px;
z-index: 18;
left: -850px;
bottom: 0;
top: 0;
min-width: 280px;
max-width: 500px;
border-radius: 0 14px 14px 0;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%);
visibility: hidden;
-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
-o-transition: all .6s cubic-bezier(.77,0,.175,1);
transition: all .6s cubic-bezier(.77, 0, .175, 1);
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
} .page-top-header {
background-color: #5e6777;
color: #ffffff;
margin-top: -10px;
} @media (max-width: 768px) {
.king-grid-19 .site-main-top .king-post-item {
width: 50% !important;
float: left;
padding: 6px;
}
} @media (max-width: 768px) {
#searchv2-button {
display: none !important;
}
} @media screen and (max-width: 500px) {
.site-branding .mobile-king-logo img, .site-branding .mobile-king-logo-night img {
max-height: 80px;
max-width: 130px;
padding-top: 6px;
}
}
@media screen and (max-width: 769px) {
.king-head-toggle {
display: block;
float: left;
cursor: pointer;
font-size: 18px;
height: 40px;
width: 40px;
color: #586170;
background-color: #212429;
line-height: 40px;
margin-left: 5px;
border-radius: 32px;
text-align: center;
}
} div.header-login.head-icons {
background: #f0f2f6 !important;
} .far.fa-bell.fa-lg {
color: #5e6777; } .head-icons {
background-color: #212429;
} .king-profile-links a:after {
background: #fe6f02;
} .king-profile-links .active, .king-profile-links a:hover {
color: #fe6f02;
} .king-3rd-nav .active, .king-3rd-nav a:hover {
background: #fe6f02;
}   .fujifux-steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
padding: 40px 20px;
} .step-box {
background: #ffffff;
padding: 30px;
border-radius: 14px;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
position: relative;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.step-box:hover {
transform: translateY(-4px);
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
} .step-box .icon {
font-size: 42px;
margin-bottom: 15px;
color: #000;
position: relative;
} .step-box h3 {
font-size: 22px;
margin-bottom: 10px;
font-weight: 700;
} .step-box p {
font-size: 15px;
line-height: 1.6;
color: #555;
} @media (max-width: 900px) {
.fujifux-steps {
grid-template-columns: 1fr;
}
}   .post-nav-image {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
opacity: 0.25;
-webkit-transition: opacity 350ms cubic-bezier(.4, 0, 1, 1);
transition: opacity 350ms cubic-bezier(.4, 0, 1, 1);
} #rank-math-faq .rank-math-list-item {
border: 1px solid #e7e9ed;
margin-bottom: 20px;
background-color: #fdfeff;
border-radius: 10px;
} .post-page-ft {
display: flex;
display: -webkit-flex;
margin: 0 -10px 10px;
}  .imagetemplate2 {
width: 100%;
max-width: 100vw;
margin: 0;
padding: 0;
background-color: #f0f2f6;
overflow: hidden;
} .imagetemplate2 .owl-carousel {
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
background-color: #f0f2f6;
} .imagetemplate2 .owl-stage-outer {
overflow: hidden !important;
background-color: #f0f2f6;
}
.imagetemplate2 .owl-stage {
background-color: #f0f2f6;
display: flex;
align-items: center;
}
.imagetemplate2 .owl-item {
display: flex;
justify-content: center;
align-items: center;
background-color: #f0f2f6;
} .imagetemplate2 .owl-item.cloned {
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
} .imagetemplate2 .owl-item:empty,
.imagetemplate2 .owl-item:not(:has(img)),
.imagetemplate2 .owl-item img[src=""],
.imagetemplate2 .owl-item img:not([src]) {
display: none !important;
width: 0 !important;
} .owl-carousel .owl-item {
width: auto !important;
max-height: 560px;
flex: 0 0 auto !important;
display: flex;
align-items: center;
justify-content: center;
} .owl-carousel .owl-item img {
max-height: 560px !important;
max-width: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block;
margin: 0 auto;
} @media (max-width: 768px) {
.owl-carousel .owl-item {
max-height: 420px;
}
.owl-carousel .owl-item img {
max-height: 420px !important;
}
}
.king-gallery-04 { 
width: 100%; 
height: auto; 
} .owl-dots {
display: none !important;
} @supports (-webkit-overflow-scrolling: touch) {
.king-images .owl-stage-outer {
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
}
.king-images .owl-stage {
transform: none !important;
transition: none !important;
width: 100% !important;
} .owl-nav {
display: none !important;
}
} .king-images a.images-item {
pointer-events: none !important;
cursor: default !important;
} .imagetemplate {
background-color: #f0f2f6 !important;
}
.header-template-08 .head-icons {
border-left: 1px solid rgb(43 47 53);
}
.king-postimg img,
.king-postimg {
border-radius: 0 !important;
}  .widget_king_authorbox_widget {
margin-top: -10px; } .king-camera-settings {
margin-bottom: 32px;
background: #ffffff; border-radius: 12px; padding: 20px 24px; box-shadow: 0 0 0 1px rgb(53 53 70 / 5%);
margin-bottom: 32px; 
}
.king-camera-grid {
display: grid;
grid-template-columns: 1fr;
gap: 6px;
margin-top: 14px;
}
.king-camera-row {
display: grid;
grid-template-columns: 240px auto;
align-items: center;
} .king-camera-label {
display: flex;
align-items: center;
gap: 10px;
font-size: 14.5px;
color: #333;
} .king-camera-label i {
width: 18px;
text-align: center;
color: #7a7a7a;
font-size: 14px;
} .king-camera-value {
font-size: 14.5px;
color: #000;
justify-self: start; width: fit-content; padding: 4px 10px;
border-radius: 16px;
font-size: 14px;
color: #000;
line-height: 1.4;
} .king-camera-row.is-sub {
margin-left: 0px;
}
.king-camera-row.is-sub .king-camera-label {
font-size: 13.5px;
opacity: 0.85;
}
.king-camera-row.is-sub i {
font-size: 11px;
}
.king-camera-title {
margin-bottom: 2px;
}
.king-camera-subtitle {
font-size: 12px;
font-weight: 400;
color: #5e6777;
margin-bottom: 14px;
margin-left: 2px;
line-height: 1;
}
.king-camera-subtitle span {
margin-left: 2px;
font-weight: 500;
color: #444;
}   .king-submit-image input[type="text"],
.king-submit-image textarea,
.king-submit-image select {
background: #f7f6f8;
border: 1px solid #e4e7ee;
border-radius: 10px;
padding: 12px 14px;
font-size: 14px;
color: #1e1e1e;
width: 100%;
height: 44px;
box-sizing: border-box;
} .king-submit-image input:focus,
.king-submit-image textarea:focus,
.king-submit-image select:focus {
outline: none;
border-color: #5e6777;
box-shadow: 0 0 0 2px rgba(94, 103, 119, 0.12);
} .acf-field .acf-label label {
display: block;
font-weight: 600;
font-size: 13px;
margin: 0 0 3px;
padding: 0;
text-transform: uppercase;
color: #b8c4ce;
}  .acf-fields > .acf-field {
float: none !important;
clear: none !important;
width: calc(100% - 0px) !important;
box-sizing: border-box !important;
border-top-width: 0px !important;
padding: 6px !important;
} .view.show-if-value.acf-soh .acf-hl,
.view.show-if-value.acf-soh:hover .acf-hl {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.acf-icon {
display: inline-flex;
align-items: center;
gap: 6px;
}
.acf-remove-text {
font-size: 13px;
font-weight: 500;
color: black; 
}
.view.show-if-value.acf-soh .acf-icon.-cancel {
display: inline-flex !important;
align-items: center !important; width: auto !important;
height: auto !important;
line-height: normal !important;
gap: 6px;
padding: 6px 10px;
background: #d32f2f;
color: #fff !important;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
} .view.show-if-value.acf-soh .acf-icon.-cancel::after {
content: "Remove cover image to replace";
white-space: nowrap;
} .view.show-if-value.acf-soh .acf-icon.-cancel:hover {
background: #b71c1c;
transform: translateY(-1px);
} .view.show-if-value.acf-soh .acf-icon.-cancel:active {
transform: translateY(0);
}
.view.show-if-value.acf-soh {
position: relative;
}
.view.show-if-value.acf-soh .acf-hl {
position: absolute;
inset: 0; display: flex;
align-items: center;
justify-content: center;
padding-top: 320px; }  .fux-hero {
padding: 80px 20px;
} .fux-hero-grid {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
} .fux-hero-image img {
width: 100%;
height: auto;
display: block;
} .fux-hero-content h2 {
font-size: 40px;
line-height: 1.2;
margin-bottom: 20px;
}
.fux-hero-content p {
font-size: 16px;
color: #555;
margin-bottom: 16px;
} .fux-hero-buttons {
margin-top: 24px;
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.btn-primary {
background: #fe6f02;
color: #fff;
padding: 14px 22px;
border-radius: 10px;
text-decoration: none;
font-weight: 600;
transition: 0.2s;
}
.btn-primary:hover {
opacity: 0.85;
}
.btn-secondary {
border: 1px solid #ccc;
color: #111;
padding: 14px 22px;
border-radius: 10px;
text-decoration: none;
font-weight: 500;
background: #fff;
transition: 0.2s;
}
.btn-secondary:hover {
background: #f0f0f0;
}
@media (max-width: 768px) {
.fux-hero-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.fux-hero-content h2 {
font-size: 28px;
}
}  :root{
--fx-bg: #f6f7fb;
--fx-surface: rgba(255,255,255,.78);
--fx-border: rgba(20,20,25,.10);
--fx-text: #111318;
--fx-muted: rgba(17,19,24,.70);
--fx-orange: #ff6a00;
--fx-orange2:#ff8a00;
--fx-radius: 22px;
--fx-shadow: 0 18px 50px rgba(10,10,18,.10);
}
.fx-hero{
position: relative;
padding: clamp(5px, 1vw, 84px) 0;
overflow: hidden;
}
.fx-hero__inner{
width: min(1120px, calc(100% - 32px));
margin: 0 auto;
display: grid;
grid-template-columns: 1.15fr .85fr;
gap: clamp(18px, 3vw, 42px);
align-items: center;
}
.fx-hero__eyebrow{
display: inline-flex;
gap: 10px;
align-items: center;
font-size: 12px;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--fx-muted);
margin: 0 0 14px 0;
}
.fx-hero__title{
margin: 0 0 12px 0;
font-size: clamp(34px, 4.1vw, 56px);
line-height: 1.05;
letter-spacing: -0.02em;
color: var(--fx-text);
}
.fx-hero__lead{
margin: 0 0 10px 0;
font-size: 16px;
line-height: 1.6;
color: var(--fx-muted);
max-width: 60ch;
}
.fx-hero__sub{
margin: 0 0 22px 0;
font-size: 14px;
line-height: 1.7;
color: rgba(17,19,24,.62);
max-width: 62ch;
}
.fx-hero__actions{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 0 0 16px 0;
} .fx-hero__content .fx-hero__actions{
justify-content: center;
}
.fx-btn{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 12px 16px;
border-radius: 10px;
font-weight: 600;
text-decoration: none;
border: 1px solid transparent;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
user-select: none;
white-space: nowrap;
}
.fx-btn--primary{
color: #fff;
background: linear-gradient(90deg, var(--fx-orange), var(--fx-orange2));
}
.fx-btn--primary:active{ transform: translateY(0px) scale(.99); }
.fx-btn--ghost{
color: var(--fx-text);
background: rgba(255,255,255,.70);
border-color: var(--fx-border);
backdrop-filter: blur(10px);
}
.fx-hero__meta{
display: flex;
flex-wrap: wrap;
gap: 10px;
} .fx-hero__content .fx-hero__meta{
justify-content: center;
}
.fx-chip{
display: inline-flex;
align-items: center;
padding: 8px 10px;
border-radius: 999px;
font-size: 12px;
color: rgba(17,19,24,.74);
background: rgba(255,255,255,.60);
border: 1px solid var(--fx-border);
backdrop-filter: blur(10px);
} .fx-hero__visual{
display: grid;
place-items: center;
min-height: 380px;
} @media (min-width: 769px){
.fx-hero__visual{
width: 668px;
justify-self: center; }
}
.fx-hero__card{
width: min(360px, 100%);
border-radius: var(--fx-radius);
background: var(--fx-surface);
border: 1px solid var(--fx-border);
box-shadow: var(--fx-shadow);
padding: 18px 18px 16px;
position: relative;
backdrop-filter: blur(14px);
}
.fx-hero__badge{
display: inline-flex;
font-size: 11px;
letter-spacing: .14em;
text-transform: uppercase;
padding: 8px 10px;
border-radius: 999px;
color: rgba(17,19,24,.78);
border: 1px solid var(--fx-border);
background: rgba(255,255,255,.60);
}
.fx-hero__cardTitle{
margin-top: 14px;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--fx-text);
}
.fx-hero__cardText{
margin-top: 8px;
font-size: 14px;
line-height: 1.6;
color: rgba(17,19,24,.68);
}
.fx-hero__dots{
display: flex;
gap: 8px;
margin-top: 16px;
}
.fx-hero__dots span{
width: 10px; height: 10px;
border-radius: 50%;
background: rgba(17,19,24,.14);
}
.fx-hero__dots span:nth-child(2){ background: rgba(255,106,0,.55); }
.fx-hero__dots span:nth-child(3){ background: rgba(17,19,24,.20); } @media (max-width: 768px){
.fx-hero__inner{
grid-template-columns: 1fr;
}
.fx-hero__visual{
order: -1;
min-height: 220px;
}
}
@media (max-width: 480px){
.fx-btn{ width: 100%; }
}
@media (max-width: 768px){
.fx-hero__content .fx-hero__meta{
justify-content: center;
}
}
@media (max-width: 768px){
.fx-hero__content .fx-hero__actions{
justify-content: center;
}
}