.sidebar{
width: 100%;
padding: 4.8rem 3.2rem;
border-radius: 0.8rem;
position: -webkit-sticky;
position: sticky;
top: 17rem;
}
.sidebar-link ul{
margin: 0;
}
.sidebar-link li:after{
content: none;
}
.sidebar-link li{
padding: 0;
margin: 0 0 2.4rem;
display: flex;
align-items: center;
}
.sidebar-link li span {
margin-left: 25px;
}
.sidebar-link li:last-child{
margin-bottom: 0;
}
.sidebar-link li a{
display: flex;
flex-wrap: wrap;
align-items: center;
color: var(--primary-color) !important;
line-height: 2.4rem;
font-size: 1.6rem;
text-decoration: none;
}
.sidebar-link li a div{
width: 2.4rem;
margin-right: 2.4rem;
}
.sidebar-link li a span{
width: calc(100% - 4.8rem);
}
.sidebar-btn{
margin-top: 4.8rem;
}
.sidebar-btn .btn{
width: 100%;
}
@media(min-width:1200px) and (max-width:1259.98px){
.sidebar {
padding: 4.8rem 2.8rem;
}
}
@media(min-width:992px) and (max-width:1199.98px){
.sidebar {
padding: 3.2rem 1.6rem;
top: 16rem;
}
.sidebar-link li a {
font-size: 1.5rem;
}
.sidebar-link li a div {
margin-right: 1.4rem;
}
.sidebar-link li a span {
width: calc(100% - 3.8rem);
}
.sidebar-btn {
margin-top: 4rem;
}
}
@media(min-width:768px) and (max-width:991.98px){
.sidebar {
padding: 3.2rem;
position: relative;
top: 0;
margin-bottom: 6.4rem;
}
}
@media(max-width:767.98px){
.sidebar {
padding: 3.2rem 1.6rem;
position: relative;
top: 0;
margin-bottom: 6.4rem;
}
.sidebar-link li a div {
margin-right: 1.4rem;
}
.sidebar-link li a span {
width: calc(100% - 3.8rem);
}
}