.elementor-504 .elementor-element.elementor-element-58ad7d1{padding:64px 0px 64px 0px;}.elementor-504 .elementor-element.elementor-element-ed743cf .elementor-heading-title{color:#0F2D52;font-family:"Inter", Sans-serif;font-size:44px;font-weight:800;}.elementor-504 .elementor-element.elementor-element-50469ae .elementor-heading-title{color:#6E7C91;font-family:"Nunito Sans", Sans-serif;font-size:20px;font-weight:400;}.elementor-504 .elementor-element.elementor-element-aad28a4{text-align:left;}.elementor-504 .elementor-element.elementor-element-fc33946{text-align:left;width:auto;max-width:auto;}.elementor-504 .elementor-element.elementor-element-bc7725d{font-family:"Nunito Sans", Sans-serif;font-weight:400;}.elementor-504 .elementor-element.elementor-element-965409d{text-align:left;}.elementor-504 .elementor-element.elementor-element-855a662{text-align:left;width:auto;max-width:auto;}.elementor-504 .elementor-element.elementor-element-a9f33d7{font-family:"Nunito Sans", Sans-serif;font-weight:400;}.elementor-504 .elementor-element.elementor-element-d1b19d7{text-align:left;}.elementor-504 .elementor-element.elementor-element-047b731{text-align:left;width:auto;max-width:auto;}.elementor-504 .elementor-element.elementor-element-7670d74{font-family:"Nunito Sans", Sans-serif;font-weight:400;}.elementor-504 .elementor-element.elementor-element-90cf91f{text-align:left;}.elementor-504 .elementor-element.elementor-element-be50208{text-align:left;width:auto;max-width:auto;}.elementor-504 .elementor-element.elementor-element-b64ab13{font-family:"Nunito Sans", Sans-serif;font-weight:400;}.elementor-504 .elementor-element.elementor-element-32e307e{text-align:left;}.elementor-504 .elementor-element.elementor-element-7e6e76f{text-align:left;width:auto;max-width:auto;}.elementor-504 .elementor-element.elementor-element-dbb8092{font-family:"Nunito Sans", Sans-serif;font-weight:400;}.elementor-504 .elementor-element.elementor-element-87041b4 .elementor-heading-title{color:#0F2D52;font-family:"Inter", Sans-serif;font-size:44px;font-weight:800;}.elementor-504 .elementor-element.elementor-element-ee87971 .elementor-heading-title{color:#6E7C91;font-family:"Nunito Sans", Sans-serif;font-size:20px;font-weight:400;}.elementor-bc-flex-widget .elementor-504 .elementor-element.elementor-element-7b3f27b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-504 .elementor-element.elementor-element-7b3f27b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-504 .elementor-element.elementor-element-bc0d131{font-family:"Nunito Sans", Sans-serif;font-weight:400;}.elementor-504 .elementor-element.elementor-element-430694e > .elementor-shape-bottom svg{width:calc(163% + 1.3px);height:29px;}.elementor-504 .elementor-element.elementor-element-430694e{margin-top:64px;margin-bottom:0px;padding:32px 0px 32px 0px;}.elementor-504 .elementor-element.elementor-element-8816551 .elementor-heading-title{color:#0F2D52;font-family:"Inter", Sans-serif;font-size:44px;font-weight:800;}.elementor-504 .elementor-element.elementor-element-6c1a994 .elementor-heading-title{color:#6E7C91;font-family:"Nunito Sans", Sans-serif;font-size:20px;font-weight:400;}.elementor-504 .elementor-element.elementor-element-1fa99ca .elementor-heading-title{color:#0F2D52;font-family:"Inter", Sans-serif;font-size:44px;font-weight:800;}@media(max-width:1024px) and (min-width:768px){.elementor-504 .elementor-element.elementor-element-61d568a{width:45%;}.elementor-504 .elementor-element.elementor-element-012747f{width:45%;}.elementor-504 .elementor-element.elementor-element-5a6c7f0{width:45%;}.elementor-504 .elementor-element.elementor-element-6bf628c{width:45%;}.elementor-504 .elementor-element.elementor-element-357570f{width:45%;}}@media(max-width:1024px){.elementor-504 .elementor-element.elementor-element-ed743cf .elementor-heading-title{font-size:36px;}.elementor-504 .elementor-element.elementor-element-50469ae .elementor-heading-title{font-size:18px;}.elementor-504 .elementor-element.elementor-element-87041b4 .elementor-heading-title{font-size:36px;}.elementor-504 .elementor-element.elementor-element-ee87971 .elementor-heading-title{font-size:18px;}.elementor-504 .elementor-element.elementor-element-8816551 .elementor-heading-title{font-size:36px;}.elementor-504 .elementor-element.elementor-element-6c1a994 .elementor-heading-title{font-size:18px;}.elementor-504 .elementor-element.elementor-element-1fa99ca .elementor-heading-title{font-size:36px;}}@media(max-width:767px){.elementor-504 .elementor-element.elementor-element-ed743cf .elementor-heading-title{font-size:28px;}.elementor-504 .elementor-element.elementor-element-50469ae .elementor-heading-title{font-size:16px;}.elementor-504 .elementor-element.elementor-element-87041b4 .elementor-heading-title{font-size:28px;}.elementor-504 .elementor-element.elementor-element-ee87971 .elementor-heading-title{font-size:16px;}.elementor-504 .elementor-element.elementor-element-8816551 .elementor-heading-title{font-size:28px;}.elementor-504 .elementor-element.elementor-element-6c1a994 .elementor-heading-title{font-size:16px;}.elementor-504 .elementor-element.elementor-element-1fa99ca .elementor-heading-title{font-size:28px;}}/* Start custom CSS for section, class: .elementor-element-58ad7d1 *//* Section background */
.groups-section2 {
  background: linear-gradient(180deg, #E3F7E1 0%, #D4F3CF 100%) !important;
}

/* Card base */
.groups-card2 {
  background: #ffffff;
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 10px 30px rgba(15,45,82,0.08);
  border: 1px solid rgba(15,45,82,0.05);
  transition: all 0.3s ease;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0 8px 24px;
}

/* Hover lift */
.groups-card2:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(15,45,82,0.12);
}

/* Title */
.groups-card2 .groups-title2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #0F2D52;
  margin: 14px 0 6px;
}

