.play2{display:block}.parent2{display:grid;grid-template-columns:1.3fr 1fr;grid-column-gap:0px;background-color:#fc5f5d}.play-left2{display:block}.playImage2{width:100%;vertical-align:center;display:inline-block}.play-right2{padding:2rem 4rem;display:flex;flex-direction:column;justify-content:center;color:#fff}.content2{max-width:40rem;padding:3rem .5rem}.playTitle2{font-weight:900;font-size:2.5rem}.boldText2{font-weight:700}.playPare2{font-size:1rem}.getBtn2{border:1px solid white;background-color:#fff;color:#fc5f5d;letter-spacing:.15625rem;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s;cursor:pointer}.getBtn:hover2{background-color:#fc5f5d;color:#fff}@media screen and (max-width:1425px){.playTitle2{font-size:1.5rem}.playPara2{font-size:.75rem}}@media screen and (max-width:1110px){.parent2{grid-template-columns:1fr}.playTitle2{font-size:2.5rem}.playPara2{font-size:1rem}}@media screen and (max-width:450px){.play-right2{padding:1rem 1.5rem}.playTitle2{font-size:1.5rem}}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#a08b8b00;color:#fff;position:absolute;width:100%;z-index:1000;top:0%}.logo{font-size:16px;flex:1;flex-basis:38%}.menu{display:flex;justify-content:center;align-items:center;flex:1;flex-basis:62%}.menu ul{display:flex;gap:40px;list-style:none;margin:0;padding:0}.menu ul li{font-size:16px;color:#fff}.action-btn{padding:10px 20px;background-color:#fc5f5d;border:none;color:#fff;cursor:pointer;margin-left:auto;border:1px solid #fc5f5d;border-radius:5px;font-size:14px}.action-btn:hover{background-color:#a08b8b00;color:#fc5f5d}.toggle-btn{display:none;cursor:pointer;font-size:16px;color:#fc5f5d}.listNames:hover{opacity:.5}.menu ul a{text-decoration:none}.listNames.active{color:#fc5f5d;font-weight:700;font-size:16px}.listNames{color:#fff}@media (max-width:1440px) and (min-width:1000px){.logo{flex-basis:33%}.menu{flex-basis:67%}}@media (max-width: 1000px){.menu{position:fixed;top:0;left:-100%;width:100%;height:100%;flex-direction:column;background-color:#fff;justify-content:flex-start;align-items:center;transition:left .3s ease-in-out;padding-top:200px}.navbar{padding:20px}.menu.open{left:0}.menu ul{flex-direction:column;gap:40px;text-align:center}.menu ul li{color:#333}.action-btn{margin-top:20px;margin-left:0;background-color:#fc5f5d;color:#fff;border:none}.toggle-btn{display:block}.close-btn{display:block;position:absolute;top:10px;right:20px;background:none;border:none;font-size:16px;cursor:pointer;color:#fc5f5d}}@media (min-width: 1000px){.close-btn{display:none}.menu{display:flex;justify-content:center}.action-btn{margin-left:auto}}.title-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px}.title{font-weight:900;font-size:30px;text-align:center}.subtitle{max-width:60vw;text-align:center;font-size:20px}@media screen and (max-width:786px){.title{font-size:20px;max-width:85%;text-align:center}}@media screen and (max-width:450px){.title-container{padding:.5rem 1rem}.subtitle{max-width:85vw;text-align:center;font-size:16px}}.backImage2{background-image:url(/assets/pickupHero-BUf_QUyv.webp);background-size:cover;background-position:center;color:#fff;padding-top:70px}.sportText{color:#fff}.textContainer{margin-top:150px}.pickupBtn{padding:10px 20px;background-color:#fc5f5d;border:none;color:#fff;cursor:pointer;border:1px solid #fc5f5d;border-radius:5px}.pickupBtn:hover{background-color:#a08b8b00;color:#fc5f5d}@media (max-width:780px){.textContainer{margin-top:4rem}}@media (max-width:500px){.sportText{font-size:1rem}.sportTitle{font-size:2rem}.textContainer{margin-top:6rem}}.image-section{position:relative;width:60%;overflow:hidden;margin:30px auto 150px;border-radius:30px}.image-section:hover{cursor:pointer}.image{width:100%;transition:transform .3s ease,margin-left .3s ease;border-radius:30px;object-fit:fill}.image-section:hover .image{transform:scale(1.1)}.text-overlay{position:absolute;bottom:15%;left:50%;transform:translate(-50%);text-align:center;color:#fff;width:100%;padding:10px}.text h2{margin:0;font-size:2rem}.text h3{margin:0;font-size:1.5rem}.arrow{font-size:2rem;margin-top:5px;transition:margin-left .3s ease}.image-section:hover .arrow{margin-left:10px}@media (max-width:768px){.image-section{width:90%;margin-bottom:80px}}
