:root{--primary-text-color: #121417;--secondary-text-color: rgba(18, 20, 23, .5);--primary-brand-color: #4dc274;--secondary-brand-color: #bee8cc;--pressed-state-color: #38ae5f;--white-background-color: #fff;--animation-function: cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;color:var(--primary-text-color);background-color:var(--white-background-color);min-width:320px}h1,h2,h3,h4,h5,h6,p{margin:0}a{text-decoration:none}ul{list-style:none;margin:0;padding-left:0}img{display:block}.section-title{font-weight:700;font-size:32px;line-height:1.125;letter-spacing:-.02em;text-align:center;color:var(--primary-text-color);margin-bottom:16px}.section-title .accent{position:relative}.section-title .accent:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:12px;background-color:var(--secondary-brand-color);border-radius:8px;z-index:-1}@media (min-width: 768px){.section-title{font-size:40px;line-height:1.2}.section-title .accent:after{height:16px}}@media (min-width: 1280px){.section-title .accent:after{height:20px}}.section-description{font-weight:400;font-size:14px;line-height:1.71429;text-align:center;color:#12141780;margin-bottom:40px}@media (min-width: 768px){.section-description{font-size:18px;line-height:1.66667;margin-bottom:64px}}@media (min-width: 1280px){.section-description{max-width:697px;margin-right:auto;margin-left:auto}}.button{font-weight:700;font-size:14px;line-height:1.71429;color:var(--white-background-color);background-color:var(--primary-brand-color);border:none;border-radius:12px;padding:14px 77px;display:block;margin:0 auto;cursor:pointer}@media (min-width: 768px){.button{margin:0;padding:16px 61px;font-size:18px;line-height:1.55556}}.button:hover,.button:focus{background-color:var(--pressed-state-color)}.hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.container,.container-fluid{max-width:375px;margin:0 auto;padding:0 20px}.section{padding:45px 0}@media (min-width: 768px){.container,.container-fluid{max-width:768px;padding:0 32px}.section{padding:50px 0}}@media (min-width: 1280px){.container,.container-fluid{max-width:1280px;padding:0 128px}.section{padding:75px 0}}@media (min-width: 1280px){.container-fluid{padding:0 64px}}.header-container{display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px;transition:padding .25s var(--animation-function)}.header-section{background-color:var(--white-background-color)}.is-scrolling{position:fixed;top:0;left:0;width:100%;z-index:10}.is-scrolling .header-container{padding-top:8px;padding-bottom:8px}.logo{display:block;font-weight:700;font-size:20px;color:var(--primary-text-color)}.logo-accent{color:var(--primary-brand-color)}.main-navigation{display:none}@media (min-width: 1280px){.main-navigation{display:flex;align-items:center}.site-nav{display:flex;gap:20px}.nav-link{font-weight:600;font-size:14px;line-height:1.28571;color:var(--primary-text-color);position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:37px;height:2px;background-color:var(--primary-brand-color);border-radius:2px;opacity:0;transition:opacity .25s var(--animation-function)}}.nav-link:hover:after,.nav-link:focus:after{opacity:1}.header-social{display:none}@media (min-width: 1280px){.header-social{display:flex;gap:12px}.header-social-link{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:8px;border:1px solid rgba(18,20,23,.1);border-radius:10px;padding:8px;width:44px;height:44px;transition:border .25s var(--animation-function)}.header-social-link:hover,.header-social-link:focus{border:1px solid rgba(77,194,116,.1)}.header-social-link .social-icon{width:28px;height:28px;fill:#121417cc;transition:fill .25s var(--animation-function)}.header-social-link:hover .social-icon,.header-social-link:focus .social-icon{fill:#4dc274cc}}.header-container .menu-toggle{height:32px;width:32px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background-color:transparent;cursor:pointer;border:none}.mobile-menu-icon{width:32px;height:32px}.tablet-menu-icon{display:none}@media (min-width: 768px){.mobile-menu-icon{display:none}.tablet-menu-icon{display:block;width:40px;height:28px}}@media (min-width: 1280px){.header-container .menu-toggle{display:none}}.hero-section{padding:8px 20px 40px}@media screen and (min-width: 768px){.hero-section{padding:32px 20px 50px}}@media screen and (min-width: 1280px){.hero-section{padding:16px 0 21px}}.hero-container{padding:425px 20px 72px;position:relative;background-color:#d3d3d3;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;background-image:linear-gradient(357deg,rgba(0,0,0,.4) 39.23%,rgba(0,0,0,0) 66.28%),url(/project-TAWwLg4H/assets/hero-mobile-0214682e.webp)}@media screen and (min-resolution: 192dpi){.hero-container{background-image:linear-gradient(357deg,rgba(0,0,0,.4) 39.23%,rgba(0,0,0,0) 66.28%),url(/project-TAWwLg4H/assets/hero-mobile@2x-93a9a886.webp)}@media screen and (min-width: 768px){.hero-container{background-image:linear-gradient(96deg,rgba(0,0,0,.4) 36.36%,rgba(0,0,0,0) 51.43%),url(/project-TAWwLg4H/assets/hero-tablet@2x-eb0e2744.webp)}}@media screen and (min-width: 1280px){.hero-container{background-image:linear-gradient(96deg,rgba(0,0,0,.4) 36.36%,rgba(0,0,0,0) 51.43%),url(/project-TAWwLg4H/assets/hero-desktop@2x-bbde8818.webp)}}}.hero-title{margin-bottom:40px;color:var(--white-background-color);font-size:38px;font-weight:700;line-height:calc(40 / 38);letter-spacing:0}.title-highlight{color:var(--secondary-brand-color)}.hero-btn{display:block;margin:0 auto;text-align:center;background-color:var(--primary-brand-color);color:var(--white-background-color);border-radius:12px;border:none;padding:14px 0;font-size:14px;font-weight:700;line-height:calc(24 / 14);letter-spacing:0;transition:background-color var(--animation-function)}.hero-btn:hover,.hero-btn:focus{background-color:var(--pressed-state-color)}.down-anchor{display:flex;position:absolute;right:14px;bottom:14px;align-items:center;justify-content:center;width:38px;height:38px;background-color:var(--white-background-color);border-radius:50%;transition:background-color var(--animation-function)}.down-anchor-icon{fill:var(--primary-brand-color);transition:fill var(--animation-function)}.down-anchor:hover,.down-anchor:focus{background-color:var(--primary-brand-color)}.down-anchor:hover .down-anchor-icon{fill:var(--white-background-color)}.down-anchor:focus .down-anchor-icon{fill:var(--white-background-color)}@media screen and (min-width: 320px) and (max-width: 375px){.hero-container{width:100%}.hero-title{font-size:30px}}@media screen and (min-width: 768px){.hero-container{border-radius:30px;padding:260px 184px 295px 32px;max-width:768px;background-image:linear-gradient(96deg,rgba(0,0,0,.4) 36.36%,rgba(0,0,0,0) 51.43%),url(/project-TAWwLg4H/assets/hero-tablet-231fd7fa.webp)}.hero-title{margin-bottom:32px;font-size:60px;line-height:1.17}.hero-btn{max-width:306px;margin:0;padding:16px 0;font-size:18px;line-height:1.56}.down-anchor{width:48px;height:48px;right:32px;bottom:32px}}@media screen and (min-width: 1280px){.desktop-container{padding:0}.hero-container{padding:164px 524px 163px 64px;max-width:1152px;background-image:linear-gradient(96deg,rgba(0,0,0,.4) 36.36%,rgba(0,0,0,0) 51.43%),url(/project-TAWwLg4H/assets/hero-desktop-93b3c6db.webp)}}.about-list{display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.about-list{flex-direction:row;gap:32px;flex-wrap:wrap}}.about-wrap{display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.about-wrap{gap:32px}}@media (min-width: 1280px){.about-wrap{flex-direction:row}}.about-item{padding:32px;border-radius:16px;background-color:#f3f5f6}@media (min-width: 768px){.about-item{width:calc((100% - 32px)/2);border-radius:30px}}.about-number{font-weight:700;font-size:28px;line-height:1.14286;letter-spacing:-.02em;color:var(--primary-brand-color);margin-bottom:16px}.about-description{font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.02em;color:var(--primary-text-color)}.about-emoji{padding:51px 40px 51px 41px;background-color:var(--primary-brand-color);border-radius:16px}@media (min-width: 768px){.about-emoji{padding:16px 0;display:flex;justify-content:center;align-items:center;border-radius:30px}}.lesson-subscription{display:flex;flex-direction:column;gap:20px}@media only screen and (min-width: 768px){.lesson-subscription{flex-direction:row;flex-wrap:wrap;gap:48px 32px}}@media only screen and (min-width: 1280px){.lesson-subscription{gap:32px}}.subscription-plan{border-radius:30px;border:1px solid var(--primary-brand-color);background-color:var(--white-background-color);max-width:336px;padding:40px 20px}.subscription-plan:nth-child(2){background-color:var(--primary-brand-color);color:var(--white-background-color)}@media only screen and (min-width: 768px){.subscription-plan{padding:32px 16px}}@media only screen and (min-width: 1280px){.subscription-plan{max-width:320px;padding:32px}}.subscription-plan-name{font-weight:700;font-size:20px;letter-spacing:-.02em;text-align:center;color:var(--primary-text-color);margin-bottom:16px}.subscription-plan:nth-child(2) .subscription-plan-name{color:var(--white-background-color)}.subscription-plan-price{font-weight:700;font-size:32px;line-height:1.4em;letter-spacing:-.02em;text-align:center;color:var(--primary-text-color);margin-bottom:40px}.subscription-plan:nth-child(2) .subscription-plan-price{color:var(--white-background-color)}@media only screen and (min-width: 768px){.subscription-plan-price{margin-bottom:32px}}@media only screen and (min-width: 1280px){.subscription-plan-price{margin-bottom:16px}}.subscription-plan-about{font-weight:400;font-size:14px;line-height:1.5em;text-align:center;color:#12141780;margin-bottom:32px}.subscription-plan:nth-child(2) .subscription-plan-about{color:#ffffffb3}@media only screen and (min-width: 768px){.subscription-plan-about{font-size:16px;margin-bottom:42px}}@media only screen and (min-width: 1280px){.subscription-plan-about{margin-bottom:32px}}.subscription-plan .button{text-align:center;padding:16px 37px;border:1px solid var(--primary-brand-color);transition:background-color .25s var(--animation-function)}.subscription-plan:nth-child(2) .button{border:1px solid rgba(255,255,255,.4)}.subscription-plan:nth-child(2) .button:hover,.subscription-plan:nth-child(2) .button:focus{background-color:var(--white-background-color);color:var(--primary-brand-color)}.proposal{background:linear-gradient(90deg,rgba(77,194,116,1) 0%,rgba(190,232,204,1) 100%);border-radius:30px;padding:40px 20px 64px;overflow:hidden}@media (min-width: 768px){.proposal{overflow:visible;padding:64px 18px 92px}}@media (min-width: 1280px){.proposal{padding:64px 64px 140px}}.proposal-card-backdrop{background:#FFFFFF;border-radius:16px;padding:40px 20px}@media (min-width: 768px){.proposal-card-backdrop{border-radius:30px;padding:64px 185px 64px 32px;position:relative}.proposal-card-backdrop:after{content:"";width:214px;height:263px;background-image:url(/project-TAWwLg4H/assets/books-d6708f71.webp);background-size:contain;background-repeat:no-repeat;position:absolute;top:170px;right:-47px}}@media (min-width: 1280px){.proposal-card-backdrop{padding:64px 306px 64px 64px}.proposal-card-backdrop:after{top:128px;right:0}}.proposal-card{position:relative;z-index:2}.proposal-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.5);transform:rotate(11deg);border-radius:16px;z-index:-2}.proposal-card:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#D4FDE1;transform:rotate(-9deg);border-radius:16px;z-index:-4}@media (min-width: 768px){.proposal-card:after,.proposal-card:before{border-radius:30px}}@media (min-width: 1280px){.proposal-card:before{transform:rotate(9deg)}.proposal-card:after{transform:rotate(-11deg)}}.title-package{font-size:38px;line-height:1.1em;color:#fff;font-weight:600;margin-bottom:65px}@media (min-width: 768px){.title-package{font-size:60px;line-height:1.2em;margin-bottom:84px}}@media (min-width: 1280px){.title-package{font-size:60px;line-height:1.2em;margin-bottom:133px;max-width:776px}}.proposal-card-title{font-size:20px;line-height:1.2em;margin-bottom:20px;font-weight:700}@media (min-width: 768px){.proposal-card-title{font-size:40px;line-height:1.2em;margin-bottom:40px}}.proposal-list{margin-bottom:20px;display:flex;flex-direction:column;gap:16px}.proposal-list li{padding-left:28px;font-size:14px;font-weight:700;line-height:1.45em;letter-spacing:-.02em;position:relative}.proposal-list li:before{content:"";position:absolute;width:20px;height:20px;background:var(--primary-brand-color);border-radius:50%;left:0;top:50%;transform:translateY(-50%)}.proposal-list li:after{content:"";position:absolute;width:6px;height:8px;border-bottom:2px solid #FFFFFF;border-right:2px solid #FFFFFF;left:4px;top:calc(50% - 2px);transform:rotate(45deg) translateY(-50%)}@media (min-width: 768px){.proposal-list{margin-bottom:32px}.proposal-list li{font-size:20px;padding-left:44px}.proposal-list li:before{width:28px;height:28px}.proposal-list li:after{width:9px;height:14px;left:5px;top:calc(50% - 4px)}}@media (min-width: 768px){.proposal-list{margin-bottom:40px}}.proposal-button{display:inline-block;padding:14px 58px}.title-package .accent{color:var(--secondary-brand-color)}.teacher{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:40px}.teacher-item{text-align:center}.teachers-img{display:block;margin:0 auto 16px;border-radius:50%}.teacher-name{margin-bottom:8px}.teacher-description{font-size:14px;line-height:1.7em;color:var(--secondary-text-color)}.application-image-container{display:none;width:492px;background-color:#4dc274;position:relative;border-radius:30px}.application-image-container img{border-radius:30px 30px 50% 50%;display:block;max-height:100%;margin-bottom:20px}.application-supporting-text{padding:0 20px}.application-supporting-text h3{color:#fff;font-size:40px;font-weight:700;text-align:center;margin-bottom:8px}.application-supporting-text p{color:#ffffffb2;font-weight:400;font-size:16px;line-height:1.5}.form label,.form input,.form textarea{width:100%}.form input,.form textarea{border-radius:12px;padding:15px 17px;font-size:14px;line-height:18px;border:1px solid #1214171A}.form input:active,.form input:focus,.form textarea:active,.form textarea:focus{outline:none;border-color:var(--primary-brand-color)}.form>label{display:block;margin-bottom:18px}.form textarea{resize:none}.form button{width:100%}.teacher-container{margin-top:20px;margin-bottom:40px}.teacher-label{font-size:18px;line-height:24px;font-weight:600;margin-bottom:14px}.teacher-checkbox-container{display:flex;flex-direction:column;gap:8px}.teacher-checkbox-container label{display:flex;align-items:center;width:auto;font-size:14px;font-weight:400;line-height:24px;letter-spacing:-.02em;text-align:center;cursor:pointer}.teacher-checkbox-container input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid #12141733;outline:none;position:relative;padding:0;cursor:pointer;margin-right:8px}.teacher-checkbox-container input[type=radio]:checked{border-color:var(--primary-brand-color)}.teacher-checkbox-container input[type=radio]:checked:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:var(--primary-brand-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.submit-info{margin-top:16px}.submit-info,.submit-info a{font-size:12px;font-weight:400;line-height:1.35em;color:#12141780}.submit-info a{text-decoration:underline}@media screen and (min-width: 768px){.application-form-container{padding:0 102px}.form input,.form textarea{font-size:16px;line-height:24px}.teacher-container{margin:32px 0}.teacher-label{font-size:20px;margin-bottom:16px}.teacher-checkbox-container{flex-direction:row;align-items:center;gap:16px}.teacher-checkbox-container label{font-size:18px}.submit-info,.submit-info a{font-size:14px;line-height:1.75em}}@media screen and (min-width: 1280px){.application-container{display:flex;gap:32px}.application-image-container{display:block}.application-form-container{width:50%;padding:0}}.feedback{padding-bottom:80px}@media screen and (min-width: 768px){.feedback{padding-bottom:100px}}@media screen and (min-width: 768px){.feedback{padding-bottom:150px}}@media screen and (min-width: 1280px){.feedback-box{margin:0 auto;width:1024px}}.feedback-list{display:flex;justify-content:center;gap:32px}.feedback-item{width:100%;flex-shrink:0;border-radius:16px;background:#f3f5f6;padding:20px 20px 40px}@media screen and (min-width: 375px){.feedback-item{width:335px}}@media screen and (min-width: 768px){.feedback-item{width:336px;border-radius:30px;padding:32px 16px 40px}}@media screen and (min-width: 1280px){.feedback-item{width:320px}}@media screen and (max-width: 1279px){.feedback-hidden-2{display:none}}@media screen and (max-width: 767px){.feedback-hidden-1{display:none}}.feedback-wrapper{width:100%;height:78px;flex-shrink:0;border-radius:8px;background:var(--primary-brand-color);padding:14px;display:flex;align-items:center;gap:8px;margin-bottom:20.44px}@media screen and (min-width: 375px){.feedback-wrapper{width:295px}}@media screen and (min-width: 768px){.feedback-wrapper{width:304px;border-radius:15px;padding:14px 0 14px 16px;margin-bottom:32px}}@media screen and (min-width: 1280px){.feedback-wrapper{width:288px}}.feedback-image{display:block;border-radius:100%}.feedback-headline{font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.02em;color:var(--white-background-color)}.feedback-desc{font-weight:400;font-size:12px;line-height:1.33333;color:#ffffff80;margin-top:2px}.feedback-text{color:var(--secondary-text-color);font-size:14px;font-weight:400;line-height:1.71;width:100%;margin:0 auto}@media screen and (min-width: 375px){.feedback-text{width:267px}}@media screen and (min-width: 768px){.feedback-text{font-size:16px;line-height:1.5;width:272px}}@media screen and (min-width: 1280px){.feedback-text{width:256px}}.feedback-element{position:relative}.feedback-element:after{position:absolute;bottom:3px;left:0;content:"";z-index:-1;width:100%;height:12px;border-radius:8px;background-color:#bee8cc}@media screen and (min-width: 768px){.feedback-element:after{height:20px}}.footer-section{background:rgba(18,20,23,1);color:#fff;padding-top:40px;padding-bottom:20px;font-weight:600;font-size:14px;line-height:129%}.footer-section-container{display:flex;flex-direction:column;align-items:baseline}.footer-section-container>div{width:100%}.footer-logo{color:#fff;margin-bottom:20px}.footer-contacts{display:flex;flex-direction:column;gap:16px}.footer-address-text,.footer-tel-text{margin-bottom:4px}.footer-address-link,.footer-telephone-link{color:#fff}.footer-address a:hover,.footer-contacts a:hover{text-decoration:underline}.footer-nav-container{margin-top:40px}.footer-nav-list{display:flex;flex-direction:column;gap:20px}.footer-nav-link{font-weight:600;font-size:14px;line-height:1.28571;color:#fff;position:relative;background:transparent;border:none;padding:0;cursor:pointer}.footer-nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:37px;height:2px;background-color:var(--primary-brand-color);border-radius:2px;opacity:0;transition:opacity .25s var(--animation-function)}.footer-nav-link:hover:after,.footer-nav-link:focus:after{opacity:1}.footer-sm-container{margin-top:40px;margin-bottom:40px}.footer-sm-list{display:flex;gap:12px}.footer-social-link{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px;width:42px;height:42px;transition:border .25s var(--animation-function)}.footer-social-link:hover,.footer-social-link:focus{border:1px solid rgba(77,194,116,.1)}.footer-social-link .social-icon{width:26px;height:26px;fill:#fff;transition:fill .25s var(--animation-function)}.footer-social-link:hover .social-icon,.footer-social-link:focus .social-icon{fill:#4dc274cc}.footer-endline-container{padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-privacy-terms-list{display:flex;gap:18px;margin-top:14px}.footer-p-text{line-height:129%;font-weight:400;letter-spacing:-.02em;color:#fff9}.footer-privacy-items a:hover{text-decoration:underline}.footer-privacy-link,.footer-terms-link{color:#fff9}@media only screen and (min-width: 768px){.footer-section{padding-top:32px;padding-bottom:16px}.footer-top-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:110px}.footer-top-container-left{display:flex;flex-direction:row;justify-content:space-between;gap:152px}.footer-logo{margin-bottom:32px}.footer-nav-container{margin-top:0}.footer-sm-container{margin:0}.footer-social-link{width:44px;height:44px}.footer-social-link .social-icon{width:28px;height:28px}.footer-endline-container{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.footer-privacy-terms-list{margin-top:0}}@media only screen and (min-width: 1280px){.footer-section{padding-bottom:23px;padding-top:64px}.footer-top-container-left{gap:314px}.footer-top-container{margin-bottom:64px}.footer-endline-container{padding-top:23px}}.menu-container{position:fixed;top:0;right:0;overflow-y:auto;padding:20px 45px;display:flex;flex-direction:column;justify-content:space-between;width:240px;height:100vh;z-index:999;background-color:var(--primary-brand-color);transform:translate(100%);transition:transform .25s var(--animation-function)}@media (min-width: 768px){.menu-container{width:384px}}.menu-container.is-open{transform:translate(0)}.menu-container .menu-toggle{position:absolute;top:20px;right:20px;width:32px;border:none;background-color:transparent;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.modal-close-icon{width:32px;height:32px;color:var(--white-background-color)}@media (min-width: 768px){.menu-container .menu-toggle,.modal-close-icon{width:40px;height:40px}}.mobile-menu-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.mobile-menu-link{font-weight:600;font-size:14px;line-height:1.28571;color:#fff}.mobile-menu-social{display:flex;align-items:flex-start;justify-content:center;flex-direction:row;gap:12px}.mobile-menu-social-link{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px;width:42px;height:42px;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:8px}.mobile-menu-social .social-icon{width:26px;height:26px;fill:#fffc}.menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#12141766;transform:translate(100%);transition:transform .35s var(--animation-function);z-index:10}.menu-backdrop.is-open{transform:translate(0)}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden;transition-delay:.5s;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.backdrop.is-hidden .modal{transform:translate(-50%,-70%);opacity:0}.backdrop{z-index:20;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(46,47,66,.4)}.modal{z-index:25;padding:20px 24px 24px;border-radius:4px;background-color:#fcfcfc;box-shadow:0 2px 1px #0003,0 1px 3px #0000001f,0 1px 1px #00000024;position:absolute;top:50%;left:50%;width:95%;max-width:392px;min-height:584px;opacity:1;transform:translate(-50%,-50%) scale(1);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow-y:auto;max-height:80vh}@media screen and (min-width: 768px){.modal{width:800px;max-width:inherit}}.btn-close{width:24px;height:24px;position:absolute;top:24px;right:24px;padding:0;display:flex;justify-content:center;align-items:center;border:none;background-color:var(--third-ligth-color);cursor:pointer;border-radius:50%;border:1px solid rgba(0,0,0,.1);transition:border .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1)}.btn-close{fill:#2e2f42;transition:fill .25s cubic-bezier(.4,0,.2,1)}.btn-close:focus,.btn-close:hover{border:none;background-color:var(--corp-color-hover)}.btn-close:focus,.btn-close:hover{fill:#fff}.gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:40px}@media only screen and (min-width: 768px){.teacher{gap:32px}}.modal-title{margin-bottom:30px}.gallery-item{text-align:center}@media only screen and (min-width: 768px){.teacher-item{max-width:272px}}@media only screen and (min-width: 1280px){.teacher-item{max-width:232px}}.gallery-item img{display:block;margin:0 auto 16px;border-radius:50%}.caption{margin-top:10px;font-size:1em;color:#333}@media (max-width: 768px){.gallery-item{width:45%}}@media (max-width: 480px){.gallery-item{width:100%}.modal{max-height:70vh}}
