﻿@font-face{font-family:Metropolis;src:url(../fonts/Metropolis1920-Regular.otf) format('opentype')}@font-face{font-family:Noah;src:url(../fonts/Noah-Regular.otf) format('opentype')}@font-face{font-family:Noah;font-weight:700;src:url(../fonts/Noah-Bold.otf) format('opentype')}body,html{margin:0;font-family:Noah}h1,h2,h3{font-family:Metropolis}img{vertical-align:bottom;max-width:100%}canvas[data-anim=waves]{background-color:#fff}.content{margin:auto;width:1200px;position:relative}::selection{background-color:#005992;color:#fff}::-webkit-scrollbar{width:14px;background-color:rgb(0 89 146 / 50%);border-left:2px solid #fff;border-right:2px solid #fff}::-webkit-scrollbar-thumb{border:2px solid #fff;background-color:#005992}.landingSection{background-color:#005992;padding-top:50px;box-sizing:border-box;position:relative}.landingSection *{vertical-align:bottom}.landingSection ::selection{background-color:#fff;color:#005992}.landingSection header .logo{user-select:none}.landingSection header .wpp{position:absolute;top:0;right:0;width:30px;height:30px}.landingSection header .wpp svg .wppPath{fill:#fff}.landingSection .textBox{color:#fff;margin-top:100px}.landingSection .textBox h1{font-size:10em;letter-spacing:20px;margin:0;font-weight:400}.landingSection .textBox h2{font-family:Noah;font-weight:400;line-height:2em;margin:0;font-size:3em;margin-top:50px}.landingSection .textBox h2 b{text-transform:uppercase;font-size:1.2em}.landingSection .textBox .scrollDownBtn{width:fit-content;margin-top:30px;padding:15px 45px;font-size:1.5em;border:2px solid #fff;border-radius:50px;user-select:none;cursor:pointer;white-space:nowrap;transition:all .3s ease}.landingSection .earth{position:absolute;top:calc(100% - 1200px*.55);right:calc((100vw - 1200px)/ 2);width:calc(1200px*.55);animation:bobbing 5s ease infinite;z-index:20}.landingSection .earth svg .earth0:not(circle){stroke-dasharray:30px;animation:dashoffset 10s linear infinite}@keyframes dashoffset{0%{stroke-dashoffset:0}100%{stroke-dashoffset:300px}}@keyframes bobbing{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(10%) rotate(5deg)}100%{transform:translateY(0) rotate(0)}}.testimonials{padding-top:100px}.testimonials canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:1;margin-bottom:-85px}.testimonials .card{margin-top:100px;position:relative}.testimonials .card,.testimonials .card header{width:fit-content}.testimonials .card.right,.testimonials .card.right header,.testimonials .card.right p{margin-left:auto}.testimonials .card.left,.testimonials .card.left header,.testimonials .card.left p{margin-right:auto}.testimonials .card .anchor{position:absolute;top:0}.testimonials .card .anchor.sender{top:50%;transform:translateY(-50%)}.testimonials .card.left .anchor.receiver{left:0}.testimonials .card.right .anchor.sender{left:-20px}.testimonials .card.left .anchor.sender,.testimonials .card.right .anchor.receiver{right:0}.testimonials .card header{margin-bottom:50px;position:relative}.testimonials .card header h3{font-size:5em;font-weight:400;margin:0;letter-spacing:.2em;display:inline-block;vertical-align:middle}.testimonials .card header i{display:inline-block;padding:15px;background-color:#b0d4e8;vertical-align:middle;width:55px;height:55px;border-radius:5px}.testimonials .card.left header i{margin-right:50px}.testimonials .card.right header i{margin-left:50px}.testimonials .card.left header,.testimonials .card.left p{text-align:left}.testimonials .card.right header,.testimonials .card.right p{text-align:right}.testimonials .card p{font-size:2em;width:40%;line-height:2em}footer{background-color:#f3f3f3}footer .logo{width:60px;height:60px;position:absolute;left:50%;top:-150px;transform:translate(-50%);background-color:#fff;padding:15px;border-radius:50%}footer .wppBtn{text-align:center;padding:0 0 50px}footer .wppBtn a{text-decoration:none;color:#000}footer .wppBtn a .wppLogo{width:200px;display:inline-block;vertical-align:middle}footer .wppBtn a p{display:inline-block;vertical-align:middle;font-size:2.5em;text-transform:uppercase;line-height:1.5em;margin-left:50px;text-align:left}footer .wppBtn a p span{font-family:Metropolis;font-size:1.7em;letter-spacing:.2em}footer .underFooter{text-align:center;padding:20px;font-size:1.1em;background-color:#000;color:#fff}@media(max-width:1440px){.content{width:90vw}.landingSection{margin-bottom:0;min-height:initial}.landingSection .textBox h1{font-size:8em}.landingSection .textBox .scrollDownBtn{margin-top:20px}.landingSection .earth{right:5vw;width:calc(90vw*.55);top:calc(100% - 90vw*.55)}.testimonials{padding-top:175px}}@media(max-width:1024px){body{overflow-x:hidden}.landingSection .earth{right:-25vw;width:calc(90vw * .8);top:calc(100% - 90vw*.7)}}@media(min-width:769px){.landingSection .textBox .scrollDownBtn:hover{background-color:#fff;color:#005992}}@media(max-width:768px){.landingSection .textBox{text-align:center;position:relative;z-index:1}.landingSection .textBox h1{font-size:6.4em}.landingSection .textBox .scrollDownBtn{margin:20px auto 0}.landingSection .earth{right:calc((100% - 90vw*.9)/ 2);top:calc(100% - 90vw*.8);width:calc(90vw*.9);z-index:0;filter:brightness(.9)}@keyframes bobbing{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(5%) rotate(5deg)}100%{transform:translateY(0) rotate(0)}}.testimonials .card header h3{font-size:4em}.testimonials .card header i{width:40px;height:40px}.testimonials .card.left header i{margin-right:20px}.testimonials .card.right header i{margin-left:20px}.testimonials .card p{width:60%}footer .wppBtn a .wppLogo{width:150px}footer .wppBtn a p{font-size:2em}}@media(max-width:560px){canvas[data-anim=waves]{transform:scaleY(.5)}canvas[data-anim=waves]:first-child{margin-top:-75px}canvas[data-anim=waves]:not(:first-child){position:relative;z-index:-1}.landingSection header .logo{width:80%}.landingSection header .wpp{width:25px;height:25px}.landingSection .textBox h1{font-size:2.5em;letter-spacing:10px}.landingSection .textBox h2{font-size:1.5em}.landingSection .textBox .scrollDownBtn{font-size:1em}.testimonials{padding-bottom:100px}.testimonials .card header h3{font-size:2em}.testimonials .card header i{width:20px;height:20px;padding:10px}.testimonials .card.right header i{margin-left:10px}.testimonials .card.left header i{margin-right:10px}.testimonials .card p{text-align:center!important;width:100%;font-size:1.2em}.testimonials .card.right .anchor.sender{left:-10px}footer .logo{width:40px;height:40px;top:-120px}footer .wppBtn a .wppLogo{width:50px}footer .wppBtn a p{font-size:.9em;margin-left:15px}footer .underFooter{font-size:.8em}}