/* Chip (age badge) */
.groups-card2 .groups-chip2 {
 
  background: #EEF9F0;
  color: #0F2D52;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 4px 14px;
  border-radius: 12px;
  margin-bottom: 12px;
}

/* Text / bullet list */
.groups-card2 .groups-text2 {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #6E7C91;
  text-align: left;
  margin-top: 8px;
  width: 100%;
 
}
.groups-card2 .groups-text2 li {
  margin-bottom: 6px;
  list-style: none;
}
.groups-card2 .groups-text2 li::before {
  content: "•";
  color: #6BBE56;
  font-weight: bold;
  margin-right: 6px;
}

/* Image tweaks */
.groups-card2 img {
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(15,45,82,.08);
  max-width: 280px;
  height: auto;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .groups-section2 { padding: 56px 0; }
  .groups-card2 { padding: 24px 20px; }
}

@media (max-width: 767px) {
  .groups-section2 { padding: 44px 0; }
  .groups-card {
    padding: 20px 16px;
    margin-bottom: 16px;
  }
  .groups-card2 img {
    max-width: 240px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e004224 */:root{
  --arl-card-radius: 22px;
  --arl-tile-radius: 18px;
  --arl-gutter: 12px;  
  --arl-shadow: 0 18px 40px rgba(16,24,40,.10);

  --badge-side: #d7a247;
  --badge-main: #111827;
  --badge-text: #fff;
}


.arl-mosaic-card{
  position: relative !important;
  background: #fff !important;
  border-radius: var(--arl-card-radius) !important;
  padding: var(--arl-gutter) !important;             
  box-shadow: var(--arl-shadow) !important;
  aspect-ratio: 1 / 1 !important;                  
  overflow: hidden !important;
}


.arl-mosaic-card > .elementor-container,
.arl-mosaic-card > .e-con-inner{
  padding: 0 !important;
  margin: 0 !important;
}


.arl-mosaic-grid{
  height: 100% !important;
  display: grid !important;
  grid-template-columns: 1.35fr 1fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: var(--arl-gutter) !important;
}

/* Elementor containers often inject min-heights — kill them */
.arl-mosaic-grid > .elementor-container,
.arl-mosaic-grid > .e-con,
.arl-tile,
.arl-tile .elementor-widget-container{
  min-height: 0 !important;
  height: auto !important;
}

/* ============ TILES ============ */
.arl-tile{
  border-radius: var(--arl-tile-radius) !important;
  overflow: hidden !important;
  background: #eef2f7 !important;      /* graceful while images load */
  box-shadow: none !important;          /* NO tile shadows in the reference */
  padding: 0 !important;
  margin: 0 !important;
}
.arl-tile--big{
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;      /* left tile spans both rows */
}

/* Make Elementor Image widget fill the tile exactly */
.arl-tile .elementor-image,
.arl-tile .elementor-widget-container,
.arl-tile img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.arl-tile img{
  object-fit: cover !important;
  border-radius: 0 !important;          /* rounding is on the tile container */
  box-shadow: none !important;
}

/* ============ BADGE (sits on the inner gutter, overlaps big tile slightly) ============ */
.arl-badge{
  position: absolute !important;
  left: calc(var(--arl-gutter) + 6px) !important;
  bottom: calc(var(--arl-gutter) + 6px) !important;
  display: inline-flex !important;
  align-items: stretch !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.22) !important;
  z-index: 2 !important;
  font-weight: 800 !important;
  font-family: 'Nunito Sans', sans-serif;
}
.arl-badge-side{
  background: var(--badge-side) !important;
  color: #1f2937 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  padding: 10px 12px !important;
  display: grid !important; place-items: center !important;
}
.arl-badge-main{
  background: var(--badge-main) !important;
  color: var(--badge-text) !important;
  font-size: 20px !important;
  padding: 10px 16px !important;
  display: grid !important; place-items: center !important;
  line-height: 1 !important;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 640px){
  .arl-mosaic-card{ aspect-ratio: auto !important; }
  .arl-mosaic-grid{
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
  }
  .arl-tile--big{ grid-row: 1 !important; grid-column: 1 !important; aspect-ratio: 4 / 3 !important; }
  .arl-mosaic-grid .arl-tile:not(.arl-tile--big){ aspect-ratio: 4 / 3 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdfbda3 *//* --- Arlekino: Извънкласни дейности --- */

.arl-extras {
  --arl-green: #66c46a;
  --arl-green-soft: rgba(102, 196, 106, 0.1);
  --arl-navy: #12253d;
  --arl-text-main: #2b2b2b;
  --arl-text-muted: #6b6b6b;
  --arl-radius-card: 24px;
  --arl-shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.06);

  background: linear-gradient(135deg, #f4fde9, #f1fbff);
  padding: 64px 16px 80px;
  font-family: Inter;
  color: var(--arl-text-main);
}

.arl-extras__inner {
  max-width: 1140px;
  margin: 0 auto;
}

/* Header */

.arl-extras__header {
  text-align: left;
  margin-bottom: 40px;
}

.arl-extras__title {
  font-size: clamp(32px, 4vw, 38px);
  line-height: 1.2;
  font-weight: 800;
  color: var(--arl-navy);
  margin: 0 0 8px;
  font-family: Inter !important;
}

.arl-extras__subtitle {
  font-size: 16px;
  line-height: 1.6;
  color: var(--arl-text-muted);
  margin: 0;
  font-family: Inter !important;
}

/* Grid */

.arl-extras__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}

@media (max-width: 1024px) {
  .arl-extras__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .arl-extras__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .arl-extras__grid {
    grid-template-columns: 1fr;
  }
}

/* Cards */

.arl-extras__card {
  background: #ffffff;
  border-radius: var(--arl-radius-card);
  padding: 22px 20px 24px;
  box-shadow: var(--arl-shadow-soft);
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.18s ease-out,
    box-shadow 0.18s ease-out,
    background 0.18s ease-out;
}

.arl-extras__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, var(--arl-green-soft), transparent 60%);
  opacity: 0;
  transition: opacity 0.18s ease-out;
}

.arl-extras__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.08);
}

.arl-extras__card:hover::before {
  opacity: 1;
}

.arl-extras__icon {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: var(--arl-green-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 4px;
}

.arl-extras__card-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--arl-green);
  margin: 0;
}

.arl-extras__card-text {
  font-size: 14px;
  line-height: 1.7;
  color: var(--arl-text-muted);
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-430694e */.extra-activities {background: linear-gradient(135deg, #f4fde9, #f1fbff);}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be45720 */.arl-extras-pro {
  padding: 24px 16px 90px;
  background: #ffffff;
  font-family: Inter;
  color: #2b2b2b;
}

.arl-extras-pro__inner {
  max-width: 1140px;
  margin: 0 auto;
}

.arl-extras-pro__header {
  text-align: left;
  margin-bottom: 40px;
}

.arl-extras-pro__title {
  font-size: clamp(30px, 4vw, 36px);
  font-weight: 800;
  margin: 0 0 8px;
  color: #12253d;
}

.arl-extras-pro__subtitle {
  font-size: 16px;
  color: #6b6b6b;
  margin: 0;
}

/* Grid layout */

.arl-extras-pro__grid {
  display: grid;
  gap: 28px;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
  .arl-extras-pro__grid {
    grid-template-columns: 1fr;
  }
}

.arl-extras-pro__item {
  background: #f7fdf7;
  border-radius: 18px;
  padding: 24px 26px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.arl-extras-pro__item-title {
  font-size: 18px;
  font-weight: 700;
  color: #4caf50;
  margin: 0 0 10px;
}

.arl-extras-pro__item-text {
  font-size: 14px;
  font-family: 'Nunito Sans', sans-serif;
  line-height: 1.7;
  color: #555;
  margin: 0;
}/* End custom CSS */