/*
Theme Name: ACF Theme
Theme URI: 
Author: Prystech
Description: Wordpress Theme
Version: 1.0.0
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@font-face {
  font-family: "Nohemi";
  src: url(./assets/fonts/Nohemi-Regular.ttf); }

@font-face {
  font-family: "General Sans";
  src: url(./assets/fonts/GeneralSans-Regular.otf); }

@font-face {
  font-family: "Creato Display";
  src: url(./assets/fonts/CreatoDisplay-Regular.otf); }

/* @import must be at top of file, otherwise CSS will not work */
:root {
  --textPrimary: #ffffff;
  --textSecondary: #d9d9d9;
  --placeholder: #ffffff80;
  --red: #ff0000;
  --white: #ffffff;
  --black: #000000;
  --padding: 60px 160px;
  --xlPadding: 60px 80px;
  --mdPadding: 40px;
  --smPadding: 40px 20px;
  --inter: "Inter", sans-serif;
  --creato: "Creato Display", sans-serif;
  --sans: "General Sans", sans-serif;
  --nohemi: "Nohemi"; }

.debug {
  position: fixed;
  top: 0px;
  left: 0px;
  color: crimson;
  margin: 0;
  padding: 3px;
  font-size: 12px;
  line-height: 12px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 99999; }
  .debug .debug-currentBreakpoint::after {
    content: "Breakpoint: MAX"; }
  .debug .debug-breakpointRange::after {
    content: "Range: 1500px - Unlimited"; }

@media (max-width: 0px) {
  .debug .debug-currentBreakpoint::after {
    content: "Breakpoint: MAX"; }
  .debug .debug-breakpointRange::after {
    content: "Range: 1500px - 0px"; } }

@media (max-width: 1499px) {
  .debug .debug-currentBreakpoint::after {
    content: "Breakpoint: XL"; }
  .debug .debug-breakpointRange::after {
    content: "Range: 1250px - 1499px"; } }

@media (max-width: 1249px) {
  .debug .debug-currentBreakpoint::after {
    content: "Breakpoint: LG"; }
  .debug .debug-breakpointRange::after {
    content: "Range: 992px - 1249px"; } }

@media (max-width: 991px) {
  .debug .debug-currentBreakpoint::after {
    content: "Breakpoint: MD"; }
  .debug .debug-breakpointRange::after {
    content: "Range: 768px - 991px"; } }

@media (max-width: 767px) {
  .debug .debug-currentBreakpoint::after {
    content: "Breakpoint: SM"; }
  .debug .debug-breakpointRange::after {
    content: "Range: 576px - 767px"; } }

@media (max-width: 575px) {
  .debug .debug-currentBreakpoint::after {
    content: "Breakpoint: XS"; }
  .debug .debug-breakpointRange::after {
    content: "Range: 0px - 575px"; } }

.adminbar .debug {
  top: 32px; }
  @media (max-width: 991px) {
    .adminbar .debug {
      top: 0px;
      left: 120px; } }

@media (max-width: 991px) {
  #wpadminbar {
    display: none; }
  html#no {
    margin-top: 0 !important; } }

* {
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

sup,
sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em; }

sub {
  top: 0.4em; }

html {
  scroll-behavior: smooth; }

html,
body {
  margin: 0;
  padding: 0; }

*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  position: relative;
  color: var(--textPrimary);
  background-color: #000; }
  body.no-scroll {
    overflow: hidden; }

::-webkit-scrollbar {
  width: 0px;
  height: 0px; }

::-webkit-scrollbar-track {
  background: rgba(17, 17, 17, 0.1); }

::-webkit-scrollbar-thumb {
  background: rgba(17, 17, 17, 0.5);
  border-radius: 20px; }

::-webkit-scrollbar-thumb:hover {
  background: rgba(17, 17, 17, 0.5);
  border-radius: 20px; }

a {
  text-decoration: none;
  display: inline-block;
  font-family: var(--sans); }

.button {
  max-width: fit-content;
  background-color: var(--red);
  color: var(--textPrimary);
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--sans);
  border-radius: 8px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out; }
  .button:hover {
    background-color: var(--textPrimary);
    color: var(--red); }
  .button.white {
    background-color: var(--textPrimary);
    color: var(--black); }
    .button.white:hover {
      background-color: var(--red);
      color: var(--textPrimary); }
  .button.transparent {
    background-color: transparent;
    border: 1px solid var(--textPrimary);
    color: var(--textPrimary); }
    .button.transparent:hover {
      background-color: var(--red);
      border-color: var(--red); }

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -3; }

.section-tag {
  font-size: 20px;
  color: var(--red);
  font-weight: 500;
  font-family: var(--nohemi);
  text-transform: uppercase; }
  @media (max-width: 991px) {
    .section-tag {
      font-size: 18px; } }
  @media (max-width: 767px) {
    .section-tag {
      font-size: 16px; } }

.section-heading {
  font-size: 56px;
  font-family: var(--nohemi);
  color: var(--textPrimary);
  font-weight: 400;
  text-align: center;
  text-transform: capitalize; }
  @media (max-width: 1249px) {
    .section-heading {
      font-size: 44px; } }
  @media (max-width: 991px) {
    .section-heading {
      font-size: 32px; } }
  @media (max-width: 767px) {
    .section-heading {
      font-size: 26px; } }

.section-description {
  font-size: 20px;
  font-weight: 400;
  font-family: var(--sans);
  color: var(--textPrimary);
  text-align: center; }
  @media (max-width: 991px) {
    .section-description {
      font-size: 18px; } }
  @media (max-width: 767px) {
    .section-description {
      font-size: 16px; } }

::selection {
  background-color: var(--textPrimary);
  color: var(--black); }

.error-page {
  padding: var(--padding); }
  @media (max-width: 1499px) {
    .error-page {
      padding: var(--xlPadding); } }
  @media (max-width: 991px) {
    .error-page {
      padding: var(--mdPadding); } }
  @media (max-width: 767px) {
    .error-page {
      padding: var(--smPadding); } }
  .error-page .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }

