#mapId{
        width: 100%;
        height: 317px;
        overflow: visible;
    }

    #mapId > ymaps,
    #mapId > [class*="ymaps"] {
        overflow: visible !important;
    }

    #title_d{
        font-family: Roboto Condensed;
        font-weight: 700;
        font-style: Bold;
        font-size: 24px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        text-align: center;
        background-color:#E8E8E8;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:5%;
        padding-right:5%;
    }

    .biromak{
        font-family: Roboto Condensed;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        margin-bottom:8.5px

    }

    .title_detail{
       
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        font-weight: bold;
        margin-bottom:5px

    }

    .item_detail{
        margin-bottom:5px
    }

    #infoblock{
        box-shadow: 0px 4px 30px 1px #00000040;
        padding: 18px 22px;
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -33px;
        z-index: 1;
        position: sticky;
        background-color: white;
        margin-bottom: 24px;
        box-sizing: border-box;
    }

    .cardContact{
        display: flex;
        gap: 5%;
        margin-bottom: 24px;
    }

    .innerInfoCardName{

        font-family: Roboto Condensed;
        font-weight: 700;
        font-style: Bold;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        margin-bottom: 16px;


    }

    .innerInfoCardAddres{
        font-family: Roboto Condensed;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        margin-bottom: 9px;


    }

    .innerInfoCardPreemyshestvo{
        font-family: Roboto Condensed;
        font-weight: bold;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        margin-bottom: 11px;

    }

    .innerInfoCardJob{
        font-family: Roboto Condensed;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 157%;
        letter-spacing: -3%;

    }

    .buttonContact{
        width: 100%;
        border:unset;
        padding: 8px 71px;
        background-color: #FC4832;
        border-radius: 5px;
        margin-top: 11px;
        color: white;
        font-weight: 600;
        cursor: pointer;


    }

    .buttonContact2{
        width: 100%;
        border:unset;
        padding: 8px 71px;
        background-color: #FC4832;
        border-radius: 5px;
        margin-top: 11px;
        color: white;
        font-weight: 600;
        cursor: pointer;
        max-width: 205px;
        margin-left: auto;
        margin-right: auto;

    }

    #infoblock2{
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    .infoblock2Item{
        display: flex;
        gap: 5%;
        margin-bottom: 24px;
        align-items: center;
    }

    .infoblock2ItemContentLabel{
        font-family: Roboto Condensed;
        font-weight: 400;
        font-style: Regular;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        color: #F03A2F;
        margin-bottom: 4px;

    }

   .infoblock2ItemContent .infoblock2ItemContentInner{
    margin-top: 15px;
   }

   .bottomContactLine{
        font-family: Roboto Condensed;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        text-align: center;
        margin: 0 auto;
        color: #B9B9B9;
        margin-bottom: 3px;
   }
   #slick_wrapper{
    position: relative;
   }
   .slick-arrow{
    position: absolute;
    z-index: 9;
    top: 43%;
    background: unset;
    border: unset;
   }

   .custom-next.slick-arrow{
    right: 0;
   }

   .innerInfoCardPreemyshestvoInner {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
   }

   .preem-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 5px;
   }

   .preem-tooltip::after {
content: attr(data-title);
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
box-shadow: 0px 4px 20px 5px #00000040;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  line-height: 1.2;
  padding: 6px 8px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 5;
   }

   .preem-tooltip:hover::after,
   .preem-tooltip.is-open::after {
    opacity: 1;
    visibility: visible;
   }

   .map-marker-wrap {
    position: relative;
    transform: translate(-27px, -55px);
   }

   .map-marker {
    cursor: pointer;
    line-height: 0;
   }

   .map-marker-balloon {
    display: none;
    position: absolute;
    left: 50%;
    bottom: calc(100% + 12px);
    transform: translateX(-50%);
    min-width: 200px;
    max-width: 280px;
    padding: 12px 32px 12px 14px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px 5px #00000040;
    z-index: 20;
    font-family: Roboto Condensed, sans-serif;
    box-sizing: border-box;
   }

   .map-marker-balloon.is-open {
    display: block;
   }

   .map-marker-balloon::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #fff;
   }

   .map-marker-balloon__close {
    position: absolute;
    top: 4px;
    right: 6px;
    border: none;
    background: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #B9B9B9;
    padding: 2px 6px;
   }

   .map-marker-balloon__name {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 6px;
    color: #000;
   }

   .map-marker-balloon__address {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #333;
   }

   .map-marker-balloon__link {
    display: inline-block;
    color: #FC4832;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
   }

   .map-marker-balloon__link:hover {
    text-decoration: underline;
   }