.image-16-icon {
  position: relative;
  width: 70px;
  height: 47.7px;
  object-fit: cover;
}
.find-a-program {
  position: relative;
  letter-spacing: 0.01em;
}
.search-normal-icon {
  position: relative;
  width: 14px;
  height: 14px;
}
.programs {
  color: var(--color-yellowgreen-100);
}
.search-results-container {
  position: relative;
  font-weight: 500;
}
.search-normal-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: var(--font-size-xs);
  color: var(--color-darkgray);
}
.find-a-program-parent,
.image-16-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.image-16-parent {
  flex-direction: row;
  align-items: center;
  gap: var(--gap-base);
}
.language-square-icon {
  position: relative;
  width: 24px;
  height: 24px;
}
.sub-menu-item {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}
.language-square-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.arrrow-copy-icon {
  position: relative;
  width: 14px;
  height: 8px;
}
.drop-down,
.header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.drop-down {
  border-radius: var(--br-base);
  background-color: var(--color-whitesmoke-100);
  border: 1px solid var(--color-yellowgreen-200);
  justify-content: flex-start;
  padding: var(--padding-base);
  gap: var(--gap-base);
  font-size: var(--font-size-sm);
  color: var(--color-gray-100);
}
.header {
  align-self: stretch;
  background-color: var(--color-white);
  justify-content: space-between;
  padding: var(--padding-13xl) var(--padding-13xl) var(--padding-base);
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-black);
  font-family: var(--font-urbanist);
}
.iconlylight-outlinesearch {
  position: relative;
  width: 24px;
  height: 24px;
  opacity: 0.2;
}
.sub-menu-item1 {
  border: 0;
  font-weight: 500;
  font-family: var(--font-urbanist);
  font-size: var(--font-size-sm);
  background-color: transparent;
  flex: 1;
  position: relative;
  line-height: 20px;
  color: var(--color-slategray);
  text-align: left;
}
.iconlylight-outlinesearch-parent {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.vuesaxboldcandle-2-icon {
  position: relative;
  width: 16px;
  height: 16px;
}
.sub-menu-item2 {
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 20px;
  font-weight: 500;
  font-family: var(--font-urbanist);
  color: var(--color-darkslategray-200);
  text-align: left;
}
.frame-container,
.vuesaxboldcandle-2-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.vuesaxboldcandle-2-parent {
  cursor: pointer;
  border: 0;
  padding: var(--padding-sm) var(--padding-base);
  background-color: var(--color-white);
  border-radius: var(--br-sm);
  gap: var(--gap-7xs);
}
.rectangle:hover,
.vuesaxboldcandle-2-parent:hover {
  background-color: var(--color-darkslateblue-200);
}
.frame-container {
  border-radius: var(--br-base);
  background-color: var(--color-whitesmoke-100);
  border: 1px solid var(--color-yellowgreen-200);
  box-sizing: border-box;
  width: 449px;
  padding: var(--padding-8xs) var(--padding-base);
  gap: var(--gap-5xl);
}
.location-icon {
  position: relative;
  width: 24px;
  height: 24px;

}
img.location-icon-light {
  opacity: 0.2;
}
.sub-menu-item3 {
  border: 0;
  font-weight: 500;
  font-family: var(--font-urbanist);
  font-size: var(--font-size-sm);
  background-color: transparent;
  flex: 1;
  position: relative;
  line-height: 20px;
  color: var(--color-slategray);
  text-align: left;
}
.frame-div,
.sub-menu-item-copy-3-wrapper {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-base);
  background-color: var(--color-whitesmoke-200);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 var(--padding-base);
}
.frame-div {
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.sub-menu-item-copy-3-wrapper {
  justify-content: space-between;
}
.frame-group {
  margin: 0;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.rectangle {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-base);
  background-color: var(--color-darkslateblue-100);
}
.get-started {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 28px);
  font-size: var(--font-size-base);
  line-height: 20px;
  font-family: var(--font-urbanist);
  color: var(--color-white);
  text-align: center;
}
.rectangle:hover {
  background-color:#8bc54d;
}
.buttonprimary {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: relative;
  width: 160px;
  height: 56px;
}
.frame-parent {
  align-self: stretch;
  background-color: var(--color-white);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl) var(--padding-13xl);
  gap: var(--gap-base);
}
.programs-list {
  position: relative;
  font-weight: 600;
}
.programs-list-wrapper {
  background-color: var(--color-darkslateblue-100);
  width: 164.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-base);
  box-sizing: border-box;
}
.programs-list-wrapper,
.switch,
.view-in-map-wrapper {
  border-radius: var(--br-3xs);
  flex-direction: row;
}
.view-in-map-wrapper {
  background-color: var(--color-whitesmoke-300);
  width: 164.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-base);
  box-sizing: border-box;
  cursor: pointer;
  color: var(--color-black);
}
.switch {
  background-color: var(--color-white);
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs);
  gap: var(--gap-7xs);
}
.b {
  position: relative;
  color: var(--color-darkslateblue-100);
}
.search-programs-results {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  font-size: var(--font-size-base);
  color: var(--color-black);
}
.pexels-binyamin-mellish-139612 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-base);
  height: 185px;
  /*background-image: url(pexelsbinyaminmellish13961221@2x.png);*/
  background-image: url(pexels-pixabay-301926.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
  width: 100%; 
  max-height: 100% !important;
}
.after-school {
  position: relative;
  font-size: var(--font-size-5xs);
  letter-spacing: -0.03em;
  font-weight: 500;
  font-family: var(--font-poppins);
  color: var(--color-gray-200);
  text-align: left;
}
.after-school-wrapper,
.summer-camps-container,
.summer-camps-frame,
.summer-camps-wrapper {
  cursor: pointer;
  border: 0;
  padding: var(--padding-7xs);
  background-color: var(--color-white);
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.after-school-wrapper:hover,
.summer-camps-container:hover,
.summer-camps-frame:hover,
.summer-camps-wrapper:hover {
  background-color: var(--color-mediumslateblue-100);
}
.after-school-wrapper:hover .after-school,
.summer-camps-container:hover .after-school,
.summer-camps-frame:hover .after-school,
.summer-camps-wrapper:hover .after-school {
  color: var(--color-white);
}
.frame-parent1,
.pic {
  display: flex;
  justify-content: flex-start;
}
.frame-parent1 {
  margin: 0 !important;
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 249px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--gap-9xs);
  z-index: 1;
}
.pic {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  gap: var(--gap-3xs);
}
.abundant-living-citi,
.abundant-living-citi1 {
  align-self: stretch;
  position: relative;
  line-height: 140%;
}
.abundant-living-citi {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.abundant-living-citi1 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--color-gray-400);
  opacity: 0.5;
}
.abundant-living-citi-church-i-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.heart-icon {
  display: none;
}
.heart-icon,
.heart-icon1 {
  position: relative;
  width: 20px;
  height: 20px;
}
.frame-parent2,
.like {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.like {
  border-radius: var(--br-35xl);
  background-color: var(--color-white);
  border: 1px solid var(--color-beige);
  justify-content: flex-start;
  padding: var(--padding-3xs);
  gap: var(--gap-3xs);
}
.like:active .heart-icon {
  display: flex;
}
.like:active .heart-icon1 {
  display: none;
}
.frame-parent2 {
  align-self: stretch;
  justify-content: space-between;
}
.divider {
  align-self: stretch;
  position: relative;
  border-top: 1.5px solid var(--color-whitesmoke-200);
  box-sizing: border-box;
  height: 1.5px;
}
.vuesaxboldcall-icon {
  position: relative;
  width: 16px;
  height: 16px;
}
.contact,
.maria-mena {
  position: relative;
}
.maria-mena {
  flex: 1;
  color: var(--color-dimgray);
}
.frame-parent4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.nw-22ndmiami-fl {
  flex: 1;
  position: relative;
  color: var(--color-dimgray);
  display: inline-block;
  height: 16px;
}
.frame-parent3,
.frame-parent5 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.frame-parent3 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-5xs);
  font-size: var(--font-size-xs);
  color: var(--color-gray-300);
}
.divider1 {
  align-self: stretch;
  position: relative;
  border-top: 1.5px solid var(--color-whitesmoke-200);
  box-sizing: border-box;
  height: 1.5px;
}
.emil-child {
  position: relative;
  width: 24px;
  height: 24px;
}
.emil {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-5xl);
  background-color: var(--color-whitesmoke-200);
  border-radius: var(--br-3xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.xmTip:hover, .emil:hover {
  /*background-color: var(--color-white);*/
  color:white !important;
  background-color: #8bc54d !important;
}
.more-information {
  position: relative;
  font-size: var(--font-size-3xs);
  font-weight: 600;
  font-family: var(--font-urbanist);
  color: var(--color-white);
  text-align: left;
}
.ndr-nutton {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-xs);
  background-color: var(--color-yellowgreen-100);
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-3xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.ndr-nutton:hover {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), #5570ff;
}
.detail,
.emil-parent {
  display: flex;
  justify-content: flex-start;
}
.emil-parent {
  width: 355px;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-5xs);
}
.detail {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-smi);
}
.card,
.pexels-binyamin-mellish-1396121 {
  align-self: stretch;
 /* border-radius: var(--br-base);*/
}
.card {
  background-color: var(--color-white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-base);
  gap: var(--gap-base);
}
.pexels-binyamin-mellish-1396121 {
  position: relative;
  height: 185px;
  /*background-image: url(pexelsbinyaminmellish1396122-1@2x.png);*/
  background-image: url(pexels-pixabay-301926.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
  width: 100%; 
  max-height: 100% !important;
}
.after-school-container,
.frame-button,
.like1,
.summer-camps-wrapper1 {
  background-color: var(--color-white);
  flex-direction: row;
  justify-content: flex-start;
}
.after-school-container,
.frame-button,
.summer-camps-wrapper1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-7xs);
  border-radius: var(--br-9xs);
  display: flex;
  align-items: center;
}
.after-school-container:hover,
.after-school-frame:hover,
.after-school-wrapper1:hover,
.frame-button:hover,
.summer-camps-wrapper1:hover,
.summer-camps-wrapper2:hover,
.summer-camps-wrapper3:hover,
.summer-camps-wrapper4:hover,
.summer-camps-wrapper5:hover {
  background-color: var(--color-mediumslateblue-100);
}
.after-school-container:hover .after-school,
.frame-button:hover .after-school,
.summer-camps-wrapper1:hover .after-school {
  color: var(--color-white);
}
.like1 {
  border-radius: var(--br-35xl);
  border: 1px solid var(--color-beige);
  align-items: flex-start;
  padding: var(--padding-3xs);
  gap: var(--gap-3xs);
}
.like1,
.like1:active .heart-icon {
  display: flex;
}
.like1:active .heart-icon1 {
  display: none;
}
.pexels-binyamin-mellish-1396122 {
  align-self: stretch;
  position: relative;
  /*border-radius: var(--br-base);*/
  height: 185px;
  /*background-image: url(pexelsbinyaminmellish1396122-11@2x.png);*/
  background-image: url(pexels-pixabay-301926.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
  width: 100%; 
  max-height: 100% !important;
}
.after-school-frame,
.like2,
.summer-camps-wrapper2,
.summer-camps-wrapper3 {
  background-color: var(--color-white);
  flex-direction: row;
  justify-content: flex-start;
}
.after-school-frame,
.summer-camps-wrapper2,
.summer-camps-wrapper3 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-7xs);
  border-radius: var(--br-9xs);
  display: flex;
  align-items: center;
}
.after-school-frame:hover .after-school,
.summer-camps-wrapper2:hover .after-school,
.summer-camps-wrapper3:hover .after-school {
  color: var(--color-white);
}
.like2 {
  border-radius: var(--br-35xl);
  border: 1px solid var(--color-beige);
  align-items: flex-start;
  padding: var(--padding-3xs);
  gap: var(--gap-3xs);
}
.like2,
.like2:active .heart-icon {
  display: flex;
}
.like2:active .heart-icon1 {
  display: none;
}
.pexels-binyamin-mellish-1396123 {
  align-self: stretch;
  position: relative;
  /*border-radius: var(--br-xs);*/
  height: 185px;
  /*background-image: url(pexelsbinyaminmellish1396122-12@2x.png);*/
  background-image: url(pexels-pixabay-301926.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
  /*width: 100%; */
  max-height: 100% !important;
}
.after-school-wrapper1,
.summer-camps-wrapper4,
.summer-camps-wrapper5 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-7xs);
  background-color: var(--color-white);
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.after-school-wrapper1:hover .after-school,
.summer-camps-wrapper4:hover .after-school,
.summer-camps-wrapper5:hover .after-school {
  color: var(--color-white);
}
.like3,
.search-programs-results-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.like3 {
  border-radius: var(--br-35xl);
  background-color: var(--color-white);
  border: 1px solid var(--color-beige);
  flex-direction: row;
  padding: var(--padding-3xs);
  gap: var(--gap-3xs);
}
.like3:active .heart-icon {
  display: flex;
}
.like3:active .heart-icon1 {
  display: none;
}
.search-programs-results-parent {
  width: 694px;
  flex-direction: column;
  gap: var(--gap-base);
  z-index: 0;
}
.slide {
  position: absolute;
  top: 24px;
  left: calc(50% - 6px);
  border-radius: var(--br-35xl);
  background-color: var(--color-yellowgreen-100);
  width: 12px;
  height: 712px;
  overflow: hidden;
}
.mapsicle-map-icon,
.slider {
  position: relative;
  overflow: hidden;
}
.slider {
  align-self: stretch;
  border-radius: var(--br-13xl) var(--br-13xl) 0 0;
  background-color: var(--color-white);
  width: 32px;
  flex-shrink: 0;
  z-index: 1;
}
.mapsicle-map-icon {
  flex: 1;
  border-radius: var(--br-5xl);
  max-width: 100%;
  height: 999px;
  object-fit: cover;
  z-index: 2;
}
.frame-child,
.group-child {
  position: relative;
  width: 32px;
  height: 32px;
}
.group-child {
  position: absolute;
  top: 0;
  left: 0;
}
.vuesaxlinearadd-icon {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
}
.group-item,
.vector-parent {
  position: absolute;
  left: 0;
  width: 32px;
  height: 32px;
}
.vector-parent {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  top: 0;
}
.group-item {
  top: -32px;
}
.vector-group,
.vuesaxlinearadd-icon1 {
  position: absolute;
  top: -28px;
  left: 4px;
  width: 24px;
  height: 24px;
}
.vector-group {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  top: 64px;
  left: 0;
  width: 32px;
  height: 32px;
}
.group-container {
  position: relative;
  width: 32px;
  height: 64px;
}
.group-parent {
  margin: 0 !important;
  position: absolute;
  top: 32px;
  right: 32px;
  border-radius: var(--br-base);
  box-shadow: 0 2px 8.9px rgba(0, 0, 0, 0.1);
  width: 30px;
  height: 95.7px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-7xs);
  z-index: 3;
}
.vector-icon {
  position: relative;
  width: 36px;
  height: 36px;
}
.chatbot {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xl);
  background-color: var(--color-crimson-100);
  border-radius: var(--br-69xl);
  width: 84px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
}
.chatbot:hover {
  background-color: var(--color-crimson-200);
}
.span {
  font-weight: 600;
  color: var(--color-darkslategray-100);
}
.download,
.marked-as-favorites-container {
  position: relative;
}
.download {
  font-size: var(--font-size-base);
  letter-spacing: 0.02em;
  font-weight: 600;
  font-family: var(--font-urbanist);
  color: var(--color-white);
  text-align: left;
}
.button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-base) var(--padding-5xl);
  background-color: var(--color-darkslateblue-100);
  flex: 1;
  border-radius: var(--br-base);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.button1:hover,
.button:hover {
  background-color: var(--color-darkslateblue-200);
}
.email-us {
  position: relative;
  font-size: var(--font-size-base);
  letter-spacing: 0.02em;
  font-weight: 600;
  font-family: var(--font-urbanist);
  color: var(--color-darkslateblue-100);
  text-align: left;
}
.button1 {
  cursor: pointer;
  border: 1px solid var(--color-darkslateblue-100);
  padding: var(--padding-base) var(--padding-5xl);
  background-color: transparent;
  flex: 1;
  border-radius: var(--br-base);
  justify-content: space-between;
}
.button1:hover {
  border: 1px solid var(--color-white);
  box-sizing: border-box;
}
.bottom,
.button-parent,
.button1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.button-parent {
  width: 400px;
  justify-content: center;
  gap: var(--gap-base);
}
.bottom {
  border-radius: var(--br-5xl) var(--br-5xl) 0 0;
  background-color: var(--color-white);
  box-shadow: 24px 24px 80.1px rgba(0, 0, 0, 0.05);
  width: 724px;
  justify-content: space-between;
  padding: var(--padding-13xl);
  box-sizing: border-box;
}
.chatbot-parent,
.chatbot1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.chatbot1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xl);
  background-color: var(--color-crimson-100);
  border-radius: var(--br-69xl);
  width: 84px;
  overflow: hidden;
  flex-shrink: 0;
  justify-content: flex-start;
  box-sizing: border-box;
}
.chatbot1:hover {
  background-color: var(--color-crimson-200);
}
.chatbot-parent {
  margin: 0 !important;
  position: absolute;
  width: 100%;
  right: 7px;
  bottom: 0;
  left: -7px;
  justify-content: space-between;
  z-index: 4;
  font-size: var(--font-size-sm);
  color: var(--color-dimgray);
}
.home,
.main,
.main-section {
  display: flex;
  gap: var(--gap-base);
}
.main {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--color-gray-500);
  font-family: var(--font-urbanist);
}
.home,
.main-section {
  flex-direction: column;
  align-items: center;
}
.main-section {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-13xl);
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-white);
  font-family: var(--font-urbanist);
}
.home {
  position: relative;
  background-color: var(--color-whitesmoke-200);
  width: 100%;
  justify-content: flex-start;
}
@media screen and (max-width: 1200px) {
  .frame-container {
    width: 350px;
  }
}
@media screen and (max-width: 960px) {
  .sub-menu-item2 {
    display: none;
  }
  .frame-container {
    width: 250px;
  }
  .pic {
    flex: unset;
    align-self: stretch;
  }
  .card {
    width: auto;
    align-self: unset;
    flex-direction: column;
  }
  .search-programs-results-parent {
    flex: 1;
  }
  .main-section {
    gap: var(--gap-xs);
  }
}
@media screen and (max-width: 420px) {
  .image-16-icon {
    width: 44px;
    height: 30px;
  }
  .find-a-program {
    font-size: var(--font-size-xs);
  }
  .search-normal-icon {
    width: 12px;
    height: 12px;
  }
  .search-results-container {
    font-size: var(--font-size-3xs);
  }
  .language-square-icon {
    display: none;
  }
  .sub-menu-item {
    font-size: var(--font-size-xs);
  }
  .arrrow-copy-icon {
    width: 10px;
    height: 5px;
  }
  .drop-down,
  .header {
    box-sizing: border-box;
  }
  .drop-down {
    padding: var(--padding-8xs) var(--padding-xs);
  }
  .header {
    padding-left: var(--padding-base);
    padding-top: var(--padding-base);
    padding-right: var(--padding-base);
  }
  .iconlylight-outlinesearch {
    width: 20px;
    height: 20px;
  }
  .sub-menu-item1 {
    font-size: var(--font-size-xs);
  }
  .vuesaxboldcandle-2-icon {
    width: 16px;
    height: 16px;
  }
  .sub-menu-item2 {
    font-size: var(--font-size-3xs);
  }
  .vuesaxboldcandle-2-parent {
    padding: var(--padding-7xs) var(--padding-5xs);
    box-sizing: border-box;
  }
  .frame-container {
    flex: 1;
  }
  /*.buttonprimary,*/
  .frame-div,
  .sub-menu-item-copy-3-wrapper {
    display: none;
  }
  .buttonprimary {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    position: relative;
    width: 80px;
    height: 30px;
  }
  .frame-parent {
    padding: var(--padding-base);
    box-sizing: border-box;
  }
  .programs-list {
    font-size: var(--font-size-xs);
  }
  .programs-list-wrapper,
  .view-in-map-wrapper {
    flex: 1;
  }
  .switch {
    display: flex;
    align-self: stretch;
    width: auto;
  }
  .b {
    font-size: var(--font-size-xs);
  }
  .search-programs-results {
    align-self: stretch;
    width: auto;
  }
  .after-school {
    font-size: var(--font-size-3xs);
    flex: 1;
  }
  .after-school-wrapper {
    padding: var(--padding-9xs);
    box-sizing: border-box;
  }
  .frame-parent1 {
    width: auto;
    align-self: unset;
  }
  .abundant-living-citi {
    font-size: var(--font-size-base);
  }
  .contact,
  .maria-mena,
  .nw-22ndmiami-fl {
    font-size: var(--font-size-sm);
  }
  .divider1,
  .frame-parent3 {
    display: none;
  }
  .emil-child {
    width: 16px;
    height: 16px;
  }
  .emil {
    background-color: var(--color-whitesmoke-200);
    padding: var(--padding-5xs);
    box-sizing: border-box;
  }
  .emil:hover {
    background-color: var(--color-white);
  }
  .more-information {
    font-size: var(--font-size-3xs);
  }
  .card,
  .detail,
  .emil-parent {
    align-self: stretch;
    width: auto;
  }
  .after-school-container,
  .after-school-frame,
  .after-school-wrapper1 {
    padding: var(--padding-9xs);
    box-sizing: border-box;
  }
  .search-programs-results-parent {
    flex: 1;
  }
  .group-parent,
  .mapsicle-map-icon,
  .slider {
    display: none;
  }
  .vector-icon {
    width: 24px;
    height: 24px;
  }
  .chatbot {
    display: flex;
    width: auto;
    align-self: unset;
    padding: var(--padding-base);
    box-sizing: border-box;
  }
  .marked-as-favorites-container {
    font-size: var(--font-size-3xs);
    display: flex;
    width: 100px;
  }
  .download {
    font-size: var(--font-size-3xs);
  }
  .button {
    gap: var(--gap-3xs);
    padding: var(--padding-base) var(--padding-xs);
    box-sizing: border-box;
  }
  .email-us {
    font-size: var(--font-size-3xs);
  }
  .button-parent,
  .button1 {
    width: auto;
    align-self: unset;
  }
  .button1 {
    gap: var(--gap-3xs);
    padding: var(--padding-base) var(--padding-xs);
    box-sizing: border-box;
  }
  .button-parent {
    padding-left: var(--padding-5xs);
    padding-right: var(--padding-5xs);
  }
  .bottom,
  .button-parent,
  .chatbot1 {
    box-sizing: border-box;
  }
  .bottom {
    width: 375px;
    gap: var(--gap-0);
    padding: var(--padding-5xl) var(--padding-xs);
  }
  .chatbot1 {
    display: none;
    width: auto;
    align-self: unset;
    padding: var(--padding-base);
  }
  .chatbot-parent {
    width: 375px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  .main {
    align-items: flex-start;
    justify-content: center;
  }
  .main-section {
    padding-left: var(--padding-base);
    padding-right: var(--padding-base);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 350px) {
  .vuesaxboldcandle-2-parent:hover {
    background-color: var(--color-darkslateblue-200);
  }
  .vuesaxboldcandle-2-parent:hover .sub-menu-item2 {
    color: var(--color-white);
  }
  .download,
  .email-us {
    display: none;
  }
  .bottom {
    width: 330px;
  }
  .chatbot-parent {
    width: 330px;
    gap: var(--gap-0);
    padding-left: var(--padding-base);
    padding-right: var(--padding-base);
    box-sizing: border-box;
  }
}
.earning-by-items {
  position: relative;
  font-weight: 600;
}
.icon161 {
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.comments {
  position: relative;
  line-height: 18px;
  font-weight: 600;
}
.frame-parent23,
.icon161-parent {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon161-parent {
  border-radius: var(--br-7xs);
  background-color: var(--color-whitesmoke-200);
  align-items: center;
  padding: var(--padding-7xs) var(--padding-xs);
}
.frame-parent23 {
  align-self: stretch;
  flex-wrap: wrap;
  align-items: flex-start;
  font-size: var(--font-size-xs);
  color: var(--color-slategray);
}
.earning-by-items-parent {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-xs);
}
.earning-by-items-parent,
.frame-parent22,
.frame-parent24 {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
}
.frame-parent24 {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap-7xs);
  font-size: var(--font-size-xs);
  color: var(--color-slategray);
}
.frame-parent22 {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-base);
}
.get-started1 {
  position: relative;
  font-size: var(--font-size-base);
  line-height: 20px;
  font-family: var(--font-urbanist);
  color: var(--color-white);
  text-align: center;
}
.button2 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-3xs);
  background-color: var(--color-darkslateblue-100);
  align-self: stretch;
  border-radius: var(--br-base);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.categoroes-popup,
.frame-parent21 {
  display: flex;
  justify-content: flex-start;
}
.frame-parent21 {
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-5xl);
}
.categoroes-popup {
  position: relative;
  border-radius: var(--br-base);
  background-color: var(--color-white);
  box-shadow: 0 4px 101.1px rgba(0, 0, 0, 0.1);
  width: 605px;
  flex-direction: row;
  align-items: flex-start;
  padding: var(--padding-13xl) var(--padding-5xl);
  box-sizing: border-box;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-gray-600);
  font-family: var(--font-urbanist);
}
.ai-chat,
.oval {
  position: relative;
}
.ai-chat {
  flex: 1;
}
.oval {
  border-radius: 50%;
  background-color: var(--color-whitesmoke-200);
  width: 48px;
  height: 48px;
  z-index: 0;
}
.ui-iconarrowclose {
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  z-index: 1;
}
.ai-chat-parent,
.oval-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.oval-parent {
  justify-content: center;
  position: relative;
  gap: var(--gap-3xs);
  cursor: pointer;
}
.ai-chat-parent {
  align-self: stretch;
  border-bottom: 1px solid var(--color-whitesmoke-200);
  justify-content: flex-end;
  padding: 0 0 var(--padding-xs);
  gap: var(--gap-base);
}
.vector-icon2 {
  position: relative;
  width: 24px;
  height: 24px;
}
.chatbot2 {
  border-radius: var(--br-69xl);
  background-color: var(--color-crimson-100);
  width: 84px;
  height: 84px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-9xs);
  box-sizing: border-box;
}
.ai-chat-box,
.lets-start-chat {
  position: relative;
}
.lets-start-chat {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-dimgray);
}
.ai-chat-box-parent,
.chatbot-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
}
.chatbot-group {
  align-self: stretch;
  flex: 1;
  gap: var(--gap-base);
}
.send,
.type-message {
  position: relative;
  line-height: 20px;
  font-family: var(--font-urbanist);
  text-align: left;
}
.type-message {
  border: 0;
  font-weight: 500;
  font-size: var(--font-size-sm);
  background-color: transparent;
  flex: 1;
  color: #8d8d8d;
}
.send {
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--color-white);
}
.arrow-up-icon {
  position: relative;
  width: 16px;
  height: 16px;
}
.button3 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-base);
  background-color: var(--color-yellowgreen-100);
  border-radius: var(--br-3xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-3xs);
}
.popup,
.type-message-parent {
  display: flex;
  justify-content: space-between;
}
.type-message-parent {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--color-whitesmoke-200);
  flex-direction: row;
  align-items: center;
  padding: var(--padding-xs) var(--padding-base);
}
.popup {
  position: relative;
  border-radius: var(--br-base);
  background-color: var(--color-white);
  box-shadow: 0 4px 37.1px rgba(0, 0, 0, 0.2);
  width: 628px;
  height: 800px;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--padding-5xl) var(--padding-13xl) var(--padding-13xl);
  box-sizing: border-box;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  text-align: left;
  font-size: var(--font-size-xl);
  color: var(--color-black);
  font-family: var(--font-urbanist);
}



/*search.css*/
.frame-group {
  flex-wrap: wrap;
}
.frame-parent {
  flex-wrap: wrap;
}

.image-16-icon {
  width:105px;
  height:auto;
}
.frame-parent1 {
  width:270px;
}
input, select {
  border:0 !important;
  box-shadow:none !important;
  max-width:100%;
}

input:focus, select:focus, textarea:focus {
  background-color:inherit;
}

.frame-div:focus-within, .frame-container:focus-within, .sub-menu-item-copy-3-wrapper:focus-within {
  background-color:#e7f0fe;
}

.card {
  background-color:white !important;
  margin-bottom:10px;
  display:grid;
  grid-template-columns: 287px 1fr;
}

.emil {
  color:#808080;
  cursor:pointer;
  text-decoration:none;
}


.typing {
  align-items: center;
  display: flex;
  height: 17px;
}
.typing .dot {
  animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
  background-color: #8bc54d ; /rgba(20,105,69,.7);
  border-radius: 50%;
  height: 7px;
  margin-right: 4px;
  vertical-align: middle;
  width: 7px;
  display: inline-block;
}
.typing .dot:nth-child(1) {
  animation-delay: 200ms;
}
.typing .dot:nth-child(2) {
  animation-delay: 300ms;
}
.typing .dot:nth-child(3) {
  animation-delay: 400ms;
}
.typing .dot:last-child {
margin-right: 0;
}

