/* Plus Jakarta Sans */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v12-latin-regular.woff2")
    format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v12-latin-600.woff2")
    format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v12-latin-700.woff2")
    format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

/* Figtree */
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/figtree/figtree-v9-latin-regular.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/figtree/figtree-v9-latin-500.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/figtree/figtree-v9-latin-600.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/figtree/figtree-v9-latin-700.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

/* DM Serif Text */
@font-face {
  font-family: "DM Serif Text";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/dm-serif-text/dm-serif-text-v13-latin-regular.woff2")
    format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

:root {
  --font-size-h1: 56px;
  --font-size-h2: 48px;
  --font-size-h3: 40px;
  --font-size-h4: 32px;
  --font-size-h5: 26px;
  --font-size-h6: 20px;
  --fs-14: 14px;

  --op-primary-color: #2369d2;
  --op-seconday-color: #0f2c74;
  --op-hover-color: #0b4cb0;
  --op-dark-blue-color: #06104a;
  --op-medium-blue-color: #288ee9;
  --op-light-blue-color: #b4d0f6;
  --op-light-blue-color-2: #f5f9ff;
  --op-yellow: #fff3e0;

  --op-heading-color: #00143f;
  --op-subheading-color: #525252;
  --op-subheading-color-2: #636363;
}

body {
  font-family:
    "Figtree",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  font-weight: 400;
  color: var(--op-subheading-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1,
h2 {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-weight: 600;
  color: var(--op-heading-color);
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

h4 {
  font-size: var(--font-size-h4);
}

h5 {
  font-size: var(--font-size-h5);
}

h6 {
  font-size: var(--font-size-h6);
}

h2.accordion-header {
  font-family:
    "Figtree",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}

.post,
.page {
  margin: 0;
}

a {
  text-decoration: none;
}

.op_container {
  padding-inline: 9.5vw;
  padding-block: 5rem;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

/* OP Button */
.op_btn,
.op_gform .gform_button {
  position: relative;
  color: #fff !important;
  line-height: normal;
  border-radius: 6px;
  background: var(--op-primary-color);
  padding: 10px 16px 11px 18px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
}

.op_btn.light_bg {
  background-color: #ffffff;
  color: var(--op-hover-color) !important;
}

.op_btn.light_bg:hover {
  color: white !important;
}

.op_btn:hover {
  background-color: var(--op-hover-color);
}

.op_btn:before,
.op_gform button.gform_button:before,
button#gform_submit_button_1:before {
  position: absolute;
  content: "";
  right: 16px;
  top: 34%;
  width: 10px;
  height: 12px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="13" viewBox="0 0 10 13" fill="none"><path d="M1.42871 9.74023C2.21746 9.74032 2.8572 10.3583 2.85742 11.1211C2.85742 11.8841 2.2176 12.5028 1.42871 12.5029C0.639748 12.5029 0 11.8841 0 11.1211C0.000219054 10.3583 0.639883 9.74023 1.42871 9.74023ZM5.07227 7.45801C5.86123 7.45801 6.50098 8.07682 6.50098 8.83984C6.50083 9.60275 5.86114 10.2207 5.07227 10.2207C4.28361 10.2205 3.64468 9.60259 3.64453 8.83984C3.64453 8.07698 4.28352 7.45826 5.07227 7.45801ZM8.57031 5.11133C9.35914 5.11133 9.99881 5.72934 9.99902 6.49219C9.99902 7.25521 9.35928 7.87402 8.57031 7.87402C7.78142 7.87394 7.1416 7.25516 7.1416 6.49219C7.14182 5.72939 7.78156 5.11141 8.57031 5.11133ZM5.14258 2.62402C5.93154 2.62402 6.57129 3.24284 6.57129 4.00586C6.57114 4.76876 5.93145 5.38672 5.14258 5.38672C4.35378 5.38664 3.71401 4.76871 3.71387 4.00586C3.71387 3.24289 4.35369 2.62411 5.14258 2.62402ZM2.00098 0C2.78992 0 3.42965 0.618843 3.42969 1.38184C3.42969 2.14486 2.78994 2.76367 2.00098 2.76367C1.21224 2.76342 0.573242 2.1447 0.573242 1.38184C0.573279 0.618999 1.21226 0.000252751 2.00098 0Z" fill="white"/></svg>');
  background-repeat: no-repeat;

  transform: translateX(-100%);
  opacity: 0;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.op_btn:hover:before,
.op_gform .gform_button:hover:before,
button#gform_submit_button_1:hover:before {
  transform: translateX(0);
  opacity: 1;
}
.op_btn > svg ,
.op_gform .gform_button > svg{
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.op_btn:hover > svg ,
.op_gform .gform_button:hover > svg{
  opacity: 0;
  transition:
  transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
  opacity 0.3s ease;
  will-change: transform, opacity;
  transform: translate(10px, 0px);
}
button#gform_submit_button_1:before {
    content: "";
}
/* Btn hover ends */

:is(.home_banner_sec h1, .sec_title) span {
  color: var(--op-primary-color);
  font-family: "DM Serif Text", system-ui, sans-serif;
  font-weight: 400;
  font-style: italic;
}

/* Section badge */
.text_badge {
  padding: 8px 18px;
  color: #704b11;
  background: #fff8ed;
  font-size: 14px;
  border: 1px solid #e2c9a2;
  border-radius: 25px;
  display: inline-block;
}

/* Media Queries */
@media (min-width: 1920px) {
  .op_container {
    padding-inline: 12.5vw;
  }

  .text_badge {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  :root {
    --font-size-h1: 48px;
    --font-size-h2: 40px;
    --font-size-h3: 34px;
    --font-size-h4: 28px;
  }
}

@media (max-width: 768px) {
  :root {
    --font-size-h1: 36px;
    --font-size-h2: 30px;
    --font-size-h3: 26px;
    --font-size-h4: 22px;
  }

  .op_container {
    padding-inline: 1rem;
    padding-block: 3rem;
  }
}

@media (max-width: 520px) {
  :root {
    --font-size-h1: 30px;
    --font-size-h2: 26px;
    --font-size-h3: 22px;
    --font-size-h4: 20px;
  }
}