.blog-post-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background-color: #f1f1f1;
    display: none;
}
.blog-post-header.active-sroll {
    display: block;
}

.progress-container {
    width: 100%;
    height: 8px;
    background: #ccc;
}

.progress-bar {
    height: 8px;
    background-color: #39B039 !important;
    width: 0%;
}

.ast-oembed-container {
    height: auto !important;
    margin-bottom: 20px;
}





@media (min-width: 993px) {
    .cta-dark-blue-section .link-1 {
        margin-top: 3px !important;
    }
    .primary_content_area {
        margin: 0px !important;
    }

    .col-cm-style:not(:last-child) {
        padding: 10px !important;
        border-right: 1px solid #bbb4b4;
    }
}

.ast-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 921px) {
    .primary_content_area {
        padding: 0px !important;
    }
}

.entry-meta * {
    line-height: 1.45;
    color: white;
    font-weight: 500;
}

div.entry-meta ul li {
    list-style-type: none;
}

ul.blog_topic_list {
    margin-top: 20px !important;
    list-style: none !important;
    list-style-type: none;
}

.scrollspy-example.mid.position-sticky {
    border-left: 1px solid #E0E0E0;
    padding: 20px;
}

div#list-example {
    padding-top: 0px;
}

ul.blog_topic_list li {
    margin-bottom: 5px !important;
}

ul.blog_topic_list {
    max-height: 650px;
    cursor: pointer !important;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-right: 0px !important;
}

.scrollable-div::-webkit-scrollbar {
    display: none;
}

.blog_topic_list li.active {
    background-color: transparent;
    color: #39B039;
}

div#list-example {
    max-width: 160px !important;
}

.post-content.ast-grid-common-col>* {
    margin-bottom: 20px !important;
    margin-top: 15px !important;
}

.post-content.ast-grid-common-col span a,
.post-content.ast-grid-common-col a span {
    color: blue;
}

;

.post-content.ast-grid-common-col span a:hover,
.post-content.ast-grid-common-col a span:hover {
    color: orange;
}

;


.search .ast-archive-description {
    margin-left: 50px !important;
}

.post-content.ast-grid-common-col {
    margin-left: 50px;
}

section.ast-archive-description {
    margin-left: 50px !important;
    margin-bottom: 10px !important;
}

ul.blog_topic_list {
    margin: 0 0 10px 32px !important;
}

@media screen and (max-width: 768px) {
    ul#mobile-menu-2-11ee68cd a {
        font-weight: 600;
    }
    #xnspylogo .wpr-logo img {
margin-top: 20px
}
.ekit-menu-nav-link .elementskit-submenu-indicator {
        color: #000000 !important;
}
.elementor-6847 .elementor-element.elementor-element-77423396 .elementskit-navbar-nav > li:hover > a {
   color: #000000 !important;
}
}

.elementor-element.elementor-element-9492610.last-section.e-flex.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent>.e-con-inner{ display: flex;
justify-content: center;
}
.last-section .e-con-full {
    width: 33%;
    padding: 0 30px;
}

@media screen and (max-width: 768px) {
    div#list-example {
        max-width: 100% !important;
    }
    .elementor-element-7223391 {
    display: none !important;
}

#list-example ul li {
    color: black !important;
}
}



 
       button#showMoreButton, button#showMoreButton2, button#showLessButton,
        button#showLessButton2 {
    background: transparent;
    box-shadow: none;
    color: #063b87 ;
    padding: 5px;
    font-size: 45px;
    margin-top: -39px;
    height: 72px;
}
button#showMoreButton2:hover,
button#showLessButton:hover,
button#showLessButton2:hover,
button#showMoreButton2:active,
button#showLessButton:active,
button#showLessButton2:active {
    color: #39B039; /* Change color on hover and active */
}

ul.blog_topic_list li {
    color: #063b87;
}
ul.blog_topic_list li:hover, ul.blog_topic_list li:active {
    color: #39B039;
}

label[for="captcha"] {
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    -webkit-filter: drop-shadow(6px 7px 5px #000);
    filter: drop-shadow(6px 7px 5px black);
}

/* CTA CODE CSS */
.cta-dark-blue-section {
    background: #063b87 !important;
      padding: 38px 30px 50px;
      margin: 30px auto;
      border-radius: 20px;
      position: relative;
      overflow: hidden;
      width: 100%;
      max-width: 770px;
      box-sizing: border-box;
  }
  .scrollspy-example img.wp-cm-image-cnt {
      margin: 15px auto 20px;
      box-shadow: none;
  }
  .cta-dark-blue-section .position-absolute {
    position: absolute !important;
      left: 0;
      top: 0;
      width: 200px;
      height: 100%;
      pointer-events: none;
  }
  .cta-dark-blue-section .d-flex.flex-column.flex-md-row.align-items-center.justify-content-center {
      display: flex;
      align-items: center;
  }
  .d-flex.w-lg-75.flex-column.text-white.pe-2.my-3.my-md-0 {
      max-width: 570px;
      padding-right: 40px !important;
  }
  .d-flex.w-lg-75.flex-column.text-white.pe-2.my-3.my-md-0 {
      max-width: 570px;
      padding-right: 40px !important;
  }
  .cta-dark-blue-section h3 {
      text-align: left !important;
      margin-bottom: 10px;
      color: #fff;
      font-size: 33px;
      margin: 0 0 25px 0px;
  }
  .cta-dark-blue-section .left-side-content p {
      max-width: 500px;
      text-align: left;
      margin: 0;
      color: #fff;
      font-size: 16px;
  }
  
  .cta-dark-blue-section .link-1 {
    padding: 16px 20px !important;
      min-width: 160px !important;
      max-width: 160px !important;
      text-align: center;
      background: #39b039;
      border-radius: 6px;
      color: white !important;
      text-decoration: none;
      margin-right: 28px;
      cursor: pointer;
      border: 0;
      display: block;
  }
  
  
  
  @media screen and (max-width: 639px) {
    .cta-dark-blue-section .d-flex.flex-column.flex-md-row.align-items-center.justify-content-center {
  
      flex-direction: column;
  }
  .scrollspy-example.mid.position-sticky .cta-dark-blue-section h3 {
      text-align: center !important;
      margin: 0 0 15px 0px;
  
  }
  .cta-dark-blue-section p {
          text-align: center !important;
          margin-bottom: 35px !important;
      }
      
  }
/* END */