@keyframes mercuryTypingAnimation {
0% {
  transform: translateY(0px);
  background-color:#8bc54d; / rgba(20,105,69,.7);
}
28% {
  transform: translateY(-7px);
  background-color:#9ECAB9; /rgba(20,105,69,.4);
}
44% {
  transform: translateY(0px);
  background-color: #B5D9CB; /rgba(20,105,69,.2);
}
}

.favOn {
  color:red;
}

.egChat {
  color:#23527c;
  cursor:pointer;
}

.message-item {
  display: flex;
  width:100%;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 2px 16px;
  margin-right: 60px;
}

.aiResponse .bubble {
  margin-left:10px;

}
.aiResponse .fa-robot {
  margin-left:10px;
  color:#f90640;
  font-size:30px;
}

.message-item .bubble {
  padding: 10px 16px;
  background: #FFF;
  border-radius: 12px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  color: #141515;
  display: inline-block;
  margin-top: 4px;
  line-height: 1.4em;
  font-size:13px;
}

.message-item .bubble .imaged {
  margin: 0px -6px;
}

.message-item .title {
  font-size: 12px;
  font-weight: 500;
  color: #4F5050;
  line-height: 1.2em;
  padding: 0 0 0 10px;
}

.message-item .footer {
font-size: 12px;
padding: 0 10px;
text-align: right;
line-height: 1em;
margin-top: 5px;
color: #141515;
opacity: .4;
height: 14px;
}

