@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");.card-container{display:grid;font-family:Montserrat,sans-serif;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:20px}.card{background:#fff;overflow:hidden}.card-header{background:#f5f5f5;position:relative}.card-header,.card-header img{border-radius:30px;height:450px;width:100%}.card-header img{object-fit:cover}.special-design .card-header{background:#f5f5f5;border-radius:30px;height:450px;position:relative;position:absolute;top:18px;width:100%}.special-design .card-body{width:50%}.special-design .card-header img{border-radius:30px;height:450px;object-fit:cover;width:100%}.out-line{background-color:#0097b2;border-radius:30px;height:435px;margin-left:20px;width:100%}.main-case{height:482px;position:relative;width:50%}.badge{background:#0097b2;border-radius:15px;color:#fff;font-size:12px;padding:5px 10px;position:absolute;right:20px;top:20px}.card-body{padding:20px}.client-logo{font-size:20px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.services{margin-bottom:10px}.services,.tag{text-transform:capitalize}.tag{color:#0097b2;font-weight:700}.description{color:#000;font-size:16px;line-height:1.5}.learn-more,.learn-more:hover{background:#0097b2;border:none;border-radius:20px;color:#ffc700;cursor:pointer;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;padding:14px 30px;text-decoration:none}.special-design{align-items:center;display:flex;gap:30px;grid-column:1/-1;width:100%}@media (max-width:500px){.card-container{padding:0}.card-header,.card-header img,.special-design .card-header,.special-design .card-header img{height:400px}.special-design{align-items:start;flex-direction:column}.main-case{height:390px;width:100%}.out-line,.special-design .card-header{width:95%}.out-line{height:390px}.special-design .card-body{width:100%}}