@font-face {
    font-family: 'Geometric';
    src: url('../fonts/geometric.otf') format('opentype'); /* adjust path */
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900; /* variable weight range */
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
  }

  .ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
  }

  .geomatric{
    font-family: 'Geometric', sans-serif;
  }

  .open-sans{
    font-family: 'Open Sans', sans-serif;
  }

  .bg-primay{
    background-color: #002F60;
  }
.fancybox__container  {
  left: 20% !important;
  right: 20% !important;
  top: 10% !important;
  height: 80%;
  border-radius: 16px;
}

.carousel__button {
  background: #F0BFC2 !important; 
  color: black !important;
}

.fancybox__button--close{
  background: #002F60 !important; 
  color: white !important;
}
.fancybox__backdrop {
  background-color: white !important;
}
.fancybox__toolbar {
  background: white !important;
}

/* blur everything except the fancybox container when it's open/animated */
body:has(.fancybox__container.is-animated) > *:not(.fancybox__container) {
  filter: blur(6px) saturate(0.95) brightness(0.6) contrast(1.2);
transition: filter 200ms ease;
pointer-events: none;   /* optional */
user-select: none;
}

/* optional: prevent body scroll while modal open */
body:has(.fancybox__container.is-animated) {
  overflow: hidden;
}

.fancybox__toolbar__items {
  gap: 10px;
}

.fancybox__image{
  border-radius: 10px;
}