body{
    overflow: scroll !important; height: 100%;
}
main{
    height: auto !important;
}
article{
    overflow-y: visible !important;
    height: 100%; 
}
.mem-cat-banner {
    display: flex; width: calc(100vw + 600px); overflow: hidden; margin-left: -600px;
    
}
.mem-cat-banner .banner-wrapper{
    display: flex;
     width: 1600px; 
}
.mem-cat-banner .banner-wrapper > div{
    width: 600px; height: 250px; overflow: hidden;
}
.mem-cat-banner .banner-wrapper  > div img{
    width: 100%; height: 100%; object-fit: cover;
}

.slideInRighti {
    animation-name: slideInRighti;
    animation-duration: 700ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 0s;
  }

  @keyframes slideInRighti {
    from {
      
      transform: translateX(100%);
    }
    to {
      
      transform: translateX(0%);
    }
  }
  aside{
      height: 100vh !important;

  }
 .aside-fixed aside{
    position: fixed; top: 60px; left: 0;
    width: 180px !important;
    /* height: 100vh;
    padding-top: 20px; */
}
 .aside-fixed article{
    margin-left: 180px !important;
}
/* gideon */
  ol ol{
    padding:40px;
}
ol{
    padding:20px;
}
.pricing1 >ol >li, .pricing2 >ol >li, .pricing3 >ol >li, .pricing4 >ol >li, .pricing5 >ol >li {
    list-style-type: decimal;
}
.pricing1, .pricing2, .pricing3, .pricing4, .pricing5{
    padding-left: 15px;
}
.flex{
    display:flex;
    justify-content: space-between;
    gap: 3em;
}
.pricing1 >li >ol{
    list-style-type: decimal;
}
td{
    border:1px solid grey;
}
table{
    border:1px solid grey;
    border-collapse: collapse;
}
.pricing1, .pricing2, .pricing3, .pricing4, .pricing5{
    line-height: 30px;
}
.pricing1 >hr{
    margin-top: 5px;
    margin-bottom: 5px;
}
.spaceBetween{
    margin-bottom: 20px;
}
.members{
    width:50%;
    border-right:1px solid rgb(194, 192, 192);
}
.membership-table{
    width:100%;
    display:flex;
    border:1px solid rgb(194, 194, 194);
    margin-bottom: 20px;
    border-bottom: none;
    border-right: none;
}
.members >div, .members-2 >div{
    border-bottom: 1px solid rgb(194, 194, 194);
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.members >div:hover{
    background-color: aliceblue;
}
.pricing1 >h2, .pricing2 >h2, .pricing3 >h2, .pricing4 >h2, .pricing5 >h2{
     color:var(--btn); font-size: 2rem; margin-bottom: 10px ;
}
.pricing1 >a, .pricing2 >a, .pricing3 >a, .pricing4 >a, .pricing5 >a{
    color:var(--btn);
}
.members >.bold{
    background-color: rgb(236, 232, 227);
    font-weight: bold;
}
.members >.bold:hover{
    background-color: rgb(236, 232, 227);
}

.membership-table >div:last-child div:last-child{
    text-decoration-line: underline;
    text-decoration-style: double;
    text-decoration-color: rgba(0, 0, 44, 0.345);
    text-decoration-thickness: 2px;
}