:root {
  --white        : #FFFDFA;
  --white-50     : #FFFDFA;
  --blue         : #2D5AA8;
  --blue-50      : #E9F8F8;
  --blue-500     : #7199CF;
  --green        : #14B14B;
  --green-500    : #5FBD75;
  --green-600    : #1B8442;
  --green-700    : #146634;
  --primary50    : #F0FDF4;
  --black        : #161616;
  --neutral-50   : #F5F5F5;
  --neutral-100  : #E5E5E5;
  --neutral-200  : #CECECE;
  --neutral-300  : #B7B7B7;
  --neutral-500  : #727272;
  --neutral-600  : #444444;
  --black-opacity: rgb(0 0 0 / 40%);
  --sun          : #FAAA33;
  --turquoise    : #22B9B8;
}

/* font-family */

.font-family-moret {
  font-family: Moret;
}

/* bg-color */

.bg-color-black {
  background-color: var(--black);
}

.bg-color-white {
  background-color: var(--white);
}

.bg-color-blue {
  background-color: var(--blue);
}

.bg-color-blue-500 {
  background-color: var(--blue-500);
}

.bg-color-neutral-50 {
  background-color: var(--neutral-50);
}

.bg-color-green {
  background-color: var(--green);
}

.bg-color-green-500 {
  background-color: var(--green-500);
}

.bg-color-green-600 {
  background-color: var(--green-600);
}

.bg-color-blue {
  background-color: var(--blue);
}

.bg-color-black-opacity>div {
  background-color: var(--black-opacity);
}

.bg-color-sun {
  background-color: var(--sun);
}

.bg-color-red{
	background-color:red;
}

.bg-primary-50 {
  background-color: var(--primary50);
}

.hero h1 {
  max-width: 100%;
  width    : 1000px;
}

/* border */

.border-1-solid-blue500 {
  border: 1px solid var(--blue-500)
}

.border-1-solid-neutral300 {
  border: 1px solid var(--neutral-300)
}

.border-1-solid-white {
  border: 1px solid var(--white);
}

.border-1-solid-green {
  border: 1px solid var(--green);
}

/* text-color */

.text-white {
  color: var(--white);
}

.text-white-50 {
  color: var(--white-50);
}

.text-blue {
  color: var(--blue);
}

.text-green {
  color: var(--green);
}

.text-green-600 {
  color: var(--green-600);
}

.text-black {
  color: var(--black) !important;
}

.text-neutral-500 {
  color: var(--neutral-500);
}

/* font-weight */

