@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?rni7yd');
  src: url('../fonts/icomoon.eot?rni7yd#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff?rni7yd') format('woff'), url('../fonts/icomoon.ttf?rni7yd') format('truetype'),
    url('../fonts/icomoon.svg?rni7yd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: '\e90f';
}

.icon-bar:before {
  content: '\e90e';
}

.icon-arrow:before {
  content: '\e90c';
}

.icon-download:before {
  content: '\e90d';
}

.icon-address:before {
  content: '\e908';
}

.icon-clock:before {
  content: '\e909';
}

.icon-chevron-down:before {
  content: '\e90a';
}

.icon-more:before {
  content: '\e90b';
}

.icon-facebook:before {
  content: '\e900';
}

.icon-linkedin:before {
  content: '\e901';
}

.icon-twitter:before {
  content: '\e902';
}

.icon-instagram:before {
  content: '\e903';
}

.icon-search:before {
  content: '\e904';
}

.icon-email:before {
  content: '\e905';
}

.icon-phone:before {
  content: '\e906';
}

.icon-marker:before {
  content: '\e907';
}

@font-face {
  font-family: 'Prata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Prata-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Hind-Medium.ttf') format('truetype');
}

html {
  scroll-behavior: smooth;
}

/* Global Fonts Start */
:root {
  /* Font Sizes with clamp() - REM based */
  --font-size-h1: clamp(1.875rem, 4vw, 4rem);
  /* 30px ~ 64px */
  --font-size-h2: clamp(1.875rem, 4vw, 2.75rem);
  /* 20px ~ 44px */
  --font-size-h3: clamp(1.75rem, 4vw, 2.5rem);
  /* 18px ~ 40px */
  --font-size-h4: clamp(1.5rem, 3vw, 1.875rem);
  /* 16px ~ 30px */
  --font-size-h5: clamp(1.25rem, 2.5vw, 1.5rem);
  /* 16px ~ 24px */
  --font-size-h6: clamp(1.125rem, 2vw, 1.25rem);
  /* 16px ~ 20px */
  --font-size-h7: clamp(1.125rem, 1.8vw, 1.125rem);
  /* 16px ~ 18px */

  /* Body Text */
  --font-size-body1: clamp(1rem, 2vw, 1.25rem);
  /* 16px ~ 20px */
  --font-size-body2: clamp(0.875rem, 1.8vw, 1rem);
  /* 14px ~ 16px */
  --font-size-body3: 0.75rem;
  /* 12px fixed */

  /* Button Text */
  --font-size-button: clamp(0.875rem, 1.8vw, 1rem);
  /* 14px ~ 16px */

  /* Font Families */
  --font-family-title: 'Prata', serif;
  --font-family-body: 'Hind', sans-serif;

  /* Font Weights */
  --font-weight-h1: 600;
  --font-weight-h2: 600;
  --font-weight-h3: 600;
  /* Semi-Bold */
  --font-weight-h4: 500;
  --font-weight-h5: 500;
  --font-weight-h6: 500;

  --font-weight-body1: 500;
  /* Medium */
  --font-weight-body2: 400;
  /* Regular */
  --font-weight-body3: 400;
  --font-weight-button: 600;
  /* Semi-Bold */

  /* Letter Spacing (in ems) */
  --letter-spacing-title: -0.02em;
  --letter-spacing-button: 0.03em;

  /* Line Heights */
  --line-height-body1: 1.4;
  --line-height-body2: 1.4;
  --line-height-body3: 1.4;
}

/* Global Fonts End */

/* Global Colors Start */
:root {
  --color-black: hsl(0, 0%, 0%);
  --color-white: hsl(0, 0%, 100%);
  --color-primary: #1c2964;
  --color-secondary: #1f2a44;
  --color-tertiary: #4b5563;
  --color-quaternary: #b3b3b3;
  --color-quinary: #f1e6da;
  --color-senary: #c19a6b;
  --color-septenary: #c03951;
  --color-octonary: #be202f;
  --color-nonary: #4b2e39;
  --color-transparent: hsla(0, 0%, 0%, 0);
  --pl-blue: #052e44;
  --bg-light-blue: #ecf4fd;
  --bg-pl-blue: #052e44;
  --light-blue: #ecf4fd;
}

/* Global Colors End */

/* Typography for Headings Start */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-title);
}