.message-item .avatar {
margin-right: 10px;
width: 32px;
height: auto;
border-radius: 100%;
margin-bottom: 18px;
}

.message-item.user {
justify-content: flex-end;
margin-right: 0;
margin-left: 60px;
}

.message-item.user .bubble {
  background: #e3fcd0;
  color: #000;
  border-radius: 12px
}

.message-item {position:relative;}
.feedback {
  display: none;
  position:absolute;
  left:55px;
  top:-20px;
}	
.feedback div {
  cursor:pointer;
  display:inline-block;
  width:42px;
  height:42px;
  text-align:center;
  border:1px solid #dadada;
  background:white;
  border-radius:50%;
  margin-right: 5px;
  padding: 4px;
  font-size: 25px;
}
.message-item:hover .feedback {
  display: block;

}	
.feedback div:hover {
  background:#4285F4;
  color:white;

}

select {
  border: 1px solid #ccc !important;
}

.select2-container {
  width:100%;
}

@media screen and (max-width: 420px) {
  .image-16-icon {
      width: 75px;
  }
}





.marker {
  border: none;
  cursor: pointer;
  height: 46px;
  width: 46px;
  font-size:30px;
  color:#EA4335;
  text-align:center;
}

.mapboxgl-popup {
  width:300px;
}

