#map {
    height: 100%;
    height: 640px;
    width: 90%;
}

#triangle {
    width: 0;
    height: 0;
    border-top: 65px solid transparent;
    border-bottom: 65px solid transparent;
    border-left: 65px solid white;
    z-index: 9999;
    right: -15px;
    position: absolute;
    bottom: -45px;
    transform: rotate(45deg);
}

.gm-style .gm-style-iw-c {
    background: rgba(255, 255, 255, 0.64);
    box-shadow: 8px 16px 24px 0px rgba(0, 83, 127, 0.25);
    backdrop-filter: blur(12px);
    display: flex;
    width: 281px !important;
    padding: 32px !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 0;
  }
  
  .gm-style .gm-style-iw-d {
    width: calc(281px - 64px) !important;
    overflow: hidden;
  }
  
  .gm-style .gm-style-iw-tc::after {
    background: rgba(255, 255, 255, 0.64);
    box-shadow: 8px 16px 24px 0px rgba(0, 83, 127, 0.25);
    backdrop-filter: blur(12px);
  }
  
  .gm-style-iw-d {
    overflow: auto !important;
  }
  
  .gm-ui-hover-effect {
    /* display: none !important; */
  }

  .details {
    word-wrap: break-word;
  }
  
  .details .title {
    color: #000;
    font-family: Fira Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
  }
  
  .details .website,
  .details .website a {
    color: #ff5e1c;
    font-family: Fira Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 25.6px */
    text-decoration-line: underline;
    margin: 16px 0;
  }
  
  .details .address {
    color: #000;
    font-family: Fira Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 22.4px */
  }
  
  .details .hr {
    background-color: #B0D2F0;
    height: 1px;
    margin: 24px 0;
  }
  
  .details .more_details,
  .details .more_details a {
    color: var(--Black, #000);
    font-family: Fira Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.32px;
    text-transform: uppercase;
    display: flex;
    gap: 8px;
  }


  /* #county {
    color: #000;
    font-family: "Fira Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;

    width: 84%;
    
    border-radius: 100px;
    border: 1px solid #EFEDED;
    background: #FFF;

    appearance: none;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iMjQiIGZpbGw9IiNGRjY0MjgiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcyOF8yMDgzKSI+CjxwYXRoIGQ9Ik0zMS41IDIxTDI0IDI4LjVMMTYuNSAyMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzcyOF8yMDgzIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgMTIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 2.8em;
}

#county option {
    padding: 5px 10px;
} */
  

/*Styling Selectbox*/
.dropdown {
    color: #000;
    font-family: "Fira Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;

    width: 84%;
    display: inline-block;
    background-color: #fff;
    border-radius: 2px;
    transition: all .5s ease;
    position: relative;

    padding: 8px 8px 8px 24px;
    border-radius: 100px;
    border: 1px solid #EFEDED;
    
    height: 100%;
    text-align: left
  }
  .dropdown .select {
      cursor: pointer;
      display: flex;
      flex-direction: row;
      padding: 10px;
      align-items: center;
  }

  .dropdown .select > i {
      
      cursor: pointer;
      transition: all .3s ease-in-out;
      float: right;

      height: 48px;
      width: 48px;

      background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iMjQiIGZpbGw9IiNGRjY0MjgiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcyOF8yMDgzKSI+CjxwYXRoIGQ9Ik0zMS41IDIxTDI0IDI4LjVMMTYuNSAyMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzcyOF8yMDgzIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgMTIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
      background-repeat: no-repeat;
      margin-left: auto;
  }

  .dropdown .dropdown-menu {
      position: absolute;
      background-color: #fff;
      width: 100%;
      left: 0;
      border: 1px solid #EFEDED;
      box-shadow: 0 1px 2px #EFEDED;
      overflow: hidden;
      display: none;
      overflow-y: auto;
      z-index: 9;
      margin: 15px 0px 0px 0px;
  }
  .dropdown .dropdown-menu li {
      padding: 10px;
      transition: all .2s ease-in-out;
      cursor: pointer;
      display: flex;
      flex-direction: row;
  } 
  .dropdown .dropdown-menu {
      padding: 0;
      list-style: none
  }
  .dropdown .dropdown-menu li:hover {
      background-color: #f2f2f2
  }
  .dropdown .dropdown-menu li:active {
      background-color: #e2e2e2
  }

  .dropdown .dropdown-menu li .arrow-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzIDE4LjA3MDFMMjAuNSAxMi4wMDAxTDE0LjQzIDUuOTMwMDciIHN0cm9rZT0iI0ZGNjQyOCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjQ5ODEzIDEyTDIwLjMyODEgMTIiIHN0cm9rZT0iI0ZGNjQyOCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    display: block;
    width: 24px;
    height: 24px;
    margin-left: auto;
  }

  /* span.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    cursor: pointer;
    display: block;
  }
  
  .active, span.accordion:hover {
    background-color: #ccc;
  }
  
  span.accordion:after {
    content: '\002B';
    background-color: #FF6428;
    color: white;
    border-radius: 50%;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    width: 48px;
    height: 48px;
  }
  
  span.accordion.active:after {
    content: "\2212";
  }
  
  .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  } */
  
  input[type=radio] {
    display: none;
  }
  
  .item {
    display: block;
    margin-bottom: 0.1rem;
    position: relative;
    border-left: 1px solid #B0D2F0;
  }
  
  .title {
    padding: 0.1rem 0.3rem;    
    color: #000000;
    border-top: 1px solid #B0D2F0;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    padding-left: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .title .triangle {
    width: 0; 
    height: 0; 
    border-top: 21px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 21px solid #B0D2F0;
    position: absolute;
    transform: rotate(45deg);
    top: -13px;
    left: -3px;
  }
  .title .triangle:after {
    content:'';
    width: 0; 
    height: 0; 
    border-top: 21px solid #fff;
    border-bottom: 21px solid #fff;
    border-right: 21px solid #fff;  
    position:absolute;
    top:-21px;
    left: -1px;
  }

  .title .logo {
    margin-right: 50px;
  }

  input[type=radio]:checked + .item .title {
    color: #000000;
    border-color: #B0D2F0;
    background-color: #ffffff;
  }

  input[type=radio]:checked + .item .content {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s, opacity 0.7s;

    padding: 20px;
    margin-right: 0;
  }

  .content {
    width: 97%;
    margin: 0 auto;
    line-height: 1.6;
    color: #000000;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
    border-top: 1px solid #B0D2F0;

    display: flex;
    justify-content: space-between;
  }

  .content a {
    color: #000000;
  }

  .content .left,
  .content .right {
    width: 45%;
  }

  .content .left .address {
    
  }

  .content .left div {
    margin-bottom: 25px;
    display: flex;
    gap: 10px;
  }

  .content .row {
    width: 100%;
    display: flex;
    justify-content: flex-start;

    gap: 100px;
    margin-bottom: 10px;
  }

  .content .right .row:first-child .col {
    width: 55%;
  }

  .content .right .row:first-child .col:first-child {
    width: 30%;
  }

  @media only screen and (max-width: 768px) {
    .title .logo {
      display: none;
    }
    .content {
      flex-direction: column;
    }

    .content .row {
      flex-direction: column;
      gap: 0;
    }

    .content .left,
    .content .right,
    .content .right .col {
      width: 100%;
    }
  }

  #classes_of_work span {
    background-color: #FAF3F0;
    padding: 10px 12px;
    display: inline-block !important;
    margin-bottom: 3px;
    margin-right: 3px;
  }

  .line {
    width: 1px;
    background-color: #B0D2F0;
    height: auto;
  }

  .title:after {
    content: '\002B';
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    position: absolute;
    right: 0;

    background-color: #FF6428;
    border-radius: 50%;
    text-align: center;
    padding: 10px 16px;

    color: #ffffff;
  }

  input[type=radio]:checked + .item .title:after {
    content: '\2212';
  }