.title-h1 {
  font-family: var(--font-family-title);
  font-size: var(--font-size-h1) !important;
  font-weight: var(--font-weight-h1);
  letter-spacing: var(--letter-spacing-title);
  line-height: 1.2;
  margin-bottom: 1rem;
}

.heading-2 {
  font-family: var(--font-family-title);
  font-size: var(--font-size-h2) !important;
  font-weight: var(--font-weight-h2);
  letter-spacing: var(--letter-spacing-title);
  line-height: 1.25;
  margin-bottom: 1rem;
}

.heading-3 {
  font-family: var(--font-family-body);
  font-size: var(--font-size-h3) !important;
  font-weight: var(--font-weight-h3);
  letter-spacing: var(--letter-spacing-title);
  line-height: 1.3;
  margin-bottom: 1rem;
}

.heading-4 {
  font-family: var(--font-family-title);
  font-size: var(--font-size-h4) !important;
  font-weight: var(--font-weight-h4);
  letter-spacing: var(--letter-spacing-title);
  line-height: 1.35;
  margin-bottom: 1rem;
}

.heading-5 {
  font-family: var(--font-family-title);
  font-size: var(--font-size-h5) !important;
  font-weight: var(--font-weight-h5);
  letter-spacing: var(--letter-spacing-title);
  line-height: 1.4;
  margin-bottom: 1rem;
}

.heading-6 {
  font-family: var(--font-family-title);
  font-size: var(--font-size-h6) !important;
  font-weight: var(--font-weight-h6);
  letter-spacing: var(--letter-spacing-title);
  line-height: 1.4;
  margin-bottom: 1rem;
}

.heading-7 {
  font-family: var(--font-family-title);
  font-size: var(--font-size-h7) !important;
  font-weight: var(--font-weight-h6);
  letter-spacing: var(--letter-spacing-title);
  line-height: 1.4;
  margin-bottom: 1rem;
}

/* Typography for Headings End */

/* Typography for Body Text Start */
.body-text-1 {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body1);
  font-weight: var(--font-weight-body1);
  line-height: var(--line-height-body1);
  margin-bottom: 1rem;
}

.body-text-2,
p.body-text-2 {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body2);
  font-weight: var(--font-weight-body2);
  line-height: var(--line-height-body2);
  margin-bottom: 1rem;
}

.body-text-3,
p.body-text-3 {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body3);
  font-weight: var(--font-weight-body3);
  line-height: var(--line-height-body3);
  margin-bottom: 1rem;
}
/* Typography for Body Text End */

/* Typography for Button Text Start */
.button-text {
  font-family: var(--font-family-body);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-button);
  letter-spacing: var(--letter-spacing-button);
  text-transform: uppercase;
}
/* Typography for Button Text End */

