@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.header nav{position:fixed;z-index:10;width:100%;padding:1rem;background-color:#151b1f;display:flex;justify-content:center;align-items:center}.header nav .search-div{position:relative}.header nav .search-div input{padding:7px 7px 7px 30px;border-radius:7px;border:none;outline:none;margin:auto;background-color:#fff}.header nav .search-div .search-icon{position:absolute;left:2px;top:2px}.header nav button{color:#fff;cursor:pointer;position:absolute;left:2%}.header .hide{transform:translate(-100%);transition:all .5s}.header .show{transform:translate(0);transition:all .5s}.header .menu-div{position:fixed;z-index:10;top:60px;color:#fff;background-color:#151b1f;height:100vh;width:70vw;min-width:200px;max-width:300px}.header .menu-div .a-div{padding:15px 10px;margin-bottom:5px}.header .desktop-nav{display:none}@media (max-width: 300px){.header input{width:50px}}@media (min-width: 768px){.header .desktop-nav{display:flex;color:#fff;gap:4rem}.header .desktop-nav a{transition:all ease .3s}.header .desktop-nav a:hover{scale:90%;box-shadow:#00000073 0 50px 40px}.header nav{gap:4rem}.header nav button,.header nav .menu-div{display:none}}.product{background-color:#fff;padding:10px;font-size:small;margin-bottom:20px}.product .achievement{background-color:#ff7724;width:fit-content;padding:5px 15px;border-top-right-radius:7px;border-bottom-right-radius:7px;color:#fff;display:flex;flex-wrap:wrap;gap:5px;align-items:center;transform:translate(-10px,-75%)}.product .index{width:3rem;height:3rem;border-radius:50%;background-color:#f3f3f3;display:flex;justify-content:center;align-items:center;font-size:1.5rem}.product .image{flex:.75;display:flex;justify-content:center}.product .image .img-title{color:#4b5665;font-size:x-small;text-align:center;margin-block:10px}.product .about{flex:1.5}.product .highlights{margin-top:7px}.product .comments{width:90%;margin:10px auto;border-radius:5px;background-color:#fff4ed}.product .comments div{display:flex;gap:.5rem;padding:4px 7px;align-items:center}.product .comments div span{color:#1b88f4;padding:5px;background-color:#fff}.product .why div>div{display:flex;gap:.5rem;align-items:center}.product .why div>div span{font-size:medium;padding:3px;color:#9fcfff}.product .why div>div .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.product .more{color:#1b88f4;margin-block:7px;padding:0}.product .div-3{flex:.75;display:flex;flex-direction:column;justify-content:space-between}.product .rating{background-color:#f3f9ff;padding:7px;border-radius:10px}.product .rating p{margin-bottom:3px;font-size:small}.product .rating .score{font-size:30px;margin-bottom:10px}.product .view-more{cursor:pointer;background-color:#1b88f4;color:#fff;width:100%;padding-block:10px;margin-top:1rem;border-radius:10px;transition:all .3s}.product .view-more:hover{scale:97%;box-shadow:#00000073 0 3px 20px}body{font-family:Arial,sans-serif}.card{width:80%;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0003;margin:20px auto;font-size:small}.card .card-image{width:100%}.card .card-tags{display:flex;gap:5px;margin-bottom:10px;font-size:x-small}.card .card-tags .tag{background-color:#f1f1f1;padding:5px 10px;border-radius:5px}.card .card-title{font-weight:700;margin-bottom:10px}.card .card-description{margin-bottom:10px}.card .card-price{margin-bottom:20px;font-size:large}.card .card-price span{margin-right:.5rem}.card .card-price :nth-child(2){font-size:small;color:gray;text-decoration:line-through}.card .card-price :nth-child(3){color:red;font-size:medium}.card .card-button{background-color:#1b88f4;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;width:100%;transition:all .3s}.card .card-button:hover{scale:97%;box-shadow:#00000073 0 3px 20px}.body h1{font-weight:400;color:#2c384a}.body h2{font-weight:500;color:#2c384a;margin-top:5rem}.body .last-updated{color:#4b5665;font-size:small;display:flex;flex-wrap:wrap;gap:none;justify-content:space-between;border-block:1px solid rgba(0,0,0,.143);padding-block:7px;margin-block:5px}.body .last-updated div{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-right:2rem}.body .tags{display:flex;flex-wrap:wrap;gap:10px}.body .tags .tag{padding:3px 1rem;background-color:#fff;border-radius:7px;width:fit-content;color:#4b5665;font-size:x-small}.body .routes{display:flex;flex-wrap:wrap;gap:7px;margin-block:15px}.body .routes .route{color:#4b5665;font-size:small;display:flex;flex-wrap:wrap;gap:none;align-items:center}.body .routes .route .material-symbols-outlined{font-size:medium}.products{margin-block:50px}.signup{margin-block:3rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.signup p{font-size:x-large;font-weight:300;color:#2c384a}.signup div input{padding:10px;box-shadow:5px 5px 10px #00000050;border-top-left-radius:10px;border-bottom-leftk-radius:10px}.signup div button{background-color:#1b88f4;padding:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;color:#fff}@media (min-width: 550px){.cards{display:flex;flex-wrap:wrap;gap:1rem}.cards>*{flex:1;max-width:50%}}@media (min-width: 750px){.container{display:flex;gap:1rem}.rating{text-align:center}h1{font-size:48px}.signup{display:flex;justify-content:space-between;gap:1rem;margin-block:3rem}.signup>*{flex:1}.signup p{font-size:x-large;font-weight:300;color:#2c384a}.signup div{display:flex;align-items:center;justify-content:flex-end}.signup div input{padding:10px;box-shadow:5px 5px 10px #00000050;border-top-left-radius:10px;border-bottom-left-radius:10px}.signup div button{cursor:pointer;background-color:#1b88f4;padding:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;color:#fff;transition:all .3s}.signup div button:hover{scale:97%;box-shadow:#00000073 0 3px 20px}}.footer{background-color:#212731;color:#ffffffad;display:flex;flex-wrap:wrap;gap:10rem;justify-content:center;padding:50px 0}.footer-column p{margin-bottom:10px}.center{display:flex;justify-content:center;align-items:center}ul{list-style-type:none;padding:0}ul a{color:#4b5665;font-size:normal;margin-bottom:10px;font-size:small;display:block}option{color:#212731}*{margin:0;text-decoration:none;background-color:transparent;outline:none;border:none;color:inherit;font-family:Inter,sans-serif}a{cursor:pointer}body{background-color:#f7fbff}.main{padding-top:80px;width:90%;max-width:60rem;margin:auto}