.bach-card-list-container{padding:0 40px 150px;margin-top:-50px}.bach-card-list-container .content{max-width:1094px;margin:auto;opacity:0;padding-bottom:80px}.bach-card-list-container .content .title-component{background:linear-gradient(90deg,#fe8c00,#f83600);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-family:Poppins,sans-serif;font-size:40px;font-style:normal;font-weight:600;line-height:normal}.bach-card-list-container .content .list-container{display:flex;flex-wrap:wrap;gap:24px;width:100%;justify-content:center}.bach-card-list-container .content .list-container .card-tech{width:calc(33% - 16px);min-width:310px;border-radius:16px;background:linear-gradient(95deg,#fff3 5.21%,#ffffff1a 83.78%);box-shadow:0 4px 24px -1px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:230px}.bach-card-list-container .content .list-container .card-tech .header-card{height:89px;position:relative}.bach-card-list-container .content .list-container .card-tech .header-card:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:16px 16px 0 0;background:#0003}.bach-card-list-container .content .list-container .card-tech .header-card img{width:100%;height:100%}.bach-card-list-container .content .list-container .card-tech .body-card{padding:16px 22px 16px 18px;height:calc(100% - 89px)}.bach-card-list-container .content .list-container .card-tech .body-card .name-container{height:calc(100% - 47px);margin-bottom:15px;display:flex;align-items:center}.bach-card-list-container .content .list-container .card-tech .body-card .name-container .bach-name{color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:20px;margin:0}.bach-card-list-container .content .list-container .card-tech .body-card button{border-radius:20px;border:1px solid #FD531E;box-shadow:0 6px 16px #0a425714;background:linear-gradient(90deg,#fe8c0000,#f8360000);width:100%;height:32px;padding:0;transition:all ease-in-out .2s}.bach-card-list-container .content .list-container .card-tech .body-card button p{color:#fd531e;text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:20px;margin:0;z-index:2;position:relative}.bach-card-list-container .content .list-container .card-tech .body-card button.hover-active:hover{transform:scale(.99)}.bach-card-list-container .content .list-container .card-tech .body-card button.hover-active:hover p{color:#fff}.bach-card-list-container .content .list-container .card-tech .body-card button.hover-active:hover:after{display:flex;content:"";position:absolute;top:0;left:0;border-radius:20px;z-index:1;background:linear-gradient(90deg,#fe8c00 22.7%,#f83600);height:100%;width:100%;animation-duration:.2s;animation-name:changeBackground}.bach-card-list-container .content .list-container .last-card{grid-column-start:2}.bach-card-list-container.show-content .content{opacity:1;animation:fadeFromBottom 1s ease-out}@keyframes changeBackground{0%{opacity:0}to{opacity:1}}@keyframes fadeFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1}}@media screen and (max-width: 520px){.bach-card-list-container{padding:0 24px;margin-top:40px}.bach-card-list-container .content{padding-bottom:40px}.bach-card-list-container .content .title-component{font-size:24px;margin:0 0 24px}.bach-card-list-container .content .list-container{display:flex;flex-direction:column}.bach-card-list-container .content .list-container .card-tech{width:100%;min-width:unset;max-width:312px;margin:auto}}