/*------------- ADS -------------*/
      .omg-onepager-section {
        margin-top: 32px;
      }

      p:has(img) {
        margin-bottom: 10px;
      }

      .content-main p:not(p:has(img)):not(.divVideoStep *) {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
      }

      div[id^="ad-anchor"] {
        display: flex;
        align-content: center;
        position: fixed;
        bottom: 0px;
        margin: 0 !important;
        z-index: 9999999;
        width: 100%;
        background-color: #f7f7f7;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
      }

      .ad_placeholder > div {
        margin: auto;
      }

      .ad_placeholder iframe {
        max-width: 100%;
      }

      .ad_placeholder:before {
        display: block;
        position: absolute;
        top: -10px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 0 10px;
        font-size: 11px;
        font-weight: 100;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #bbb;
      }

      #ad-anchor-m:before {
        display: none;
      }

      div.ad_placeholder {
        position: relative;
        width: 100%;
      }

      div[id^="ad-sidebar-section"].ad_placeholder {
        width: 300px;
        padding: 20px;
      }

      div[id^="ad-below-title-ms-section-"],
      div[id^="ad-below-img-section-"],
      div[id^="ad-above-img-section-"],
      div[id^="ad-below-content-section-"],
      div[id^="ad-below-content-2-section-"] {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        margin: 0.5rem 0 !important;
        display: flex !important;
      }

      div[id^="ad-below-content-section-"],
      div[id^="ad-below-content-2-section-"] {
        min-height: 300px !important;
      }

      div[id^="section-"] p:not(.divVideoStep *) {
        margin-bottom: 25px !important;
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
      }

      div[id^="section-"] h2,
      div[id^="section-"] h3 {
        font-size: 1.3rem !important;
        margin-bottom: 18px !important;
        margin-top: 10px !important;
        line-height: 2.5rem !important;
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
      }

      div[id^="section-"] figure {
        margin-bottom: 20px;
        font-size: 0;
        /* remove white space */
      }

      div[id^="section-"] figure img {
        margin-bottom: 0;
      }

      [id*="ad-sidebar-section"][sticky*="true"] [id*="google_ads_iframe"] {
        position: sticky;
        top: 15px;
      }

      .ad {
        width: 100%;
      }

      .ad-content {
        transition: width 1s, height 1s;
        justify-content: center;
        margin: 0 auto;
      }

      .ad-title {
        font-size: 11px;
        margin: 0;
        text-align: center;
        color: #999999;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.125;
      }

      #sidebar-ads-wrap .ad-wrapper:nth-child(2) .ad {
        width: 300px;
      }

      .fixed-d-sidebar .ad {
        width: 160px;
      }

      .ad-container {
        display: flex;
        justify-content: space-between;
        clear: both;
      }

      .ad-wrapper {
        margin: 0 0 10px;
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
        border-radius: 0;
        display: flex;
        background-color: #f9f9f9;
        text-align: center;
        line-height: 0;
        width: 100%;
      }

      [sticky*="true"] [id*="google_ads_iframe"] {
        position: sticky;
        top: 15px;
      }

      @media screen and (max-width: 768px) {
        .ad_placeholder > div {
          display: flex !important;
          justify-content: center;
        }

        #author-avatar {
          margin-left: 0 !important;
          padding: 0 12px;
        }
        #vid-placement > div {
          aspect-ratio: 16/9;
        }

        #vid-placement {
          min-height: 200px;
          width: 100%;
        }

        #nav-manu-wrapper {
          margin-top: 50px !important;
        }

        div[id^="ad-sidebar-section-"] {
          display: none;
        }

        .onepager-left-sidebar {
          display: none;
        }

        div[id^="ad-below-img-section-"],
        div[id^="ad-above-img-section-"],
        div[id^="ad-below-content-section-"],
        div[id^="ad-below-content-2-section-"] {
          min-height: 300px !important;
        }

        div[id^="ad-below-title-ms-section-"] {
          min-height: 50px !important;
        }
      }

      div[id^="ad-left-sidebar"] {
        max-width: 160px;
        position: absolute !important;
        left: -25%;
      }

      div[id^="ad-right-fixed-sidebar"] {
        max-width: 160px;
        position: absolute !important;
        right: -73%;
      }

      @media screen and (min-width: 769px) {
        .ad_placeholder div[id^="ad-below-content-left"],
        .ad_placeholder div[id^="ad-below-content-right"],
        .ad_placeholder div[id^="ad-below-content-2-left"],
        .ad_placeholder div[id^="ad-below-content-2-right"] {
          width: 336px;
        }

        div[id^="ad-above-img-section-"].ad_placeholder {
          width: 728px;
        }

        figure.img-wrapper .ad_placeholder {
          z-index: 999;
        }

        #vid-placement {
          min-height: 410px;
        }

        div[id^="ad-above-img-section-"] {
          min-height: 90px !important;
        }

        #left_sidebar_ad {
          position: sticky;
          top: 20px;
        }

        div[id^="ad-sidebar-section"] {
          position: absolute !important;
          right: -50%;
        }

        #main-content-contain {
          float: left !important;
          margin-left: inherit !important;
        }

        .left-sidebar {
          min-width: 300px;
          text-align: center;
        }
      }

      /*--------------------------*/
      body {
        margin: 0;
        overflow: auto;
      }

      h2 {
        font-family: "Rubik", Helvetica, sans-serif;
      }

      span {
        font-family: "Rubik", Helvetica, sans-serif;
      }

      h1 {
        text-align: left;
        font-family: "Rubik", Helvetica, sans-serif;
        padding: 0 12px;
        text-transform: capitalize;
        margin: 8px 0 !important;
      }

      p {
        font-size: 20px;
        line-height: 1.6em;
        word-spacing: 0.6px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-family: "Rubik", Helvetica, sans-serif;
      }

      a#website_logo {
        display: block;
        text-decoration: none;
      }

      a {
        font-family: "Rubik", Helvetica, sans-serif;
      }

      img {
        max-width: 100%;
        height: auto;
      }

      .img-wrapper {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        width: 100% !important;
        height: auto;
      }

      .page-content-wrapper {
        margin-bottom: 10px;
      }

      .article-wrapper {
        flex-direction: column;
        align-items: center;
      }

      .main-title-wrapper {
        text-align: center;
        margin-bottom: 20px;
      }

      .post-category {
        color: blue;
      }

      .p-title-wrapper {
        text-align: center;
        margin-bottom: 20px;
      }

      .post-info-top {
        border-bottom: 2px solid #a4a4a4;
        padding-bottom: 10px;
        width: 100%;
        padding-top: 10px;
      }

      .author-info {
        display: flex;
        align-items: center;
      }

      .author-info-text {
        display: flex;
        flex-direction: column;
        text-align: left;
        padding-left: 1.5rem;
      }

      #author-avatar {
        border-radius: 50%;
        margin-left: 1.5rem;
        width: 40px;
        height: 40px;
      }

      #author-name {
        font-weight: 700;
        font-size: 17px;
        font-style: italic;
      }

      .author-name-link {
        text-decoration: none;
      }

      .post-date {
        font-weight: 500;
        color: black;
        padding-top: 4px;
        font-size: 12px;
      }

      div[id^="section-"] figure {
        display: flex;
      }

      /* --------------- HEADER  ---------------*/
      ul#menu-ul {
        min-height: 50px;
      }

      ul#menu-ul,
      #footer-wrapper {
        list-style-type: none;
        margin: 0;
        padding: 0;
        background-color: #f1f1f1;
        overflow: hidden;
      }

      ul#menu-ul li,
      #footer-wrapper li {
        float: left;
      }

      ul#menu-ul li a,
      #footer-wrapper li a {
        display: block;
        color: #333;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
      }

      ul#menu-ul li a:hover,
      #footer-wrapper li a:hover {
        background-color: #ddd;
      }

      .logo-wrapper {
        height: 50px;
      }

      h3#logo {
        color: #000000;
        font-family: system-ui;
        font-weight: 500;
        font-size: 22px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 5px;
        text-align: center;
        text-transform: capitalize;
      }

      #footer-wrapper {
        margin-top: 20px;
      }

      .pag-hid {
        visibility: hidden;
      }

      a.next-on-img {
        min-width: 50px;
        padding: 0 10px;
        height: 40px;
        background-color: #dc1a0b;
        position: absolute;
        right: -10px;
        top: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-family: sans-serif;
        font-weight: 500;
        border-bottom: unset !important;
        box-shadow: 0 0 13px 0 #000;
        transition: background-color 0.5s;
        border-radius: 4px;
        text-decoration: auto;
      }

      .widget-above-pag {
        margin-top: 40px;
      }

      .wp-caption {
        max-width: 100%;
      }

      @media (min-width: 769px) {
        #cust-pagination {
          margin: 50px 0;
        }

        #menu-wrapper {
          overflow: hidden;
          width: 100%;
          height: 50px;
        }

        #nav-manu-wrapper {
          display: flex;
        }

        h1#main-title {
          font-size: 40px;
        }

        #footer-container {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 80px;
        }

        ul#menu-ul {
          width: 100%;
        }

        #footer-wrapper li {
          margin-left: 3%;
        }

        ul#menu-ul li {
          visibility: hidden;
          margin-left: 3%;
          margin-right: 3%;
        }

        #web-content {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
        }

        .left-sidebar,
        .right-sidebar,
        .fixed-d-sidebar {
          position: sticky;
          top: 20px;
          width: auto;
          margin: 0 20px;
          display: inline-block;
        }

        .left-sidebar {
          left: 20px;
        }

        .sidebar-wrapper {
          min-height: 100%;
          display: contents;
        }

        /* .right-sidebar {
          right: 20px;
        } */

        .article-wrapper#main-content-contain {
          position: relative;
          margin-left: 20px !important;
          width: 728px !important;
        }

        .logo-wrapper {
          width: 210px;
          position: absolute;
          border: 4px solid;
          box-sizing: border-box;
        }

        #menu-container {
          margin-left: 210px;
          display: flex;
          flex-direction: row;
        }

        .menu-button {
          font-size: 2.5rem;
          cursor: pointer;
        }

        #hamburger-menu {
          position: absolute;
          right: 0;
          margin-right: 0.5%;
          margin-top: -0.4%;
        }

        .hamburger-menu-hide {
          visibility: hidden;
        }
      }

      @media (max-width: 768px) {
        #cust-pagination {
          margin: 15px 0;
        }

        #nav-menu-wrapper {
          margin-bottom: 10px;
        }
        h1 {
          font-size: 1.3em;
        }
        h1#main-title {
          font-size: 1.5em !important;
          text-align: left;
          font-family: "Rubik", Helvetica, sans-serif;
          padding: 0 12px;
          text-transform: capitalize;
          margin: 8px 0 !important;
        }

        h3#logo {
          padding: 11px 0px 11px 12px !important;
        }

        #website_logo {
          max-width: 90%;
        }

        #menu-wrapper {
          display: none;
        }

        .menu-button {
          display: none;
        }

        .left-sidebar,
        .right-sidebar {
          display: none;
        }

        ul#menu-ul {
          visibility: hidden !important;
        }

        ul#menu-ul li {
          display: none;
          /* float: none; */
        }

        html {
          overflow-x: hidden !important;
        }

        body {
          overflow-x: hidden !important;
          margin-right: 0;
          margin-left: 0;
        }

        .logo-wrapper {
          display: flex;
          border-bottom: solid;
        }

        div#st-header {
          margin: 0 !important;
          z-index: 9999999;
          width: 100%;
          background-color: #f7f7f7;
          padding-top: 5px !important;
          padding-bottom: 5px !important;
        }

        div[id^="ad-anchor"] {
          display: flex;
          align-content: center;
          position: fixed;
          bottom: 0px;
          margin: 0 !important;
          z-index: 9999999;
          width: 100%;
          background-color: #f7f7f7;
          padding-top: 5px !important;
          padding-bottom: 5px !important;
        }

        .ad-anchor {
          height: 70px;
        }

        .ad-anchor-mobile {
          display: flex;
          flex-direction: column;
          align-items: center;
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100% !important;
          z-index: 99999999;
          background-color: #f4f4f4;
          border-top: 1px solid #d9d9d9;
        }

        .ad-anchor-mobile .ad-title {
          font-size: 9px;
          margin: 0;
          text-align: center;
          color: #999999;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          text-transform: uppercase;
          line-height: 1.125;
          margin: 2px 0;
        }
      }

      /* ------ screen resoulition --------*/
      @media screen and (max-width: 1470px) and (min-width: 1050px) {
        .left-sidebar {
          display: none;
        }
      }

      @media screen and (max-width: 1049px) and (min-width: 950px) {
        .left-sidebar {
          display: block;
          min-width: 160px !important;
        }

        div[id*="ad-sidebar-section"] {
          display: none;
        }
      }

      @media screen and (max-width: 949px) {
        .left-sidebar {
          display: none;
        }

        div[id*="ad-sidebar-section"] {
          display: none;
        }
      }

      @media screen and (max-width: 1595px) and (min-width: 1400px) {
        .fixed-d-sidebar {
          display: none;
        }
      }

      @media screen and (max-width: 1400px) and (min-width: 1300px) {
        #sidebar-ads-wrap {
          display: none;
        }
      }

      @media screen and (max-width: 1250px) {
        .fixed-d-sidebar {
          display: none;
        }
      }

      @media screen and (max-width: 1300px) {
        div[id^="ad-right-fixed-sidebar"] {
          display: none;
        }
      }

      @media screen and (min-width: 1470px) and (max-width: 1636px) {
        div[id^="ad-right-fixed-sidebar"] {
          display: none;
        }
      }

      /*----- NEXT & PREV SPA ---------------*/

      #cust-pagination div#prev-page {
        background-color: #ababab;
      }

      #cust-pagination div#next-page {
        background-color: #dc1a0b;
      }

      #cust-pagination div {
        color: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        text-decoration: none !important;
        display: inline-block;
        padding: 20px 0;
        font-size: 24px !important;
        text-transform: uppercase;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        font-weight: 600;
        font-family: oswald, sans-serif;
      }

      #cust-pagination a {
        text-decoration: auto;
        width: 50%;
        display: contents;
      }

      #cust-pagination {
        text-align: center;
        display: inline-block;
        width: 99%;
        padding: 9px 5px;
        background: #ebebeb;
        position: relative;
        z-index: 9999999;
        display: flex;
      }

      div#prev-page {
        background: #ababab;
        width: 23%;
        cursor: pointer;
        margin: 0 auto;
      }

      div#next-page {
        width: 73%;
        margin-left: 3px;
        cursor: pointer;
        margin: 0 auto;
      }

      .loader-wrapper {
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 1000;
      }

      .loader {
        border: 6px solid rgba(0, 0, 0, 0.3);
        border-top: 6px solid #000;
        border-radius: 50%;
        width: 55px;
        height: 55px;
        margin: 20px auto;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }