/* --------------------------------------------------------------------------
   1. BASE / GLOBAL
   -------------------------------------------------------------------------- */
body {
  /*font-family: "Bricolage Grotesque", sans-serif;*/
  /*font-family: "Montserrat", sans-serif;*/
  font-family: 'Poppins', sans-serif;
  color: #222;
  background: #dbe9f2;
  font-size: 1rem;
}

h1, h2, h3, h4, h5 {
  font-family: 'Poppins', sans-serif;
}
p { margin-bottom:20px; }
 .h2, h2, h3 {
        font-size: 1.8rem; margin-bottom:20px;
    }

.data-item { margin-bottom:25px; }

a {
  text-decoration: none;
}
.border-radius-5 {border-radius: 5px;}
.section-pad {
  padding: 64px 0;
}


.eyebrow-link {
  color: #0B2559;
  font-weight: 600;
  font-size: .95rem;
}

.eyebrow-link i {
  font-size: .8rem;
  margin-left: 4px;
}
.pb-6 {
    padding-bottom: 4rem !important;
}

.slick-track .col-md-12{
    padding: 0 10px;
    box-sizing: border-box;
}
.left-arrow {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: -100px;
  transform: translate(0, -50%);
  cursor: pointer;
  z-index: 99;
  object-fit: contain;
  opacity: 0;
  transition:all .35s ease;
}
.right-arrow {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translate(0, -50%);
  cursor: pointer;
  z-index: 99;
   object-fit: contain;
  opacity: 0;
  transition:all .35s ease;
}

.slick-slider:hover .right-arrow  { opacity: 1; }
.slick-slider:hover .left-arrow  { opacity: 1; }

.playfair-title {   
    font-family: "Playfair Display", serif;
    font-size: 2.3rem;  
}

/* end */

/* Header */
.header {
            background: #dceaf2;
            min-height: 118px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px 30px;
        }

        .header-inner {
            width: 100%;
            max-width: 1000px;
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            gap: 80px;
        }

        .nav {
            display: flex;
            align-items: center;
            gap: 45px;
			text-transform: uppercase;
        }

        .nav-left {
            justify-content: flex-end;
        }

        .nav-right {
            justify-content: flex-start;
        }

        .nav ul {
          display: flex;
          align-items: center;
          gap: 50px;
          list-style: none;
          margin: 0;
          padding: 0;
          }

          .nav a {
              text-decoration: none;
              color: #222;
              font-size: 1rem;
              font-weight: 700;
              white-space: nowrap;
          }
        .logo {
            text-align: center;
            white-space: nowrap;
        }

        .logo a {
            display: block;
        }
/* Header End */

/* Banner */
.banner { background: #bed6df; position: relative; } 
.banner-space { height: 60px; position: absolute; background: #dbe9f2; width: 100%; bottom: 0px; z-index: 2; }
.banner-item { position: relative; }
.banner-item img { width: 100%; height: 100%; }
.banner-item p { text-align: center; }
.banner-slide { z-index: 9; }
.banner-slide .slick-list {
  overflow: hidden;
}

.banner-item {
  position: relative;
  margin-bottom: 60px;
}

.banner-item p {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  margin: 0;
  z-index: 10;
}
/* Banner */


/* Mobile Menu */
.sideMenu {
      position: fixed;
      top: 0;
      left: -250px;
      width: 250px;
      height: 100%;
      background: #222;
      color: white;
      transition: left 0.3s ease;
      z-index: 1000;
      padding-top: 60px;
      overflow-y: auto;
    }

    .sideMenu.active {
      left: 0;
    }

    .sideMenu ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .sideMenu li {
      border-bottom: 1px solid #373737;
    }

    .sideMenu li > a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 20px;
      color: white;
      text-decoration: none;
    }

    .sideMenu li > a:hover {
      background: #103178;
    }

    /* Submenu */
    .sideMenu li ul {
      max-height: 0;
      overflow: hidden;
      background: #103178;
      transition: max-height 0.3s ease;
    }

    .sideMenu li ul li a {
      padding-left: 40px;
    }

    /* Arrow indicator */
    .sideMenu li:has(ul) > a::after {
      content: "▾";
      transition: transform 0.3s ease;
    }
    .sideMenu li.open > a::after {
      transform: rotate(-180deg);
    }

    /* Toggle button */
    .menu-toggle {
      display: none;
      justify-content: space-between;
      cursor: pointer;
      padding: 10px 3px;
      color: #000;
      background: white;
      margin-top: 15px;     
          border-radius: 5px;
    }

    .menu-row {
    display: flex;
    justify-content: space-between;
}

    /* Close button */
    .close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 22px;
      cursor: pointer;
      background: none;
      border: none;
      color: white;
    }

    /* Overlay */
    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      z-index: 900;
    }
    .overlay.active {
      display: block;
    }

/* End */

