/* === Base Styles === */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7em;
  color: #808285;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* === Universal Box Sizing === */
*, *::before, *::after {
  box-sizing: border-box;
}

/* === Global Element Reset === */
address, blockquote, body, dd, dl, dt, fieldset, figure,
h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p,
pre, textarea, ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* === Text Selection === */
::selection {
  background-color: #1BAE70;
  color: #ffffff;
}

/* === Entry Content === */
.entry-content {
  word-wrap: break-word;
}

/* === Elementor Defaults === */
.elementor * {
  box-sizing: border-box;
}

.elementor-element {
  --widgets-spacing: 20px 20px;
  align-self: var(--align-self, auto);
  flex-basis: var(--flex-basis, auto);
  flex-grow: var(--flex-grow, 0);
  flex-shrink: var(--flex-shrink, 1);
  order: var(--order, 0);
}

/* === Elementor Testimonial Widget === */
.elementor-testimonial-wrapper {
  overflow: hidden;
  text-align: center;
}

.elementor-testimonial-content {
  font-size: 1.3em;
  margin-bottom: 20px;
  color: var(--e-global-color-astglobalcolor3, #4E5652);
}

/* === Astra Global Colors === */
:root {
  --ast-global-color-0: #1BAE70;
  --ast-global-color-1: #06752E;
  --ast-global-color-2: #14261C;
  --ast-global-color-3: #4E5652;
  --ast-global-color-4: #F4F6F4;
  --ast-global-color-5: #FFFFFF;
  --ast-global-color-6: #000000;
  --ast-global-color-7: #4B4F58;
  --ast-global-color-8: #F6F7F8;

  --e-global-color-astglobalcolor0: #1BAE70;
  --e-global-color-astglobalcolor1: #06752E;
  --e-global-color-astglobalcolor2: #14261C;
  --e-global-color-astglobalcolor3: #4E5652;
  --e-global-color-astglobalcolor4: #F4F6F4;
  --e-global-color-astglobalcolor5: #FFFFFF;
  --e-global-color-astglobalcolor6: #000000;
  --e-global-color-astglobalcolor7: #4B4F58;
  --e-global-color-astglobalcolor8: #F6F7F8;
}

/* === Buttons and Inputs === */
button, input, select, textarea {
  font-family: 'Noto Sans', sans-serif;
  line-height: 1.8571;
}

/* === Default Containers (Astra) === */
:root {
  --ast-normal-container-width: 1200px;
  --ast-narrow-container-width: 750px;
  --ast-container-default-xlg-padding: 6.67em;
  --ast-container-default-lg-padding: 5.67em;
  --ast-container-default-md-padding: 3.34em;
  --ast-container-default-sm-padding: 6.67em;
  --ast-container-default-xs-padding: 2.4em;
  --ast-container-default-xxs-padding: 1.4em;
}


.heading{
    font-size: 1.3em;
    margin-bottom: 20px;
    color: var(--e-global-color-astglobalcolor3, #4E5652);

}

.mission_vission{
    width: 88%;
    max-width: 31%;
    filter: brightness(103%) contrast(96%) saturate(81%) blur(0px) hue-rotate(336deg);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 10px 10px 0px 1px rgba(0, 0, 0, 0.07);
}

.mainheading{
    line-height: 1.4em;
    font-size: 34px;
    font-size: 2rem;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.mainheading::after {
    vertical-align: middle;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #1BAE70;
    margin: 0;
}