@charset "UTF-8";
    span.footer-1 {
font-size: 20px;
font-weight: 600;
display: block;
letter-spacing: 7px;
}
.section-padding-10 {
padding: 100px 0 0px 0;
} .fixed-side-menu.expandable{
position: fixed;
top: 30%;
left: 0;
width: auto;
background: #c6612D;
border-radius: 0 10px 10px 0;
z-index: 9999;
display: inline-block;
padding: 0;
box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}
.fixed-side-menu__list{
list-style: none;
margin: 0;
padding: 0;
}
.fixed-side-menu__list li{
margin: 0;
padding: 0;
}
.fixed-side-menu.expandable a{
display: flex;
align-items: center;
gap: 8px;
padding: 10px 12px;
color: #fff;
font-size: 16px;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,0.22);
line-height: 1.2;
width: 48px;
overflow: hidden;
transition: background .25s ease, width .3s ease;
}
.fixed-side-menu.expandable a:hover{
background: #a24f24;
color: #fff;
}
.fixed-side-menu.expandable a svg{
width: 24px;
height: 24px;
flex: 0 0 24px;
margin-top: 2px;
} .fixed-side-menu.expandable a span{
opacity: 0;
max-width: 0;
white-space: nowrap;
overflow: hidden;
transition: opacity .25s ease, max-width .3s ease;
} .fixed-side-menu.expandable:hover a,
.fixed-side-menu.expandable:focus-within a{
width: 265px;
}
.fixed-side-menu.expandable:hover a span,
.fixed-side-menu.expandable:focus-within a span{
opacity: 1;
max-width: 220px;
} .fixed-side-menu.expandable a:focus-visible{
outline: 2px solid rgba(255,255,255,.9);
outline-offset: 2px;
} .fixed-side-menu.expandable a:first-child{ border-top-right-radius: 10px; }
.fixed-side-menu.expandable li:last-child a{ border-bottom: 0; border-bottom-right-radius: 10px; } @media (max-width: 768px){
.fixed-side-menu.expandable{ display: none; }
}
.phone-button-fixed{
position: fixed;
bottom: 70px;
left: 20px;
width: 60px;
height: 60px;
background: #c6612D;
border-radius: 50%;
z-index: 1000;
text-decoration: none; display: block;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
transition: background-color .25s ease, box-shadow .25s ease; overflow: hidden;
}
.phone-button-fixed:hover{
background: #a24f24;
box-shadow: 0 8px 16px rgba(0,0,0,0.25);
} .phone-button-fixed svg{
position: absolute;
left: 50%;
top: 50%;
width: 32px;
height: 32px;
fill: #fff;
display: block;
transform: translate(-50%, -50%);
transform-origin: 50% 50%;
transition: transform .25s ease;
will-change: transform;
}
.phone-button-fixed:hover svg{
transform: translate(-50%, -50%) scale(1.12);
}