.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-78c4ad7:#000000;--e-global-color-f759d16:#31728D;--e-global-color-4feb94e:#002A2A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =======================================
   Responsive Styles for 560px–890px Width
   ======================================= */
@media only screen and (min-width: 560px) and (max-width: 890px) {

  /* --- General Page Layout --- */
  body, html {
    overflow-x: hidden;
  }

  .container, .wrap, .site-content {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 10px;
  }

  /* --- Headings & Text --- */
  h1 {
    font-size: 2rem;
    line-height: 1.2;
  }

  h2 {
    font-size: 1.6rem;
    line-height: 1.3;
  }

  h3, h4, h5, h6 {
    font-size: 1.2rem;
    line-height: 1.4;
  }

  p, li, a {
    font-size: 1rem;
    line-height: 1.6;
  }

  /* --- Header / Navigation --- */
  header, .site-header {
    padding: 15px 0;
  }

  .site-logo img {
    max-width: 140px;
    height: auto;
  }

  nav ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  nav ul li {
    text-align: center;
  }

  /* --- Hero Section --- */
  .hero, .hero-section {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 40px 10px;
  }

  .hero img, .hero-section img {
    width: 100%;
    height: auto;
    margin: 20px 0;
  }

  /* --- Buttons --- */
  .btn, button, input[type="submit"] {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    padding: 14px 0;
    font-size: 1rem;
    border-radius: 8px;
    margin: 10px auto;
  }

  /* --- Images & Media --- */
  img, video, iframe {
    max-width: 100%;
    height: auto;
  }

  /* --- Columns / Grids --- */
  .row, .columns, .grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .col, .column {
    width: 100% !important;
  }

  /* --- Forms --- */
  form input, form select, form textarea {
    width: 100%;
    font-size: 1rem;
    padding: 10px;
    margin-bottom: 10px;
  }

  /* --- Footer --- */
  footer, .site-footer {
    text-align: center;
    padding: 30px 10px;
  }

  .footer-widgets {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  /* --- Hide/Adjust Large Elements --- */
  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

}/* End custom CSS */