.search-banner{margin-top:148px;min-height:200px;background:linear-gradient(89.87deg,#a0c882 .09%,#004983 99.86%);padding:40px 15px;display:flex;justify-content:center;align-items:center}.search-banner .text{font-size:38px;font-weight:700;color:var(--white-color)}.search-page{background:linear-gradient(152.57deg,hsla(97,36%,64%,.11) 19.45%,rgba(9,80,131,.19) 86.62%);padding:60px 0;display:flex}.search-page .input-wrapper{width:100%;border-radius:4px;overflow:hidden;padding:10px;background:hsla(0,0%,87%,.5)}.search-page .input-wrapper input{width:calc(100% - 94px);border:0;padding:10px 15px}.search-page .input-wrapper .common-btn{border-radius:0}.search-page .input-wrapper .common-btn img{filter:brightness(0) invert(1)}.search-page .input-wrapper .common-btn:hover img{filter:none}.search-page .search-tabs{display:flex;gap:1rem;margin-bottom:1.4rem}.search-page .search-tabs .active{background:linear-gradient(89.87deg,#a0c882 .09%,#004983 99.86%);color:#fff;border:none}.search-page .search-tabs a{border:1px solid gray;padding:.7rem 1.2rem}.search-page .heading-wrapper{margin-top:20px}.search-page .heading-wrapper .title{font-size:24px;font-weight:700;color:var(--lightblue-color)}.search-page .heading-wrapper .text{font-size:16px;font-weight:600;color:var(--dark-grey);margin-top:15px}.search-page .search-result{margin-top:10px;row-gap:10px}.search-page .search-result,.search-page .search-result .item{display:flex;flex-direction:column}.search-page .search-result .loading,.search-page .search-result a{color:var(--dark-grey);font-size:15px;display:flex;padding:15px;background:var(--white-color)}.search-page .search-result .course-title{font-weight:600;line-height:1.6}.search-page .detail-wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-page .detail-wrapper *{font-size:16px;line-height:24px;font-weight:300}.search-page .detail-wrapper :first-child{margin-top:15px}@media only screen and (max-width:1024px){.search-banner{margin-top:115px}}@media only screen and (max-width:992px){.search-banner{padding:40px 0}.search-page{padding:30px 0}.search-page .heading-wrapper .title{font-size:18px;font-weight:700}}@media only screen and (max-width:767px){.search-page .input-wrapper{padding:6px}.search-page .input-wrapper input{width:calc(100% - 62px);padding:10px}.search-page .input-wrapper .common-btn{padding:15px 20px}.search-page .search-result{width:100%}}