@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap'); .w3-container { font-weight: normal; text-align: left; user-select: none; } body { user-select: none; } #about-us { background: rgb(0,212,255); background: linear-gradient(45deg, rgba(0,220,260,1) 0%, rgba(11,3,45,1) 100%); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; } .container { filter: drop-shadow(0 30px 10px rgba(0,0,0,0.125)); backdrop-filter: blur(16px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%); background-color: rgba(17, 25, 40, 0.25); border: 1px solid rgba(255, 255, 255, 0.125); padding: 38px; display: flex; flex-direction: column; align-items: center; justify-content:center; text-align: center; width: 50%; } .wrapper { width: 100%; height: 100%; } .banner-image { background-image: url('https://i.ibb.co/pwyctpc/Coach-Dheer-DFC.jpg'); background-position: center; background-size: cover; height: 200px; width: 100%; border-radius: 15px; border: 2px solid #6fe1f2; } .banner-image2 { background-image: url('https://i.ibb.co/q02nG0j/Dr-falguni-DFC.jpg'); background-position: center; background-size: cover; height: 200px; width: 100%; border-radius: 15px; border: 2px solid #6fe1f2; } @media (max-width: 700px) { .banner-image { background-image: url('https://i.ibb.co/pwyctpc/Coach-Dheer-DFC.jpg'); } } @media (min-width: 700px) { .banner-image { height: 500px; } .banner-image2 { height: 500px; } } .glass-card-headings { font-family: sans-serif; color: rgba(255,255,255,0.98); text-transform: uppercase; font-size: 1rem; padding-bottom: 25px; } .glass-card-para { color: #ffffff; font-family: 'Lato', sans-serif; text-align: center; font-size: 0.8rem; line-height: 150%; letter-spacing: 2px; text-transform: uppercase; font-weight: normal; } .button-wrapper{ margin-top: 18px; } .btn { border: none; padding: 10px 20px; border-radius: 24px; font-size: 10px; font-size: 0.7rem; letter-spacing: 1px; cursor: none; } .outline { background: transparent; color: rgba(0, 212, 255, 0.9); border: 1px solid rgba(0, 212, 255, 0.6); transition: all .3s ease; color: white; } .outline:hover{ transform: scale(1.125); color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.9); transition: all .3s ease; } .fill { background: rgba(0, 230, 255, 0.9); color: rgba(255,255,255,0.95); filter: drop-shadow(0); font-weight: bold; transition: all .3s ease; } .fill:hover{ transform: scale(1.125); border-color: rgba(255, 255, 255, 0.9); filter: drop-shadow(0 10px 5px rgba(0,0,0,0.125)); transition: all .3s ease; font-weight: bold; }