@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{margin:0;padding:0;font-family:Open Sans,sans-serif}.main-container{flex-direction:column;justify-content:center;align-items:center;padding:0 20px;display:flex}.head-container{background-color:#fff;justify-content:space-around;align-items:center;width:100%;height:50px;margin-bottom:20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000017}.left-side{justify-content:space-between;gap:20px;display:flex;position:relative}.input-icon input{width:200px}.input-icon{position:relative}.input-icon i{position:absolute;top:5px;right:10px}.right-side p{color:#04db65}.navbar{background-color:#fff;border:none;justify-content:center;align-items:center;gap:50px;width:80%;height:30px;margin-bottom:15px;display:flex;position:sticky;top:50px;box-shadow:0 2px 10px #00000017}.navbar a{color:#000;text-decoration:none}.container{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.content-div{cursor:pointer;justify-content:center;display:flex}.img{border-radius:10px;width:300px;height:180px}.content-div p{text-align:center}h1{text-align:center;margin-bottom:5px}.blog-container{justify-content:center;gap:10px;width:auto;display:flex}.blog-img{padding:10px}.blog-img img{border-radius:5px;width:400px}.blog-content{width:400px;padding:10px}.blog-content p{margin-top:5px}.blog-content button{color:#fff;background-color:#3b3a3a;border:none;border-radius:5px;width:80px;height:30px;margin-top:10px}.navbar{background-color:#fff;justify-content:center;align-items:center;padding:15px 20px;display:flex}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:#333;font-size:16px;text-decoration:none}.nav-links a:hover{color:#007bff}.menu-btn{display:none}@media (width<=856px){.head-container,.blog-container{width:100%}.content-div,.content-div img{width:280px}.left-side{justify-content:center;width:200px;display:flex;position:relative}.left-side input{width:200px}.left-side i{position:absolute;left:230px}.navbar{justify-content:center;align-items:center;gap:20px;display:flex}}@media (width<=655px){.head-container,.blog-container{width:100%}.navbar{cursor:pointer;justify-content:flex-start;width:70%;height:15px;position:sticky;top:10px;right:80px}.menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;font-size:28px;display:block}.nav-links{background-color:#fff;flex-direction:column;align-items:flex-start;gap:10px;width:180px;padding:20px;display:none;position:absolute;top:100%;left:0;box-shadow:0 5px 15px #0000001f}.nav-links.show{display:flex}.blog-img img{width:250px}}@media (width<=566px){h1{font-size:25px}.head-container{flex-direction:column;width:100%;height:auto;display:flex;position:relative}.left-side{width:100%}.input-icon{justify-content:center;align-items:center;width:300px;margin-top:8px;display:flex;position:relative}.input-icon input{width:210px}.input-icon i{position:absolute;top:5px;right:50px}.right-side{margin-top:8px}.navbar{width:90%;position:sticky;top:0}.blog-container{flex-direction:column;display:flex}.blog-content,.blog-img img{width:80%}}