/* Font Weights Start */
.font-weight-100 {
  font-weight: 100 !important;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-weight-900 {
  font-weight: 900 !important;
}
/* Font Weights End */

/* Text Alignment Start */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-balance {
  text-wrap: balance;
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-right {
    text-align: right;
  }
}
/* Text Alignment End */

/* Text Colors Start */
.text-primary {
  color: var(--color-primary) !important;
}
.text-secondary {
  color: var(--color-secondary) !important;
}
.text-white {
  color: var(--color-white) !important;
}
.text-black {
  color: var(--color-black) !important;
}
.text-tertiary {
  color: var(--color-tertiary) !important;
}
.text-quinary {
  color: var(--color-quinary) !important;
}
.text-dark {
  color: #0e151d !important;
}
.text-quaternary {
  color: var(--color-quaternary) !important;
}
.text-octonary {
  color: var(--color-octonary) !important;
}
.text-pl-blue {
  color: var(--pl-blue) !important;
}
/* Text Colors End */

/* Background Colors Start */
.bg-primary {
  background-color: var(--color-primary) !important;
}
.bg-secondary {
  background-color: var(--color-secondary) !important;
}
.bg-white {
  background-color: var(--color-white) !important;
}
.bg-black {
  background-color: var(--color-black) !important;
}
.bg-tertiary {
  background-color: var(--color-tertiary) !important;
}
.bg-quinary {
  background-color: var(--color-quinary) !important;
}
.bg-dark {
  background-color: #0e151d;
}
.bg-pl-blue {
  background-color: var(--pl-blue) !important;
}
.bg-octonary {
  background-color: var(--color-octonary) !important;
}
.bg-light-blue {
  background-color: var(--bg-light-blue) !important;
}
.bg-transparent {
  background-color: var(--color-transparent) !important;
}
/* Background Colors End */

/* Border Colors Start */
.bordered {
  border-width: 1px !important;
  border-style: solid !important;
}
.border-primary {
  border-color: var(--color-primary) !important;
}
.border-secondary {
  border-color: var(--color-secondary) !important;
}
.border-white {
  border-color: var(--color-white) !important;
}
.border-black {
  border-color: var(--color-black) !important;
}
.border-tertiary {
  border-color: var(--color-tertiary) !important;
}
.border-quinary {
  border-color: var(--color-quinary) !important;
}
.border-quaternary {
  border-color: var(--color-quaternary) !important;
}
.border-octonary {
  border-color: var(--color-octonary) !important;
}
.border-pl-blue {
  border-color: var(--pl-blue) !important;
}
/* Border Colors End */

/* Border Radius Start */
.rounded {
  border-radius: 1.25rem;
}
.rounded-circle {
  border-radius: 50%;
}
.rounded-sm {
  border-radius: 0.25rem;
}
.rounded-md {
  border-radius: 0.5rem;
}
.rounded-lg {
  border-radius: 0.75rem;
}
.rounded-xl {
  border-radius: 1rem;
}
/* Border Radius End */

/* additional block paddings start */
.py-6 {
  padding-block: 2.5rem;
}
.py-7 {
  padding-block: 3.75rem;
}
.py-8 {
  padding-block: 4.5rem;
}
.py-9 {
  padding-block: 5.25rem;
}
.py-10 {
  padding-block: 6rem;
}
@media (min-width: 992px) {
  .py-lg-6 {
    padding-block: 3.75rem;
  }
  .py-lg-7 {
    padding-block: 4.5rem;
  }
  .py-lg-8 {
    padding-block: 5.25rem;
  }
  .py-lg-9 {
    padding-block: 6rem;
  }
  .py-lg-10 {
    padding-block: 6.75rem;
  }
}
/* additional block paddings end */

/* Width and Height Start */
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
/* Width and Height End */

.self-center {
  align-self: center;
}

html,
body {
  font-family: var(--font-family-body);
}

.row-reverse {
  flex-direction: row-reverse;
}

.heading-section__title span,
.heading-section__desc span,
.title-red {
  color: var(--color-octonary);
}

.sw-pg--center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.aic {
  align-items: center;
}

.button {
  background-color: var(--pl-blue);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  height: 3rem;
  padding: 0.75rem 1rem;
  border-radius: 1.25rem;
  transition: 0.5s;
  display: flex;
  min-width: 10rem;
  width: fit-content;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
}

.button:hover {
  background-color: var(--color-octonary);
}

.button-link {
  background-color: var(--color-transparent);
  color: var(--color-octonary);
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  transition: 300ms;

  &:hover {
    color: var(--color-octonary);
    text-decoration: underline;
  }
}

.button-white {
  background-color: var(--color-white);
  color: var(--color-black);
  font-weight: 600;
  font-size: 1rem;
  padding: 1rem 2rem;
  border-radius: 1.25rem;
  transition: 300ms;
  border: 1px solid var(--color-white);

  &:hover {
    background-color: var(--pl-blue);
    color: var(--color-white);
  }
}

.bg-pattern {
  background-image: url(../../assets/img/pattern2.png);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Header Start */
nav ul.nav {
  position: relative;
  color: var(--pl-blue);

  & *,
  & *::before,
  & *::after {
    transition: 100ms;
  }

  & > .menu-item.nav-item {
    --indicator-offset: 0.25rem;
    margin-inline: calc(4 * var(--indicator-offset));
    position: relative;

    &::before {
      content: '';
      width: 0px;
      height: 2px;
      position: absolute;
      background-color: currentcolor;
      bottom: -2px;
      left: calc(-1 * var(--indicator-offset));
    }

    &:hover::before {
      width: calc(100% + calc(2 * var(--indicator-offset)));
    }
  }

  & ul > .menu-item {
    color: var(--pl-blue);
  }

  & .dropdown {
    & .dropdown-toggle::after {
      content: '';
      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCA4IDUiIGZpbGw9Im5vbmUiPgogIDxwYXRoIGQ9Ik0xLjAwNzgxIDEuMTgxNEw0LjAwNzgxIDQuMTgxNEw3LjAwNzgxIDEuMTgxNCIgc3Ryb2tlPSIjQkUyMDJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+');
      --arrow-size: 0.75rem;
      width: var(--arrow-size);
      height: var(--arrow-size);
      background-size: var(--arrow-size);
      display: inline-block;
      margin-left: 0.5rem;
      background-position: center;
      background-repeat: no-repeat;
    }

    & .dropdown-menu {
      opacity: 0;
      visibility: hidden;
      transition: 300ms;
      position: absolute;
      top: 2rem;
      padding: 0rem;
      border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
      background-color: #ffffff;

      & .menu-item {
        padding-inline: 0.5rem;
        padding-block: 0.325rem;
        font-size: 90%;
        /* min-width: max-content; */

        &:hover {
          background-color: var(--pl-blue);
          color: var(--color-white);
        }

        &:first-child {
          border-radius: 0.5rem 0.5rem 0rem 0rem;
        }

        &:last-child {
          border-radius: 0rem 0rem 0.5rem 0.5rem;
        }
      }
    }

    & .dropdown-item {
      display: block;
      white-space: nowrap;
    }

    &:hover .dropdown-menu {
      opacity: 1;
      visibility: visible;
      box-shadow: 0 0 2px 0px #00000040;
      border: 1px solid #052e4440;
      z-index: 100;
    }
  }
}

/* Header End */

/* Footer Start */
footer {
  background-image: url(../img/pattern3.png);
  background-size: cover;
  background-position: center center;

  & .menu .menu-item {
    margin-block: 0.25rem;
    padding-block: 0.25rem;
  }
}

/* Footer End */

.heading-section {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 3.75rem;

  & .heading-section__title {
    text-align: center;
    text-wrap-style: balance;
    font-size: 2.75rem;
    color: #052e44;
    line-height: 1.25;
  }

  & .heading-section__desc {
    text-align: center;
    text-wrap-style: balance;
    font-size: 1rem;
    color: #4b5563;
    line-height: 1.25;
  }
  & .heading-section__description {
    & p:not(:last-child) {
      margin-bottom: 0.5rem;
    }
  }

  & .heading-section__btn {
    color: #be202f;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    transition: color 0.5s;
    text-transform: capitalize;

    & i {
      transition: transform 0.5s;
    }
    &:hover {
      color: #052e44;
      & i {
        transform: rotate(45deg);
      }
    }
  }
}

.space--lg {
  margin-block: 7.5rem;
}

.btns__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

@media (max-width: 991.98px) {
  .heading-section {
    margin-bottom: 1.75rem;
  }

  .heading-section__title {
    font-size: 1.75rem;
  }

  .space--lg {
    margin-block: 3.5rem;
  }
}

.related-posts-section {
  & .related-posts-section--posts {
    & .card {
      box-shadow: 0px 4px 16px 0px rgba(34, 34, 34, 0.08);
      border-radius: 1rem;
    }
  }
}

section.search #sidebar-search {
  border: 1px solid #aaaaaa;
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.75rem;
  outline: none;
  font-size: 1rem;
}

.main-content {
  font-size: 1rem;
  line-height: 1.65;
  color: #4b5563;
}

.main-content img {
  display: block;
  margin: 1rem auto;
  border-radius: 1.25rem;
}

.main-content {
  & h1 {
    font-size: 2.5rem;
  }
  & h2 {
    font-size: 1.875rem;
  }
  & h3 {
    font-size: 1.5rem;
  }
  & h4 {
    font-size: 1.25rem;
  }
  & h5 {
    font-size: 1.125rem;
  }
  & h6 {
    font-size: 1.125rem;
  }
}

@media (max-width: 991.98px) {
  .main-content {
    & h1 {
      font-size: 1.75rem;
    }
    & h2 {
      font-size: 1.5rem;
    }
    & h3 {
      font-size: 1.25rem;
    }
    & h4 {
      font-size: 1.125rem;
    }
    & h5 {
      font-size: 1.125rem;
    }
    & h6 {
      font-size: 1.125rem;
    }
  }
}

.main-content :is(h1, h2, h3, h4, h5, h6) {
  margin-block: 3.5rem 1.5rem;
}

#modular-page > div:first-child {
  margin-top: 3rem !important;
}

