.mr5{margin-right:5px}.text-center{text-align:center}.text-gray{color:#777}.py-20{padding:80px 0}body{background:var(--body-bg-color);min-height:100vh}.banner3-container{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;width:90%;margin:50px auto;display:flex}.banner3-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex:calc(33.333% - 20px);transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 10px #0000004d}.banner3-item img{object-fit:cover;width:100%;height:250px}.banner3-item:hover{border-color:#a78bfa80;transform:scale(1.02)translateY(-5px);box-shadow:0 10px 30px #9333ea4d}.banner1-container{width:90%;margin:50px auto}.banner1-item{border-radius:20px;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden;box-shadow:0 4px 10px #0000004d}.banner1-container a img{border-radius:20px;width:100%}.banner1-item img{object-fit:cover;width:100%;height:300px}.banner1-item:hover{transform:scale(1.02);box-shadow:0 10px 30px #9333ea4d}@media (max-width:768px){.banner3-container{width:95%;margin:30px auto}.banner3-item{flex:100%}.banner1-container{width:95%;margin:30px auto}.banner1-item img{height:200px}}