.floating_contact_container {
    position: fixed;
    bottom: 50vh;
    display: block;
    transform: rotate(-90deg) translate(-50%, 50%);
    left: 0;
    z-index: 999999;
    border-radius: 0 0 4px 4px;
    background: var(--blue);
    transform-origin: 0 50%;
}

.floating_contact_container.clicked {
    transform: rotate(0deg) translate3d(0px, 30vh, 0em);
    border-radius: 0 4px 4px 0;
}

.floating_contact_container .heading {
    padding: 1.5rem 3rem;
    display: block;
    color: white;
}

.floating_contact_container .contact-details {
    display: none;
    background: white;
}

.floating_contact_container.clicked .contact-details {
    display: flex;
    flex-direction: column;
    border-bottom-right-radius: 4px;
}

.floating_contact_container .title {
    font-weight: 500;
    /* color: var(--blue); */
    font-size: 13px;
}

.floating_contact_container .fa-mobile:before {
    content: "\f10b";
}

.floating_contact_container .sub_title {
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.3;
}

.floating_contact_container .contact-details>a {
    gap: 15px;
    padding: 1.2rem 1.5rem;
    border-bottom: 1px solid var(--lightborder);
}

.floating_contact_container .contact-details>a:last-child {
    border-bottom: none;
}

.icon-container .bg {
    width: 32px;
    height: 32px;
    display: block;
    background-size: 75px;
    background-repeat: no-repeat;
}

.bg-chat {
    background: url('css_sprites.png') -2px -1px;
}

.bg-email {
    background: url('css_sprites.png') -40px -2px;
}

.bg-phone {
    background: url('css_sprites.png') -2px -39px;
}

.bg-location {
    background: url('css_sprites.png') -40px -39px;
}

#flaoting_layout_icons.layout_icons:not(.clicked) .title_heading {
    display: none;
}

#flaoting_layout_icons .icon_heading a {
    color: white;
    padding: 1.25rem;
}

#flaoting_layout_icons .icon_heading {
    display: flex;
    flex-direction: column;
    align-items: center;
}

div#flaoting_layout_icons.layout_icons:not(.clicked) {
    left: 20px;
    border-radius: 50px;
    transform: rotate(0deg) translate(0, 50%);
}

div#flaoting_layout_icons.layout_icons.clicked .icon_heading {
    display: none;
}

@media (max-width: 991px) {
    .floating_contact_container {
        display: none;
    }
}