:root {
  /* GENERAL FONT */
  --font1: "Titillium Web", sans-serif;
  --font2: "Roboto", sans-serif;
  /* GENERAL COLOR */
  --bg-col-1: #3dafbe;
  --bg-col-2: #dc3545;
  --bg-col-4: #024c96;
  --tx-color-2: #000;
  --tx-color-3: #0059b3;
  --tx-slider-section-title: #212529;
  --tx-slider-card-4: #0059b3;
  --tx-button: #fff;
  --bg-button: #3dafbe;
}
.day{color:#3dafbe}
.swiper-slide {padding:20px ; background-color:#f2f2f2; border-radius:6px 6px 0 0; min-height:250px; font-size: 23px;}
.card-text{color: #212121}
.bg-col-2{padding:20px ;}
.btn-archive {
  color: var(--tx-button);
  background: var(--bg-button);
  border-color: var(--bg-button-border);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.btn-archive:hover {
  color: var(--tx-button-hover);
  background-color: var(--bg-button-hover);
  border-color: var(--bg-button-hover);
}
.btn-archive:focus {
  -webkit-box-shadow: 0 0 0 0.25rem var(--bg-button-focus);
  box-shadow: 0 0 0 0.25rem var(--bg-button-focus);
}

.custom-slider {
  font-family: var(--font1);
  background: var(--bg-slider-section);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  overflow: hidden;
}
.custom-slider .title-section {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--tx-slider-section-title);
}
.custom-slider .swiper-container .card.box-4 {
  background: var(--bg-slider-card-4);
  color: var(--tx-slider-card-4);
}
.custom-slider .swiper-container .card.box-4 .card-header {
  background: var(--bg-slider-card-4);
  color: var(--tx-slider-card-4);
  border-bottom: 0;
}
.custom-slider .swiper-container .card.box-4 .card-header .fa-map-marker-alt {
  color: var(--tx-slider-card-4);
}
.custom-slider .swiper-container .card.box-4 .card-header .fa-map-marker-alt.grow {
  transition: all 0.2s ease-in-out;
}
.custom-slider .swiper-container .card.box-4 .card-header .fa-map-marker-alt.grow:hover {
  transform: scale(1.5);
}
.custom-slider .swiper-container .card.box-4 .attached {
  font-weight: 300;
  font-size: 0.8rem;
}
.custom-slider .swiper-container .card.box-4 .card-title {
  line-height: 35px;
  color: var(--tx-slider-card-4);
}
.custom-slider .swiper-container .card.box-4 .card-title .day {
  font-weight: 600;
 font-size: 5rem; line-height: 5rem;
}
.custom-slider .swiper-container .card.box-4 .card-title .month {
  font-size: 2.2rem; line-height: 3rem;color: #3dafbe;
  font-weight: 300;
}
.custom-slider .swiper-container .card.box-5 {
  background: var(--bg-col-2);
  color: var(--tx-color-1);
}
.custom-slider .swiper-container .card.box-5 .card-header {
  background: var(--bg-col-1);
  border-bottom: 0;
}
.custom-slider .swiper-container .card.box-5 .card-title {
  line-height: 35px;
}
.custom-slider .swiper-container .card.box-5 .card-title .day {
  font-weight: 600;
 font-size: 5rem; line-height: 5rem;
  color: #ffffff;
}
.custom-slider .swiper-container .card.box-5 .card-title .cal-y {
  display: grid;
  line-height: 21px;
}
.custom-slider .swiper-container .card.box-5 .card-title .cal-y .month {
  font-size: 1.5rem;
  color: var(--tx-color-1);
  font-weight: 300;
}
.custom-slider .swiper-container .card.box-5 .card-title .cal-y .year {
  font-size: 1.2rem;
  color: var(--tx-color-1);
  font-weight: 700;
}
.fa-clock{float: right;}
.card-body{margin-top: 20px;}



@media (max-width: 1280px) {
  .swiper-slide {  font-size: 18px;}
}