.btn-primary {
  background:#6ABF4B;
  border-color:#6ABF4B;
}

.listingBottom {
  position:absolute;
  bottom:5px;
}

.viewBar {
  /*
  position:absolute;
  bottom:10px;
  width:95%;
  */
}

.registerBtn {
  padding:5px;
  text-align:center;
  visibility:hidden;
}
.entryRow:hover .registerBtn {
  visibility:visible;
}

#ResultsTable {
  display:block;
  height:100%;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  grid-auto-rows: minmax(260px, 300px);
}
.entryRow {
  transition: all 200ms ease-in-out;
}

.entryText {
  padding:10px;
  position:relative;
  overflow:hidden;
}

.entryRow.info {
  border:2px solid #6ABF4B;
}

.entryTags {
  /*position:absolute;left:5px;bottom:5px;*/
}
.entryTags .xmTokenItem {
  background:#efefef !important;
  border:1px solid #dadada !important;
  color:#666666 !important;
}

/*
.entryRow:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}
*/
.returnBlock {
  /*position:absolute;right:10px;top: 9px;width:190px;*/
  margin-right: -26px;
  float:right;display:flex;cursor:pointer;align-items: center;
}
.returnTxt {
  display:block;
  text-align:right;
  padding-top:5px;
  margin-right:5px;
  color: #68bf4a;
  font-weight: bold;
}