.footer {
  width: 100%;
  padding: var(--padding); }
  @media (max-width: 1499px) {
    .footer {
      padding: var(--xlPadding); } }
  @media (max-width: 991px) {
    .footer {
      padding: var(--mdPadding); } }
  @media (max-width: 767px) {
    .footer {
      padding: var(--smPadding); } }
  .footer .inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    background: linear-gradient(180deg, black 0%, #600909 100%);
    position: relative; }
    .footer .inner::before {
      border-radius: 20px;
      content: '';
      background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.1) 100%);
      top: -1px;
      left: -1px;
      bottom: -1px;
      right: -1px;
      position: absolute;
      z-index: -1; }
    .footer .inner .top-wrap {
      display: flex;
      justify-content: start;
      align-items: stretch;
      width: 100%;
      height: 100%;
      border-bottom: 1px solid white; }
      @media (max-width: 991px) {
        .footer .inner .top-wrap {
          flex-direction: column; } }
      .footer .inner .top-wrap .description-container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 80px; }
        @media (max-width: 1249px) {
          .footer .inner .top-wrap .description-container {
            padding: 0px 40px; } }
        @media (max-width: 991px) {
          .footer .inner .top-wrap .description-container {
            padding: 30px;
            max-width: unset; } }
        .footer .inner .top-wrap .description-container .description {
          display: flex;
          width: 100%;
          font-size: 16px;
          font-family: var(--sans);
          font-weight: 400;
          color: var(--white);
          line-height: 140%; }
          @media (max-width: 767px) {
            .footer .inner .top-wrap .description-container .description {
              font-size: 14px;
              text-align: center; } }
      .footer .inner .top-wrap .links-wrap {
        display: flex;
        width: 100%;
        max-width: 40%; }
        @media (max-width: 991px) {
          .footer .inner .top-wrap .links-wrap {
            max-width: unset;
            border-top: 1px solid white; } }
        .footer .inner .top-wrap .links-wrap .footer-links {
          width: 100%;
          display: flex;
          align-items: center; }
          @media (max-width: 575px) {
            .footer .inner .top-wrap .links-wrap .footer-links {
              padding: 30px;
              gap: 25px;
              flex-direction: column; } }
          .footer .inner .top-wrap .links-wrap .footer-links .column {
            width: 50%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 40px;
            row-gap: 40px;
            border-left: 1px solid white; }
            @media (max-width: 767px) {
              .footer .inner .top-wrap .links-wrap .footer-links .column:first-of-type {
                border-left: unset; } }
            @media (max-width: 575px) {
              .footer .inner .top-wrap .links-wrap .footer-links .column {
                padding: 0px;
                row-gap: 25px;
                border-left: unset; }
                .footer .inner .top-wrap .links-wrap .footer-links .column:first-of-type {
                  border-left: unset; } }
            .footer .inner .top-wrap .links-wrap .footer-links .column a {
              width: fit-content;
              font-size: 16px;
              font-family: var(--creato);
              color: white;
              text-align: center;
              text-wrap: nowrap; }
              @media (max-width: 767px) {
                .footer .inner .top-wrap .links-wrap .footer-links .column a {
                  font-size: 14px; } }
    .footer .inner .bottom-wrap {
      display: flex;
      justify-content: space-between;
      align-items: end;
      padding: 0px 80px 60px 80px; }
      @media (max-width: 1249px) {
        .footer .inner .bottom-wrap {
          align-items: start;
          padding: 40px; } }
      @media (max-width: 767px) {
        .footer .inner .bottom-wrap {
          padding: 30px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 30px; } }
      .footer .inner .bottom-wrap .logo {
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (max-width: 767px) {
          .footer .inner .bottom-wrap .logo {
            width: 100%; } }
        @media (max-width: 1249px) {
          .footer .inner .bottom-wrap .logo img {
            width: 300px; } }
        @media (max-width: 991px) {
          .footer .inner .bottom-wrap .logo img {
            width: 250px; } }
        @media (max-width: 575px) {
          .footer .inner .bottom-wrap .logo img {
            width: 200px; } }
      .footer .inner .bottom-wrap .right-wrap {
        width: 100%;
        max-width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        gap: 60px; }
        @media (max-width: 1499px) {
          .footer .inner .bottom-wrap .right-wrap {
            max-width: 30%;
            gap: 40px; } }
        @media (max-width: 991px) {
          .footer .inner .bottom-wrap .right-wrap {
            gap: 30px; } }
        @media (max-width: 767px) {
          .footer .inner .bottom-wrap .right-wrap {
            justify-content: center;
            align-items: center;
            max-width: unset;
            gap: 10px; } }
        .footer .inner .bottom-wrap .right-wrap .socials-wrap {
          display: flex;
          gap: 20px; }
          @media (max-width: 991px) {
            .footer .inner .bottom-wrap .right-wrap .socials-wrap {
              gap: 10px; } }
          .footer .inner .bottom-wrap .right-wrap .socials-wrap a {
            max-width: 32px;
            width: 100%; }
            @media (max-width: 767px) {
              .footer .inner .bottom-wrap .right-wrap .socials-wrap a {
                width: 25px;
                height: 25px; } }
            .footer .inner .bottom-wrap .right-wrap .socials-wrap a img {
              width: 100%; }
        .footer .inner .bottom-wrap .right-wrap .copyright {
          color: var(--white);
          font-size: 16px;
          font-family: var(--sans);
          line-height: 110%; }
          @media (max-width: 767px) {
            .footer .inner .bottom-wrap .right-wrap .copyright {
              font-size: 14px;
              text-align: center; } }

.container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 30px 30px 0px 30px; }
  @media (max-width: 767px) {
    .container {
      padding: 20px 20px 0px 20px; } }