.font-weight-500 {
  font-weight: 500;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-600 {
  font-weight: 600;
}

/* font-size */

.font-size-124 {
  font-size: 124px;
}

.font-size-84 {
  font-size: 84px;
}

.font-size-56 {
  font-size: 56px;
}

.font-size-38 {
  font-size: 38px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-14 {
  font-size: 14px;
}

/* line-height */

.line-height-124 {
  line-height: 124px;
}

.line-height-92 {
  line-height: 92px;
}

.line-height-61 {
  line-height: 61px;
}

.line-height-46 {
  line-height: 46px;
}

.line-height-34 {
  line-height: 34px;
}

.line-height-28 {
  line-height: 28px;
}

.line-height-26 {
  line-height: 26px;
}

.line-height-24 {
  line-height: 21px;
}

.line-height-20 {
  line-height: 20px;
}

/* z-index */

.z-index-1 {
  z-index: 1;
}

.z-index-10 {
  z-index: 10;
}

/* margin */

.margin-bottom-64 {
  margin-bottom: 64px;
}

.margin-top-64 {
  margin-top: 64px;
}

.margin-bottom-48 {
  margin-bottom: 48px;
}

.margin-bottom-32 {
  margin-bottom: 32px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-bottom-6 {
  margin-bottom: 6px;
}

/* padding */

.padding-20 {
  padding: 20px;
}

.padding-y-120 {
  padding: 120px 0;
}

.padding-y-96 {
  padding: 96px 0;
}

.padding-y-57 {
  padding: 57px 0;
}

.padding-y-40 {
  padding: 40px 0;
}

.padding-40 {
  padding: 40px;
}

.padding-x-10 {
  padding-top   : 10px;
  padding-bottom: 10px;
}

.padding-y-37 {
  padding-left : 37px;
  padding-right: 37px;
}

.padding-x-20 {
  padding-left : 20px;
  padding-right: 20px;
}

.padding-y-46 {
  padding-left : 46px;
  padding-right: 46px;
}

.padding-y-33 {
  padding-top   : 33px;
  padding-bottom: 33px;
}

/* width */

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

/* gap */

.gap-80 {
  gap: 80px;
}

.gap-64 {
  gap: 64px;
}

.gap-40 {
  gap: 40px;
}

.gap-34 {
  gap: 34px;
}

.gap-32 {
  gap: 32px;
}

.gap-30 {
  gap: 30px;
}

.gap-24 {
  gap: 24px;
}

.gap-20 {
  gap: 20px;
}

.gap-14 {
  gap: 14px;
}

.gap-10 {
  gap: 10px;
}

.gap-8 {
  gap: 8px;
}

.gap-6 {
  gap: 6px;
}

.gap-4px {
  gap: 4px;
}

.flex-1 {
  flex: 1;
}

.custom-gap-4 {
  gap: 4px;
}
.video{
	width     : 100%;
}
/* border-radius */
.hero video {
  display   : block;
  width     : 100%;
  height    : 100%;
  object-fit: cover;
  position  : absolute;
}

.border-radius-8 {
  border-radius: 8px;
}
.program-list-box{
	padding-left:0;
}
.border-radius-12 {
  border-radius: 12px;
}

.border-radius-right-12 {
  border-top-right-radius   : 12px;
  border-bottom-right-radius: 12px;
}

/* === */

.top-255 {
  top: 255px;
}

.bottom-64 {
  bottom: 64px;
}

.bottom-20 {
  bottom: 20px;
}

.bottom-0 {
  bottom: 0;
}

.list-style-type-none {
  list-style-type: none;
}

.white-space-nowrap {
  white-space: nowrap;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

.all-p-margin-none p {
  margin: 0;
}

.list-style-none {
  list-style: none;
}

.ul-padding-0 {
  padding-left: 0;
}

/* DISPLAY */
.desktop-display-none {
  display: none;
}

.display-unset {
  display: unset !important;
}

/* MARKER CIRCLE COLORS */

.marker-circle-color-blue ul li::marker {
  color: var(--blue);
}

.marker-circle-color-green ul li::marker {
  color: var(--green);
}

/* MOBILE */

@media (max-width: 992px) {

  /* DISPLAY */
  .mobile-display-none {
    display: none !important;
  }

  .desktop-display-none {
    display: block !important;
  }

  .mobile-width-100 {
    width: 100% !important;
  }

  /* z-index */

  .z-index-1000-mobile {
    z-index: 1000;
  }

  /* FONT SIZE */
  .mobile-font-size-32 {
    font-size: 32px !important;
  }

  .mobile-font-size-28 {
    font-size: 28px !important;
  }

  .mobile-font-size-24 {
    font-size: 24px !important;
  }

  .mobile-font-size-18 {
    font-size: 18px !important;
  }

  .mobile-font-size-16 {
    font-size: 16px !important;
  }

  .mobile-font-size-14 {
    font-size: 14px !important;
  }

  /* LINE HEIGHT */
  .mobile-line-height-38 {
    line-height: 38px !important;
  }

  .mobile-line-height-23 {
    line-height: 23px !important;
  }

  .mobile-line-height-21 {
    line-height: 21px !important;
  }

  /* MARGIN */

  .mobile-margin-bottom-8 {
    margin-bottom: 8px !important;
  }

  .mobile-margin-bottom-20 {
    margin-bottom: 20px !important;
  }

  .mobile-margin-bottom-10 {
    margin-bottom: 10px !important;
  }

  /* PADDING */
  .mobile-padding-top-0 {
    padding-top: 0 !important;
  }

  .mobile-padding-y-64 {
    padding: 64px 0 !important;
  }

  .mobile-padding-y-62 {
    padding: 62px 0 !important;
  }

  .mobile-padding-y-48 {
    padding: 48px 0 !important;
  }

  .mobile-padding-y-40 {
    padding: 40px 0 !important;
  }

  .mobile-padding-y-32 {
    padding: 32px 0 !important;
  }

  .mobile-padding-y-26 {
    padding: 26px 0 !important;
  }

  .mobile-padding-y-20 {
    padding: 20px 0 !important;
  }

  .mobile-padding-y-10 {
    padding-top   : 10px !important;
    padding-bottom: 10px !important;
  }

  .mobile-padding-y-0 {
    padding-top   : 0 !important;
    padding-bottom: 0 !important;
  }

  .mobile-padding-y-8 {
    padding-top   : 8px;
    padding-bottom: 8px;
  }

  .mobile-padding-x-14 {
    padding-left : 14px;
    padding-right: 14px;
  }

  .mobile-padding-top-10 {
    padding-top: 10px !important;
  }

  .mobile-padding-top-75 {
    padding-top: 75px !important;
  }

  .mobile-padding-top-100 {
    padding-top: 100px !important;
  }

  .mobile-padding-bottom-10 {
    padding-bottom: 10px !important;
  }

  .mobile-padding-bottom-75 {
    padding-bottom: 75px !important;
  }

  .mobile-margin-top-48 {
    margin-top: 48px !important;
  }

  .mobile-margin-top-32 {
    margin-top: 32px !important;
  }

  .mobile-margin-top-30 {
    margin-top: 30px !important;
  }

  .mobile-margin-top-26 {
    margin-top: 26px !important;
  }

  .mobile-margin-top-20 {
    margin-top: 20px !important;
  }

  .mobile-margin-top-0 {
    margin-top: 0 !important;
  }

  .mobile-margin-bottom-24 {
    margin-bottom: 24px !important;
  }

  .mobile-margin-bottom-20 {
    margin-bottom: 20px !important;
  }

  .mobile-margin-bottom-0 {
    margin-bottom: 0px !important;
  }

  /* FLEX */
  .mobile-flex-direction-column {
    flex-direction: column !important;
  }

  .mobile-text-align-center {
    text-align: center !important;
  }

  .mobile-align-items-start {
    align-items: start !important;
  }

  /* LETTER SPACING */
  .mobile-letter-spacing-2 {
    letter-spacing: 2px;
  }

  /* GAP */
  .mobile-gap-32 {
    gap: 32px !important;
  }

  .mobile-gap-24 {
    gap: 24px !important;
  }

  .mobile-gap-12 {
    gap: 12px !important;
  }

  .font-size-124 {
    font-size: 46px;
  }

  .list-style-type-none.hero-list-box {
    gap      : 0;
    padding  : 0;
    margin   : 0;
    flex-wrap: wrap;
  }

  .list-style-type-none.hero-list-box li {
    margin-right: 15px;
  }

  .list-style-type-none.hero-list-box li span:empty {
    display: none;
  }

  .d-flex.gap-80 {
    flex-wrap: wrap;
  }

  .line-height-124 {
    line-height: 46px;
  }

  .container {
    --bs-gutter-x: 3.5rem !important;
  }

  .container-setup {
    padding-inline: 1.75rem !important;
  }

  .mobile-margin-top-26 {
    margin-top: 26px !important;
  }

  .mobile-margin-bottom-48 {
    margin-bottom: 48px !important;
  }

  .mobile-padding-bottom-0 {
    padding-bottom: 0 !important;
  }
  .custom-camps-type-3-box .d-flex.margin-bottom-30,
  .custom-camps-type-3-box-details-content{
	  flex-wrap:wrap;
  }
  .custom-camps-type-3-box .d-flex.margin-bottom-30 .width-60,
  .custom-camps-type-3-box-details-content .width-55{
	  width:100%;
	  margin-bottom:15px;
  }
  .custom-camps-type-3-box .d-flex.margin-bottom-30  .list-style-none.d-flex.flex-column,
  .custom-camps-type-3-box-details-content .list-style-none.d-flex.flex-column{
	  display: grid!important;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 8px 16px; /* odstęp między wierszami i kolumnami */
	  list-style: none;
	  padding: 0;
	  margin: 0;
  }
}