.banner{background:#63afff;background:linear-gradient(145deg, var(--primaryColor), #8563ff);z-index:1;border-radius:12px;justify-content:center;align-items:center;height:10rem;display:flex;position:relative;overflow:hidden}.banner:before{content:"";z-index:-1;border:2px solid var(--textDarken);width:20%;height:100%;position:absolute;top:-10%;left:-10%;transform:rotate(45deg)}.banner:after{content:"";z-index:-1;border:2px solid var(--textDarken);width:20%;height:100%;position:absolute;bottom:-10%;right:-10%;transform:rotate(45deg)}.banner .detail-article{-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);background:radial-gradient(circle,#fff3,#ffffff1a);border:1px solid #ffffff23;border-radius:8px;padding:1.6rem;box-shadow:0 5px 10px #0000000a}.banner .detail-article .col-6:first-child{border-right:1px solid #ffffff2d}.banner .detail-article .item-price p{color:var(--whiteColor);margin-bottom:7px;font-size:16px;line-height:100%}.banner .detail-article .item-price h6{color:var(--bgBlue);margin-bottom:0;font-size:20px;font-weight:600}.banner .block-img-banner{z-index:1;justify-content:center;align-items:center;height:120px;margin-left:90px;display:flex;position:relative}.banner .block-img-banner:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff4d;border-radius:100%;width:120px;height:120px;position:absolute}.banner .block-img-banner:after{content:"";z-index:-2;background:#ffffff2d;border-radius:100%;width:140px;height:140px;position:absolute}.banner .block-img-banner img{object-fit:contain;width:100%;height:100%}.carousel{border-radius:12px}.carousel .carousel-inner{border-radius:inherit}.carousel .carousel-indicators{margin:0;bottom:10px}.carousel .carousel-indicators button{border:none;border-radius:7px;width:8px;height:8px;transition:all .3s}.carousel .carousel-indicators button.active{width:14px}@media (max-width:576px){.banner{height:7.5rem}.banner .detail-article{padding:.8rem .6rem}.banner .detail-article .item-price p{font-size:11px}.banner .detail-article .item-price h6{font-size:14px}.banner .block-img-banner{height:90px;margin-left:0}.banner .block-img-banner:before{width:90px;height:90px}.banner .block-img-banner:after{width:110px;height:110px}.carousel .carousel-indicators{bottom:10px}.carousel .carousel-indicators button{width:7px;height:7px}}@media (min-width:576px) and (max-width:768px){.banner{height:8rem}.banner .detail-article{padding:.8rem .6rem}.banner .detail-article .item-price p{font-size:14px}.banner .detail-article .item-price h6{font-size:16px}.banner .block-img-banner{height:100px;margin-left:90px}.banner .block-img-banner:before{width:100px;height:100px}.banner .block-img-banner:after{width:120px;height:120px}.carousel .carousel-indicators{bottom:10px}.carousel .carousel-indicators button{width:7px;height:7px}}@media (min-width:769px) and (max-width:1024px){.banner{height:9rem}.banner .detail-article{padding:.9rem .7rem}.banner .detail-article .item-price p{font-size:14px}.banner .detail-article .item-price h6{font-size:16px}.banner .block-img-banner{height:110px;margin-left:110px}.banner .block-img-banner:before{width:110px;height:110px}.banner .block-img-banner:after{width:130px;height:130px}.carousel .carousel-indicators{bottom:10px}.carousel .carousel-indicators button{width:7px;height:7px}}
