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}:root{--font-family: "DM Sans", sans-serif;--black: #121212;--white: #fff;--brown: #bea69e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);min-width:100vw;min-height:100vh;margin:0;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:-.02em;color:var(--white);background-color:var(--black)}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 20px}@media only screen and (min-width: 768px){.container{max-width:768px;padding:0 32px;margin:0 auto}}@media only screen and (min-width: 1280px){.container{max-width:1200px;padding:0 100px;margin:0 auto}}.header{position:sticky;top:0;z-index:100;padding-top:20px;display:flex;justify-content:space-between;background-color:var(--black)}@media only screen and (min-width: 768px){.header{gap:14px}}@media only screen and (min-width: 1440px){.header{gap:20px}}.menu{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;border:1px solid rgba(255,255,255,.2);border-radius:12px}@media only screen and (min-width: 1280px){.menu{justify-content:flex-start;padding-right:50px;padding-left:50px}}.camera-btn-svg{fill:#bea69e66;transition:fill .25s linear}.camera-btn-svg:hover,.camera-btn-svg:focus{fill:#bea69e}.burger-btn-svg{stroke:var(--white)}.logo{display:flex}.nav-logo-icon{fill:var(--white)}.header-btns{display:flex;justify-content:center;align-items:center;gap:14px}.header-camera-btns-item{display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:#1d1d1d;border-radius:100%}@media only screen and (min-width: 768px){.header-camera-btns-item{display:none}}@media only screen and (min-width: 1280px){.header-burger-btns-item{display:none}}.camera-btn-link,.burger-btn-link{display:flex}@media only screen and (min-width: 1280px){.nav{margin-left:auto}}.nav-list{display:none}@media only screen and (min-width: 1280px){.nav-list{display:flex;align-items:center;gap:28px}}@media only screen and (min-width: 1440px){.nav-list{gap:40px}}.nav-item{text-transform:uppercase;transition:color .25s linear}.nav-item:hover,.nav-item:focus{color:var(--brown)}.signup-btn{display:none}@media only screen and (min-width: 768px){.signup-btn{display:flex;justify-content:center;align-items:center;width:187px;height:60px;font-weight:700;font-size:18px;line-height:1.6;text-transform:uppercase;color:var(--black);border-radius:12px;background-color:var(--white);transition:background-color .25s linear,color .25s linear}}@media only screen and (min-width: 1280px){.signup-btn{width:239px}}.signup-btn:hover,.signup-btn:focus{font-size:18px;line-height:1.3;color:var(--brown);background-color:#1d1d1d}.hero-section{position:relative;z-index:1;background-color:#1d1d1d;border-radius:30px;margin-top:20px;margin-bottom:85px;padding:40px 20px 0}@media only screen and (min-width: 768px){.hero-section{padding:64px 32px 0;margin-bottom:100px}}@media only screen and (min-width: 1280px){.hero-section{display:flex;justify-content:space-between;padding:80px 50px 0;margin-bottom:150px}}@media only screen and (min-width: 1440px){.hero-section{padding:80px 100px 0 50px}}.hero-title{max-width:290px;margin-bottom:20px;font-weight:500;font-size:40px;line-height:1.1;letter-spacing:-.04em}@media only screen and (min-width: 768px){.hero-title{max-width:490px;font-weight:500;font-size:60px;line-height:1.1;letter-spacing:-.04em}}@media only screen and (min-width: 1280px){.hero-title{font-size:64px}}.color-span{font-style:italic;font-weight:400;color:var(--brown)}.hero-text{max-width:290px;margin-bottom:40px}@media only screen and (min-width: 1280px){.hero-text{max-width:392px;margin-bottom:136px}}.hero-content-section{display:flex;margin-bottom:31px}@media only screen and (min-width: 768px){.hero-content-section{margin-bottom:40px}}@media only screen and (min-width: 768px){.hero-student{display:flex}}.hero-student-list{display:flex;position:relative;margin-bottom:4px;margin-right:24px}.hero-student-list li:nth-child(1){z-index:3}.hero-student-list li:nth-child(2){z-index:2}.hero-student-list li:nth-child(3){z-index:1}.hero-student-img{width:44px;height:44px;border-radius:50%;object-fit:cover;outline:2px solid #1d1d1d}.hero-student-list li{margin-right:-12px}.hero-student{margin-right:40px}.hero-happy-student{display:flex;align-items:center;gap:4px}.hero-happy-student-text{max-width:67px}.hero-happy-student-svg{margin-top:3px;fill:var(--white)}.hero-reviews-section{display:flex;justify-content:center}.hero-reviews-star{display:flex;justify-content:center;align-items:center;width:44px;height:44px;margin-right:12px;border-radius:50%;background-color:var(--brown)}.hero-reviews-star-svg{fill:transparent;stroke:#1d1d1d;stroke-width:2px}.hero-reviews-content{display:flex;flex-direction:column}.hero-reviews-text{margin:4px 0;letter-spacing:-.04em;color:#ffffff80}.hero-reviews-text-numbers{font-weight:500;font-size:16px;line-height:1.1;letter-spacing:-.04em}.hero-img{margin-left:auto;margin-right:auto}@media only screen and (min-width: 768px){.hero-img{width:393px;height:434px;margin-top:auto}}@media only screen and (min-width: 1280px){.hero-img{width:397px;height:520px;margin:0}}.hero:after{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:1152px;height:100%;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(to right,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(to right,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(to right,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(to right,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(to right,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(to right,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px,transparent 6px,transparent 12px);background-size:1px 12px,1px 12px,1px 12px,1px 12px,1px 12px,12px 1px,12px 1px,12px 1px,12px 1px,12px 1px;background-position:0 0,88px 0,476px 0,578px 0,678px 0,0 0,0 125px,0 325px,0 515px,0 710px,0 910px;background-repeat:repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-x,repeat-x,repeat-x,repeat-x,repeat-x}.running-wrapper{margin-bottom:80px;width:100%;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);background-color:var(--black)}.running-track{display:flex;width:max-content;animation:fly-pass 15s linear infinite;gap:100px}@keyframes fly-pass{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.running-line-title{padding:24px 0;font-weight:400;font-size:28px;text-align:center;text-transform:uppercase;color:var(--white)}@media only screen and (min-width: 768px){.running-line-title{font-size:40px;line-height:1.25}}@media only screen and (min-width: 1280px){.running-line-title{font-size:59px;line-height:1.1}}.running-color-title{color:var(--brown)}.about-us{margin-bottom:80px}@media only screen and (min-width: 768px){.about-us{margin-bottom:100px}}.about-us-title{margin-bottom:40px;font-weight:500;font-size:28px;line-height:1.14;color:var(--white)}@media only screen and (min-width: 768px){.about-us-title{margin-bottom:50px;font-weight:500;font-size:48px;line-height:1.25}}.color-about-us-span{color:var(--brown);text-transform:capitalize}.about-us-wrapper{display:flex;flex-wrap:wrap}.about-us-img{border-radius:1000px;margin-bottom:40px}@media only screen and (min-width: 768px){.about-us-img{width:704px;height:340px;margin-bottom:50px}}@media only screen and (min-width: 1280px){.about-us-img{width:488px;height:260px;margin-bottom:0;margin-right:40px}}@media only screen and (min-width: 1440px){.about-us-img{width:560px;height:240px;margin-right:35px}}.about-us-text{font-size:16px;margin-bottom:20px;line-height:1.25;width:335px}@media only screen and (min-width: 768px){.about-us-text{width:280px;margin-right:40px;margin-bottom:0}}@media only screen and (min-width: 1280px){.about-us-text{width:268px;margin-right:20px}}@media only screen and (min-width: 1440px){.about-us-text{width:305px}}.about-us-text-second{font-size:16px;line-height:1.25;width:335px}@media only screen and (min-width: 768px){.about-us-text-second{width:280px}}@media only screen and (min-width: 1280px){.about-us-text-second{width:264px}}@media only screen and (min-width: 1440px){.about-us-text-second{width:276px}}
