.ofe-facebook-center{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    margin:40px auto;
}

.ofe-facebook-center iframe{
    max-width:100%;
    border-radius:12px;
}
.ofe-facebook-center iframe{
    box-shadow:0 0 25px rgba(212,175,55,.4);
}
/* ===== OPERATION FREEDOM EXCHANGE BACKGROUND ===== */

body {
  background: radial-gradient(circle at 20% 20%, #1c1c1c, #0b0f14 70%);
  overflow-x: hidden;
  position: relative;
}

/* moving brushed metal texture */

body::before {
  content: "";
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;

  background:
    repeating-linear-gradient(
      120deg,
      rgba(255,255,255,0.015) 0px,
      rgba(255,255,255,0.015) 1px,
      transparent 1px,
      transparent 3px
    );

  animation: metalMove 40s linear infinite;

  z-index: -1;
  pointer-events: none;
}

@keyframes metalMove {
  0% {
    transform: translate(0px,0px);
  }
  50% {
    transform: translate(-120px,-60px);
  }
  100% {
    transform: translate(0px,0px);
  }
}
body {
  background: #0B0D10;
  color: #EDEFF2;
}

.ofe-page-wrap {
  max-width: 1400px;
  margin: 0 auto;
}

.ofe-hero {
  position: relative;
  background:
    radial-gradient(1200px 500px at 20% 0%, rgba(201,162,74,.18), rgba(11,13,16,0) 60%),
    radial-gradient(900px 420px at 90% 10%, rgba(14,34,64,.22), rgba(11,13,16,0) 55%),
    linear-gradient(180deg, #0F1319 0%, #0B0D10 100%);
  border: 1px solid rgba(35,42,51,.9);
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
}

.ofe-hero:before {
  content: "";
  position: absolute;
  inset: -40%;
  background: linear-gradient(
    115deg,
    rgba(201,162,74,0) 35%,
    rgba(201,162,74,.20) 50%,
    rgba(201,162,74,0) 65%
  );
  transform: rotate(6deg);
  animation: ofeShine 7.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes ofeShine {
  0% { transform: translateX(-18%) rotate(6deg); opacity: .25; }
  50% { transform: translateX(18%) rotate(6deg); opacity: .40; }
  100% { transform: translateX(-18%) rotate(6deg); opacity: .25; }
}

.ofe-metal-title {
  color: #EDEFF2;
}

.ofe-card {
  background: #12161C;
  border: 1px solid rgba(35,42,51,.95);
  border-radius: 18px;
  padding: 1.4rem;
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}

.ofe-fb-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 24px;
}

.ofe-fb-card {
  max-width: 560px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 18px;
}

.ofe-fb-embed-outer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ofe-fb-embed-inner {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.ofe-fb-embed-inner iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.ofe-btn-primary .wp-block-button__link {
  background: linear-gradient(180deg, #D7B35A 0%, #B88D2E 100%);
  color: #0B0D10 !important;
  border: 1px solid rgba(201,162,74,.35);
  box-shadow: 0 10px 30px rgba(201,162,74,.12);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  font-weight: 700;
}

.ofe-btn-primary .wp-block-button__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 46px rgba(201,162,74,.22);
  filter: brightness(1.03);
}

@media (max-width: 900px) {
  .wp-block-columns {
    flex-direction: column !important;
  }

  .ofe-fb-card {
    max-width: 100%;
    padding: 12px;
  }

  .ofe-fb-embed-inner {
    width: 100%;
  }

  .ofe-fb-embed-inner iframe {
    width: 100% !important;
    min-width: 280px;
  }
}
body {
  background: #0B0D10;
  color: #EDEFF2;
}

.ofe-page-wrap {
  max-width: 1400px;
  margin: 0 auto;
}

.ofe-hero {
  position: relative;
  background:
    radial-gradient(1200px 500px at 20% 0%, rgba(201,162,74,.18), rgba(11,13,16,0) 60%),
    radial-gradient(900px 420px at 90% 10%, rgba(14,34,64,.22), rgba(11,13,16,0) 55%),
    linear-gradient(180deg, #0F1319 0%, #0B0D10 100%);
  border: 1px solid rgba(35,42,51,.9);
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
}

.ofe-hero:before {
  content: "";
  position: absolute;
  inset: -40%;
  background: linear-gradient(
    115deg,
    rgba(201,162,74,0) 35%,
    rgba(201,162,74,.20) 50%,
    rgba(201,162,74,0) 65%
  );
  transform: rotate(6deg);
  animation: ofeShine 7.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes ofeShine {
  0% { transform: translateX(-18%) rotate(6deg); opacity: .25; }
  50% { transform: translateX(18%) rotate(6deg); opacity: .40; }
  100% { transform: translateX(-18%) rotate(6deg); opacity: .25; }
}

.ofe-card {
  background: #12161C;
  border: 1px solid rgba(35,42,51,.95);
  border-radius: 18px;
  padding: 1.4rem;
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}

.ofe-fb-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 24px;
}

.ofe-fb-card {
  max-width: 560px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 18px;
}

.ofe-fb-embed-outer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ofe-fb-embed-inner {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.ofe-fb-embed-inner iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.ofe-btn-primary .wp-block-button__link {
  background: linear-gradient(180deg, #D7B35A 0%, #B88D2E 100%);
  color: #0B0D10 !important;
  border: 1px solid rgba(201,162,74,.35);
  box-shadow: 0 10px 30px rgba(201,162,74,.12);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  font-weight: 700;
}

.ofe-btn-primary .wp-block-button__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 46px rgba(201,162,74,.22);
  filter: brightness(1.03);
}

@media (max-width: 900px) {
  .wp-block-columns {
    flex-direction: column !important;
  }

  .ofe-fb-card {
    max-width: 100%;
    padding: 12px;
  }

  .ofe-fb-embed-inner {
    width: 100%;
  }

  .ofe-fb-embed-inner iframe {
    width: 100% !important;
    min-width: 280px;
  }
}