@media (max-width: 991.98px) {
  .main-content :is(h1, h2, h3, h4, h5, h6) {
    margin-block: 3.5rem 1.5rem;
  }
}

.anchor-link {
  width: 1rem;
  position: absolute;
  left: 50%;
  top: -2.5rem;
}

@media (min-width: 1024px) {
  .anchor-link {
    top: -8rem;
  }
}

/* Swiper Styles */
span.swiper-pagination-bullet {
  --swiper-bullet-size: 0.675rem;
  width: var(--swiper-bullet-size);
  height: var(--swiper-bullet-size);
  border-radius: 1000px;
  transition: 300ms;

  &:hover {
    background-color: var(--color-octonary);
  }

  &.swiper-pagination-bullet-active {
    width: calc(2 * var(--swiper-bullet-size));
  }
}

.main-top {
  padding-block-start: 3rem;
}

@media (max-width: 991.98px) {
  .main-top {
    padding-block-start: 2rem;
  }
}

/* Global a Tag Style Start */
main article .main-content :is(p, ul, li) a {
  text-decoration: underline;
  text-decoration-color: var(--pl-blue);
  position: relative;
  transition: 300ms;

  &::before {
    content: '';
    position: absolute;
    width: 0%;
    background-color: var(--pl-blue);
    bottom: 2px;
    transition: 150ms;
    height: 4px;
    border-radius: 1rem;
  }

  &:hover {
    text-decoration: none;

    &::before {
      width: 100%;
    }
  }
}