.header {
  display: flex;
  justify-content: space-between;
  gap: 70px;
  position: relative; }
  .header .left {
    flex: 17%;
    height: 75px;
    border-top: 1px solid #fff;
    border-top-right-radius: 8px;
    border-top-left-radius: 10px;
    position: relative;
    border-left: 1px solid #fff;
    z-index: 40; }
    @media (max-width: 1499px) {
      .header .left {
        flex: 12%; } }
    @media (max-width: 1249px) {
      .header .left {
        flex: 7%; } }
    @media (max-width: 991px) {
      .header .left {
        flex: 35%; } }
    @media (max-width: 767px) {
      .header .left {
        flex: 35%; } }
    .header .left .left-trapezium:before {
      content: "";
      position: absolute;
      right: -83px;
      bottom: 31px;
      height: 10px;
      width: 110px;
      border-top-left-radius: 10px;
      border-top: 1px solid #fff;
      transform: rotate(45deg);
      z-index: 40; }
  .header .menu {
    flex: 65%;
    justify-content: center;
    align-items: center;
    height: 61px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
    position: relative; }
    @media (max-width: 1499px) {
      .header .menu {
        flex: 76%; } }
    @media (max-width: 1249px) {
      .header .menu {
        flex: 86%; } }
    @media (max-width: 991px) {
      .header .menu {
        flex: 30%; } }
    .header .menu::before {
      position: absolute;
      content: "";
      z-index: 9999;
      bottom: -16px;
      left: -4px;
      width: calc(100% + 8px);
      height: 15px;
      border-radius: 10px;
      border-bottom: 1px solid white;
      z-index: 11; }
    .header .menu .link-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 40px;
      width: 100%;
      height: 100%;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
      @media (max-width: 1499px) {
        .header .menu .link-wrap {
          gap: 30px; } }
      @media (max-width: 1249px) {
        .header .menu .link-wrap {
          gap: 20px; } }
      @media (max-width: 991px) {
        .header .menu .link-wrap {
          position: fixed;
          flex-direction: column;
          background: linear-gradient(180deg, black 0%, #600909 100%);
          width: calc(100vw - 64px);
          top: 107px;
          left: 31px;
          z-index: 10;
          border-radius: 10px;
          overflow: hidden;
          height: 0;
          opacity: 0;
          transition: height 0.5s ease, opacity 0.5s ease-in; }
          .header .menu .link-wrap.open {
            transition: height 0.5s ease, opacity 0.5s ease-in;
            height: calc(60vh);
            opacity: 1; } }
  @media (max-width: 991px) and (max-width: 767px) {
    .header .menu .link-wrap {
      width: calc(100vw - 44px);
      top: 96px;
      left: 21px; } }
      .header .menu .link-wrap .link {
        text-align: center;
        font-size: 16px;
        font-family: var(--sans);
        font-weight: 400;
        color: white;
        z-index: 60;
        transition: color 0.3s ease; }
        .header .menu .link-wrap .link:hover, .header .menu .link-wrap .link:active {
          color: var(--red); }
    .header .menu .hamburger-wrap {
      display: none; }
      @media (max-width: 991px) {
        .header .menu .hamburger-wrap {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          z-index: 100; } }
      .header .menu .hamburger-wrap .hamburger-menu {
        font-size: 20px;
        font-family: var(--nohemi);
        font-weight: 400;
        z-index: 60; }
    .header .menu .half-trapezium-left:before {
      content: "";
      position: absolute;
      left: -59px;
      bottom: 25px;
      height: 10px;
      width: 81px;
      border-left: 1px solid #fff;
      border-radius: 10px;
      border-bottom: 1px solid #fff;
      transform: rotate(45deg);
      z-index: 30; }
    .header .menu .half-trapezium-left:after {
      content: "";
      position: absolute;
      height: 1px;
      width: 44px;
      background-color: #fff;
      left: -44px;
      top: -1px;
      z-index: 30; }
    .header .menu .half-trapezium-right:before {
      content: "";
      position: absolute;
      right: -59px;
      /* top: 0; */
      bottom: 25px;
      height: 10px;
      width: 81px;
      border-right: 1px solid #fff;
      border-radius: 10px;
      border-bottom: 1px solid #fff;
      transform: rotate(-45deg);
      z-index: 30; }
    .header .menu .half-trapezium-right:after {
      content: "";
      position: absolute;
      height: 1px;
      width: 44px;
      background-color: #fff;
      right: -44px;
      top: -1px;
      z-index: 30; }
  .header .right {
    flex: 17%;
    height: 75px;
    border-top: 1px solid #fff;
    border-collapse: separate;
    border-right: 1px solid #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 8px;
    position: relative;
    z-index: 40; }
    @media (max-width: 1499px) {
      .header .right {
        flex: 12%; } }
    @media (max-width: 1249px) {
      .header .right {
        flex: 7%; } }
    @media (max-width: 991px) {
      .header .right {
        flex: 35%; } }
    @media (max-width: 767px) {
      .header .right {
        flex: 35%; } }
    .header .right .right-trapezium:before {
      content: "";
      position: absolute;
      left: -83px;
      bottom: 31px;
      height: 10px;
      width: 110px;
      border-top-right-radius: 10px;
      border-top-left-radius: -10px;
      border-top: 1px solid #fff;
      transform: rotate(-45deg);
      z-index: 40; }

.cards-section {
  padding: var(--padding); }
  @media (max-width: 1499px) {
    .cards-section {
      padding: var(--xlPadding); } }
  @media (max-width: 991px) {
    .cards-section {
      padding: var(--mdPadding); } }
  @media (max-width: 767px) {
    .cards-section {
      padding: var(--smPadding); } }
  .cards-section .inner {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .cards-section .inner .tag {
      margin-bottom: 30px; }
      @media (max-width: 991px) {
        .cards-section .inner .tag {
          margin-bottom: 15px; } }
    .cards-section .inner .heading {
      margin-bottom: 40px; }
      @media (max-width: 991px) {
        .cards-section .inner .heading {
          margin-bottom: 20px; } }
    .cards-section .inner .section-description {
      max-width: 1010px;
      line-height: 120%;
      margin-bottom: 55px; }
      @media (max-width: 991px) {
        .cards-section .inner .section-description {
          margin-bottom: 30px; } }
    .cards-section .inner .cards-wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 40px; }
      .cards-section .inner .cards-wrap.red .card {
        width: calc(50% - 20px);
        background-color: #ffffff05;
        border: 2px solid #ffffff60;
        border-radius: 48px;
        padding: 40px; }
        @media (max-width: 1249px) {
          .cards-section .inner .cards-wrap.red .card {
            width: calc(100%);
            padding: 20px; } }
        @media (max-width: 991px) {
          .cards-section .inner .cards-wrap.red .card {
            border-radius: 32px; } }
        @media (max-width: 767px) {
          .cards-section .inner .cards-wrap.red .card {
            width: calc(100%);
            padding: 10px; } }
        .cards-section .inner .cards-wrap.red .card:nth-child(2n) .content-wrap .red-gradient, .cards-section .inner .cards-wrap.red .card:nth-child(2n) .content-wrap .star-lines-svg {
          transform: scaleX(-1); }
        .cards-section .inner .cards-wrap.red .card .content-wrap {
          position: relative;
          display: flex;
          flex-direction: column;
          height: 100%;
          border-radius: 30px;
          padding: 60px;
          border: 2px solid transparent;
          overflow: hidden; }
          @media (max-width: 1249px) {
            .cards-section .inner .cards-wrap.red .card .content-wrap {
              padding: 40px; } }
          @media (max-width: 991px) {
            .cards-section .inner .cards-wrap.red .card .content-wrap {
              padding: 20px;
              border-radius: 20px; } }
          .cards-section .inner .cards-wrap.red .card .content-wrap::before {
            position: absolute;
            inset: 0;
            /* covers parent's entire padding-box */
            z-index: -3;
            /* placed behind card's contents (pointer-events: none works too) */
            border: solid 4px #0000;
            /* reserve space for the border */
            border-radius: 30px;
            /* ensure gradient size is relative to border-box (not default padding-box) */
            background: linear-gradient(180deg, var(--red), black) border-box;
            --lyr: conic-gradient(var(--red) 0 0);
            /* any kind of gradient that's opaque everywhere */
            /* exclude padding-box (that is, mask out everything but the border area) */
            mask: var(--lyr) padding-box exclude, var(--lyr);
            content: ''; }
            @media (max-width: 991px) {
              .cards-section .inner .cards-wrap.red .card .content-wrap::before {
                border-radius: 20px; } }
          .cards-section .inner .cards-wrap.red .card .content-wrap::after {
            position: absolute;
            inset: 4px;
            z-index: -2;
            content: '';
            background-color: #000;
            border-radius: 30px; }
          .cards-section .inner .cards-wrap.red .card .content-wrap .bg-gradient {
            position: absolute;
            width: 100%;
            z-index: -1;
            content: '';
            inset: 4px;
            background: linear-gradient(180deg, #00000000, #000000);
            border-radius: 30px; }
          .cards-section .inner .cards-wrap.red .card .content-wrap .star-lines-svg {
            position: absolute;
            width: 100%;
            inset: 0;
            bottom: unset;
            z-index: -1; }
          .cards-section .inner .cards-wrap.red .card .content-wrap .grid-svg {
            position: absolute;
            width: 100%;
            inset: 0;
            top: unset;
            z-index: -1; }
          .cards-section .inner .cards-wrap.red .card .content-wrap .red-gradient {
            position: absolute;
            width: 100%;
            inset: 0;
            z-index: -1; }
          .cards-section .inner .cards-wrap.red .card .content-wrap ul, .cards-section .inner .cards-wrap.red .card .content-wrap ol {
            padding-left: 20px;
            margin-bottom: 40px; }
            .cards-section .inner .cards-wrap.red .card .content-wrap ul li, .cards-section .inner .cards-wrap.red .card .content-wrap ol li {
              font-size: 16px;
              font-family: var(--sans);
              color: var(--textSecondary); }
              @media (max-width: 767px) {
                .cards-section .inner .cards-wrap.red .card .content-wrap ul li, .cards-section .inner .cards-wrap.red .card .content-wrap ol li {
                  font-size: 14px; } }
              .cards-section .inner .cards-wrap.red .card .content-wrap ul li::marker, .cards-section .inner .cards-wrap.red .card .content-wrap ol li::marker {
                color: var(--textSecondary); }
          .cards-section .inner .cards-wrap.red .card .content-wrap .card-title, .cards-section .inner .cards-wrap.red .card .content-wrap .card-heading, .cards-section .inner .cards-wrap.red .card .content-wrap p {
            margin-bottom: 30px; }
            @media (max-width: 991px) {
              .cards-section .inner .cards-wrap.red .card .content-wrap .card-title, .cards-section .inner .cards-wrap.red .card .content-wrap .card-heading, .cards-section .inner .cards-wrap.red .card .content-wrap p {
                margin-bottom: 20px; } }
          .cards-section .inner .cards-wrap.red .card .content-wrap .card-title {
            font-size: 24px;
            font-weight: 500;
            font-family: var(--nohemi); }
            @media (max-width: 991px) {
              .cards-section .inner .cards-wrap.red .card .content-wrap .card-title {
                font-size: 20px; } }
            @media (max-width: 767px) {
              .cards-section .inner .cards-wrap.red .card .content-wrap .card-title {
                font-size: 16px;
                font-weight: 400; } }
          .cards-section .inner .cards-wrap.red .card .content-wrap .card-heading {
            font-size: 32px;
            font-weight: 500;
            font-family: var(--nohemi); }
            @media (max-width: 991px) {
              .cards-section .inner .cards-wrap.red .card .content-wrap .card-heading {
                font-size: 28px; } }
            @media (max-width: 767px) {
              .cards-section .inner .cards-wrap.red .card .content-wrap .card-heading {
                font-size: 24px; } }
          .cards-section .inner .cards-wrap.red .card .content-wrap p {
            font-size: 16px;
            font-family: var(--sans);
            color: var(--textSecondary); }
            @media (max-width: 767px) {
              .cards-section .inner .cards-wrap.red .card .content-wrap p {
                font-size: 14px; } }
      .cards-section .inner .cards-wrap.grey {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, 1fr);
        gap: 30px; }
        @media (max-width: 991px) {
          .cards-section .inner .cards-wrap.grey {
            display: flex;
            flex-direction: column;
            gap: 20px; } }
        .cards-section .inner .cards-wrap.grey .card {
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #ffffff80;
          border-radius: 12px;
          padding: 30px 40px;
          box-shadow: -29px -30px 44px -10px rgba(209, 209, 209, 0.1) inset;
          -webkit-box-shadow: -29px -30px 44px -10px rgba(209, 209, 209, 0.1) inset;
          -moz-box-shadow: -29px -30px 44px -10px rgba(209, 209, 209, 0.1) inset;
          background: #ffffff15;
          backdrop-filter: blur(15px);
          -webkit-backdrop-filter: blur(10px); }
          @media (max-width: 1499px) {
            .cards-section .inner .cards-wrap.grey .card {
              padding: 30px; } }
          @media (max-width: 767px) {
            .cards-section .inner .cards-wrap.grey .card {
              padding: 20px; } }
          .cards-section .inner .cards-wrap.grey .card:nth-child(1) {
            display: block;
            grid-column: span 2 / span 2;
            grid-row: span 3 / span 3;
            padding: 50px 40px; }
            @media (max-width: 1499px) {
              .cards-section .inner .cards-wrap.grey .card:nth-child(1) {
                padding: 30px; } }
            @media (max-width: 767px) {
              .cards-section .inner .cards-wrap.grey .card:nth-child(1) {
                padding: 20px; } }
          .cards-section .inner .cards-wrap.grey .card:nth-child(2) {
            grid-column-start: 3; }
          .cards-section .inner .cards-wrap.grey .card:nth-child(3) {
            grid-column-start: 4; }
          .cards-section .inner .cards-wrap.grey .card:nth-child(4) {
            grid-column-start: 3;
            grid-row-start: 2; }
          .cards-section .inner .cards-wrap.grey .card:nth-child(5) {
            grid-column-start: 4;
            grid-row-start: 2; }
          .cards-section .inner .cards-wrap.grey .card:nth-child(6) {
            grid-column: span 2 / span 2;
            grid-column-start: 3;
            grid-row-start: 3; }
          .cards-section .inner .cards-wrap.grey .card .content-wrap {
            display: flex;
            flex-direction: column; }
            .cards-section .inner .cards-wrap.grey .card .content-wrap ul, .cards-section .inner .cards-wrap.grey .card .content-wrap ol {
              padding-left: 20px;
              margin-bottom: 40px; }
              .cards-section .inner .cards-wrap.grey .card .content-wrap ul li, .cards-section .inner .cards-wrap.grey .card .content-wrap ol li {
                font-size: 20px;
                font-weight: 400;
                line-height: 120%;
                margin-bottom: 8px;
                font-family: var(--sans); }
                @media (max-width: 991px) {
                  .cards-section .inner .cards-wrap.grey .card .content-wrap ul li, .cards-section .inner .cards-wrap.grey .card .content-wrap ol li {
                    font-size: 16px; } }
                @media (max-width: 767px) {
                  .cards-section .inner .cards-wrap.grey .card .content-wrap ul li, .cards-section .inner .cards-wrap.grey .card .content-wrap ol li {
                    font-size: 14px; } }
            .cards-section .inner .cards-wrap.grey .card .content-wrap .card-title, .cards-section .inner .cards-wrap.grey .card .content-wrap .card-heading, .cards-section .inner .cards-wrap.grey .card .content-wrap p {
              margin-bottom: 30px; }
              @media (max-width: 991px) {
                .cards-section .inner .cards-wrap.grey .card .content-wrap .card-title, .cards-section .inner .cards-wrap.grey .card .content-wrap .card-heading, .cards-section .inner .cards-wrap.grey .card .content-wrap p {
                  margin-bottom: 20px; } }
              .cards-section .inner .cards-wrap.grey .card .content-wrap .card-title:last-child, .cards-section .inner .cards-wrap.grey .card .content-wrap .card-heading:last-child, .cards-section .inner .cards-wrap.grey .card .content-wrap p:last-child {
                margin-bottom: 0; }
            .cards-section .inner .cards-wrap.grey .card .content-wrap .card-title {
              font-size: 24px;
              font-weight: 500;
              font-family: var(--nohemi); }
              @media (max-width: 991px) {
                .cards-section .inner .cards-wrap.grey .card .content-wrap .card-title {
                  font-size: 22px; } }
              @media (max-width: 767px) {
                .cards-section .inner .cards-wrap.grey .card .content-wrap .card-title {
                  font-size: 18px; } }
            .cards-section .inner .cards-wrap.grey .card .content-wrap .card-heading {
              font-size: 32px;
              font-weight: 500;
              font-family: var(--nohemi); }
              @media (max-width: 991px) {
                .cards-section .inner .cards-wrap.grey .card .content-wrap .card-heading {
                  font-size: 28px; } }
              @media (max-width: 767px) {
                .cards-section .inner .cards-wrap.grey .card .content-wrap .card-heading {
                  font-size: 22px; } }
            .cards-section .inner .cards-wrap.grey .card .content-wrap p {
              text-align: center;
              font-size: 20px;
              font-weight: 400;
              font-family: var(--sans); }
              @media (max-width: 991px) {
                .cards-section .inner .cards-wrap.grey .card .content-wrap p {
                  font-size: 16px; } }
              @media (max-width: 767px) {
                .cards-section .inner .cards-wrap.grey .card .content-wrap p {
                  font-size: 14px; } }

.form {
  padding: var(--padding); }
  @media (max-width: 1499px) {
    .form {
      padding: var(--xlPadding); } }
  @media (max-width: 991px) {
    .form {
      padding: var(--mdPadding); } }
  @media (max-width: 767px) {
    .form {
      padding: var(--smPadding); } }
  .form .inner {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px;
    border: 1px solid transparent;
    border-radius: 32px;
    overflow: hidden; }
    @media (max-width: 1249px) {
      .form .inner {
        padding: 40px; } }
    @media (max-width: 767px) {
      .form .inner {
        padding: 40px 20px; } }
    .form .inner::before {
      position: absolute;
      inset: 0;
      /* covers parent's entire padding-box */
      z-index: -1;
      /* placed behind card's contents (pointer-events: none works too) */
      border: solid 1px #0000;
      /* reserve space for the border */
      border-radius: 30px;
      /* ensure gradient size is relative to border-box (not default padding-box) */
      background: linear-gradient(90deg, #ffffff70, #ffffff70, #ffffff10, #ffffff70) border-box;
      --lyr: conic-gradient(var(--textPrimary) 0 0);
      /* any kind of gradient that's opaque everywhere */
      /* exclude padding-box (that is, mask out everything but the border area) */
      mask: var(--lyr) padding-box exclude, var(--lyr);
      content: ''; }
    .form .inner .bg-image-wrap {
      position: absolute;
      z-index: -3;
      inset: 0; }
      .form .inner .bg-image-wrap .bg-image {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .form .inner .red-gradient {
      position: absolute;
      z-index: -2;
      right: 0;
      bottom: -100px; }
    .form .inner .tag {
      margin-bottom: 30px; }
      @media (max-width: 991px) {
        .form .inner .tag {
          margin-bottom: 20px; } }
    .form .inner .heading {
      margin-bottom: 50px; }
      @media (max-width: 991px) {
        .form .inner .heading {
          margin-bottom: 30px; } }
    .form .inner .form-wrapper {
      max-width: 850px;
      width: 100%; }
      .form .inner .form-wrapper .wpcf7 {
        width: 100%; }
        .form .inner .form-wrapper .wpcf7 .wpcf7-form {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          gap: 40px; }
          @media (max-width: 1249px) {
            .form .inner .form-wrapper .wpcf7 .wpcf7-form {
              gap: 30px; } }
          @media (max-width: 991px) {
            .form .inner .form-wrapper .wpcf7 .wpcf7-form {
              gap: 20px; } }
          .form .inner .form-wrapper .wpcf7 .wpcf7-form p {
            width: calc(50% - 25px);
            border-radius: 8px;
            /* If you want different style on focus */ }
            @media (max-width: 767px) {
              .form .inner .form-wrapper .wpcf7 .wpcf7-form p {
                width: 100%; } }
            .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-text, .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-textarea, .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-email {
              width: 100%;
              background-color: #ffffff30;
              color: var(--textPrimary);
              backdrop-filter: blur(15px);
              padding: 12px 20px;
              border: 1px solid #ffffff30;
              border-radius: 8px;
              font-size: 16px;
              font-weight: 400;
              font-family: var(--sans); }
              @media (max-width: 767px) {
                .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-text, .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-textarea, .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-email {
                  font-size: 14px; } }
            .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-textarea {
              resize: unset; }
            .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-submit {
              width: 100%;
              background-color: var(--red);
              padding: 11px 20px;
              font-size: 14px;
              text-decoration: none;
              font-family: var(--sans);
              color: var(--textPrimary);
              font-weight: 500;
              text-transform: capitalize;
              transition: 0.3s ease-in all;
              line-height: 100%;
              border: none;
              border-radius: 8px;
              cursor: pointer; }
              @media (max-width: 991px) {
                .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-submit {
                  font-size: 16px;
                  padding: 16px 24px; } }
              @media (max-width: 767px) {
                .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-submit {
                  font-size: 14px; } }
              .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-submit:hover {
                background-color: var(--textPrimary);
                color: var(--red); }
            .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-text::placeholder,
            .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-textarea::placeholder,
            .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-email::placeholder {
              color: var(--placeholder);
              font-size: 16px;
              font-weight: 400;
              font-family: var(--sans); }
              @media (max-width: 767px) {
                .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-text::placeholder,
                .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-textarea::placeholder,
                .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-email::placeholder {
                  font-size: 14px; } }
            .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-text:focus::placeholder,
            .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-textarea:focus::placeholder,
            .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-email:focus::placeholder {
              color: var(--textSecondary); }
            .form .inner .form-wrapper .wpcf7 .wpcf7-form p .wpcf7-not-valid-tip {
              font-size: 14px;
              font-family: var(--nohemi);
              margin: 5px 0 0 5px; }
          .form .inner .form-wrapper .wpcf7 .wpcf7-form .fullwidth {
            width: 100%; }
            .form .inner .form-wrapper .wpcf7 .wpcf7-form .fullwidth p {
              width: 100%; }

.banner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0px 30px 130px 30px;
  height: calc(100vh - 130px);
  min-height: 800px; }
  @media (max-width: 991px) {
    .banner {
      height: calc(100vh - 110px);
      padding: 0px 30px 110px 30px; } }
  @media (max-width: 767px) {
    .banner {
      padding: 0px 20px 110px 20px;
      min-height: 500px; } }
  .banner .inner {
    height: 100%;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative; }
    .banner .inner .banner-image {
      width: 100vw;
      height: 100vh;
      position: absolute;
      z-index: -1; }
      .banner .inner .banner-image img {
        width: 100%;
        height: 100%;
        object-position: bottom center;
        object-fit: cover;
        opacity: 0.6; }
      .banner .inner .banner-image::before {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 300px;
        content: '';
        bottom: 0px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); }
        @media (max-width: 1249px) {
          .banner .inner .banner-image::before {
            width: 100vw; } }
      .banner .inner .banner-image::after {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100px;
        content: '';
        left: 0px;
        top: 0px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); }
    .banner .inner .content-wrap {
      width: 100%;
      max-width: calc(992px + 80px);
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 40px;
      margin: auto 0;
      padding: 40px; }
      @media (max-width: 991px) {
        .banner .inner .content-wrap {
          gap: 30px;
          padding: 30px; } }
      @media (max-width: 767px) {
        .banner .inner .content-wrap {
          gap: 20px;
          padding: 20px; } }
      .banner .inner .content-wrap .heading {
        font-size: 72px;
        font-family: var(--nohemi);
        color: var(--textPrimary);
        font-weight: 400;
        text-align: center;
        text-transform: capitalize; }
        @media (max-width: 1249px) {
          .banner .inner .content-wrap .heading {
            font-size: 56px; } }
        @media (max-width: 991px) {
          .banner .inner .content-wrap .heading {
            font-size: 44px; } }
        @media (max-width: 767px) {
          .banner .inner .content-wrap .heading {
            font-size: 32px; } }
      .banner .inner .content-wrap .description {
        width: 100%;
        max-width: 794px;
        font-size: 24px;
        font-family: var(--nohemi);
        color: var(--textPrimary);
        font-weight: 400;
        line-height: 120%;
        text-align: center;
        text-transform: capitalize; }
        @media (max-width: 991px) {
          .banner .inner .content-wrap .description {
            font-size: 20px; } }
        @media (max-width: 767px) {
          .banner .inner .content-wrap .description {
            font-size: 14px; } }
      .banner .inner .content-wrap .buttons-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px; }
        @media (max-width: 991px) {
          .banner .inner .content-wrap .buttons-wrap {
            gap: 30px;
            flex-direction: column; } }
        @media (max-width: 767px) {
          .banner .inner .content-wrap .buttons-wrap {
            gap: 20px; } }
        .banner .inner .content-wrap .buttons-wrap .banner-button:nth-child(even) {
          background-color: transparent;
          border: 1px solid var(--textPrimary);
          color: var(--textPrimary); }
          .banner .inner .content-wrap .buttons-wrap .banner-button:nth-child(even):hover {
            background-color: var(--red);
            border-color: var(--red); }
    .banner .inner .logo {
      position: absolute;
      bottom: -40px; }
      @media (max-width: 1499px) {
        .banner .inner .logo {
          width: 400px; } }
      @media (max-width: 1249px) {
        .banner .inner .logo {
          width: 350px; } }
      @media (max-width: 991px) {
        .banner .inner .logo {
          width: 300px; } }
      @media (max-width: 767px) {
        .banner .inner .logo {
          width: 250px; } }
      @media (max-width: 575px) {
        .banner .inner .logo {
          width: 130px; } }
    .banner .inner .bottom-notch {
      position: absolute;
      bottom: -78px;
      width: calc(100% - 10px);
      border-radius: 10px;
      display: flex;
      justify-content: space-between;
      gap: 70px; }
      .banner .inner .bottom-notch .left {
        flex: 20%;
        height: 80px;
        border-top: 1px solid #fff;
        border-top-left-radius: 0px;
        border-top-right-radius: 10px;
        position: relative; }
        .banner .inner .bottom-notch .left .left-trapezium:before {
          content: "";
          position: absolute;
          right: -85px;
          bottom: 34px;
          height: 10px;
          width: 115px;
          border-top-left-radius: 10px;
          border-top: 1px solid #fff;
          transform: rotate(45deg); }
      .banner .inner .bottom-notch .curve {
        flex: 50%;
        justify-content: center;
        align-items: center;
        height: 61px;
        border-collapse: separate;
        position: relative; }
        .banner .inner .bottom-notch .curve::before {
          content: "";
          position: absolute;
          z-index: 9999;
          bottom: -21px;
          left: -1px;
          width: calc(100% + 2px);
          height: 20px;
          border-radius: 10px;
          border-bottom: 1px solid white; }
      .banner .inner .bottom-notch .right {
        flex: 20%;
        height: 80px;
        border-top: 1px solid #fff;
        border-collapse: separate;
        border-top-left-radius: 10px;
        position: relative; }
        .banner .inner .bottom-notch .right .right-trapezium:before {
          content: "";
          position: absolute;
          left: -85px;
          bottom: 34px;
          height: 10px;
          width: 115px;
          border-top-right-radius: 10px;
          border-top-left-radius: -10px;
          border-top: 1px solid #fff;
          transform: rotate(-45deg); }

