.container-menu .menu__links::-webkit-scrollbar{
  	width: 4px; 	
    height: 4px;
}
.container-menu .menu__links:has(::-webkit-scrollbar){
  	padding-right: 5px;
}

.container-menu{
    height: calc(100dvh - var(--size-mb) - var(--size-content-mt));
    display: flex;
    column-gap: 50px;
}
  .container-menu .menu__img{
        width: 400px;
      overflow: hidden;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
  }
      .container-menu .menu__img img{
            width: 100%;
          height: 100%;
          object-fit: cover;
      }
  .container-menu .menu__links{
        width: 100%;
        height: 100%;
        overflow-y: auto;
  }
      .container-menu .menu__links > div > a, .container-menu .menu__links > div{
            width: 100%;
            display: block;
            padding: 1em 0;
            font-size: 1em;
            text-decoration: none;
            text-transform: uppercase;
            font-weight: 800;
          	font-family: Gilroy;
          	color: var(--color-3);
            border-bottom: 1px solid var(--color-3);
      }
	.container-menu .menu__links > div > a{
  		margin: -1em 0;
      	border: none;
	}
          #content .container-menu .menu__links div a:hover{
                color: var(--color);
          }

@media screen and (max-width: 1799px){
    .container-menu{
        column-gap: 30px;
  }
    .container-menu .menu__img{
        width: 400px;
  }
    .container-menu .menu__links div a{
        padding: 1em 0;
        font-size: 1em;
    }
}
@media screen and (max-width: 1199px){
    .container-menu{
        column-gap: 25px;
  }
    .container-menu .menu__img{
        width: 250px;
  }
}
@media screen and (max-width: 999px){
  .container-menu .menu__links div:first-child a {
    border-top: 1px solid var(--color-3);
}
    .container-menu .menu__img{
        display: none;
  }
    .container-menu{
        height: auto;
  }
}