.volunteerPage .volunteerPageMain .top{margin-top:5.3rem}.volunteerPage .volunteerPageMain .top h1{color:#151515;font-family:Albert Sans;font-size:4.4rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.088rem;text-align:center}.volunteerPage .bannerContainer{display:flex;flex-direction:column}.volunteerPage .bannerContainer .banner{width:100%;height:49.5rem;margin-top:5.3rem}.volunteerPage .bannerContainer .banner img{width:100%;height:100%;object-fit:cover}.volunteerPage .bannerContainer .green{height:15.2rem;background:#9fcf67;padding:3.6rem 0;align-items:center;justify-content:center;display:flex;gap:7.3rem}.volunteerPage .bannerContainer .green span{color:#fff;font-family:Albert Sans;font-size:6.418rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.5134rem;position:relative}.volunteerPage .bannerContainer .green span:before{content:"";position:absolute;top:50%;right:-3.9rem;transform:translateY(-50%);width:.4rem;height:5rem;background:#fff;opacity:.4}.volunteerPage .bannerContainer .green .right h4{color:#fff;font-family:Albert Sans;font-size:2.5rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.025rem}.volunteerPage .bannerContainer .green .right p{color:#fff;font-family:Albert Sans;font-size:1.6rem;font-style:normal;font-weight:500;line-height:2.5rem;letter-spacing:-.016rem;opacity:.7}.volunteerPage .joinOurTeam{margin-top:9rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.volunteerPage .joinOurTeam h3{color:#000;font-family:Albert Sans;font-size:4.4rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.088rem}.volunteerPage .joinOurTeam h4{color:#000;text-align:center;font-feature-settings:"liga" off;font-family:Albert Sans;font-size:2.5rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.025rem;margin-top:7.2rem}.volunteerPage .joinOurTeam .first{color:#000;font-weight:400;letter-spacing:-.032rem;opacity:.4;margin-top:1.1rem}.volunteerPage .joinOurTeam .first,.volunteerPage .joinOurTeam .second{text-align:center;font-family:Albert Sans;font-size:1.6rem;font-style:normal;line-height:2.5rem;width:55%}.volunteerPage .joinOurTeam .second{color:#434343;font-weight:500;letter-spacing:-.016rem;opacity:.7;margin-top:2rem}.volunteerPage .whyVolunteer{margin-top:12.3rem}.volunteerPage .whyVolunteer>h3{text-align:center;color:#000;font-family:Albert Sans;font-size:4.4rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.088rem}.volunteerPage .whyVolunteer .whyVolunteerCards{margin-top:3rem;display:flex;gap:2rem;flex-wrap:wrap}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard{width:calc(33.3333333333% - 1.3333333333rem);height:17rem;gap:2.4rem;padding:2.9rem;border-radius:1.2rem;border:1px solid #0397d6;box-shadow:0 14px 34px 0 rgba(228,228,227,.1);display:flex}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .whyVolunteerCardItemImg{display:flex;align-items:center;justify-content:center}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .whyVolunteerCardItemImg img,.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .whyVolunteerCardItemImg svg{width:5rem;height:5rem;flex-shrink:0}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .right{display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .right h4{color:#333;font-feature-settings:"liga" off;font-family:Albert Sans;font-size:2.4rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.024rem}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .right p{color:#333;font-feature-settings:"liga" off;font-family:Albert Sans;font-size:1.4rem;font-style:normal;font-weight:400;line-height:131.2%;letter-spacing:-.014rem;opacity:.86}.volunteerPage .volunteerForm{margin-top:11.3rem}.volunteerPage .volunteerForm .top{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem}.volunteerPage .volunteerForm .top h3{color:#000;font-family:Albert Sans;font-size:4.4rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.088rem}.volunteerPage .volunteerForm .top p{color:#000;text-align:center;font-family:Albert Sans;font-size:1.6rem;font-style:normal;font-weight:400;line-height:2.5rem;letter-spacing:-.032rem;opacity:.4}.volunteerPage .volunteerForm form{padding:0 13rem}.volunteerPage .volunteerForm form .personalInformation{margin-top:5.8rem}.volunteerPage .volunteerForm form .personalInformation.interests{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:6.3rem}.volunteerPage .volunteerForm form .personalInformation.interests .checkboxes{padding-left:2rem}.volunteerPage .volunteerForm form .personalInformation.location{margin-top:10rem}.volunteerPage .volunteerForm form .personalInformation.location .checkboxes>p{color:#000;font-variant-numeric:lining-nums tabular-nums;font-family:Albert Sans;font-size:1.6rem;font-style:normal;font-weight:500;line-height:normal;opacity:.5;margin:3.8rem 0 1.4rem}.volunteerPage .volunteerForm form .personalInformation.location .checkboxes .checkboxesItems{display:flex;flex-direction:column;gap:.2rem}.volunteerPage .volunteerForm form .personalInformation.location .checkboxes .checkboxesItems .errorMessage{margin-top:1rem;color:#ff4d4f;font-size:1.4rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.028rem}.volunteerPage .volunteerForm form .personalInformation>p{color:#000;font-variant-numeric:lining-nums tabular-nums;font-family:Albert Sans;font-size:2.4rem;font-style:normal;font-weight:700;line-height:normal;padding-bottom:1.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.volunteerPage .volunteerForm form .personalInformation .inputs{margin-top:4rem;display:flex;flex-wrap:wrap;gap:2.1rem}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer{width:calc(50% - 1.05rem)}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsGender{display:flex;gap:1.7rem;position:relative}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsGender .errorMessage{position:absolute;bottom:calc(100% + 1rem);right:0;color:#ff4d4f;font-size:1.4rem;font-style:normal;padding-right:3.2rem}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsGender button{border-radius:10rem;border:1px solid rgba(119,186,205,.5);height:5.8rem;color:#000;font-variant-numeric:lining-nums tabular-nums;font-family:Albert Sans;font-size:1.5959rem;font-style:normal;font-weight:500;line-height:normal;padding:0 7.8rem;display:flex;align-items:center;justify-content:center}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsGender button.error{border-color:#ff4d4f}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsGender button.active{border:1px solid #02b7ec}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsAvailability{display:flex;gap:1.1rem;position:relative}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsAvailability .errorMessage{position:absolute;bottom:calc(100% + 1rem);right:0;color:#ff4d4f;font-size:1.4rem;font-style:normal;padding-right:3.2rem}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsAvailability button{padding:0 2.4rem;height:5.8rem;flex-shrink:0;color:#000;font-variant-numeric:lining-nums tabular-nums;font-family:Albert Sans;font-size:1.5959rem;font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;justify-content:center;border-radius:10rem;border:1px solid rgba(119,186,205,.5)}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsAvailability button.active{border:1px solid #02b7ec}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsAvailability button.error{border-color:#ff4d4f}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .input .ant-select-outlined .ant-select-selector{box-shadow:none!important}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .input .ant-select{width:100%}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .input .ant-select .ant-select-selector{border:none;background:rgba(0,0,0,0);color:#000;font-variant-numeric:lining-nums tabular-nums;font-family:Albert Sans;font-size:1.5959rem;font-style:normal;font-weight:500;line-height:normal}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .input .ant-select .ant-select-arrow{flex-shrink:0}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .input .ant-select .ant-select-arrow svg{width:2.4rem;height:2.4rem;flex-shrink:0}.volunteerPage .volunteerForm form .agree{margin-top:3rem;padding-left:2rem;display:flex;position:relative;gap:3.3rem}.volunteerPage .volunteerForm form .agree .ant-checkbox-wrapper{display:flex;align-items:center;justify-content:flex-start;line-height:110%}.volunteerPage .volunteerForm form .agree .ant-checkbox-wrapper .ant-checkbox{align-self:center}.volunteerPage .volunteerForm form .agree label{display:flex;align-items:flex-start;gap:1rem}.volunteerPage .volunteerForm form .agree .errorMessage{position:absolute;top:calc(100% + 1rem);left:2rem;margin-top:1rem;color:#ff4d4f;font-size:1.4rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.028rem}.volunteerPage .volunteerForm form .agree .submitButton{margin-left:auto;padding:0 4.9rem;flex-shrink:0}@media screen and (max-width:768px){.volunteerPage{padding-bottom:6.4rem}.volunteerPage .volunteerPageMain .top{margin-top:2.4rem}.volunteerPage .volunteerPageMain .top h1{font-size:3.6rem;line-height:110%}.volunteerPage .bannerContainer .banner{margin-top:2.4rem;height:16rem}.volunteerPage .bannerContainer .banner img{height:100%;object-fit:cover}.volunteerPage .bannerContainer .green{height:auto;padding:1.6rem;flex-direction:column;gap:1.4rem}.volunteerPage .bannerContainer .green span{font-size:4rem}.volunteerPage .bannerContainer .green span:before{display:none}.volunteerPage .bannerContainer .green .right{display:flex;flex-direction:column;gap:1.2rem}.volunteerPage .bannerContainer .green .right h4{font-size:1.8rem}.volunteerPage .bannerContainer .green .right p{font-size:1.4rem}.volunteerPage .joinOurTeam{margin-top:3.6rem}.volunteerPage .joinOurTeam h3{font-size:3.2rem}.volunteerPage .joinOurTeam h4{font-size:2.8rem;margin-top:3.6rem}.volunteerPage .joinOurTeam .first,.volunteerPage .joinOurTeam .second{font-size:1.4rem;width:100%}.volunteerPage .whyVolunteer{margin-top:3.6rem}.volunteerPage .whyVolunteer>h3{font-size:3.2rem}.volunteerPage .whyVolunteer .whyVolunteerCards{margin-top:2.4rem;gap:1.6rem}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard{width:100%;height:12rem;padding:1.6rem;gap:2rem}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .whyVolunteerCardItemImg img,.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .whyVolunteerCardItemImg svg{width:4rem;height:4rem}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .right{gap:1.2rem}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .right h4{font-size:1.8rem}.volunteerPage .whyVolunteer .whyVolunteerCards .whyVolunteerCard .right p{font-size:1.4rem}.volunteerPage .volunteerForm{margin-top:3.6rem}.volunteerPage .volunteerForm .top h3{font-size:3.2rem;text-align:center}.volunteerPage .volunteerForm .top p{font-size:1.4rem}.volunteerPage .volunteerForm form{width:100%;padding:0}.volunteerPage .volunteerForm form .agree{flex-direction:column;gap:1.6rem;padding-left:0;margin-top:2rem}.volunteerPage .volunteerForm form .agree .ant-checkbox-label{font-size:1.4rem}.volunteerPage .volunteerForm form .agree .submitButton{margin-top:1.6rem;margin-left:0;width:100%}.volunteerPage .volunteerForm form .personalInformation,.volunteerPage .volunteerForm form .personalInformation.location{margin-top:3.6rem}.volunteerPage .volunteerForm form .personalInformation.interests{padding-bottom:2.4rem}.volunteerPage .volunteerForm form .personalInformation.interests .checkboxes{padding-left:0}.volunteerPage .volunteerForm form .personalInformation .inputs{margin-top:2rem;flex-direction:column;gap:1.6rem}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer{width:100%}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsAvailability{flex-wrap:wrap}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsAvailability button{width:calc(50% - .8rem)}.volunteerPage .volunteerForm form .personalInformation .inputs .inputContainer .inputsGender button{width:fit-content;padding:0 3.6rem}.volunteerPage .volunteerForm form .personalInformation>p{font-size:2rem}}