body p{
    font-family: 'Inter', sans-serif;
    font-size: 18px;
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Inter', serif;
  font-size:60px!important;
  font-style: italic;
  line-height: 1.25em;
  font-weight: normal;
  color:deepskyblue;
}

.logo h3{font-size:25px!important; font-weight:100;margin:0 0 0 20px}
a {text-decoration: none!important;}

/* =================NAV======================= */
/* Header and Navigation */
         body {
            box-sizing: border-box;
        }
        
        /* Override Bootstrap conflicts */
        .tw-nav * {
            box-sizing: border-box !important;
        }
        
        .tw-nav ul {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        
        .tw-nav a {
            text-decoration: none !important;
        }
        
        .tw-nav button {
            border: none !important;
            background: transparent !important;
        }
        
        .tw-dropdown {
            position: absolute !important;
            z-index: 1000 !important;
        }
        
        .tw-mobile-menu {
            position: fixed !important;
            z-index: 999 !important;
        }

        #mobileMenu ul{padding:0!important}
/* =================END OF NAV======================= */


.rectangle {
  background-color: #003781;
  clip-path: polygon(
    120px 0, 
    100% 0, 
    100% calc(100% - 120px),
    calc(100% - 120px) 100%,
    0 100%,
    0 120px 
  );
}

#image-container {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

/* .fade-img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
} */

img {
    max-width: 100%; /* Ensures images don't exceed their parent container's width */
    height: auto;    /* Maintains the image's aspect ratio */
    display: block;  /* Prevents extra space below images */
}


/* your-custom-styles.css */
.flatpickr-month {
  font-size: 12px!important;
  color:#3b82f6!important;
}

.flatpickr-day.selected {
  background-color: #3b82f6; /* Tailwind's blue-500 */
  border-color: #3b82f6;
}

