@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&family=Montserrat:wght@400;500;600;700;800&display=swap');@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css');@import url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.2/css/all.min.css');@import url('https://cdn.jsdelivr.net/npm/swiper@11.2.10/swiper-bundle.min.css');@import url('https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css');:root{--primary: #272727;--secondary: #FFFFFF;--text-color: #5F5F5F;--accent-color: #000000;--accent-color-2: #C6EF2E;--accent-color-3: #F2F2F2;--accent-color-4: #FAFAFA;--accent-color-5: #E4E4E4;--accent-color-6: #EAFF9D;--accent-color-7: #D0D0D0;--accent-color-8: #C9C1C1;--accent-color-9: #8C8C8C14;--accent-transparent-white: #FFFFFF00;--accent-transparent-white-2: #FFFFFF14;--accent-transparent-black: #0000005C;--accent-transparent-black-2: #00000087;--font-family-1: "Montserrat",sans-serif;--font-family-2: "Lato",sans-serif;--animation-normal: 1.25s;--animation-slow: 2.25s;--animation-fast: 0.75s}@property --progress{syntax: '<integer>';inherits: true;initial-value: 0}@keyframes load{to{--progress: var(var(--value))}}@keyframes ripple{from{opacity: 1;transform: scale3d(1,1,1);transform-origin: center;border-width: 0px}to{opacity: 0;transform: scale3d(1.7,1.7,1.8);transform-origin: center;border-width: 13px}}*{margin: 0;padding: 0;box-sizing: border-box}body{font-family: var(--font-family-2);color: var(--primary);font-size: 16px}h1{font-size: 90px;font-weight: 700;line-height: 1.1em}h2{font-size: 64px;font-weight: 700;line-height: 1.2em}h3{font-size: 36px;font-weight: 700;line-height: 1.3em}h4{font-size: 24px;font-weight: 700;line-height: 1.3em}h5{font-size: 21px;font-weight: 600;line-height: 1.3em}h6{font-size: 16px;font-weight: 600;line-height: 1.3}h1,h2,h3,h4,h5,h6{font-family: var(--font-family-1);margin-bottom: 0}p{color: var(--text-color);font-family: var(--font-family-2);font-size: 18px;margin-bottom: 20px}button,a,.btn-title{font-family: var(--font-family-1);font-size: 16px;font-weight: 600;line-height: 1em;text-decoration: none}ul{list-style: none}.section{padding: 120px 20px 120px 20px}.section-banner-inner{padding: 230px 20px 120px 20px;border-radius: 30px 30px 30px 30px;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;overflow: hidden;z-index: 1}.section-banner-inner::before{content: '';position: absolute;background-color: var(--accent-color);opacity: 0.2;width: 100%;height: 100%;top: 0;left: 0;z-index: -1}.section-wrapper{padding: 30px 30px 30px 30px}.section-community{background-color: var(--accent-color-4);border-radius: 20px 20px 20px 20px;overflow: hidden}.section-chooseus{background-color: var(--accent-color-4);border-radius: 20px 20px 20px 20px;overflow: hidden}.section-academy{background-color: var(--accent-color);border-radius: 20px 20px 20px 20px;overflow: hidden}.section-pricing{background-color: var(--accent-color);border-radius: 20px 20px 20px 20px;overflow: hidden}.hero-container{max-width: 1340px;margin-left: auto;margin-right: auto}.btn{max-width: 100%;display: inline-flex;flex-direction: row;align-items: center;border-radius: 100px 100px 100px 100px;padding: 5px 5px 5px 5px;justify-content: space-between}.btn-accent{fill: var(--accent-color-2);transition: all 600ms;background-color: var(--accent-color-2)}.btn-accent:hover{background-color: var(--accent-color-6)}.btn-title{padding: 17px 17px 17px 17px;color: var(--accent-color)}.banner-reviewer-container{display: block}.testimonial-btn-container{position: absolute;top: 50%;left: 50%;width: 80%;z-index: 50;display: flex;justify-content: space-between;transform: translate(-50%,-50%);pointer-events: auto}.testimonial-btn-container i{font-size: 21px;color: var(--accent-color)}.testimonial-btn{z-index: 70;pointer-events: auto;background: transparent;border: 0}.card{border: none;border-radius: 20px 20px 20px 20px}.card-banner-reviewer{background-color: var(--accent-transparent-white-2);width: 40%;display: flex;flex-direction: column;justify-content: center;align-self: center;align-items: center;text-align: center;gap: 10px 10px;border-radius: 20px 20px 20px 20px;padding: 10px 10px 10px 10px;order: 2;position: relative;z-index: 1}.card-banner-reviewer::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);border-radius: inherit;background-color: inherit;z-index: -1}.card-banner-reviewer .banner-reviewer-container{background-color: var(--accent-color-6);border-radius: 135px 135px 135px 135px}.card-banner-reviewer .banner-avatar{width: 40px;min-height: 40px;border: 5px solid var(--accent-color-6);border-radius: 1000px 1000px 1000px 1000px}.card.banner-home-community{display: flex;flex-direction: row;gap: 20px 20px;background-color: var(--accent-transparent-white-2);padding: 8px 20px 8px 8px;position: relative;overflow: hidden;z-index: 1;height: auto;align-self: flex-start;max-height: none}.card.banner-home-community::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);border-radius: inherit;background-color: inherit;z-index: -1}.card-about-detail{display: flex;flex-direction: column;gap: 20px;position: absolute;width: 81%;height: auto;bottom: 0;left: 0;padding: 40px 40px 40px 40px;border-radius: 0px 20px 0px 20px;background-color: var(--accent-color-2)}.card-about-misson{display: flex;flex-direction: column;background-color: var(--accent-color-3)}.card-about-misson.card-about-mission--membership{background-color: var(--accent-color)}.col:nth-child(even) .card-about-misson{margin-bottom: -25px;transition: transform 0.3s}.col:nth-child(even) .card-about-misson:hover{transform: translateY(-25px)}.card-about-mission--courth .card-content p,.card-about-mission--tournament .card-content p{max-width: 100%}.card-about-mission--academy .card-content p{max-width: 89%}.card-about-mission--membership .card-content p{max-width: 81%}.card-about-misson .image-container{width: 100%;padding: 10px 10px 10px 10px}.card-about-misson .image-container img{width: 100%;height: 150px}.card-about-misson .card-content{display: flex;flex-direction: column;gap: 10px 10px;padding: 20px 30px 30px 30px}.card-about-misson .card-content p{margin-bottom: 0px}.card-service{display: flex;flex-direction: column;position: relative;overflow: hidden;z-index: 1}.card-process{background-color: var(--accent-color-4);display: flex;flex-direction: column;gap: 20px 20px;padding: 30px 30px 30px}.card-process .icon{width: 60px;min-height: 60px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 17px 17px 17px 17px;background-color: var(--accent-color-2);color: var(--accent-color)}.card-chooseus{align-self: center;align-items: center;text-align: center;background-color: var(--secondary);display: flex;flex-direction: column;gap: 40px;border-radius: 20px 20px 20px 20px;padding: 40px 40px 40px 40px;width: 100%;height: 100%}.card-booking-cta{width: 45%;display: flex;flex-direction: column;text-align: center;justify-content: center;gap: 20px;padding: 40px 40px 40px 40px;background-color: var(--accent-color)}.card-contact-cta{background-color: var(--accent-color-2);padding: 100px 100px;display: flex;flex-direction: row;position: relative;z-index: 2}.card-contact-cta::before{content: '';position: absolute;background-image: url('../images/Gp-5-e1750061403635.png');background-repeat: no-repeat;background-size: contain;opacity: 0.5;width: 100%;height: 100%;top: 0;left: 0;z-index: -1}.card-contact-cta.cta-small-banner{display: flex;flex-direction: column;gap: 20px 20px;padding: 40px 40px 40px 40px;position: relative;overflow: hidden;z-index: 1}.card-contact-cta.cta-small-banner::before{content: '';position: absolute;background-image: none;background-repeat: no-repeat;background-size: contain;opacity: 0.5;width: 100%;height: 100%;top: 0;left: 0;z-index: -1}.card-contact-cta.cta-small-banner a{color: var(--primary)}.card-contact-cta.cta-small-banner .cta-image{position: absolute;bottom: 0;right: 0;width: 47%;z-index: -1}.card-contact-cta.cta-small-banner .cta-image-container{margin: 0px -75px -60px 0px}.card-contact-cta.cta-small-banner .cta-image-container img{max-width: 100%;height: auto}.card-contact-cta.cta-small-banner .cta-link{display: flex;flex-direction: row;align-items: center;gap: 10px 10px;color: var(--accent-color)}.card-pricing{display: flex;flex-direction: column;gap: 20px 20px;background-color: var(--primary);padding: 40px 40px 40px 40px}.card-pricing .price-currency{color: var(--secondary)}.card-pricing .price{color: var(--accent-color-2)}.card-pricing .pricing-details{color: var(--secondary);display: flex;align-items: end}.card-benefit{display: flex;flex-direction: row;gap: 20px 20px;background-color: var(--accent-color-4);align-items: start;padding: 30px 30px 30px 30px}.card-benefit .benefit-number{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0.5em;background-color: var(--accent-color-2);border-radius: 1000px 1000px 1000px 1000px;width: 70px;min-height: 70px}.card-benefit .benefit-number h4{margin-bottom: 0}.card-tournament{background-position: center center;background-size: cover;background-repeat: no-repeat;display: flex;flex-direction: column;justify-content: flex-end;min-height: 326px;height: 100%;padding: 10px 10px 10px 10px;position: relative;overflow: hidden;z-index: 1}.card-tournament::before{content: '';position: absolute;background-color: var(--accent-color);opacity: 0.1;width: 100%;height: 100%;top: 0;left: 0;z-index: -1}.card-tournament.main-event{background-image: url('../images/dummy-img-600x800.jpg');min-height: 724px}.card-tournament.junior-padel-championship{background-image: url('../images/dummy-img-600x400.jpg')}.card-tournament.comunity-padel-night{position: relative;overflow: hidden;z-index: 1;background-color: var(--accent-color-2)}.card-tournament.comunity-padel-night::before{position: absolute;inset: 0;background-image: url('../images/Gp-4.png');background-position: center center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;z-index: -1}.card-tournament.comunity-padel-night .tournament-tag{border: 1px solid var(--accent-color);color: var(--accent-color)}.card-tournament.comunity-padel-night .highlight-image{position: absolute;right: 0;top: 0;width: 57%;height: 100%;z-index: 1;margin: -20px -25px 0px 0px}.card-tournament.tournament-cta{background-color: var(--accent-color);display: grid;grid-template-columns: 1fr 1fr;gap: 20px}.card-tournament-content{display: flex;flex-direction: column;gap: 10px 10px;border-radius: 17px 17px 17px 17px;padding: 30px 30px 30px 30px;background-color: var(--accent-transparent-white-2);color: var(--secondary);position: relative;overflow: hidden;z-index: 2}.card-tournament-content::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);border-radius: inherit;background-color: inherit;z-index: -1}.card-membership-cta.cta-content{background-color: var(--accent-color-2);display: flex;flex-direction: column;gap: 30px 30px;padding: 40px 40px 40px 40px;position: relative;overflow: hidden;z-index: 1}.card-membership-cta.cta-content::before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.6;background-image: url('../images/Gp-5-e1750061403635.png');background-position: center center;background-repeat: no-repeat;background-size: cover;z-index: -1}.card-membership-cta.cta-benefit{background-color: var(--accent-color);display: flex;flex-direction: column;justify-content: space-between;padding: 10px 10px 10px 10px;width: 100%;height: 100%}.card-team{position: relative;display: flex;flex-direction: column;overflow: hidden;z-index: 1}.card-team-wrapper{display: flex;flex-direction: column;padding: 10px 10px 10px 10px;position: absolute;left: 0;bottom: 0;width: 100%}.card-team-content{display: flex;flex-direction: column;gap: 10px 10px;text-align: center;justify-content: center;align-items: center;border-radius: 17px 17px 17px 17px;padding: 20px 20px 20px 20px;background-color: var(--accent-transparent-white-2);position: relative;overflow: hidden;z-index: 2}.card-team-content::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);border-radius: inherit;background-color: inherit;z-index: -1}.card-testimonial{width: 55%;align-self: center;background-color: var(--accent-color-9);display: flex;flex-direction: column;gap: 20px 20px;padding: 40px 40px 40px 40px;position: relative;overflow: hidden;z-index: 1}.card-testimonial::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);border-radius: inherit;background-color: inherit;z-index: -1}.card-blog{display: flex;flex-direction: column;position: relative;overflow: hidden}.card-blog.card-blog-post .image-container img{border-radius: 20px 20px 0px 0px;transition: all 300ms}.card-blog.card-blog-post:hover .image-container img{transform: rotate(2deg) scale(1.1);opacity: 0.8}.card-blog.card-blog-post .blog-title{opacity: 1;transition: all 300ms}.card-blog.card-blog-post:hover .blog-title{opacity: 0.8}.card-blog-category{background-color: var(--accent-color);display: flex;flex-direction: column;gap: 20px 20px;padding: 40px 40px 40px 40px}.card-blog-recent{background-color: var(--accent-color);display: flex;flex-direction: column;gap: 20px 20px;padding: 40px 40px 40px 40px}.card-blog-tag{background-color: var(--accent-color);display: flex;flex-direction: column;gap: 20px 20px;padding: 40px 40px 40px 40px}.card-booking-form{width: 60%;position: relative;display: flex;flex-direction: column;gap: 20px 30px;background-color: var(--accent-color);padding: 40px 40px 40px 40px}.card-contact-form{position: relative;display: flex;flex-direction: column;gap: 20px 30px;background-color: var(--accent-color);padding: 40px 40px 40px 40px}.bg-accent-color{background-color: var(--accent-color)}.bg-accent-color-2{background-color: var(--accent-color-2)}.bg-accent-color-4{background-color: var(--accent-color-4)}.bg-accent-color-6{fill: var(--accent-color-6);transition: all 600ms;background-color: var(--accent-color-6)}.primary-accent{color: var(--primary)}.secondary-accent{color: var(--secondary) !important}.accent-color{color: var(--accent-color)}.accent-color-2{color: var(--accent-color-2)}.accent-color-8{color: var(--accent-color-8)}.image-container{position: relative;overflow: hidden;z-index: 1}.image-container img:not(.banner-avatar){max-width: 100%;height: auto;object-fit: cover;object-position: center center;border-radius: 20px}.home-community-img{width: 42%}.home-community-img img{width: 100%;height: 170px;object-fit: cover;object-position: center center;border-radius: 17px 17px 17px 17px}.about-img img{width: 100%;height: 750px}.chooseus-img{width: 100%;margin: 0 !important;height: 309px !important;filter: brightness(70%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg)}.service-img{width: 100%;height: 430px !important;transform: scale(1);transition: all 300ms}.service-img:hover{transform: scale(1.1)}.community-images{height: 700px !important}.cta-benefit-img{max-width: 100% !important;width: 100% !important;height: 260px !important;filter: brightness(80%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);border-radius: 17px 17px 17px 17px !important;object-fit: cover;object-position: center center}.partner-img{max-width: 75%}.benefit-img{width: 100%;height: 437px !important;filter: brightness(70%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg)}.team-img img{overflow: hidden;width: 100%;height: 415px;object-fit: cover;object-position: center center;filter: brightness(90%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);border-radius: 20px 20px 20px 20px;transform: scale(1);transition: all 300ms}.team-img:hover img{transform: scale(1.1)}.contact-cta-image{width: 38%;position: absolute;right: 0;bottom: 0;min-height: 100%;overflow: hidden;display: flex;justify-content: flex-end;align-items: flex-end;border-radius: 0px 0px 20px 0px;z-index: 1}.contact-cta-image .image-wrapper{margin: 0px -63px -65px 0px;display: flex;justify-content: flex-end;align-items: flex-end}.contact-cta-image img{max-width: 100%;width: 82%;height: auto;display: block;margin-left: auto;margin-bottom: 0}.blog-image{position: relative}.blog-image img{min-height: 450px;object-fit: cover;object-position: center;border-radius: 17px 17px 17px 17px}.blog-image::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;background-color: var(--accent-transparent-black);-webkit-transition: all 400ms;transition: all 400ms}.blog-image:hover::after{background-color: var(--accent-transparent-black-2)}.recent-post-image{width: 100%;aspect-ratio: 1 / 1;overflow: hidden;display: flex;align-items: center;border-radius: 20px 20px 20px 20px;justify-content: center}.recent-post-image img{width: 100px;height: auto;aspect-ratio: 1 / 1;object-fit: cover;object-position: center;display: block}.banner-home-container{width: 100%;height: 100%;position: relative;overflow: hidden;padding: 250px 20px 120px 20px;border-radius: 30px 30px 30px 30px}.banner-home-top{display: flex;flex-direction: row;gap: 100px 100px;justify-content: space-between}.banner-home-bottom{display: flex;flex-direction: row;justify-content: space-between;gap: 100px 100px}.banner-home-community-container{display: flex;flex-direction: column;width: 45%;height: auto}.home-community-content{width: 55%;display: flex;flex-direction: column;gap: 10px}.home-community-highlight{color: var(--accent-color-2);font-size: 42px;font-weight: 700;line-height: 1.3em}.banner-home-cta-container{width: 42%;display: flex;flex-direction: column;overflow: visible}.banner-home-cta{display: flex;flex-direction: column;gap: 20px}.slideshow-container{position: absolute;inset: 0;overflow: hidden;z-index: 0;background-color: var(--accent-color)}.slideshow-container .slide{position: absolute;inset: 0;background-size: cover;background-position: center;opacity: 0;transform: scale(1.1);transition: opacity 0.8s ease-in-out,transform 5s ease-in-out;will-change: opacity,transform}.slideshow-container .slide::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--accent-color);opacity: 0.3;z-index: -1}.slideshow-container .slide.active{opacity: 1;transform: scale(1.1);z-index: 2}.slideshow-container .slide.preparing{opacity: 0;transform: scale(1);z-index: 0}.banner-content-container{position: relative;z-index: 2;width: 100%;height: 100%;display: flex;flex-direction: column;gap: 50px 0px;align-items: stretch}.banner-home-reviewer-container{display: flex;flex-direction: row;gap: 30px 30px;justify-content: end;align-items: flex-end;align-self: stretch;width: 100%}.banner-avatar{display: inline-block;vertical-align: middle;width: 50px;min-height: 50px;border-radius: 1000px 1000px 1000px 1000px;object-fit: cover;border: 2px solid var(--secondary)}.banner-avatar:not(:nth-child(1)){margin-left: -15px}.banner-avatar-plus{background-color: var(--accent-color-2)}.banner-avatar-plus img{width: 80%}.reviewer-card-description{font-size: 16px;font-weight: 400;line-height: 1.8em;color: var(--accent-color-4)}.banner-home-title{width: 54%;display: flex;flex-direction: column;gap: 20px}.banner-home-network{width: 47%;height: 100%;display: flex;flex-direction: row;gap: 30px;justify-content: flex-end;align-items: flex-end;align-self: center}.banner-home-social{align-self: center;width: 28%;display: flex;flex-direction: column;gap: 10px 10px;align-items: flex-end;justify-content: flex-end;flex-wrap: wrap;order: 1}.banner-home-social .social-container{position: relative;background-color: var(--accent-transparent-white-2);padding: 2px 14px 2px 14px;border-radius: 100px 100px 100px 100px;color: var(--secondary);z-index: 1;width: max-content;min-width: 0;box-sizing: border-box;max-width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;gap: 5px;align-items: center}.banner-home-social .social-container i{color: var(--accent-color-2)}.banner-home-social .social-link-banner{color: var(--secondary);font-family: var(--font-family-2);font-size: 16px;font-weight: 400;line-height: 1.8em;transition: all 0.3s}.banner-home-social .social-link-banner:hover{color: var(--accent-color-2)}.testimonial-banner{background-image: url('../images/dummy-img-1920x900.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center}.banner-inner-about{background-image: url('../images/dummy-img-1920x900.jpg')}.banner-inner-booking{background-image: url('../images/dummy-img-1920x900.jpg')}.banner-inner-event{background-image: url('../images/dummy-img-1920x900.jpg')}.banner-inner-membership{background-image: url('../images/dummy-img-1920x900.jpg')}.banner-inner-service{background-image: url('../images/dummy-img-1920x900.jpg')}.banner-inner-coaching{background-image: url('../images/dummy-img-1920x900.jpg');background-position: bottom center}.banner-inner-community{background-image: url('../images/dummy-img-1920x900.jpg')}.banner-inner-faq{background-image: url('../images/dummy-img-1920x900.jpg')}.banner-inner-blog{background-image: url('../images/dummy-img-1920x900.jpg')}.banner-inner-single-post{background-image: url('../images/dummy-img-1920x900.jpg')}.banner-inner-contact{background-image: url('../images/dummy-img-1920x900.jpg')}.banner-inner-404{background-image: url('../images/dummy-img-1920x900.jpg')}.sub-heading{display: inline-flex;flex-direction: row;gap: 10px;align-items: center;color: var(--primary);background-color: var(--accent-color-3);padding: 7px 14px 7px 14px;border-radius: 100px 100px}.sub-heading-banner{background-color: var(--accent-transparent-white-2);color: var(--accent-color-2)}.sub-heading-title{font-family: var(--font-family-1);font-size: 16px;font-weight: 600;line-height: 1em}.heading-section-container{display: flex;flex-direction: column;gap: 20px;justify-content: center;align-items: center;max-width: 65%;text-align: center;align-self: center}.heading-section-container.pricing-heading{max-width: 80%}.blog-title-container{padding-bottom: 30px;border-bottom: 3px solid var(--accent-color-2)}.form{display: flex;flex-direction: column;gap: 20px 20px}.form label{font-family: var(--font-family-2);font-size: 16px;color: var(--accent-color-2)}.form input,.form textarea{font-family: var(--font-family-2);font-size: 16px;line-height: 1.3em;padding: 17px 17px 17px 17px;border-radius: 10px 10px 10px 10px;background-color: var(--primary);color: var(--secondary);box-shadow: none;border: none;outline: none}.form input::placeholder,.form textarea::placeholder{color: var(--text-color)}.form input#newsletter{border-radius: 100px 100px 100px 100px}.dropdown-container{position: relative;width: 100%}.dropdown-select{background-color: var(--primary);border: none;border-radius: 10px 10px 10px 10px;color: var(--secondary);outline: none;padding: 17px 17px 17px 17px;font-size: 16px;line-height: 1.3em;width: 100%;position: relative;display: flex;flex-direction: row;justify-content: space-between;gap: 20px 20px;z-index: 2}.dropdown-select i{color: var(--accent-color)}.dropdown-select:focus{border: solid 1px var(--accent-color)}.dropdown-list{display: none;position: absolute;top: 100%;left: 0;right: 0;background-color: transparent;border: none;border-radius: 0;z-index: 10;margin-top: 5px;max-height: 200px;overflow-y: auto}.dropdown-container.active .dropdown-list{display: block}.dropdown-option{background-color: var(--primary);padding: 15px 15px 15px 15px;border-color: var(--secondary);color: var(--secondary);cursor: pointer;font-size: 1rem;transition: background-color 0.2s,color 0.2s}.dropdown-option:first-child{border-top-left-radius: 20px;border-top-right-radius: 20px}.dropdown-option:last-child{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px}.dropdown-option:hover{background-color: var(--accent-color);color: var(--accent-color-2)}.dropdown-option.selected{color: var(--accent-color-2);font-weight: 600}.selected-text{color: var(--text-color);transition: color 0.2s ease}.selected-text.has-value{color: var(--secondary)}.alert{display: flex;flex-direction: column;align-items: center;padding: 2em;border-radius: 6px;margin-bottom: 15px}.success{display: flex;flex-direction: column;gap: 1em;background-color: var(--secondary);color: var(--primary)}.success span,.success p{color: var(--primary)}.error{display: flex;flex-direction: column;gap: 1em;background-color: var(--secondary);color: var(--primary)}.error span,.error p{color: var(--primary)}.check-icon,.cross-icon{font-size: 1.5rem;margin-right: 10px}.hidden{display: none}.navbar-container{padding: 60px 60px 0px 60px;position: absolute;top: 0;left: 50%;width: 100%;transform: translateX(-50%);z-index: 3}.navbar{background-color: var(--accent-transparent-white-2);border-radius: 20px 20px 20px 20px;position: relative;padding: 0px;z-index: 1}.navbar::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);border-radius: inherit;background-color: inherit;z-index: -1}.navbar-nav-container{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;padding: 20px 20px 20px 20px}.navbar .logo-container{width: 18%;display: flex;flex-direction: column;justify-content: center}.navbar .logo-container img{width: 100%}.navbar .nav-link-container{width: 64%;display: flex;flex-direction: column;justify-content: center;align-items: center}.nav-link{font-family: var(--font-family-1);font-size: 16px;font-weight: 600;line-height: 1em;color: var(--secondary);padding: 0px 15px 0px 15px}.nav-link:hover,.nav-link:focus,.nav-link.active,.navbar-nav .nav-link.show{color: var(--accent-color-2) !important}.dropdown-menu{background-color: var(--secondary);border-radius: 0;border: none;padding: 0;overflow: hidden;margin-top: 1.125em !important;border-radius: 0px 0px 20px 20px;-webkit-box-shadow: 0 10px 30px 0 rgba(45,45,45,.2);box-shadow: 0 10px 30px 0 rgba(45,45,45,.2)}.dropdown-item{font-family: var(--font-family-1);font-size: 16px;font-weight: 600;line-height: 1em;color: var(--accent-color);transition: all 300ms;padding: 15px 15px 15px 15px}.dropdown-item:hover,.dropdown-item.active{background-color: var(--secondary);color: var(--text-color)}