/***************************
Add your custom styles below
****************************/


@media (max-width:767px) {
  .nav-mobile-toggle { min-width:44px; min-height:44px; border:0; background:transparent; }
  .nav-open .nav-bar .menu > li > a { display:flex; align-items:center; min-height:44px; padding:0 20px; }
  .main-container p, .main-container h1, .main-container h2, .main-container h3 { overflow-wrap:break-word; }
  .main-container .page-title { min-height:280px; }
  .main-container .slg-charter-intro { padding-bottom:48px; }
  .main-container .slg-service-feature { gap:24px; }
  .main-container .piechart { max-width:100%; }
  .main-container .piechart canvas { max-width:100%; height:auto!important; }
  .footer-3 .social-list a { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; }
  #slg-form-dialog > div { gap:12px; }
  #slg-form-dialog button { min-height:44px; }
}

@media(max-width:767px){
  nav > button.nav-mobile-toggle.visible-xs{display:flex!important;align-items:center;justify-content:center;gap:8px;right:16px;top:4px;width:auto;min-width:76px;height:44px;padding:0 10px;color:#171717!important;background:#fff!important;border:1px solid #dedbd6;border-radius:2px;font:600 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
  nav.nav-open .nav-bar{background:#fff!important}
  .main-container .slg-hero{display:block;min-height:0;background:white;padding:0}
  .main-container .slg-hero-photo{position:relative;display:block;width:100%;height:clamp(230px,70vw,385px);object-position:89% 34%;margin:0}
  .main-container .slg-hero::after{content:none}
  .main-container .slg-hero .slg-hero-copy{width:100%;padding:26px 18px 30px}
  .main-container .slg-hero #slg-title{font-size:clamp(37px,9vw,58px);margin:0 auto 17px}
  .slg-hero .slg-hero-services{gap:8px 11px}
  .slg-hero .slg-hero-services a{padding:8px 0}
  .slg-hero .slg-hero-services a+a::before{display:none}
  .main-container .slg-snow{height:clamp(230px,70vw,385px)}
  .main-container .slg-charter-intro[style]{padding-top:42px!important;padding-bottom:42px}
  .main-container .slg-service-feature .slg-service-copy > div > .feature > h3{text-align:center}
  .main-container a.btn:not(.modal-trigger), .main-container a.btn.slg-contact-button{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:44px;margin-left:auto;margin-right:auto;text-align:center}
  .main-container .slg-benefits{gap:0}
}

@media(max-width:767px){
  .main-container .slg-hero{display:flex;align-items:center;min-height:clamp(435px,125vw,640px)}
  .main-container .slg-hero-photo{position:absolute;inset:0;height:100%;object-position:76% center}
  .main-container .slg-hero::after{content:"";inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 25%,rgba(255,255,255,.83) 47%,transparent 70%);z-index:0}
  .main-container .slg-hero .slg-hero-copy{width:60%;padding:24px 10px 24px 16px}
  .main-container .slg-hero #slg-title{font-size:clamp(28px,8vw,58px);font-weight:600;color:#0b0b0b;margin-bottom:15px}
  .slg-hero .slg-hero-services{display:grid;grid-template-columns:1fr;justify-items:center;gap:0;width:max-content;max-width:100%;margin:0 auto}
  .slg-hero .slg-hero-services a{font-size:clamp(10px,2.45vw,13px);font-weight:500;line-height:1.35;letter-spacing:.12em;padding:5px 4px}
  .main-container .slg-snow{height:100%}
}