.elementor-281 .elementor-element.elementor-element-70dc6081{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:0px;}.elementor-281 .elementor-element.elementor-element-70dc6081:not(.elementor-motion-effects-element-type-background), .elementor-281 .elementor-element.elementor-element-70dc6081 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#78B4C6;}.elementor-281 .elementor-element.elementor-element-42d66d4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-281 .elementor-element.elementor-element-572331b8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-281 .elementor-element.elementor-element-572331b8 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-281 .elementor-element.elementor-element-3cc889da{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 40px 0px 40px;font-family:"Helvetica", Sans-serif;font-size:19px;font-weight:300;color:#F4F4E0;}.elementor-281 .elementor-element.elementor-element-3cc889da.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-281 .elementor-element.elementor-element-3cc889da p{margin-block-end:0px;}.elementor-281 .elementor-element.elementor-element-0db7e06{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:12px 14px;--row-gap:12px;--column-gap:14px;--grid-auto-flow:column;--justify-items:stretch;--align-items:center;}.elementor-281 .elementor-element.elementor-element-0db7e06.e-con{--order:99999 /* order end hack */;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-281 .elementor-element.elementor-element-44d0a2d .elementor-button{background-color:#FF841E;font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-281 .elementor-element.elementor-element-44d0a2d{width:100%;max-width:100%;}.elementor-281 .elementor-element.elementor-element-e77b715 .elementor-button{background-color:#AFCFDF;font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:600;fill:#FF841E;color:#FF841E;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-281 .elementor-element.elementor-element-e77b715{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:0;}.elementor-281 .elementor-element.elementor-element-e77b715.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-281 .elementor-element.elementor-element-380d0c36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-281 .elementor-element.elementor-element-32c074cb img{border-radius:21px 21px 21px 21px;}.elementor-281 .elementor-element.elementor-element-55fb7993{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-281 .elementor-element.elementor-element-55fb7993:not(.elementor-motion-effects-element-type-background), .elementor-281 .elementor-element.elementor-element-55fb7993 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF3E8;}.elementor-281 .elementor-element.elementor-element-20fd408e.elementor-element{--order:99999 /* order end hack */;}@media(max-width:1024px){.elementor-281 .elementor-element.elementor-element-0db7e06{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-281 .elementor-element.elementor-element-42d66d4e{--width:50%;}.elementor-281 .elementor-element.elementor-element-0db7e06{--width:100%;}.elementor-281 .elementor-element.elementor-element-380d0c36{--width:50%;}}@media(max-width:767px){.elementor-281 .elementor-element.elementor-element-0db7e06{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-20fd408e *//* MAIN SECTION */
.our-community {
  padding: 80px 40px;
  background: #faf3e8; /* same creamy beige color */
}

/* FLEX CONTAINER */
.community-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}

/* TEXT BLOCK */
.community-text {
  flex: 1;
  min-width: 300px;
}

.community-text h2 {
  font-size: 38px;
  font-weight: 700;
  color:#004D7A; /* deep navy color */
  margin-bottom: 20px;
}

.community-text p {
  font-size: 18px;
  color: #333;
  line-height: 1.7;
}

/* IMAGE CARD */
.community-image-card {
  flex: 1;
  min-width: 430px;
  display: flex;
  justify-content: center;
}

.community-image-card img {
  width: 100%;
  height: 100vh;
  max-width: 630px;
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0px 5px 18px rgba(0,0,0,0.12);
  transition: 0.3s ease;
}

.community-image-card img:hover {
  transform: scale(1.03);
}

/* RESPONSIVE — TABLET & MOBILE */
@media (max-width: 900px) {
  .our-community {
    padding: 40px 20px;
  }

  .community-container {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }

  .community-text h2 {
    font-size: 28px;
  }

  .community-text p {
    font-size: 16px;
  }

  .community-image-card {
    min-width: 100%; /* Fix: allow image to fit mobile/tablet width */
  }

  .community-image-card img {
    height: auto;        /* Fix: no forced full-screen height */
    max-width: 100%;     /* Fix: full width but still responsive */
    max-height: 420px;   /* Optional: keeps it neat */
    border-radius: 15px;
  }
}

/* EXTRA SMALL MOBILE */
@media (max-width: 500px) {
  .community-text h2 {
    font-size: 24px;
  }

  .community-text p {
    font-size: 15px;
  }

  .community-image-card img {
    max-height: 320px;
  }
}/* End custom CSS */