.posts {
  padding: var(--padding); }
  @media (max-width: 1499px) {
    .posts {
      padding: var(--xlPadding); } }
  @media (max-width: 991px) {
    .posts {
      padding: var(--mdPadding); } }
  @media (max-width: 767px) {
    .posts {
      padding: var(--smPadding); } }
  .posts .inner {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .posts .inner .heading {
      margin-bottom: 60px; }
      @media (max-width: 767px) {
        .posts .inner .heading {
          margin-bottom: 30px; } }
    .posts .inner .posts-wrap {
      width: 100%;
      display: flex;
      gap: 40px;
      flex-wrap: wrap;
      justify-content: center; }
      @media (max-width: 767px) {
        .posts .inner .posts-wrap {
          gap: 20px; } }
      .posts .inner .posts-wrap .post-card {
        display: flex;
        flex-direction: column;
        width: calc(33.33333% - 27px);
        position: relative;
        border-radius: 20px;
        border: 1px solid transparent;
        overflow: hidden; }
        @media (max-width: 991px) {
          .posts .inner .posts-wrap .post-card {
            width: calc(50% - 20px); } }
        @media (max-width: 767px) {
          .posts .inner .posts-wrap .post-card {
            width: 100%; } }
        .posts .inner .posts-wrap .post-card.hidden {
          display: none; }
        .posts .inner .posts-wrap .post-card::before {
          position: absolute;
          inset: 0;
          /* covers parent's entire padding-box */
          z-index: -1;
          /* placed behind card's contents (pointer-events: none works too) */
          border: solid 1px #0000;
          /* reserve space for the border */
          border-radius: 20px;
          /* ensure gradient size is relative to border-box (not default padding-box) */
          background: linear-gradient(0deg, var(--red), black) border-box;
          --lyr: conic-gradient(var(--red) 0 0);
          /* any kind of gradient that's opaque everywhere */
          /* exclude padding-box (that is, mask out everything but the border area) */
          mask: var(--lyr) padding-box exclude, var(--lyr);
          content: ''; }
          @media (max-width: 991px) {
            .posts .inner .posts-wrap .post-card::before {
              border-radius: 20px; } }
        .posts .inner .posts-wrap .post-card .image-wrap {
          width: 100%;
          max-height: 300px;
          height: 100%;
          border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          overflow: hidden; }
          @media (max-width: 991px) {
            .posts .inner .posts-wrap .post-card .image-wrap {
              max-height: 200px; } }
          .posts .inner .posts-wrap .post-card .image-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .posts .inner .posts-wrap .post-card .content-button-wrap {
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding: 30px; }
          .posts .inner .posts-wrap .post-card .content-button-wrap .content-wrap .title {
            font-size: 24px;
            font-family: var(--nohemi);
            font-weight: 600;
            color: var(--textPrimary);
            margin-bottom: 30px; }
            @media (max-width: 991px) {
              .posts .inner .posts-wrap .post-card .content-button-wrap .content-wrap .title {
                font-size: 20px; } }
            @media (max-width: 767px) {
              .posts .inner .posts-wrap .post-card .content-button-wrap .content-wrap .title {
                font-size: 18px; } }
          .posts .inner .posts-wrap .post-card .content-button-wrap .content-wrap .description {
            font-size: 18px;
            font-weight: 400;
            font-family: var(--sans);
            margin-bottom: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4; }
            @media (max-width: 991px) {
              .posts .inner .posts-wrap .post-card .content-button-wrap .content-wrap .description {
                font-size: 16px; } }
            .posts .inner .posts-wrap .post-card .content-button-wrap .content-wrap .description a {
              color: var(--textPrimary);
              text-decoration: underline; }
          .posts .inner .posts-wrap .post-card .content-button-wrap .button-date-wrap {
            display: flex;
            justify-content: space-between;
            align-items: flex-end; }
            .posts .inner .posts-wrap .post-card .content-button-wrap .button-date-wrap .published-date {
              font-size: 16px;
              font-weight: 400;
              font-family: var(--sans);
              color: var(--textPrimary); }
              @media (max-width: 767px) {
                .posts .inner .posts-wrap .post-card .content-button-wrap .button-date-wrap .published-date {
                  font-size: 14px; } }
        .posts .inner .posts-wrap .post-card .bg-gradient-wrap {
          position: absolute;
          z-index: -2;
          inset: 0; }
          .posts .inner .posts-wrap .post-card .bg-gradient-wrap .bg-gradient {
            width: 100%;
            height: 100%; }
    .posts .inner .link-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 30px; }
    .posts .inner .see-all-btn-wrap {
      margin-top: 40px; }
      .posts .inner .see-all-btn-wrap .see-all-btn {
        cursor: pointer; }

