h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}body{font-family:Inter,sans-serif;background-color:#0e1823}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(100%);margin:-1px}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px}}@media only screen and (min-width: 1280px){.container{max-width:1280px}}@keyframes slide{0%{transform:translate(-140%) translateY(-50%)}to{transform:translate(-104%) translateY(-50%)}}@keyframes stretch{0%{opacity:0;transform:translate(-50%) translateY(100%) scale(.2)}to{opacity:1;transform:translate(-50%) translateY(100%) scale(1)}}.header{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:90;background-color:#fbfbfb;padding:2px 0;width:100%;max-width:343px;height:auto;border-radius:5px}.navigation{display:flex;justify-content:space-between;align-items:center}.header-logo{font-weight:500;font-size:14px;letter-spacing:-.03em;color:#1b414b;text-decoration:none}.header-navigation{display:flex;align-items:center}.header-soc-media-list{display:flex;gap:12px;align-items:center}.header-soc-media-link{display:flex;align-items:center;justify-content:center}.header-soc-media-link-icon{fill:#1b414b;transition:fill .3s ease}.header-soc-media-link:hover .header-soc-media-link-icon{fill:#0e1823}.burger-btn{display:none;background:none;border:none;cursor:pointer}.burger-icon{fill:#1b414b}.nav-list,.header-soc-media-list{display:none}.nav-link{color:#1b414b;text-decoration:none;background:#b0bfc7;padding:10px 20px;border-radius:7px;font-weight:400;font-size:9px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fbfbfb;transition:background .3s ease,color .3s ease}.nav-link:hover,.nav-link:focus{background:#1b414b;color:#fbfbfb}.burger-btn{display:flex;background:transparent;border:none;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center}.burger-icon{fill:#1b414b;width:24px;height:24px}@media (min-width: 768px){.header{max-width:704px;height:48px}.navigation{justify-content:flex-start}.nav-list{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:4px;border-radius:10px;margin-right:auto}.burger-btn{display:none}.header-logo{font-weight:500;font-size:20px;letter-spacing:-.03em;color:#1b414b;text-decoration:none;margin-right:113px}.header-soc-media-list{display:flex;gap:8px;margin-right:12px}.container.header-container{padding-top:8px}}@media (min-width: 1024px){.header{max-width:1080px}.container{padding:0 16px}.nav-list{gap:15px}.nav-link{font-size:9px;padding:15px 25px 15px 24px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fbfbfb}.header-soc-media-list{gap:8px}.container.header-container{max-width:1080px}.header-logo{margin-right:296px;margin-left:30px}.header-soc-media-list{margin-right:18px}.nav-list{gap:4px}}.hero{padding-top:260px;padding-bottom:302px;min-width:320px;max-width:375px;margin:0 auto;background-image:linear-gradient(360deg,#11131fcc 15.05%,#11131fcc 75.3%,#11131fcc 98.27%),url(/project-first-teamwork/assets/mobile-img-DUNkiAUt.webp);background-size:cover;background-repeat:no-repeat}@media (min-resolution: 2x){.hero{background-image:linear-gradient(360deg,#11131fcc 15.05%,#11131fcc 75.3%,#11131fcc 98.27%),url(/project-first-teamwork/assets/mobile-img2x-BoAMxrYw.webp)}}.hero-tittle{font-weight:500;font-size:32px;line-height:1;letter-spacing:-.02em;text-align:center;color:#fbfbfb;max-width:335px;margin:0 auto 24px}.hero-text{font-weight:300;font-size:12px;line-height:1.17;text-align:center;color:#fbfbfbb3;max-width:335px;margin:0 auto 38px}.hero-btn{display:block;margin:0 auto;border-radius:15px;padding:14px 32px;width:141px;height:46px;background-color:#1b414b;font-weight:500;font-size:14px;line-height:1.29;letter-spacing:-.02em;color:#fbfbfb;transition:background-color .25s ease-in-out,color .25s ease-in-out}.hero-btn:hover,.hero-btn:focus{background-color:#fbfbfb;color:#1b414b}@media screen and (min-width: 768px){.hero{padding-top:280px;padding-bottom:282px;max-width:768px;background-image:linear-gradient(360deg,#11131fcc 15.05%,#11131fcc 75.3%,#11131fcc 98.27%),url(/project-first-teamwork/assets/tablet-img-DXkF_IPc.webp)}@media (min-resolution: 2x){.hero{background-image:linear-gradient(360deg,#11131fcc 15.05%,#11131fcc 75.3%,#11131fcc 98.27%),url(/project-first-teamwork/assets/tablet-img2x-if2kC7V-.webp)}}.hero-tittle{font-size:70px;max-width:704px}.hero-text{font-size:16px;line-height:1.4;max-width:597px;margin-bottom:48px}.hero-btn{border-radius:15px;padding:16px 40px;width:179px;height:52px;font-weight:500;font-size:18px;line-height:1.1;letter-spacing:-.02em}}@media screen and (min-width: 1280px){.hero{padding-top:235px;padding-bottom:215px;max-width:1280px;background-image:linear-gradient(360deg,#11131fcc 15.05%,#11131fcc 75.3%,#11131fcc 98.27%),url(/project-first-teamwork/assets/desktop-img-B35mwRsv.webp)}@media (min-resolution: 2x){.hero{background-image:linear-gradient(360deg,#11131fcc 15.05%,#11131fcc 75.3%,#11131fcc 98.27%),url(/project-first-teamwork/assets/desktop-img2x-f0PdjiUs.webp)}}.hero-tittle{font-size:80px;max-width:1001px}}body{background-color:#0e1823}.about-us-section{margin-top:-59px;position:relative;z-index:2}.about-us-container{box-sizing:border-box;max-width:335px;margin-left:auto;margin-right:auto;background:#fbfbfb;border-radius:28px}.about-us-content{padding:40px 20px}.about-us-title{color:#1b414b;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02em;margin-bottom:40px}.about-us-text-title{color:#1b414b;font-size:18px;font-style:normal;font-weight:400;line-height:100%;letter-spacing:-.02em;margin-bottom:20px}.about-us-text{font-size:12px;font-style:normal;font-weight:400;line-height:1.17;letter-spacing:-.02em;color:#040306}@media screen and (min-width: 768px){.about-us-section{padding-top:75px;padding-bottom:75px}.about-us-container{max-width:704px}.about-us-content{padding:50px 136px 50px 32px}.about-us-title{width:536px;font-size:48px}.about-us-text-title{width:389px;font-size:23px}.about-us-text{width:385px;font-size:13px}}@media screen and (min-width: 1280px){.about-us-container{max-width:1180px}.about-us-content{display:flex;padding:50px 50px 120px;justify-content:space-between}.about-us-title{width:537px}.about-us-text-title,.about-us-text{width:354px}}@media screen and (min-width: 1440px){.about-us-container{max-width:1340px}}.our-yachts-container{display:flex;flex-direction:column;align-items:center}.our-yachts-container h2{font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1;color:#fbfbfb;margin:80px auto 40px;text-align:center}.our-yachts-line{position:absolute;color:#040306;opacity:10%;margin-top:303px;margin-left:16px;width:271px}.yachts-line-width,.yachts-mobile-line{width:228px}.our-yachts-list{display:flex;margin-bottom:40px;justify-content:center}.yacht-header{min-width:100%;padding:0 16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;color:#1b414b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.yacht-header-padding{padding:0 12px 0 16px}.yacht-header p{letter-spacing:-.045em;max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.yacht-header span{color:#040306;font-size:12px;line-height:1.17;opacity:40%;letter-spacing:.03em}.our-yachts-item{position:relative;padding:16px;max-width:335px;min-height:480px;background-color:#fff;border-radius:20px;box-shadow:0 10px #0000001a;display:flex;flex-direction:column;gap:32px}.our-yachts-image{border-radius:24px;width:100%;height:240px}.yacht-details-block{min-width:100%;display:flex;justify-content:space-between;padding:0 16px}.yacht-details-block ul{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.18;letter-spacing:.03em}.detail{opacity:40%}.yacht-details-param{color:#040306}.visually-hidden-tablet,.visually-hidden-descktop{display:none}.yacht-rental-button{background-color:#0e1823;color:#fff;border-radius:15px;padding:14px 32px;font-size:14px;font-weight:500;letter-spacing:.03em;cursor:pointer;border:1px solid #FBFBFB}.yacht-rental-button:hover{background-color:#fbfbfb;color:#1b414b}.yacht-rental-button:focus{background-color:#1b414b;color:#fbfbfb}@media only screen and ((min-width: 375px) and (max-width: 767px)){.our-yachts-container h2{max-width:312px}}@media (min-width: 768px){.div-yachts-container{max-width:768px;margin:0 auto}.our-yachts-container h2{margin-top:150px}.our-yachts{padding:0 32px}.our-yachts-container h2{font-size:48px;max-width:645px;margin-bottom:75px}.visually-hidden-tablet{display:flex}.our-yachts-list{width:100%;flex-direction:row;gap:32px}.our-yachts-item{width:350px}.yachts-line-width{width:256px}.yachts-mobile-line{width:260px}}@media (min-width: 1280px){.div-yachts-container{max-width:1280px;margin:0 auto}.our-yachts-container h2{margin-top:150px}.visually-hidden-descktop{display:flex}.our-yachts-list{gap:25px}.our-yachts-item{width:351px}.yachts-line-width{width:271px}.yachts-mobile-line{width:275px}}.advantages{min-width:320px;background-color:#0e1823;padding:80px 0;margin:0 auto}.advantages-text-container{border-radius:24px;background-color:#1b414b;padding:0 20px}.advantages-list{display:flex;flex-wrap:wrap;gap:40px;padding:80px 20px}.advantages-item{display:flex;flex-direction:column;list-style:none;width:295px}.number{font-weight:500;font-size:28px;line-height:1;letter-spacing:-.05em;color:#fbfbfb;padding-bottom:38px;position:relative}.number:after{content:"";display:block;width:100%;height:2px;border-radius:18px;background-color:#fbfbfb1a;position:absolute;bottom:18px}.advantages-text{font-size:12px;line-height:1.17;letter-spacing:-.02em;color:#fbfbfb;opacity:.8}.advantages-image-container img,.advantages-image-container picture{height:100%;width:100%;border-radius:24px}@media screen and (min-width: 768px){.advantages{padding:150px 32px}.advantages-list{justify-content:center;column-gap:44px;row-gap:32px}.advantages-item{width:294px;height:100px}.advantages-item:last-child p{width:292px}.number{font-size:32px}.advantages-text{font-size:13px;line-height:1.15}}@media screen and (min-width: 1280px){.advantages-wrapper{display:flex;flex-direction:row;gap:32px}.advantages-image-container{max-height:100%}.advantages-text-container{max-width:716px}}.rent-a-yacht-container{margin:0 auto;padding:0 20px}.rent-yacht-content{margin-bottom:80px}.rent-yacht-title{font-weight:500;font-size:28px;line-height:1;letter-spacing:-.02em;color:#fbfbfb;margin-bottom:40px}.rent-yacht-form{display:block;margin-top:0;unicode-bidi:isolate;margin-bottom:40px}.yacht-form-label{display:block;margin-bottom:18px}.yacht-form-input{box-sizing:border-box;display:block;width:100%;height:42px;padding:14px 18px;border-radius:12px;border:1px solid rgba(251,251,251,.2);background-color:transparent;outline:0px solid transparent;color:#fbfbfb66;font-size:12px;font-style:normal;font-weight:400;line-height:1.17;transition:border-color .25s ease-in-out}.yacht-form-input::placeholder{margin:0;font-weight:400;font-size:12px;line-height:1.16667;color:#fbfbfb66}.yacht-form-input:hover,.yacht-form-input:focus,.yacht-form-textarea:hover,.yacht-form-textarea:focus{border-color:#fbfbfb80}.form-label-textarea{display:block;margin-bottom:40px}.yacht-form-textarea{box-sizing:border-box;display:block;color:#fbfbfb66;font-size:12px;font-style:normal;font-weight:400;line-height:1.17;width:100%;height:108px;padding:14px 18px;border-radius:12px;border:1px solid rgba(251,251,251,.2);background-color:transparent;resize:none;outline:0px solid transparent;transition:border-color .25s ease-in-out}.yacht-form-textarea::placeholder{font-weight:400;font-size:12px;line-height:1.16667;color:#fbfbfb66}.rent-yacht-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:15px;min-width:122px;height:46px;background:#1b414b;font-weight:500;font-size:14px;line-height:1.29;letter-spacing:-.02em;color:#fbfbfb;transition:background-color .25s ease-in-out,color .25s ease-in-out}.rent-yacht-btn:hover,.rent-yacht-btn:focus{background-color:#fbfbfb;color:#1b414b}.rent-yacht-image picture,.rent-yacht-image img{border-radius:24px}@media screen and (min-width: 768px){.rent-a-yacht-container{padding:0 32px}.rent-yacht-content{margin-left:auto;margin-right:auto;margin-bottom:100px;width:472px}.rent-yacht-title{margin-bottom:50px;font-size:48px}.rent-yacht-content{margin-bottom:100px}.rent-yacht-form{margin-bottom:50px}.yacht-form-input{height:54px;padding:18px;font-size:14px;line-height:1.29}.yacht-form-textarea{height:116px;padding-top:18px;padding-bottom:18px;font-size:14px;line-height:1.29}.rent-yacht-btn{min-width:194px;height:56px;padding:18px 75px;font-size:18px;line-height:1.1}}@media screen and (min-width: 1280px){.rent-a-yacht-container{display:flex;gap:50px;padding:0 50px}.rent-yacht-content{margin-left:0;margin-right:0;margin-bottom:0;order:2}}.reviews{min-width:320px;margin:80px auto}.reviews-title{max-width:324px;font-weight:500;font-size:28px;line-height:1;letter-spacing:-.02em;color:#fbfbfb;margin:inherit;margin-bottom:25px;text-align:center}.reviews-subtitle{max-width:342px;font-size:12px;line-height:1.17;letter-spacing:-.02em;color:#fbfbfb66;margin:inherit;margin-bottom:40px;text-align:center}.reviews-list{display:flex}.reviews-card{padding:32px 8px;background-color:#fbfbfb;border-radius:24px;text-align:center}.reviews-avatar{width:56px;height:56px;border-radius:50%;margin:0 auto 24px}.reviews-name{font-weight:500;font-size:18px;line-height:1.1;letter-spacing:-.02em;color:#040306;margin-bottom:8px}.reviews-text{max-width:304px;line-height:1.4;letter-spacing:-.02em;margin:0 auto;color:#04030666}@media only screen and (max-width: 767px){.reviews-card:first-child{margin:0 auto}}@media only screen and (min-width: 768px){.reviews{margin:150px auto}.reviews-title{font-size:48px;max-width:704px}.reviews-subtitle{font-size:14px;line-height:1.29;max-width:571px;margin-bottom:0}.reviews-list{flex-direction:row;gap:32px;justify-content:center;margin-top:75px}.reviews-card{flex-basis:calc((100% - 32px)/2);height:auto}.reviews-card:nth-child(2) .reviews-text{max-width:293px}.reviews-list li:nth-child(2).visually-hidden{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}}@media only screen and (min-width: 1280px){.reviews{max-width:1280px}.reviews-title{max-width:815px}.reviews-list{gap:26px;margin-top:75px}.reviews-card{flex-basis:calc((100% - 52px) / 3);padding:32px 28px}.reviews-text{max-width:320px}.reviews-card:nth-child(2) .reviews-text{max-width:315px}.reviews-card:last-child .reviews-text{max-width:295px}.reviews-card.visually-hidden{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}}.footer{min-width:320px;margin:0 10px;padding-top:40px;padding-bottom:20px;background-color:#1e414b;color:#fbfbfb;border-radius:24px 24px 0 0;z-index:999}.footer .container{padding:0 30px}.footer-top{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.footer-logo{text-decoration:none;color:#fbfbfb;font-size:14px;font-weight:500;letter-spacing:-.03em;text-transform:lowercase}.footer-nav{display:flex;flex-direction:column;align-items:center;gap:16px;list-style:none;padding:0;margin:0}.footer-nav-item{text-align:center}.footer-nav-link{color:#fbfbfb;text-decoration:none;font-size:14px;transition:color .25s ease-in-out,background-color .25s ease-in-out;text-transform:uppercase}.footer-nav-link:hover,.footer-nav-link:focus{color:#1b414b;background-color:#fbfbfb}.footer-socials{display:flex;justify-content:center;gap:16px;list-style:none;padding:0;margin:0}.footer-socials-item{display:flex;justify-content:center;align-items:center}.footer-socials-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;transition:opacity .25s ease-in-out}.footer-socials-link:hover,.footer-socials-link:focus{opacity:.8}.footer-socials-icon{width:24px;height:24px;fill:#fff}.footer-slogan{font-size:18px;line-height:1;letter-spacing:-.02em;text-align:center;color:#fbfbfb;margin:0 auto 40px;padding:0 16px}.footer-bottom{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:12px;color:#fbfbfb66}.footer-policy{color:#fbfbfb66;text-decoration:none;transition:color .25s ease-in-out}.footer-policy:hover,.footer-policy:focus{color:#fbfbfbb3}@media screen and (max-width: 767px){.footer{padding-top:40px;padding-bottom:20px}.footer-top{flex-direction:column;align-items:center;margin-bottom:40px}.footer-logo-nav{display:flex;align-items:flex-start;gap:37px;margin-bottom:80px}.footer-logo{font-size:14px;margin-bottom:0}.footer-nav{display:flex;flex-direction:row;gap:4px;margin-bottom:0}.footer-nav-link{font-size:9px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fbfbfb;background:#fbfbfb4d;padding:0;border-radius:8px;width:66px;height:40px;display:flex;justify-content:center;align-items:center}.footer-socials{display:flex;justify-content:center;gap:8px}.footer-slogan{font-size:18px;line-height:1;letter-spacing:-.02em;text-align:center;color:#fbfbfb;max-width:283px;padding:0 20px;margin-bottom:82px}.footer-bottom{flex-direction:row;align-items:center;justify-content:center;gap:20px}}@media screen and (min-width: 768px){.footer{margin:0 16px;padding-top:50px}.footer .container{padding:0 48px}.footer-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;margin-bottom:96px}.footer-logo-nav{display:flex;justify-content:space-between}.footer-logo{font-size:20px;margin-right:110px}.footer-nav{display:flex;flex-direction:row;gap:4px;margin-bottom:0}.footer-nav-link{font-size:9px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fbfbfb;padding:0;background:#fbfbfb4d;border-radius:8px;width:91px;height:40px;display:flex;justify-content:center;align-items:center}.footer-socials{margin:0;gap:8px;align-self:flex-start;display:flex}.footer-slogan{font-size:32px;line-height:1;letter-spacing:-.02em;text-align:center;color:#fbfbfb;max-width:613px;margin-bottom:100px;padding:0}.footer-bottom{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:32px;font-size:14px}}@media screen and (min-width: 1280px){.footer{margin:0 25px}.footer .container{padding:0 75px}.footer-top{display:flex;flex-direction:row;justify-content:space-between}.footer-logo{margin-right:330px;font-size:22px}.footer-nav{display:flex;flex-direction:row;gap:4px}.footer-nav-link{font-size:9px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fbfbfb;padding:0;background:#fbfbfb4d;border-radius:8px;width:91px;height:40px;display:flex;justify-content:center;align-items:center}.footer-socials{gap:8px;margin:0}.footer-slogan{font-size:32px;line-height:1;letter-spacing:-.02em;text-align:center;color:#fbfbfb;max-width:689px;margin-bottom:100px;padding:0}.footer-bottom{flex-direction:row;font-size:14px;justify-content:center}}.container-mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0e1823;z-index:999;transition:opacity .25s ease-in-out,visibility .25s ease-in-out,transform .25s ease-in-out;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-20px)}.container-mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.container-mobile-menu-header{position:relative;border:1px solid #fbfbfb;border-radius:8px;width:100%;max-width:335px;height:42px;background:#fbfbfb;display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin:16px auto 201px}.mobile-paragraf{position:absolute;top:25%;left:20px;font-size:14px;font-weight:500;letter-spacing:-.03em;color:#1b414b}.menu-close-button{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:24px;height:24px;background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center}.close-button-svg{fill:#055545;width:100%;height:100%}.container-nav{margin-bottom:361px}.nav-button-menu{display:block;width:91px;padding:15px 25px;border-radius:8px;background-color:#1b414b80;font-size:9px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fbfbfb;transition:background-color .25s ease-in-out,color .25s ease-in-out}.nav-button-menu-about{background-color:#1b414b}.nav-button-menu:hover{background-color:#fbfbfb;color:#1b414b}.navigation-menu{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;margin:0;list-style:none}.icon-list{display:flex;gap:8px;list-style:none;padding:0;margin:0;justify-content:center;align-items:center}.icon-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.icon-social-media{fill:#fbfbfb;transition:fill .25s ease-in-out;margin:auto}.icon-link:hover .icon-social-media{fill:#fbfbfbcc}