.main-title { padding: 40px 30px 40px 30px; }
.main-title h1 {font-family: "Bricolage Grotesque", sans-serif; font-size: 2.2rem;     font-weight: 600; }

.section-blue { background: #bdd7e1; padding: 72px 0 96px; }
.section-light { background: #dbe9f2; padding: 56px 0 72px; }

.section-title { font-weight: 600; line-height: 1.35; text-transform: uppercase; text-align: center; margin: 0; }

.btn-mb { display: inline-flex; align-items: center; gap: 12px; background: #3f6b8a; color: #ffffff;  font-weight: 600; text-transform: uppercase; letter-spacing: .04em; padding: 12px 28px; border-radius: 3px; border: 0; }
.btn-mb:hover { background: #2f5470; color: #ffffff; }
.btn-mb .arrow { font-size: 18px; line-height: 1; }

.gallery-card { display: flex; flex-direction: column; background: #ffffff; padding: 14px 14px 0; height: 100%; 
  min-height: 340px; transition: transform .2s;  }
.gallery-card:hover { transform: translateY(-4px);  color: #111111; }
.gallery-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; background: #e6eef2; }
.gallery-card .caption { text-align: center; color: #000; font-size: 13px; font-weight: 500; text-transform: uppercase; line-height: 1.7; padding: 20px 8px; }

.bio-img { width: 100%; max-width: 970px; aspect-ratio: 970 / 846; object-fit: cover; display: block; margin: 44px auto 0; background: #c9c9c9; }

.site-footer { background: #000000; color: #ffffff; padding: 64px 0 40px; }
.site-footer a { color: #dddddd; }
.site-footer a:hover { color: #bdd7e1; }
.footer-logo { font-size: 36px; font-weight: 600; line-height: 1; }
.footer-tagline { font-family: 'Mrs Saint Delafield', cursive; font-size: 24px; color: #cccccc; }
.footer-head { font-size: 20px; font-weight: 600; text-transform: uppercase; margin-bottom: 24px; }
.footer-list { list-style: none; padding: 0; margin: 0; }
.footer-list li { text-transform: uppercase; line-height: 1.5; margin-bottom: 20px; max-width: 280px; }
.footer-label { font-weight: 600; text-transform: uppercase; margin-bottom: 6px; }
.footer-value {  color: #dddddd; margin-bottom: 14px; }
.footer-bottom { border-top: 1px solid #333333; margin-top: 56px; padding-top: 32px; text-align: center; }
.social { display: flex; justify-content: center; gap: 22px; font-size: 13px; font-weight: 600; margin-bottom: 14px; }
.social ul {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.social ul li a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.social ul li a:hover {
  color: #bdd7e1;
}
.copyright { font-size: 12px; color: #aaaaaa; }

/* contact Page */
.banner-inner{
    background:#bed6df;
    padding:2.7rem 0;
		text-align:center;
}

.banner-inner-content{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
}

.banner-inner h1{
  font-size:28px;
    margin-bottom:10px;
 
}
	   .banner-inner a{ color:#666; }
.banner-inner p{
    color:#666; margin-bottom:0px;
}

.banner-inner span{
    color:#666;
}
	   /* Contact Box */

.contact-box{  
   
    display:grid;
   
    gap:40px;
}

.form-area h2,
.map-area h2{
    margin-bottom:10px;
    color:#15377d;
}

.form-area p{
    margin-bottom:20px;
    color:#666;
}



.contact-box input,
.contact-box textarea{
    width:100%;
    padding:14px;
    border:1px solid #bed6df;
    border-radius:6px;
    margin-bottom:15px;
    font-size:15px;
}

.contact-box textarea{
    height:170px;
    resize:none;
}

.contact-box  button{
    background:#3f6b8a;
    color:#fff;
    border:none;
    padding:14px 30px;
    border-radius:6px;
    cursor:pointer;
    font-size:16px;
}

.contact-box  button:hover{
    background:#2f5470;
}

.bio-img-inner {
    width: 100%;
    max-width: 350px;
    aspect-ratio: 970 / 970;
    object-fit: cover;
    display: block;
    margin: 44px auto 0;
    background: #c9c9c9;
	border-radius:50%;
}


/* --------------------------------------------------------------------------
   17. RESPONSIVE OVERRIDES
   -------------------------------------------------------------------------- */

@media only screen and (max-width: 991px) {
 .h2, h2 {  font-size: 1.5rem; }
 .main-title h1 { font-size: 1.7rem; }
.nav-left, .nav-right { display: none; }
.banner-slide .left-arrow { display: none; }
.banner-slide .right-arrow { display: none; }
.menu-toggle {display: flex;}
.header { display: block; }
.banner-item p { font-size: 13px; }
.site-footer { text-align: center; }
.footer-list li { max-width: 100%; }




}


@media (max-width: 767px) {
 

}