*{box-sizing:border-box}body{font-family:League Spartan,sans-serif;max-width:1440px;margin:0 auto;overflow-x:clip}.navbar{position:fixed;display:flex;justify-content:space-between;align-items:center;padding:1.1rem .5rem;top:0;width:100%;z-index:100}.navbar .closeIcon{height:1.3rem}.navbar .menuIcon{cursor:pointer}.navbar ul{display:flex;gap:1.3rem;align-items:center}.navbar ul li{list-style:none}.navbar ul li a{text-decoration:none;position:relative}.navbar ul li a:after{content:"";position:absolute;left:50%;bottom:-10px;width:0%;height:2px;background-color:#fff;transition:width .3s ease,left .3s ease}.navbar ul li a:hover:after{width:100%;left:0}nav{display:none}nav.active{position:absolute;display:flex;align-items:center;width:100%;left:0;background:#fff;z-index:100}nav.active .closeIcon{margin-left:.5rem;cursor:pointer}nav.active ul:after{content:"";position:absolute;top:3.1rem;left:0;width:100%;z-index:100;height:10000%;background-color:#000000b3;transition:width .3s ease,left .3s ease}nav.active ul li a{color:#454545}.infoImage{width:100%}.heroTextDiv{display:flex;flex-direction:column-reverse;position:relative}.heroTextDiv p{color:#a1a1a1}.heroTextDiv .infoText{padding:1.5rem .4rem}.heroTextDiv .infoText .shopBtn{margin-top:.2rem;border:none;letter-spacing:2px;font-weight:500;background-color:#fff;cursor:pointer}.heroTextDiv .infoText .shopBtn img{margin-left:.7rem;width:1.8rem}.heroTextDiv .buttonsDiv{width:fit-content;display:flex;position:absolute;top:-2.3rem;right:0}.heroTextDiv .buttonsDiv button{background-color:#000;border:none;padding:.5rem 1rem;cursor:pointer}.heroTextDiv .buttonsDiv button:hover{background-color:#454545}.heroTextDiv .buttonsDiv button img{height:.7rem}.about img{width:100%}.about div{padding:1.5rem .5rem}.about div h3{color:#000}.about p{color:#a1a1a1}@media (min-width: 640px){.navbar{justify-content:unset}.navbar .menuIcon{display:none}.navbar nav{display:flex;align-items:center}.navbar ul li a{color:#fff}}@media (min-width: 768px){.navbar{padding-left:50px;padding-right:50px}.details{display:grid;grid-template-columns:repeat(5,1fr)}.details .infoImage{grid-column:span 3;height:100%}.details .heroTextDiv{display:flex;flex-direction:column;justify-content:space-between;position:unset;grid-column:span 2}.details .heroTextDiv .infoText{padding:2rem}.details .heroTextDiv .infoText .shopBtn{margin-top:0}.details .heroTextDiv .buttonsDiv{position:unset}.details .heroTextDiv .buttonsDiv button img{height:.7rem}.about{display:grid;grid-template-columns:repeat(7,1fr)}.about img{width:100%;grid-column:span 2;height:100%}.about div{color:#a1a1a1;grid-column:span 3;padding:1.5rem 2rem}}@media (min-width: 1024px){.navbar{padding-left:85px;padding-right:85px}.details .heroTextDiv .infoText{padding:1rem 4rem;margin-top:4rem}.details .heroTextDiv .infoText h1{font-size:2.6rem}.details .heroTextDiv .buttonsDiv{margin-top:auto}.details .heroTextDiv .buttonsDiv button{padding:.8rem 1.8rem}.details .heroTextDiv .buttonsDiv img{height:unset}}@media (min-width: 1238px){.details .heroTextDiv .buttonsDiv button img{height:unset}}