/* Global a Tag Style End */

/* Blog Pagination Start */
.pagination-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  & .page-numbers {
    --item-size: 2.25rem;
    display: flex;
    width: var(--item-size);
    height: var(--item-size);
    align-items: center;
    padding: 0.5rem;
    color: var(--pl-blue, #052e44);
    font-family: var(--font-family-body);
    font-size: 1rem;
    border-radius: 1000px;
    justify-content: center;
    transition: 300ms;
    &:not(.dots) {
      &.current,
      &:hover {
        background-color: #e6b9bf;
        font-weight: 700;
        color: var(--color-octonary);
      }
    }
  }
}
/* Blog Pagination End */

/* Breadcrumb Style Start */
.mp-breadcrumb .rank-math-breadcrumb {
  font-size: 0.875rem;

  & span {
    color: var(--pl-blue);

    &.separator {
      margin-inline: 0.5rem;
    }
  }
  & a {
    color: var(--color-octonary);
  }
}

.section-hero .hero__content .mp-breadcrumb {
  margin-bottom: 0 !important;
  margin-top: 2rem;
}
/* Breadcrumb Style End */

/* MP FAQ Start */
.mp-faq-wrapper {
  & .mp-faq-item {
    padding-block: 1.25rem;
    padding-inline: 1.25rem;
    /* margin-bottom: unset; */
    border-radius: 1.25rem;
    background-color: var(--pl-blue);
    border: none;

    &:has(.active) {
      /* padding-bottom: 2rem; */
    }

    & .mp-faq-question {
      --icon-size: 2rem;
      position: relative;
      color: #fff;
      font-family: var(--font-family-title);
      font-size: 1.5rem;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      background-color: transparent;
      border: none;
      padding-inline: 0 3rem;
      text-wrap: auto;
      transition: 300ms;

      & .mp-faq-question-title {
        margin: 0 !important;
        color: #fff;
        font-family: var(--font-family-title);
        font-size: 1.5rem;
        font-style: normal;
        transition: 300ms;
        line-height: 1.5;

        &:hover {
          color: var(--color-quaternary);
        }
        &.active {
          color: var(--color-quaternary);
          &::after {
            opacity: 1;
            transform: scale(1) rotate(90deg);
            background-color: var(--pl-blue);
            border-radius: 1000px;
          }
        }
      }

      &::before,
      &::after {
        content: '';
        transition: 700ms;
        position: absolute;
        top: calc(50% - calc(var(--icon-size) / 2));
        left: auto;
        right: 0;
        background-size: var(--icon-size);
        width: var(--icon-size);
        height: var(--icon-size);
      }

      &::before,
      &::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath opacity='0.5' d='M15.9735 29.3114C23.3253 29.3114 29.285 23.3516 29.285 15.9999C29.285 8.64821 23.3253 2.68848 15.9735 2.68848C8.62184 2.68848 2.66211 8.64821 2.66211 15.9999C2.66211 23.3516 8.62184 29.3114 15.9735 29.3114Z' fill='white'/%3E%3Cpath d='M14.6828 11.3007C14.2929 10.9108 13.6608 10.9108 13.2709 11.3007C12.881 11.6906 12.881 12.3227 13.2709 12.7126L16.5584 16.0001L13.2709 19.2876C12.881 19.6775 12.881 20.3096 13.2709 20.6995C13.6608 21.0894 14.2929 21.0894 14.6828 20.6995L18.6763 16.706C19.0661 16.3162 19.0661 15.684 18.6763 15.2941L14.6828 11.3007Z' fill='%23252B37'/%3E%3C/svg%3E");
      }

      &::after {
        /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M2.71501 15.9999C2.71501 23.3516 8.67475 29.3114 16.0265 29.3114C23.3782 29.3114 29.3379 23.3516 29.3379 15.9999C29.3379 8.64821 23.3782 2.68848 16.0265 2.68848C8.67475 2.68848 2.71501 8.64821 2.71501 15.9999Z' fill='%23AA8848'/%3E%3Cpath d='M20.7252 14.7092C21.115 14.3193 21.115 13.6872 20.7252 13.2973C20.3353 12.9074 19.7032 12.9074 19.3133 13.2973L16.0258 16.5848L12.7383 13.2973C12.3484 12.9074 11.7163 12.9074 11.3264 13.2973C10.9365 13.6872 10.9365 14.3193 11.3264 14.7092L15.3198 18.7026C15.7097 19.0925 16.3419 19.0925 16.7317 18.7026L20.7252 14.7092Z' fill='white'/%3E%3C/svg%3E"); */
        opacity: 0;
        transform: scale(0) rotate(0deg);
      }

      &:hover {
        color: var(--color-quaternary);
      }
      &.active {
        color: var(--color-quaternary);

        &::after {
          opacity: 1;
          transform: scale(1) rotate(90deg);
          background-color: var(--pl-blue);
          border-radius: 1000px;
        }
      }
    }
    .mp-faq-wrapper {
      & .mp-faq-item {
        & .mp-faq-question {
          & .mp-faq-question-title {
            margin: 0 !important;
            color: #fff;
            font-family: var(--font-family-title);
            font-size: 1.5rem;
            font-style: normal;
            transition: 300ms;

            &:hover {
              color: var(--color-quaternary);
            }
            &.active {
              color: var(--color-quaternary);
              &::after {
                opacity: 1;
                transform: scale(1) rotate(90deg);
                background-color: var(--pl-blue);
                border-radius: 1000px;
              }
            }
          }
        }
      }
    }

    & .mp-faq-answer {
      color: #fff !important;
      font-size: 1rem;
      font-family: var(--font-family-body);
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin: 0;
      /* margin-top: 1.25rem; */

      & p {
        color: #fff !important;
      }
    }
  }
}
@media (max-width: 991.98px) {
  .mp-faq-wrapper {
    & .mp-faq-item {
      & .mp-faq-question {
        & .mp-faq-question-title {
          font-size: 1.25rem;
        }
      }
    }
  }
}

