html{background:#FFFCF7}
body{font-family:'Poppins',sans-serif;line-height:normal}
.container{width:90%;max-width:1500px;margin:0 auto}
.blue_text{color:#033051}
.aqua{color:#0AA8BD}
.white{color:#FFF}
.weight_700{font-weight:700}
.bg{background-position:center;background-size:cover;background-repeat:no-repeat}
.flex{display:flex}
.txt_center{text-align:center}
.sec_separator{border-bottom:1px dotted #000;width:90%;margin:4em auto}
.column{flex-flow:column}
.line_height{line-height:normal}
.ma_right{margin-right:auto}
.blue_bg{background-color:#033051}
.none-normal{display:none}
header{margin-top:2em}
nav{width:fit-content;border-radius:25px;background-color:#fff;position:absolute;margin-top:3em;left:50%;transform:translateX(-50%)}
nav li{display:flex;align-items:center}
.nav_list{display:flex;list-style:none;justify-content:space-evenly;align-items:center;margin:0}
.nav_text{color:#033051;text-decoration:none;text-transform:uppercase;font-family:'Poppins',sans-serif;margin:0 4em;width:max-content;font-size:1rem}
.nav_logo{width:47px}
.index{background-image:url(../images/boat-from-marketing-agency.webp);min-height:750px;border-radius:30px;flex-flow:column;justify-content:center;align-items:center;background-position:right!important}
.index_logo{width:200px}
.title{font-size:5rem;text-align:center;margin:.3em 0}
.index_text{font-size:1.5rem}
.mission{padding:7em 0}
.mission_third{flex-basis:33%;justify-content:center;flex-flow:column;align-items:center}
.mission_img{width:20em}
.mission_title{font-size:3.75rem;font-weight:700;color:#002B49}
.mission_text{text-align:justify;font-size:1.5rem;margin-top:2em}
.wave-svg-line{border:none;height:20px;background:url('data:image/svg+xml;utf8,<svg width="100%" height="20" viewBox="0 0 120 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 10 Q 30 0 60 10 T 120 10" fill="transparent" stroke="%2318B6C1" stroke-width="2"/></svg>') repeat-x;background-size:contain;width:100%;margin:0}
.mission_img-right{width:160px;margin-left:20%}
.mission_img-right2{width:181px;margin-left:50%}
.mission_third-right.flex{flex-flow:column;justify-content:space-between;flex-basis:33%}
.prob{margin-bottom:7em}
.prob_half{justify-content:space-around;margin-top:7em;align-items:center}
.prob_half-top{justify-content:center}
.prob_img{width:45px}
.prob_img{order:-2;margin-bottom:1.5em}
.prob_sub-up{order:-1;font-size:1.75rem;font-weight:400}
.prob_title-up{font-size:2.25rem}
.prob_text-up{font-size:1.75rem}
.prob_title-bot{font-size:2.25rem;text-align:center}
.prob_text-bot{font-size:2rem;margin:.65em 0}
.feel{background-image:url(../images/lighthouse-zurvival.webp);min-height:700px;border-radius:24px;justify-content:space-between;padding:2em;margin:10em auto}
.feel_logo{width:10em}
.feel_subtitle{order:-1;font-size:1.8rem;font-weight:400;text-transform:uppercase;font-weight:300}
.feel_title{font-size:4.5rem;font-family:'Inter'}
.feel_text{font-size:2rem;font-weight:300}
.offer{display:flex;flex-flow:column;justify-content:center;align-items:center;margin:10em 0}
.line{font-size:8rem;font-weight:800;line-height:1.2;z-index:2;word-spacing:1.5em}
.aura{filter:drop-shadow(0 0 80px white)}
.index0{z-index:0!important;margin-right:-.25em}
.top-line{color:#003b64;margin-left:.5em;margin-bottom:-1.2em}
.bottom-line{color:#00a6c4;margin-top:1.5em}
.compass{width:23em}
.flex-cont{width:90%;justify-content:center;align-items:center}
.minus_margin{margin-left:-1em}
.img_offer{z-index:2}
.benefits{justify-content:space-around;margin:10em auto}
.benefits_half{flex-basis:30%}
.benefits_half-bot{flex-basis:50%}
.benefits_title{font-size:3.1rem}
.benefits_subtitle{order:-1;font-size:2.1rem;font-weight:400}
.benefits_text{font-size:1.25rem;text-align:justify}
@keyframes shake {
0%{transform:translateX(0)}
10%{transform:translateX(5px)}
20%{transform:translateX(-5px)}
30%{transform:translateX(5px)}
40%{transform:translateX(-5px)}
50%{transform:translateX(5px)}
60%{transform:translateX(-5px)}
70%{transform:translateX(5px)}
80%{transform:translateX(-5px)}
90%{transform:translateX(5px)}
100%{transform:translateX(0)}
}
.shake-once{animation:shake 2.5s ease-in-out 0 1}
.fact{background-color:#0AA8BD;border-radius:20px 0 0 20px;margin-left:auto;width:fit-content;padding:1.5em;margin-bottom:5em}
.grid-layout{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,auto);width:100%;margin:0 auto 9em;background-image:url(../images/lines_bg.webp)}
.box_text{padding:1em;border-radius:25px;border:1px solid #033051;height:fit-content;margin-top:3em}
.box_image{width:50%;height:535px;justify-self:center;justify-content:end;padding:1em;border-radius:25px}
.boxes_images-text{font-size:2.25rem}
.box_right{text-align:right}
.box_left{text-align:left}
.boxes_text{font-size:1.25rem}
.box1{background-image:url(../images/men-looking-spyglass.webp);height:535px;width:402px}
.box2{background-image:url(../images/map.webp);height:465px;width:378px;margin-top:-8em}
.box3{background-image:url(../images/sailboat.webp);height:535px;width:378px}
.box4{background-image:url(../images/boat-on-cave.webp);height:486px;width:381px}
.box5{background-image:url(../images/compass-bg.webp);height:510px;width:378px}
.box6{background-image:url(../images/men-looking-in-the-distance.webp);height:484px;width:380px}
.box_dis-center{align-self:center}
.box_number{border-radius:50%;color:#FFF;font-size:2.25rem;border:1px solid #fff;width:1.5em;aspect-ratio:1 / 1;text-align:center;margin-bottom:1em}
.more_ben{justify-content:center}
.circle{width:70px;height:70px;background-color:#007bff;border-radius:50%;position:relative;cursor:pointer;margin:2em}
.tooltip{position:absolute;bottom:auto;left:50%;transform:translateX(0%);background:#D9D9D9;color:#033051;padding:.5em 1.5em;border-radius:25px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}
.circle:hover .tooltip,.always{opacity:1}
.ben_third{justify-content:center;flex-basis:25%;align-items:center}
.ben_third-basis{flex-basis:40%!important}
.crc_1{background-image:url(../images/sailboat-sail.png);width:155px;height:155px}
.crc_2{background-image:url(../images/boat-in-middle-of-sea.png);width:139px;height:139px;align-self:baseline}
.crc_3{background-image:url(../images/sea-marketing-agency.png);width:79px;height:79px}
.crc_4{background-image:url(../images/sailboat-in-ocean.png);width:94px;height:94px}
.crc_5{background-image:url(../images/boat-in-sunset.png);width:130px;height:130px;align-self:flex-end}
.crc_6{background-image:url(../images/cruise-in-sea.png);width:157px;height:157px;align-self:baseline}
.ben_title{font-size:3.75rem;text-align:center}
.ben_subtitle{order:-1;font-size:2.1rem;font-weight:400;text-align:center;text-transform:uppercase}
.ben_text{text-align:center;font-size:1.5rem}
.price_title{width:90%;text-align:left;margin:4em auto .5em;max-width:1500px;font-size:3.1rem}
.right{text-align:right}
.price{border-radius:25px;border:1px solid #033051;padding:2em;justify-content:space-between;margin-bottom:14em}
.price_subtitle{font-size:2.5rem}
.price_subtitle-2{font-size:3.12rem;text-transform:uppercase}
.price_text{font-size:2.1rem}
.priec_text-2{font-size:1.75rem}
.savings{justify-content:space-between;margin:10em auto}
.savings_first-half{flex-basis:30%}
.savings_title{font-size:3.1rem;font-family:'Inter',sans-serif;margin-bottom:1em}
.savings_text{font-size:1.25rem;text-align:justify}
.savings_second-half{justify-content:center}
.savings_subtitle{font-family:'Inter',sans-serif;font-size:1.8rem}
.savings_price{font-family:'Inter',sans-serif;font-size:1.75rem;margin:.5em 0}
.savings_text-2{font-size:1.25rem}
.savings_separator{border-bottom:1px dotted #033051;height:1px;width:30%;margin:2em 0;align-self:end}
.wonder_title{font-size:2.5rem;text-align:center;margin:.2em auto}
.wonder_subtitle{order:-1;font-size:2.1rem;font-weight:400;text-align:center;text-transform:uppercase}
.wonder_text{font-size:1.5rem;text-align:center}
.we_get{display:flex;justify-content:end;gap:2em;margin:6em auto}
.we_get-third-1{flex-basis:20%;width:min-content}
.we_get-third-2{flex-basis:20%;width:min-content}
.we_get-third-3{flex-basis:35%;width:min-content}
.we_get-img{margin-bottom:1.5em;border-radius:25px;width:100%}
.we_get-text{text-align:justify}
.we_offer{font-size:1.25rem;text-align:justify;width:50%;margin-left:5%}
.coral_bg{margin:4em auto;width:90%;justify-content:center;align-items:center;min-height:400px;background-image:url(../images/coral_bg.png);background-size:contain}
.coral_title{font-size:5.6rem;text-align:center}
.coral_text{text-align:justify;width:fit-content;margin:2em auto;font-size:1.25rem}
.keeping{justify-content:space-evenly}
.keeping_first{border:1px solid #033051;border-radius:25px;padding:2em;flex-basis:30%}
.keeping_title{font-size:1.25rem;text-align:justify}
.keeping_list{font-size:1.25rem}
.keeping_subtitle{font-size:1.5rem;text-align:justify;font-family:'Inter',sans-serif}
.keeping_second{flex-basis:30%;padding-top:2.5em}
.keeping_text{text-align:justify;font-size:1.5rem;margin-top:1em}
.hesi{border:1px solid #000;border-radius:25px;margin:8em auto}
.hesi_div-1{align-items:center;margin:2em auto 8em}
.hesi_title{font-size:2.1rem;font-family:'Inter',sans-serif}
.hesi_subtitle{order:-1;font-size:1.5rem;font-weight:400;text-align:center}
.hesi_text{font-size:1.5rem;text-transform:uppercase}
#scroll-wrapper{overflow:hidden;position:relative}
.hesi_div-2{align-items:center;margin:2em auto;width:100%;overflow:hidden;justify-content:flex-start;display:flex}
.reviews{width:486px;height:265px;border-radius:25px;background-size:contain;flex-shrink:0;transition:all 0.65s ease}
.review_img{width:100%;border-radius:25px}
.half_scroll{flex:0 0 100%;display:flex;justify-content:space-evenly;gap:3em;box-sizing:border-box}
.results{margin-top:12em}
.results_up{justify-content:space-between;margin:4em 0}
.results_title{font-size:2.1rem}
.results_subtitle{order:-1;font-size:1.5rem;font-weight:400}
.results_phrase{font-size:1.4rem}
.results_text-up{text-align:right;font-size:1.25rem}
.results_dta{justify-content:space-between;min-height:500px;align-items:end;background-image:url(../images/lines.webp);background-position:center}
.results_box{border-radius:25px;border:1px solid #033051;width:358px;height:231px;justify-content:center;align-items:center;background-color:#FFFCF7}
.results_circle{border-radius:50%;border:1px solid #033051;width:258px;aspect-ratio:1 / 1;justify-content:center;align-items:center;align-self:baseline;background-color:#FFFCF7}
.dta_text{font-size:1.5rem}
.dta_numbers{font-size:5.3rem;font-weight:700!important;font-family:'Inter',sans-serif}
.results_down{margin:6em auto;font-size:1.25rem;width:85%}
.opp_title{font-size:5.6rem;color:#FFFCF7;width:30%;margin-top:1em}
.opp_text{font-size:1.5rem;color:#FFFCF7;width:40%;margin:2.5em 0}
@media (min-width: 900px) {
.nav_links_wrapper{display:flex;justify-content:space-around;width:100%}
.reviews:hover{width:540px;transition:all 0.65s ease}
}
@media (max-width: 1230px) {
.none-big{display:none}
nav{width:70%}
.nav_list{padding-left:.5em}
.nav_text{margin:0}
.more_ben{flex-wrap:wrap}
.ben_third-basis{order:-1}
.left0{left:0!important}
}
@media (max-width: 1100px) {
.ben_third-basis{flex-basis:90%!important}
.ben_third{flex-basis:50%}
.tooltip{opacity:1}
.crc_3{align-self:baseline}
.show-medium{display:block}
.none-medium{display:none}
.index_text{text-align:center}
.mission{flex-wrap:wrap}
.mission_third{flex-basis:50%}
.mission_third:nth-child(2){order:-1}
.compass{width:19em}
.line{font-size:7rem}
}
@media (max-width: 900px) {
.small-text,.boxes_text,.we_get-text,.savings_text-2,.coral_text{font-size:.875rem}
.benefits_title,.prob_title-up,.mission_title{font-size:2rem}
.feel_title,.ben_title,.price_title,.savings_title,.coral_title{font-size:2.375rem}
.small-subtitle,.wonder_title{font-size:1.82rem}
.small-subtitle_2,.savings_price{font-size:1.375rem}
.priec_text-2,.wonder_text,.savings_subtitle,.ben_text{font-size:1.125rem}
.title{font-size:2.75rem;text-align:left}
.index_logo{width:125px}
.title,.index_logo,.index_text{text-align:left;margin-left:.5em}
.index{min-height:505px;align-items:baseline}
.hesi_div-2{flex-flow:column;width:100%}
.none-small{display:none}
.mission_third{flex-basis:75%;margin:2em auto 0}
.grid-layout{display:flex!important;flex-direction:column;grid-template-columns:none;grid-template-rows:none;gap:2em}
.box1{order:-1}
.box_text:nth-of-type(2){order:2}
.box2{order:3;margin-top:0}
.box_text:nth-of-type(3){order:4}
.box3{order:5}
.box_text:nth-of-type(6){order:6}
.box4{order:7}
.box_text:nth-of-type(7){order:8}
.box5{order:9}
.box_text:nth-of-type(10){order:10}
.box6{order:11}
.box_text:nth-of-type(11){order:12}
.box_text{width:80%;align-self:end}
.baseline{align-self:baseline}
.end{align-self:end}
.boxes_images-text,.box_number{font-size:1.5rem}
.box1{width:263px;height:351px}
.box2{width:270px;height:332px}
.box3{width:250px;height:354px}
.box4{width:266px;height:339px}
.box5{width:252px;height:340px}
.box6{width:253px;height:322px}
.we_offer{width:90%}
.benefits{flex-wrap:wrap}
.benefits_half,.benefits_half-bot{flex-basis:90%}
.prob_half{flex-wrap:wrap}
.compass{width:13em}
.line{font-size:4.5rem}
.results_dta{flex-wrap:wrap}
.opp_title{font-size:2.3rem;width:90%}
.nav_list{flex-direction:column;align-items:flex-start;padding:.5em;position:relative}
.nav_logo{width:40px}
.hamburger-menu{display:block;position:absolute;top:.6em;right:1em;background:none;border:none;cursor:pointer;padding:0;z-index:1000}
.hamburger-line{display:block;width:25px;height:3px;background-color:#033051;margin:5px 0;transition:all .3s ease}
.nav_links_wrapper{display:none;width:100%;margin-top:1em}
.nav_list.open .nav_links_wrapper{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:0 0 25px 25px;padding-bottom:1em}
.nav_text{margin:.5em 0;font-size:1.1rem;width:auto}
.nav_list.open .hamburger-menu .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav_list.open .hamburger-menu .hamburger-line:nth-child(2){opacity:0}
.nav_list.open .hamburger-menu .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.results_dta{background:none}
.reviews{display:block}
.results_dta{gap:10em;align-items:center;justify-content:center;background-image:url(../images/mobile/results_bg.webp);background-position:center;background-repeat:no-repeat;flex-flow:column}
.results_circle{align-self:center}
.results_text-up{margin:4em 0}
.results{margin-top:0}
.results_circle{order:-1}
.opp_text{width:90%}
.grid-layout{background:none}
}
@media (max-width: 600px) {
.none-xs{display:none}
.prob_text-bot,.results_title,.results_phrase,.results_subtitle{text-align:center}
.savings{flex-wrap:wrap}
.savings_first-half,.savings_second-half{flex-basis:90%;margin:0 auto}
.savings_second-half{text-align:center;margin-top:4em}
.savings_text-2{width:80%;margin:0 auto}
.savings_separator{width:80%;margin:2em auto}
.fact{width:62%}
.price{flex-flow:column;padding:1em}
.offer_mobile{display:block}
.offer_mobile-img{width:80%}
.benefits{margin:7em auto}
.more_ben,.results_up{flex-flow:column}
.align-base{align-self:baseline}
.align-end{align-self:flex-end}
.left-150{left:-180%!important}
.bottom{bottom:0}
.left-05{left:50%!important}
.left-50{left:-50%!important}
.price{width:75%}
.price_half-up{margin-bottom:10em}
.price_title,.wonder_titles{width:80%;margin:5em auto 1em}
.prob_mobile{display:block}
.prob_mobile-img{width:90%;border-radius:25px}
.prob_mobile-cont{width:100%;justify-content:center;align-items:center;margin-top:3em}
.prob_mobile-txt{width:90%;font-family:'Inter',sans-serif;font-weight:600;margin-top:1em}
.coral_title{font-size:3.375rem;text-align:left;width:80%}
.coral_text{font-size:.875rem;width:80%}
.keeping{margin-top:5em;flex-flow:column}
.hesi_title,.hesi_text{text-align:center;width:80%}
.feel{min-height:437px;padding:.5em;justify-content:end;background-position:left}
.feel_subtitle,.feel_text{font-size:1rem}
.feel_bottom,.results_up-d{margin-bottom:3em}
.we_get{flex-flow:column}
.we_get-third-1,.we_get-third-2,.we_get-third-3{width:100%}
.grid-layout{padding:0}
.reviews{width:90%;height:200px}
.hesi_div-2{gap:2em}
.hesi_div-1{margin:2em auto 0}
}