@media only screen and (max-width: 900px) {
  .FilterPanel {
      display:none;
  }
}

@media only screen and (max-width: 580px) {
  .entryRow {
      grid-template-columns: 1fr;
  }

  .entryPhoto {
      display:none;
  }


  .MapPanel {
      display:none;
  }

  .returnBlock {
      width:auto;
  }
  .returnTxt {
      display:none;
  }
  .cbOptions, .cbWrapper {
      max-height:initial !important;
  }
  .FilterPanel {
      display:none;
      width:100% !important;
  }

  #ResultsTable {
      grid-auto-rows: 350px;
      overflow:unset !important;
  }
}


@media screen and (min-width : 1268px) {

}

@media screen and (max-width : 998px) {
  .entryRow {
      grid-template-columns: 1fr;
  }
  .entryPhoto {
      display:none;
  }
}

                          


@media screen and (min-width : 2000px) {
  .FilterPanel {
      width:240px !important;
  }
}

@media screen and (max-width : 768px) {
  .listingBottom {
      position:relative;
  }

  .FilterPanel {
      height:auto !important;
  }

  #SearchBox {
      position: fixed !important;
      bottom: 40px !important;
      z-index: 99 !important;
      width: 100% !important;
      left: 0 !important;
  }

}



.modal-title {
  font-size: 25px;
  color: #8CC63C;
  font-weight: bold;
}

.main-section-instructions {
  padding:20px;
}

.modal {
  width:810px;
  max-width:100%;
  margin:auto;
}

.cbOptions {
  max-height:120px;
}
.xmSiChk-label  {
  font-weight:normal !important;
}
.entryPhoto {
  background-position: center;
  background-color: #6dbf4c;	
  padding:0;
  border-bottom:1px solid #dadada;
  background-size:contain;
  width:100%;
  height:100%;
  background-repeat:no-repeat;	
}
legend {
  font-size:13px;
  margin-bottom:0;
  border-bottom:0;
  padding:5px;
  font-weight:bold;
  text-align:left;
  color:#454545;
}

.mapboxgl-popup-close-button {
  font-size:20px;
}
/*
fieldset {
  white-space:nowrap;
  overflow: hidden;
}
*/
fieldset > div {
  border:1px solid #dadada;
  padding:3px 5px;
  background:white;
}
fieldset .clInput {
  width:100%;
}
#ControlBarTabLocationBox {
  padding-right:0;
}
#ControlBarTabWithinBox {
  padding-left:0;
}
#ControlBarTabLocationBox::after, #ControlBarTabSearchBox::after {
  width:0;
  background:none;
}