/* MP FAQ End */

.section-box-info.box-info-simple-center {
  & .box-info_row {
    & .box-info-item {
      padding: 2.5rem 3rem;
      background-color: #fff;
      border-radius: 0.90831rem;
      border: 0.73px solid rgba(2, 0, 39, 0.25);
      box-shadow: 0 4px 17px 0 rgba(34, 34, 34, 0.08);
      & .box-info-item-title {
        text-align: center;
        & span {
          color: var(--color-octonary);
        }
      }
    }
  }

  & .block_boxinfo_cards__text_foot {
    text-align: center;

    & :is(b, strong) {
      color: var(--color-octonary);
    }
  }
}

.author-box-container {
  & .author-box {
    padding: 2rem 1rem;
    position: relative;
    &::before {
      content: '';
      z-index: -1;
      background-image: url(../img/ctabg.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0.25;
    }
    & .author-img {
      max-height: 10rem;
      object-fit: contain;
      width: auto;
    }
    & .author-box--content {
      & .author-title {
        margin-top: 1rem;
        position: relative;
        margin-bottom: 1.5rem !important;
        --border-length: 2.5rem;
        &::before {
          content: '';
          display: block;
          left: 0;
          top: auto;
          bottom: 0;
          width: var(--border-length);
          height: 2px;
          border-radius: 2rem;
          background-color: var(--color-octonary);
          position: absolute;
        }
      }
    }
  }
}
@media (max-width: 991px) {
  .author-box-container {
    & .author-box {
      justify-content: center;
      & .author-box--content {
        & .author-name,
        & .author-title,
        & .author-text {
          text-align: center;
        }
        & .author-title::before {
          width: calc(2 * var(--border-length)) !important;
          left: calc(50% - var(--border-length)) !important;
        }
      }
    }
  }
}

/* Custom Table Start */
.post-content table {
  margin-bottom: 2rem;
  & thead * {
    font-size: var(--font-size-h3);
    color: var(--pl-blue) !important;
    font-weight: 400 !important;
  }

  & tbody {
    border-radius: 2rem;
    & tr {
      --th-border-height: 1.625rem;
      text-align: center;
      & th {
        background-color: var(--pl-blue);
        color: #fff !important;
        padding-block: 2rem;
        line-height: 1;
        &:first-child {
          border-radius: 1rem 0 0 0;
        }
        &:last-child {
          border-radius: 0 1rem 0 0;
        }
        &:not(:last-child) {
          position: relative;
          &::after {
            content: '';
            position: absolute;
            left: auto;
            top: calc(50% - var(--th-border-height) / 2);
            width: 2px;
            right: 0;
            height: var(--th-border-height);
            background-color: #fff;
            border-radius: 2rem;
          }
        }
      }
      &:nth-child(odd) td {
        background-color: #ecf4fd;
      }
      &:nth-child(even) td {
        background-color: #fff;
      }
      & td {
        padding: 1rem;
        color: var(--pl-blue) !important;
      }

      &:last-child td {
        &:first-child {
          border-radius: 0 0 0 1rem;
        }
        &:last-child {
          border-radius: 0 0 1rem 0;
        }
      }
      & :is(td, th) {
      }
    }
  }
}
/* Custom Table End */

/* CTA Shortcode Start */
.mp-pl-shortcode {
  padding: 2rem 1rem;
  margin: 1.5rem 0 2rem;
  background-color: var(--pl-blue);
  background-image: url(../img/ctabg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 1.25rem;
  & .custom-title {
    text-align: center;
    text-wrap-style: balance;
    font-size: clamp(1.5rem, 4vw, 1.75rem);
    color: #ffffff;
    margin: 0;
  }
  & .custom-text {
    text-align: center;
    text-wrap-style: balance;
    font-size: 1rem;
    color: #ffffff;
  }
  & .btn.btn-primary {
    margin: 0 auto;
    color: #052e44;
    font-size: 1rem;
    padding: 0.625rem 1.5rem;
    border-radius: 1.25rem;
    background: #fff;
    font-weight: 600;
    transition: 0.5s;
    &:hover {
      background-color: var(--color-octonary);
    }
  }
}
/* CTA Shortcode End */

article.main-content {
  & :is(ul, ol) {
    list-style: revert;
    padding-inline-start: 2rem;
    & li {
      margin-bottom: 0.5rem;
    }
  }
  & a {
    color: var(--color-octonary);
    text-decoration: underline;
    transition: 300ms ease-in-out;
    &:hover {
      color: var(--color-secondary);
    }
  }
}

.tldr-summary[aria-label='Summary'] {
  padding: 2rem 1.5rem 2rem 1.5rem;
  margin: 3rem 0rem 3rem 0rem;
  border-width: 1px 1px 1px 1px;
  background-color: #ffffff;
  border-color: #052e44;
  border-radius: 1rem 1rem 1rem 1rem;
  border-style: solid;

  & .tldr-title {
    font-size: var(--mp-title_size);
    color: var(--mp-title_color);
    margin-block-start: 0 !important;
    margin-block-end: 0.5rem !important;
    font-weight: var(--mp-font-weight);
  }

  & p {
    font-size: 1rem;
    &:last-child {
      margin-bottom: 0 !important;
    }
  }
}

.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  top: -10000em;
  width: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  width: 1px;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #333;
  display: block;
  font-size: 1rem;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 12px 24px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.mp-inline-related-posts {
  --ilp-accent-dark: var(--color-quinary);
  --ilp-accent-light: var(--color-white);
  --ilp-accent-bg-dark: var(--pl-blue);
  --ilp-accent-bg-light: var(--color-octonary);
}

form.wpcf7-form.sent > div.container {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  font-size: 1.25rem;
  border: none;
  color: var(--pl-blue);
}