[company-services-container],[company-service-areas-container]{
font-size:20px;
flex:1;
transition:background 0.3s ease;
display:flex;
width:45em;
flex-direction:column;
background:#070707;
z-index:1;
box-sizing:border-box;
position:relative;
}
[company-services-container-inner],[company-service-areas-container-inner]{
flex:1;
display:flex;
flex-direction:column;
justify-content:flex-end;
height:100dvh;
}
[company-services-list],[company-service-areas-list]{
font-size:17px;
line-height:25px;
color:#f5f5f5;
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
-webkit-line-clamp:3;
margin:0;
padding:0;
}
div:has(> button[adjust-services-button]),div:has(> button[adjust-service-areas-button]){
padding:0;
flex-shrink:0;
}
[company-services-expand-button],[company-service-areas-expand-button]{
background: rgb(255 255 255 / 4%);
transition:background 0.3s,transform 0.2s;
display:flex;
padding:0 40px;
align-items:center;
width:100%;
box-sizing:border-box;
font-size:25px;
font-weight:600;
font-family:'inter';
color:#fff;
cursor:pointer;
height:100%;
}
[company-services-expand-button]:hover, [company-service-areas-expand-button]:hover {
    background-color: rgb(255 255 255 / 8%);
}
[company-services-expand-button-internal],[company-service-areas-expand-button-internal]{
display:flex;
flex-direction:row;
gap:25px;
width:100%;
align-items:center;
justify-content:center;
}
[company-services-expand-button-internal] i,[company-service-areas-expand-button-internal] i{
width:min-content;
color:#fff;
font-size:35px;
}
[company-services-expand-button-wrapper],[company-service-areas-expand-button-wrapper]{
display:flex;
flex-direction:column;
gap:8px;
font-size:25px;
font-family:'inter';
font-weight:400;
}
[adjust-services-button],[adjust-service-areas-button]{
background-color:#151515;
transition:background 0.3s,transform 0.2s;
display:block;
margin:0;
padding:0 40px;
align-items:flex-start;
width:100%;
margin-bottom:0;
border-radius:0;
box-sizing:border-box;
text-align:left;
font-size:25px;
font-weight:600;
font-family:'inter';
color:#fff;
cursor:pointer;
position:relative;
border-top:1px solid #181818;
border-bottom:1px solid #181818;
height:140px;
}
[adjust-services-button]:hover,[adjust-service-areas-button]:hover{
background-color:#1f1f1f;
}
[company-services-container] p,[company-service-areas-container] p{
font-size:20px;
line-height:30px;
color:#f5f5f5;
max-width:70%;
display:block;
}
[company-services-grid-container],[company-service-areas-grid-container]{
box-sizing:border-box;
display:flex;
flex-direction:column;
flex-shrink:0;
flex-grow:1;
padding-bottom:4dvh;
}
[company-services-grid-dynamic-container],[company-service-areas-grid-dynamic-container]{
flex-grow:1;
display:flex;
flex-direction:column;
}
[company-services-grid],[company-service-areas-grid]{
display:grid;
grid-template-columns:1fr 1fr;
width:100%;
border-top:1px solid #181818;
height:100%;
flex-grow:1;
}
[company-services-grid] > div,[company-service-areas-grid] > div{
padding:40px;
color:#f5f5f5;
font-size:18px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
border-bottom:1px solid #181818;
align-items:center;
display:flex;
justify-content:flex-start;
}
[company-services-grid] > div:nth-child(2n+1),[company-service-areas-grid] > div:nth-child(2n+1){
border-right:1px solid #181818;
}
[company-services-grid] > div.single-service-cell,[company-service-areas-grid] > div.single-service-cell{
border-right:none;
text-align:center;
grid-column:span 2;
justify-content:center;
}
[services-intro],[service-areas-intro]{
display:flex;
flex-direction:column;
padding:80px 40px 30px 40px;
height:216px;
flex-shrink:0;
box-sizing: border-box;
position: relative;
}
[company-services-container-inner] h2,[company-service-areas-container-inner] h2{
display:block;
color:#fff;
font-size:48px;
line-height:1.1;
font-weight:700;
margin:0;
}
[company-services-grid-container] [company-services-grid]:not(:has(> div:nth-child(7))) > div,
[company-service-areas-grid-container] [company-service-areas-grid]:not(:has(> div:nth-child(7))) > div,
[company-services-grid-admin-container] [company-services-grid]:not(:has(> div:nth-child(7))) > div,
[company-service-areas-grid-admin-container] [company-service-areas-grid]:not(:has(> div:nth-child(7))) > div{
padding-left:0 !important;
padding-right:0 !important;
display:flex;
justify-content:center;
flex-direction:column;
}
[manage-services-container],[manage-service-areas-container]{
position:relative;
}
[grid-empty]{
display:flex;
flex-direction:column;
gap:20px;
font-size:20px;
}
[grid-empty] i{
font-size:35px;
}
[adjust-services-button-internal],[adjust-service-areas-button-internal]{
display:flex;
flex-direction:row;
gap:25px;
width:100%;
align-items:center;
}
[adjust-services-button-internal] i,[adjust-service-areas-button-internal] i{
font-size:40px;
}
[adjust-services-button-wrapper],[adjust-service-areas-button-wrapper]{
display:flex;
flex-direction:column;
gap:7px;
}
[adjust-services-button-wrapper] span,[adjust-service-areas-button-wrapper] span{
font-family:'inter';
font-size:21px;
}
[adjust-services-button-wrapper] small,[adjust-service-areas-button-wrapper] small{
font-weight:400;
font-size:16px;
}
div:has(> div[company-services-grid-container]),div:has(> div[company-service-areas-grid-container]){
flex-shrink:0;
display:flex;
flex-direction:column;
flex-grow:1;
}
[company-services-grid-admin-container], [company-service-areas-grid-admin-container] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 1;
    margin-bottom: 40px;
    border-bottom: 1px solid #181818;
}
div:has(> div[company-services-grid-admin-container]),div:has(> div[company-service-areas-grid-admin-container]){
flex-shrink:0;
display:flex;
flex-direction:column;
flex-grow:1;
}
[company-services-grid] [grid-empty],[company-service-areas-grid] [grid-empty]{
border-right:none !important;
}
[company-services-grid]:has([grid-empty]),[company-service-areas-grid]:has([grid-empty]){
grid-template-columns:1fr !important;
}
[service-areas-management-container]{
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
}
[service-areas-intro-container]{
display:flex;
flex-direction:column;
gap:20px;
padding:0 40px 30px 40px;
}
[manage-service-areas]{
    position: absolute;
    right: 40px;
    bottom: 59px;}
[manage-services] {
    position: absolute;
    right: 40px;
    bottom: 59px;
}
[company-services-grid] > div:nth-child(4n+1), [company-services-grid] > div:nth-child(4n+2) {
    background-color: #090909;
}
[company-service-areas-grid] > div:nth-child(4n+1), [company-service-areas-grid] > div:nth-child(4n+2) {
    background-color: #090909;
}