.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px;max-width:1200px;margin:auto}.nav-list ul{display:flex;list-style:none;gap:20px}.nav-list a{color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease}.nav-list a:hover{color:orange}@media (max-width: 650px){.navbar{flex-direction:column;text-align:center;flex-wrap:wrap}.navbar img{width:35px}}.hero{margin:100px 120px 0}.hero-text{color:#fff;font-size:50px;line-height:1.5}.img-dotes{display:flex;margin-top:10px;margin-bottom:10px}.hero-dote{color:#fff;font-size:30px;cursor:pointer}.active{color:#cb880d}.btn button{background:linear-gradient(to right,#bea069,#c3a060,#c0861a,#c89c4a,#cb880d);padding:15px 40px;border:none;font-weight:600;border-radius:10px;cursor:pointer;margin-top:10px;transition:all .3s ease-in-out;background-size:200% auto;animation:gradient-animation 3s linear infinite}.btn button a{color:#fff;text-decoration:none}.btn button:hover{letter-spacing:2px}.play-pause{cursor:pointer}.background{width:100%;height:100%;padding:none;position:fixed;inset:0;float:left;object-fit:cover;z-index:-1}@keyframes animation{0%{opacity:0}to{opacity:1}}.animation{animation:animation .3s ease-in-out}.about{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:50px auto auto;padding:0 3rem}.about-parent img{width:500px}.about-parent h2{color:#eb9e0f;text-align:center;margin-bottom:10px;font-size:40px}.about-parent p{color:#fff;padding:0 5px;font-size:20px}.box{max-width:1200px;margin:15% auto auto;padding:0 3rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;margin-bottom:30px}.card{background:linear-gradient(to right,#bea069,#c3a060,#c0861a,#c89c4a,#cb880d);margin-right:20px;text-align:center;width:70%;height:100%;padding:15px;border-radius:15px;transition:all .3s ease-in-out;background-size:200% auto;animation:gradient-animation 3s linear infinite}.card h3{margin-bottom:10px;margin-top:10px}.card p{font-size:15px}.card img{width:70px;height:70px;border:3px solid white;border-radius:50%}@media (max-width: 700px){.about{flex-direction:column;text-align:center}.about p{font-size:14px;line-height:1.5}.about img{width:300px}.cards{grid-template-columns:1fr}.card{width:70%;height:95%;margin-left:60px}}.services-parent{max-width:1200px;margin:auto;padding:0 3rem}.services{display:flex;justify-content:center;flex-direction:column;align-items:center}.services img{width:700px}.services h2{color:orange;margin-top:30px;text-align:center;margin-bottom:60px}.col{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-content:center;column-gap:80px}.item h3{color:orange;text-align:center}.item p{color:#fff;padding:0 10px;margin-top:10px;text-align:center;line-height:1.5}.shopping{max-width:1200px;margin:10% auto auto;padding:0 3rem}.title{color:orange;text-align:center;font-size:30px;margin-bottom:50px}.title img{width:80px;margin-left:13px}.cards1{display:grid;grid-template-columns:repeat(2,1fr);column-gap:30px;row-gap:30px}.card1{border:1px solid orange;text-align:center;padding:10px;color:#fff;line-height:1.5}.card1 img{width:100px;height:100px;border-radius:50%}.card1 button{background:linear-gradient(to right,#bea069,#c3a060,#c0861a,#c89c4a,#cb880d);padding:15px 40px;border:none;font-weight:600;border-radius:10px;cursor:pointer;margin-top:10px;color:#fff;transition:all .3s ease-in-out;background-size:200% auto;animation:gradient-animation 3s linear infinite;margin-bottom:10px}.card1 button:hover{letter-spacing:2px}@media (max-width: 700px){.services-parent{flex-direction:column;text-align:center;flex-wrap:wrap}.services img{width:240px}.services h2{font-size:15px}.row{flex-wrap:wrap}.col{grid-template-columns:1fr;row-gap:50px}.item p{font-size:14px}.cards1{grid-template-columns:1fr}.title img{margin-top:10px}}.contact{display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;flex-direction:column;flex-wrap:wrap}.contact img{width:400px;border:3px solid orange;border-radius:50%;margin-top:30px}.contact h2{color:orange;margin-top:20px}.contact p{line-height:1.5}.contact button{background:linear-gradient(to right,#bea069,#c3a060,#c0861a,#c89c4a,#cb880d);padding:15px 40px;border:none;font-weight:600;border-radius:10px;cursor:pointer;margin-top:10px;color:#fff;transition:all .3s ease-in-out;background-size:200% auto;animation:gradient-animation 3s linear infinite;margin-bottom:10px}.contact button:hover{letter-spacing:2px}@keyframes gradient-animation{0%{background-position:10% 50%}to{background-position:100% 50%}}@media (max-width: 700px){.contact img{width:250px}.contact p{font-size:14px}}*{padding:0;margin:0;font-family:sans-serif;box-sizing:border-box}body{background-color:#000}