.row{display:flex;padding:20px;justify-content:center;align-items:center}body{background-color:#e5e7eb;margin:0;font-family:sans-serif}.container{width:100%;background-color:#fff;display:flex;align-items:center;height:370px;gap:10px}.items{flex:1;display:flex;gap:20px;overflow-x:auto;padding:10px;scroll-behavior:smooth}.item{width:200px;flex-shrink:0;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 2px 5px #0003}.item img{height:200px;width:134px}.prev,.Next{width:50px;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;border:none;cursor:pointer}.download{background-color:#f1e5f0;border:none;border-radius:5px;cursor:pointer;display:inline-block;font-family:Jersey\ 15,sans-serif;font-style:normal;font-weight:400;margin-top:20px;padding:10px 15px;text-align:center;font-family:Pixelify Sans,sans-serif;font-weight:500;font-size:15px;transition:all .3s}.download:hover{background-color:#f6cdd4;transform:scale(1.1);font-weight:900}.line1,.line2,.line3,.line4{width:20px;height:0;border:1px solid green}.line1{transform:rotate(25deg);margin-bottom:-10px}.line2{transform:rotate(-25deg)}.line3{transform:rotate(25deg);margin-bottom:8px}.line4{transform:rotate(-25deg)}.prev:hover .line1{transform:rotate(45deg);margin-bottom:-15px}.prev:hover .line2{transform:rotate(-45deg)}.Next:hover .line3{transform:rotate(45deg);margin-bottom:14px}.Next:hover .line4{transform:rotate(-45deg)}.items::-webkit-scrollbar{display:none}.items{-ms-overflow-style:none;scrollbar-width:none}*{margin:0;padding:0;box-sizing:border-box}nav{height:10vh;background-color:#001c30;display:flex;justify-content:space-between;align-items:center;padding:0 15px;position:relative}.logo{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto}.logo i{color:#fff;font-size:30px}.logo h2{color:#3498db;font-size:22px}.search{display:flex;justify-content:center;align-items:center;flex:1;max-width:500px;margin:0 20px}.search input{border:2px solid #adff2f;border-top-left-radius:10px;font-family:Pixelify Sans,sans-serif;font-size:x-large;height:30px;width:500px;padding:5px 20px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.search input:focus{border-color:#87ceeb;box-shadow:0 0 6px #87ceeb99}.search i{color:#fff;border:1px solid #ffebcd;border-bottom-right-radius:10px;border-top-right-radius:10px;height:30px;width:30px;display:flex;justify-content:center;align-items:center}.links{display:flex;align-items:center}ul{list-style:none;display:flex;gap:20px;color:#fff}ul li{cursor:pointer;transition:color .3s}ul li:hover{color:#adff2f}.hamburger{display:none;font-size:26px;color:#fff;cursor:pointer;z-index:1001}@media (max-width: 768px){.hamburger{display:block}.links{position:fixed;top:0;right:-250px;width:250px;height:100vh;background-color:#001c30;flex-direction:column;justify-content:center;transition:right .3s ease-in-out;z-index:1000}.links.open{right:0}.links ul{flex-direction:column;gap:30px;font-size:20px;text-align:center}}@media (max-width:850px){nav input{width:60%!important}.logo i{font-size:22px}.logo h2{font-size:16px}}@media (max-width:500px){.logo i{font-size:18px}.logo h2{font-size:10px}.hero img{width:300px!important}}@media (max-width:450px){nav input{width:75%!important}}.hero{display:flex;justify-content:center;align-items:center;margin-top:50px;padding:0 20px}.hero img{width:100%;max-width:500px;height:auto;border-radius:20px;object-fit:contain}@media (max-width:650px){.hero img{width:400px!important}}@media (max-width:550px){.hero img{width:300px!important}}@media (max-width:350px){.hero img{width:200px!important}}@media (max-width:600px){.container{gap:0}.prev,.Next{width:30px}.item{width:150px;height:290px}}.footer{background-color:#001c30;color:#fff;padding:50px 20px 20px;font-family:Poppins,sans-serif}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:auto;gap:30px}.footer-about,.footer-links,.footer-newsletter{flex:1 1 300px;min-width:250px}.footer-about h2{color:#3498db;margin-bottom:10px}.footer-about p{color:#ccc;font-size:14px;line-height:1.6}.social-icons{margin-top:15px}.social-icons a{color:#fff;margin-right:10px;font-size:18px;transition:color .3s}.social-icons a:hover{color:#3498db}.footer-links h3{margin-bottom:10px;color:#adff2f}.footer-links ul{list-style:none;padding:0}.footer-links li{margin:8px 0}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#adff2f}.footer-newsletter h3{margin-bottom:10px;color:#adff2f}.footer-newsletter form{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.footer-newsletter input{padding:10px;border-radius:5px;border:none;flex:1;outline:none}.footer-newsletter button{background-color:#3498db;border:none;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background .3s}.footer-newsletter button:hover{background-color:#2b7fc1}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #333;margin-top:30px}.footer-bottom p{font-size:14px;color:#aaa}@media (max-width: 768px){.footer-about,.footer-links,.footer-newsletter{flex:1 1 185px}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:0px}.footer-newsletter form{flex-direction:column;gap:10px}.footer-newsletter input,.footer-newsletter button{width:100%}}