.category_list_card{display:flex;flex-direction:column;padding:16px 0 16px 16px;width:100%;justify-content:space-between;.header{.category_icon{display: none;} .title{display: flex; flex-direction: row; align-items: start; justify-content: space-between; padding-top: 24px; padding-bottom: 24px; padding-right: 16px; .icon-tabler-chevron-up{display: none;}} .description{display: none; a{color: #005FF9; text-decoration: underline;}} .btn_wrapper_desktop{display: none;}} .header.open{.icon-tabler-chevron-up{display: block;} .icon-tabler-chevron-down{display: none;} .description{display: flex; flex-direction: column; padding-right: 16px;}} .courses_wrapper{display: flex; flex-direction: row; align-items: start; justify-content: start; gap:16px; overflow: scroll; scrollbar-width: none; -ms-overflow-style: none; .course_card{min-width: 328px; max-width: 328px; cursor: url(storage/app/public/images/cursor-pointer.png) 0 0,pointer; .checkout{display: none;} &:hover{box-shadow: 0px 4px 6px -2px #0000000D; box-shadow: 0px 10px 15px -3px #00000014; .shop-price-format{font-size: 18px;}}}} .courses_wrapper::-webkit-scrollbar {display: none;} .btn_wrapper{display: flex; padding-top: 24px; padding-right: 16px; min-height: 88px; display: flex; flex-direction: column; a{width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #005FF9; color: white; border-radius: 25px; font-weight: 600; font-size: 16px; line-height: 24px;} &:hover{a{background-color: #084BC5;}} .category_list_divider{display: flex; width: 100%; background-color: #e6e6e6; padding: 1px; margin-top: 24px;}}}@media (min-width: 768px){.category_list_card{display:flex;flex-direction:row;gap:40px;padding:48px 0;.header{max-width: 400px; min-width: 400px; width: 400px; padding-right: 32px; .category_icon{display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 35px; background-color: #FFFFFF; img{width: 32px; height: 32px;}} .title{display: flex; flex-direction: row; align-items: start; justify-content: space-between; padding: 0px; padding-top: 16px; padding-bottom: 16px; .icon{display: none;} h2{font-weight: 700; font-size: 40px; line-height: 48px; margin: 0px;}} .description{display: flex; flex-direction: column; max-width: 400px; p{font-weight: 400; font-size: 16px; line-height: 24px; a{color: #005FF9; text-decoration: underline;}}} .btn_wrapper_desktop{display: flex; max-width: 130px; padding-top: 32px; a{width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; background-color: #005FF9; color: white; border-radius: 25px; font-weight: 600; font-size: 16px; line-height: 24px;} &:hover{a{background-color: #084BC5;}}}} .courses_wrapper{display: flex; flex-direction: column; align-items: start; justify-content: start; gap:16px; padding-bottom: 10px; overflow: auto; .course_card{min-width: 840px; max-width: 840px; width: 840px; display: flex !important; flex-direction: row !important; gap: 40px; .img_wrapper{padding-bottom: 0px; width: 324px;} .btn{display: none;}}} .courses_wrapper::-webkit-scrollbar {display: none;} .btn_wrapper{display: none;}}}