/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 03 2025 | 22:32:28 */
/* ---------- Desktop Range ---------- */
@media screen and (min-width: 1080px) and (max-width: 1200px) {
  .other-screen-size {
    width: 70%;
  }
  .other-screen-size-education {
    width: 80% !important;
  }
}

@media screen and (min-width: 900px) and (max-width: 1024px) {
  .other-screen-size {
    width: 60%;
  }
}

/* ---------- Tablet & Small Screens ---------- */
@media screen and (max-width: 1024px) {
  .on-green {
    background-color: #02A95C !important;
  }

  .bg-white-canva ul li {
    padding: 10px 12px;
    border-bottom: 1px solid #0000001A;
    transition: 0.3s ease-in-out;
  }

  .bg-white-canva ul li:hover {
    background-color: #67CB9D;
    transition: 0.3s ease-in-out;
  }

  .bg-white-canva ul li:active,
  .bg-white-canva ul li:focus {
    background-color: #02A95C !important;
    transition: 0.3s ease-in-out;
  }

  .bg-white-canva ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .bg-white-canva ul li:hover a {
    color: #fff !important;
    transition: 0.3s ease-in-out;
  }

  .bg-white-canva ul.sub-menu {
    left: auto !important;
    right: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }


  .sub-menu.elementor-nav-menu--dropdown li a.elementor-sub-item {
    color: #001D23 !important;
    padding: 14px 18px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  
  .sub-menu.elementor-nav-menu--dropdown li:hover a.elementor-sub-item {
    color: #fff !important;
    background-color: #02A95C !important;
  }

  .sub-menu.elementor-nav-menu--dropdown {
    background-color: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    margin-top: 10px !important;
    overflow: hidden;
  }

  .elementor-nav-menu .sub-menu {
    position: relative !important;
    top: auto !important;
    left: 0 !important;
    margin: 15px 0 0 0 !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
    display: none !important;
  }

  .elementor-nav-menu .menu-item.menu-item-has-children.open > .sub-menu {
    display: block !important;
  }

  .sub-menu.elementor-nav-menu--dropdown li a.elementor-sub-item {
    color: #001D23 !important;
  }

  .sub-menu.elementor-nav-menu--dropdown li:hover a.elementor-sub-item {
    color: #fff !important;
  }

  .sub-menu.elementor-nav-menu--dropdown {
    background-color: #fff !important;
  }

/* ---------- Mobile (<=767px) ---------- */
@media screen and (max-width: 767px) {
  .bor-con {
    border: none !important;
  }

  .moana-post-content img {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }

  .moana-post-content h2 {
    margin-top: 5px;
    font-family: inter;
    font-weight: 500;
    font-style: italic;
    color: #02A95C;
    font-size: 14px !important;
    line-height: 175%;
  }

  .browser-issue {
    width: 140px !important;
    height: 140px !important;
  }
}

/* ---------- Small Devices (450px - 767px) ---------- */
@media screen and (min-width: 450px) and (max-width: 767px) {
  .counter-sec {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    column-gap: 10px;
  }
  .counter-sec-one,
  .counter-sec-two,
  .counter-sec-three,
  .counter-sec-four {
    width: 48%;
  }
}