.elementor-897 .elementor-element.elementor-element-fbe552a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-897 .elementor-element.elementor-element-9620117{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7a6fbb6 */.mdg-contact-main{
  background:#fff;
  padding:40px clamp(24px,10vw,12vw) 120px;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:80px;
}

/* OFFICES */
.mdg-contact-offices h3{
  font-size:28px;
  margin-bottom:24px;
  color: #000;
  font-weight: 900;
}

.mdg-contact-offices details{
  border-bottom:1px solid #ddd;
  padding:14px 0;
  color: #000;
  font-weight: 700;
}

.mdg-contact-offices summary{
  font-size:18px;
  
  cursor:pointer;
  list-style:none;
  color: #000;
  font-weight: 700;
}

.mdg-contact-offices summary::-webkit-details-marker{
  display:none;
}

.mdg-office-card{
  background:#f0f4ff;
  padding:20px;
  margin-top:14px;
  font-size:14px;
  line-height:1.6;
  color: #000;
  font-weight: 700;
}





/* RESPONSIVE */
@media(max-width:900px){
  .mdg-contact-main{
    grid-template-columns:1fr;
    gap:60px;
  }
}

/* =====================
OFFICE ACCORDION ARROWS
===================== */

.mdg-contact-offices summary{
  position: relative;
  padding-right: 28px;
}

.mdg-contact-offices summary::-webkit-details-marker{
  display:none;
}

.mdg-contact-offices summary{
  list-style:none;
}

.mdg-contact-offices summary::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid #111;
  border-bottom:2px solid #111;
  transform:translateY(-50%) rotate(45deg);
  transition:transform 0.25s ease;
}

.mdg-contact-offices details[open] summary::after{
  transform:translateY(-50%) rotate(-135deg);
}/* End custom CSS */