/* components/vue-job.scss, 
pages/friends.scss, 
friends/header.scss, 
friends/process.scss, 
friends/wins.scss, 
friends/form.scss, 
friends/faq.scss, 
friends/footer.scss, 
friends/modal.scss, 
components/vue-results.scss */

h1,h2,h3{text-align:center;font-weight:700}h2{font-size:28px;max-width:260px;margin:auto;font-weight:700}@media(min-width: 768px){h2{font-size:50px;max-width:450px}}.grecaptcha-badge{visibility:hidden}.grecaptcha-disclaimer{color:#fff;margin-top:10px;font-size:15px}.invalid-feedback{color:#ffb601}.form-floating .form-control{transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out}.form-floating label{transition:color .3s ease-in-out,opacity .3s ease-in-out,transform .2s ease-in-out}.form-floating>.form-control:not([readonly]):focus{color:#fff}.form-floating>.form-control:not([readonly]):focus~label{color:#fff}.form-floating .form-control[required]~label:before,.form-floating .form-select[required]~label:before{content:"* "}
.header{position:relative}.header-image-wrapper{--bs-aspect-ratio: 178%}@media(min-width: 768px){.header-image-wrapper{--bs-aspect-ratio: 70%}}.header-image-wrapper img{width:100%;height:100%;top:0;left:0;position:absolute}.header-logo{position:absolute;top:25px;left:0;right:0;margin:auto;width:168px;height:47px}@media(min-width: 768px){.header-logo{position:absolute;top:23px;left:inherit;right:35px;margin:inherit;width:216px;height:60px}}@media(min-width: 1200px){.header-logo{top:30px;right:50px;width:236px;height:66px}}.header-logo img{width:100%}.header-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(183.89deg, #000000 0%, #00324e 150%);opacity:.4}.header-content{position:absolute;top:calc(50vh - 165px);left:0;right:0;width:320px;margin:auto}@media(min-width: 768px){.header-content{width:480px;top:calc(35vw - 65px)}}@media(min-width: 1200px){.header-content{width:670px;top:calc(100vh - 370px)}}.header-content h1{font-size:50px;font-weight:900}@media(min-width: 768px){.header-content h1{font-size:75px}}@media(min-width: 1200px){.header-content h1{font-size:100px}}.header-content h1 span{font-weight:600}.header-content p{font-size:20px;line-height:28px}@media(min-width: 768px){.header-content p{font-size:25px;line-height:36px}}@media(min-width: 1200px){.header-content p{font-size:35px;line-height:45px}}.header-content a.btn{display:block;margin:30px auto;width:190px;background:#1c48f0;border:1px solid #1c48f0}.header-content a.btn:hover{color:#fff;background:rgba(28,72,240,.8)}.header-next{position:sticky;bottom:0}.header-next a{position:absolute;width:20px;height:20px;right:0;left:0;--next-bottom: 25px;margin:auto;animation-name:next-arrow;animation-duration:.5s;animation-iteration-count:infinite}@media(min-width: 768px){.header-next a{width:22px;height:22px;--next-bottom: 35px}}.header-next svg{width:100%;height:100%}@keyframes next-arrow{0%{bottom:calc(var(--next-bottom) + 5px)}20%{bottom:var(--next-bottom)}100%{bottom:calc(var(--next-bottom) + 5px)}}
.process{--step-margin: 70px;overflow:hidden;padding:60px 0 80px}@media(min-width: 768px){.process{--step-margin: 330px}}@media(min-width: 768px){.process{padding:130px 0 100px}}@media(min-width: 1200px){.process{padding:130px 0 200px}}.process .container{position:relative}.process-title{color:#000}.process-step{padding:15px;border-radius:5px;margin-top:60px;font-size:18px;position:relative;background:#1c48f0}.process-step_text{color:#fff}@media(min-width: 768px){.process-step{padding:15px;border-radius:10px;margin-top:140px;font-size:23px}}@media(min-width: 1200px){.process-step{padding:30px;font-size:30px}}.process-step h3{font-size:25px}@media(min-width: 768px){.process-step h3{font-size:45px}}.process-step:nth-child(odd){margin-right:var(--step-margin)}.process-step:nth-child(even){margin-left:var(--step-margin)}.process-step:first-child{margin-top:40px}@media(min-width: 768px){.process-step:first-child{margin-top:80px}}.process-step .icon{position:absolute}.process-step .icon-paper{width:31px;height:33px;top:10px;right:45px}@media(min-width: 768px){.process-step .icon-paper{width:40px;height:40px;top:30px;right:75px}}@media(min-width: 1200px){.process-step .icon-paper{width:51px;height:54px;top:10px;right:175px}}.process-step .icon-magnifying-glass{width:30px;height:30px;top:15px;left:30px}@media(min-width: 768px){.process-step .icon-magnifying-glass{width:45px;height:45px;top:10px;left:calc(50% - 100px)}}@media(min-width: 1200px){.process-step .icon-magnifying-glass{width:55px;height:55px;top:18px;left:260px}}.process-step .icon-star{width:20px;height:20px;top:21px;right:75px}@media(min-width: 768px){.process-step .icon-star{width:25px;height:25px;top:17px;right:150px}}@media(min-width: 1200px){.process-step .icon-star{right:300px}}.process-step .icon-star-1{width:25px;height:25px;top:10px;left:67px;transform:rotate(-75deg)}@media(min-width: 768px){.process-step .icon-star-1{width:36px;height:36px;top:17px;left:130px}}@media(min-width: 1200px){.process-step .icon-star-1{left:270px}}.process-step .arrow{position:absolute;width:50px;height:75px}@media(min-width: 768px){.process-step .arrow{width:110px;height:170px}}.process-step .arrow-1{top:-50px;left:-60px}@media(min-width: 768px){.process-step .arrow-1{top:-90px;left:-150px}}.process-step .arrow-2{top:-45px;right:-60px;transform:scaleX(-1)}@media(min-width: 768px){.process-step .arrow-2{top:-90px;right:-150px}}.process-terms{margin-right:var(--step-margin);margin-top:15px;font-size:16px}@media(min-width: 768px){.process-terms{margin-top:25px;font-size:21px}}.process-image{--bs-aspect-ratio: 100%;position:absolute;border-radius:100%;overflow:hidden;z-index:-1}.process-image img{width:100%}.process-image:nth-child(1){width:124px;top:-20px;right:calc(0px - calc((100vw - var(--padding-factor)) / 2) - 55px)}@media(min-width: 768px){.process-image:nth-child(1){width:460px;top:-22px;right:calc(0px - calc((100vw - var(--padding-factor)) / 2) - 208px)}}.process-image:nth-child(2){width:124px;top:calc(50% - 62px);left:calc(0px - calc((100vw - var(--padding-factor)) / 2) - 69px)}@media(min-width: 768px){.process-image:nth-child(2){width:372px;top:calc(50% - 62px);left:calc(0px - calc((100vw - var(--padding-factor)) / 2) - 172px)}}.process-image:nth-child(3){width:128px;botom:-32px;right:calc(0px - calc((100vw - var(--padding-factor)) / 2) - 51px)}@media(min-width: 768px){.process-image:nth-child(3){width:335px;bottom:-70px;right:-170px}}@media(min-width: 1200px){.process-image:nth-child(3){right:-215px}}@media(min-width: 1366px){.process-image:nth-child(3){right:-300px}}.process-flowers{position:absolute;bottom:0;left:10px;height:220px;width:calc(100% - var(--step-margin)/2 - 20px);z-index:-1}@media(min-width: 768px){.process-flowers{height:320px;width:calc(100% - var(--step-margin))}}.process-flowers svg{position:absolute}.process-flowers svg:nth-child(1){width:10px;height:10px;top:3px;left:17px}@media(min-width: 768px){.process-flowers svg:nth-child(1){width:16px;height:16px;top:15px;left:140px}}.process-flowers svg:nth-child(2){width:12px;height:12px;top:0px;left:0px}@media(min-width: 768px){.process-flowers svg:nth-child(2){width:20px;height:20px;top:5px;left:110px}}.process-flowers svg:nth-child(3){width:10px;height:10px;bottom:0px;left:27px}@media(min-width: 768px){.process-flowers svg:nth-child(3){width:16px;height:16px;bottom:0px;left:260px}}.process-flowers svg:nth-child(4){width:11px;height:11px;bottom:52px;right:0px}@media(min-width: 768px){.process-flowers svg:nth-child(4){width:18px;height:18px;bottom:inherit;top:30px;right:50px}}.process-flowers svg:nth-child(5){width:12px;height:12px;bottom:65px;right:21px}@media(min-width: 768px){.process-flowers svg:nth-child(5){width:20px;height:20px;bottom:inherit;top:0;right:85px}}
.wins{background:linear-gradient(193.52deg, #2982a7 0%, #008c8c 100%)}.wins-wrapper{padding:10px 64px;display:grid;grid-template-columns:100%;grid-template-rows:repeat(3, auto);background:#000}@media(min-width: 768px){.wins-wrapper{padding:70px 0;grid-template-columns:repeat(3, 1fr);grid-template-rows:100%}}@media(min-width: 1200px){.wins-wrapper{padding:130px 0}}.wins-item{padding:30px 0 40px;border-color:rgba(255,255,255,.7);border-style:solid;border-width:0 0 1px}.wins-item:last-child{border-width:0}@media(min-width: 768px){.wins-item{padding:0 15px;border-width:0 0 0 1px}}@media(min-width: 1200px){.wins-item{padding:0 45px}}.wins-item h2{font-size:40px;font-weight:600}@media(min-width: 768px){.wins-item h2{font-size:60px}}.wins-item p{font-size:20px}@media(min-width: 768px){.wins-item p{font-size:22px}}@media(min-width: 1200px){.wins-item p{font-size:30px}}
.form{padding:60px 0 100px;background:#000}.form .container{position:relative}.form .form-nav-item.active .btn-circle{background:#1c48f0}.form-wrapper{max-width:470px;margin:auto}.form-wrapper form{display:flex;flex-direction:column}.form-wrapper form .spinner-border{margin:100px;width:100px;height:100px;align-self:center;display:none}.form-wrapper form[aria-busy] .spinner-border{display:initial}.form-wrapper form[aria-busy] .spinner-border~*{display:none}.form-wrapper form .form-control,.form-wrapper form input[type=text],.form-wrapper form input[type=search],.form-wrapper form .form-file,.form-wrapper form #employee_emails{background:#fff;color:#000 !important}.form-wrapper form .form-control:focus,.form-wrapper form input[type=text]:focus,.form-wrapper form input[type=search]:focus,.form-wrapper form .form-file:focus,.form-wrapper form #employee_emails:focus{background:rgba(255,255,255,.9) !important;color:#000 !important}.form-wrapper form label{color:#000 !important}@media(min-width: 768px){.form{padding:90px 0 100px}}.form-nav{display:grid;grid-template-columns:repeat(2, 1fr)}.form-nav-item{color:#fff;padding:10px;margin:10px 0;font-size:16px;display:flex;justify-content:space-evenly;align-items:baseline;position:relative}@media(min-width: 768px){.form-nav-item{font-size:20px}}.form-nav-item:first-child{border-left:1px solid rgba(255,255,255,.17)}.form-nav-item.active{opacity:1}.form-nav-item.active .btn{border-color:#fff;color:#fff;font-weight:700}.form-nav-item.active .btn:disabled{opacity:1}.form-nav-item.done .btn{display:inherit;position:relative}.form-nav-item.done .btn svg{display:block}.form-nav-item .btn svg{display:none;position:absolute;top:0;right:0;width:100%;height:100%}.form-control,.form-select{border-radius:0;border:0;padding-top:1rem !important;padding-bottom:1rem !important}.form-select.is-valid{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}.form-step{grid-template-rows:repeat(5, auto);grid-template-columns:100%;grid-row-gap:30px;grid-column-gap:30px;display:none}.form-step.active{display:grid}.form-step .form-select{color:#000}.form-step .search-btn{position:absolute;top:25%;left:10px}@media(min-width: 992px){.form-step .search-btn{top:32%;left:24px}}.form-step .search-btn svg{height:24px;width:24px}.form-step .results-container{position:absolute;max-height:300px;overflow:auto;background:#fff;margin-top:-15px;border-top:1px solid #ccc;width:100%;z-index:2}.form-step .results-container .result{border-bottom:1px solid #ccc;padding:15px}.form-step .results-container .result:hover{background:#eee}.form-step .results-container .result a{color:#000}.form-step .results-container .result .match{font-weight:bold;color:#1c48f0}.form-step .results-container .result p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}.form-step .btn{height:calc(3.5rem + 2px)}@media(min-width: 768px){.form-step .btn{width:167px;justify-self:end}}.form-file{border:1px dashed #fff;color:#fff;padding:20px;position:relative}@media(min-width: 768px){.form-file{padding:15px 20px}}.form-file:hover,.form-file:focus-within{background:rgba(255,255,255,.17)}.form-file.active{background:rgba(255,255,255,.7)}.form-file .filename{display:none}.form-file.has-file{border-style:solid}.form-file.has-file label{width:100%}.form-file.has-file label .filename{display:inherit;width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-file.has-file .placeholder{display:none}.form-file small{display:block;margin-top:10px}@media(min-width: 768px){.form-file small{display:inline-block;margin-right:20px;margin-top:0}}.form-file svg{width:22px;height:22px;position:absolute;left:20px;top:0;bottom:0;margin:auto}.form-file input{opacity:0;position:absolute;top:0;right:0;bottom:0}.form-text{color:rgba(255,255,255,.7)}.form-rocket{position:absolute;width:52px;height:50px;top:0;right:13px}@media(min-width: 768px){.form-rocket{width:87px;height:83px;top:44px;right:-44px}}
.faq{padding:60px 0 90px;overflow:hidden}.faq .container{position:relative}@media(min-width: 768px){.faq{padding:130px 0 110px}}.faq-title{color:#000}.faq .accordion{display:grid;grid-row-gap:20px;padding:20px 0}@media(min-width: 768px){.faq .accordion{padding:40px 20px;max-width:855px;margin:auto}}.faq .accordion-item{border:0;box-shadow:2px 2px 10px 0 rgba(0,0,0,.12)}.faq .accordion-button{font-weight:600;position:relative;padding:20px;font-size:16px;width:100%}@media(min-width: 768px){.faq .accordion-button{padding:30px 20px;font-size:20px}}.faq .accordion-button .close{display:none}.faq .accordion-button:not(.collapsed){background-color:inherit;box-shadow:inherit;font-weight:700}.faq .accordion-button:not(.collapsed) .close{display:inherit}.faq .accordion-button:not(.collapsed) .open{display:none}.faq .accordion-button:after{content:none}.faq .accordion-body{font-size:16px;padding:20px;padding-top:0;color:#000}@media(min-width: 768px){.faq .accordion-body{font-size:18px}}.faq .accordion svg{width:25px;height:25px;position:absolute;left:20px;top:0;bottom:0;margin:auto}@media(min-width: 768px){.faq .accordion svg{width:30px;height:30px}}.faq-origami{position:absolute;width:162px;height:162px;top:-50px;left:-50px;display:none}@media(min-width: 768px){.faq-origami{display:inherit}}
.footer{background-color:#000;color:#fff;display:flex;flex-direction:column;padding:30px 20px 60px}@media(min-width: 768px){.footer{flex-direction:row;justify-content:space-between;padding:36px 50px;align-items:center}}.footer-logo svg{fill:#fff;width:158px;height:58px}.footer-social{margin-top:40px;display:flex;justify-content:space-around;align-items:center}@media(min-width: 768px){.footer-social{margin-top:0;min-width:325px}}.footer-social-links{min-width:210px;display:flex;flex-direction:row-reverse;justify-content:space-between}.footer-social-links svg{width:34px;height:34px}
.modal-dialog{margin:20px}@media(min-width: 768px){.modal-dialog{margin:auto}}.modal-content{background-color:rgba(0,0,0,0);border:0}.modal-content h5{font-size:28px;font-weight:600;text-align:center}@media(min-width: 768px){.modal-content h5{font-size:40px}}.modal-content p{font-size:16px;text-align:center}@media(min-width: 768px){.modal-content p{font-size:22px}}.modal-header{border:0;padding:10px 0}.modal-body{background-color:#fff;padding:0 10px}@media(min-width: 1200px){.modal-body{padding:0 250px}}.modal-footer{background-color:#fff;border-radius:0;border:0;justify-content:center;padding-bottom:100px}@media(min-width: 768px){.modal-footer{padding-bottom:180px}}.modal-close{padding:5px}@media(min-width: 768px){.modal-close{position:absolute;top:-25px;left:-75px}}.modal-close svg{width:30px;height:30px}.modal-cheer{width:100%;height:62px;margin:66px 0 44px}@media(min-width: 768px){.modal-cheer{height:77px;margin:180px 0 50px}}

