.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#121212;font-family:"Montserrat", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.hero{height:80dvh;}


.card {
  position: relative;
  z-index: 2;
  height:15rem;
}

.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7); 
  z-index: -1;
  transition: background 0.3s ease;
  border-radius: 5px;
}
.card:hover::before {
  background: rgba(0, 0, 0, 0);
}
@media (max-width: 767px){.hero{height:60dvh;}}


.swiper-pagination-bullet {
  display: inline-block;
  width: 35px !important;
  height: 20px !important;
  background-color: #E6F3FA !important;
  border-radius: 999px !important;
  margin: 0 6px !important;
  opacity: 1 !important;
  transition: all 0.3s ease !important;
  vertical-align: middle;
  box-sizing: border-box;
}

.swiper-pagination-bullet-active {
  background-color: #6DBBE3 !important;
  width: 65px !important;
  height: 20px !important;
}


@media (max-width: 767px) {
  .swiper-pagination-bullet {
    width: 25px !important;
    height: 14px !important;
  }

  .swiper-pagination-bullet-active {
    width: 45px !important;
    height: 14px !important;
  }
}/* End custom CSS */