.post .inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 998; }
  .post .inner .post-title {
    margin-bottom: 50px; }
    @media (max-width: 991px) {
      .post .inner .post-title {
        margin-bottom: 30px; } }
  .post .inner .post-image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 40px; }
  .post .inner .post-content-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    padding: 40px;
    font-family: var(--nohemi); }
    @media (max-width: 991px) {
      .post .inner .post-content-wrap {
        font-size: 18px;
        padding: 20px;
        text-align: center; } }
    .post .inner .post-content-wrap h1, .post .inner .post-content-wrap h2, .post .inner .post-content-wrap h3, .post .inner .post-content-wrap h4, .post .inner .post-content-wrap h5, .post .inner .post-content-wrap h6 {
      color: var(--textPrimary); }
    .post .inner .post-content-wrap a {
      color: var(--placeholder);
      text-decoration: underline; }
    .post .inner .post-content-wrap h1, .post .inner .post-content-wrap h2, .post .inner .post-content-wrap h3, .post .inner .post-content-wrap h4, .post .inner .post-content-wrap h5, .post .inner .post-content-wrap h6 {
      margin: 40px 0 20px 0; }
      @media (max-width: 991px) {
        .post .inner .post-content-wrap h1, .post .inner .post-content-wrap h2, .post .inner .post-content-wrap h3, .post .inner .post-content-wrap h4, .post .inner .post-content-wrap h5, .post .inner .post-content-wrap h6 {
          margin-bottom: 30px 0 20px 0; } }
    .post .inner .post-content-wrap h1 {
      font-size: 40px; }
      @media (max-width: 991px) {
        .post .inner .post-content-wrap h1 {
          font-size: 36px; } }
    .post .inner .post-content-wrap h2 {
      font-size: 36px; }
      @media (max-width: 991px) {
        .post .inner .post-content-wrap h2 {
          font-size: 32px; } }
    .post .inner .post-content-wrap h3 {
      font-size: 32px; }
      @media (max-width: 991px) {
        .post .inner .post-content-wrap h3 {
          font-size: 28px; } }
    .post .inner .post-content-wrap h4 {
      font-size: 28px; }
      @media (max-width: 991px) {
        .post .inner .post-content-wrap h4 {
          font-size: 24px; } }
    .post .inner .post-content-wrap h5 {
      font-size: 24px; }
      @media (max-width: 991px) {
        .post .inner .post-content-wrap h5 {
          font-size: 20px; } }
    .post .inner .post-content-wrap h6 {
      font-size: 20px; }
      @media (max-width: 991px) {
        .post .inner .post-content-wrap h6 {
          font-size: 18px; } }
    .post .inner .post-content-wrap p {
      margin-bottom: 20px; }
      @media (max-width: 991px) {
        .post .inner .post-content-wrap p {
          margin-bottom: 10px; } }
    .post .inner .post-content-wrap iframe {
      max-width: 100%; }

table.xdebug-error.xe-warning {
  display: none; }

/*# sourceMappingURL=style.css.map */