*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#c19a5b;--secondary:#000;--light:#F7F4EF;--title:#161616;--text:#5a5650}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:138rem;margin:0 auto;position:relative}.flex{display:flex}.flex_middle{align-items:center}.between{justify-content:space-between}i,em{font-style:normal}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.img.img_cv{overflow:hidden}.img.img_cv img,.img.img_cv video,.img.img_cv iframe,.img.img_cv picture{object-fit:cover}.img.img_hv:hover img{transform:scale(1.03)}.img img,.img video,.img iframe,.img picture{width:100%;height:100%;display:block;transition:all 0.5s;aspect-ratio:inherit}.tcon .title{font-size:7.6rem;line-height:7.3rem}.tcon > em{color:var(--primary);font-size:1.5rem;text-transform:uppercase;letter-spacing:0.05rem}.tcon.white > em{color:var(--primary)}.tcon.line > em{display:flex;align-items:center;gap:1.2rem;letter-spacing:0.1rem}.tcon.line > em:before{content:"";width:3.8rem;height:1px;background:var(--primary);display:inline-block}.tcon > p{font-size:1.6rem;line-height:2.8rem;color:var(--text)}.tcon.white > p{color:rgba(255,255,255,0.8);font-weight:300}.lesson_banner{padding:11.8rem 0;background:linear-gradient(to bottom,#503820,#836E5B)}.lesson_banner .tcon h1.title{color:white;font-weight:300;margin-bottom:4rem;margin-top:2.5rem;font-size:6.4rem;line-height:6.4rem;max-width:54rem}.lesson_banner .tcon p{font-size:1.8rem;line-height:2.8rem;max-width:58.7rem;color:rgba(255,255,255,0.6)}.lesson_banner .left{width:49.27%;padding-top:3rem}.lesson_banner .right{width:43.62%;position:relative}.lesson_banner .right .img{border-radius:1.6rem;aspect-ratio:6/5;position:relative;z-index:5}.lesson_banner .right::after{content:"";position:absolute;width:115%;height:115%;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid rgba(193,152,91,0.07);border-radius:1.6rem;z-index:1}.lesson_banner .right::before{content:"";position:absolute;width:130%;height:130%;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid rgba(193,152,91,0.07);border-radius:1.6rem;z-index:1}@media screen and (min-width:769px) and (max-width:1024px){.content{max-width:896px}.tcon .title{font-size:5.4rem;line-height:6rem}.lesson_banner{padding:8.5rem 0}.lesson_banner .tcon h1.title{font-size:4.6rem;line-height:5.2rem;margin-top:2rem;margin-bottom:3rem;max-width:none}.lesson_banner .tcon p{max-width:none}.lesson_banner .left{width:50%;padding-top:0}.lesson_banner .right{width:42%}.lesson_banner .right::before{display:none}}@media screen and (min-width:769px) and (max-width:896px){.content{max-width:768px}.tcon .title{font-size:4.6rem;line-height:5.2rem}}@media screen and (max-width:768px){.content{padding:0 20px}.tcon > em{font-size:14px}.tcon h1{font-size:38px;line-height:1.3}.tcon .title{font-size:32px;line-height:1.3}.tcon > em + h2,.tcon > em + h1{margin-top:10px}.tcon > h2 + p,.tcon > .title + p{margin-top:12px}.tcon.line > em{gap:8px}.tcon.line > em:before{width:24px}.lesson_banner{padding:50px 0}.lesson_banner .main{flex-wrap:wrap}.lesson_banner .left,.lesson_banner .right{width:100%}.lesson_banner .left{padding-top:0}.lesson_banner .tcon h1.title{font-size:32px;line-height:1.25;margin-top:12px;margin-bottom:16px;max-width:none}.lesson_banner .tcon p{font-size:14px;line-height:1.7;max-width:none}.lesson_banner .right::before,.lesson_banner .right::after{display:none}.lesson_banner .right{margin-top:30px}.lesson_banner .right .img{border-radius:12px}}.content .content{padding:0}.tcon h2{font-size:4.8rem;line-height:6.2rem;font-weight:500}.tcon > h2 + p{margin-top:1.3rem}.lesson_music{padding:13rem 0;background-color:#F7F4EF}.lesson_music .left{width:55.07%}.lesson_music .left .img{aspect-ratio:758/488;border-radius:1.6rem}.lesson_music .right{width:37.53%}.lesson_music .right h2{max-width:57.8rem}.lesson_music .right .tcon p + p{margin-top:3rem}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0 3rem}}@media screen and (min-width:769px) and (max-width:1024px){.content{max-width:896px}.tcon h2{font-size:4rem;line-height:5rem}.lesson_music{padding:9rem 0}.lesson_music .left{width:52%}.lesson_music .right{width:43%}.lesson_music .right h2{max-width:none}.lesson_music .right .tcon p + p{margin-top:2rem}}@media screen and (max-width:768px){.content{padding:0 20px}.tcon h2{font-size:30px;line-height:1.3}.tcon > p{font-size:14px;line-height:1.5;margin-top:10px}.tcon > h2 + p{margin-top:12px}.lesson_music{padding:50px 0}.lesson_music .main{flex-wrap:wrap}.lesson_music .left,.lesson_music .right{width:100%}.lesson_music .left .img{border-radius:12px}.lesson_music .right{margin-top:26px}.lesson_music .right h2{max-width:none}.lesson_music .right .tcon p + p{margin-top:14px}}li{list-style:none}.center{text-align:center}.center p,.center .desc,.center h1,.center h2{margin-left:auto;margin-right:auto}.tcon > em + h2{margin-top:1.7rem}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.tcon h2{font-size:4rem;line-height:5rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.tcon h2{font-size:3.6rem;line-height:4.6rem}}@media screen and (max-width:768px){.content{padding:0 20px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.tcon > em + h2,.tcon > em + h1{margin-top:10px}.tcon > h2 + p,.tcon > .title + p{margin-top:12px}}.lesson_options{padding:16rem 0;background-color:#FFFEF9}.lesson_options .tcon{margin-bottom:5.8rem}.lesson_options .tcon p{max-width:70rem}.lesson_options .main .items{display:grid;grid-template-columns:repeat(4,1fr);gap:2.8rem}.lesson_options .main .items .item{padding:3.5rem 3rem;border-radius:1.4rem;background-color:white;border:1px solid #eae8e5;outline:1px solid transparent;box-shadow:0 0 15px rgba(0,0,0,0.05)}.lesson_options .main .items .item span{font-size:1.6rem;color:#c19a5b;letter-spacing:0.1rem;display:block;margin-bottom:1.5rem}.lesson_options .main .items .item .title{font-size:2.6rem;font-weight:700;color:#2d2d2d;display:block;margin-bottom:2.5rem}.lesson_options .main .items .item strong{font-family:"Cormorant Garamond",serif;font-weight:600;color:#2d2d2d;display:block;font-size:4.9rem}.lesson_options .main .items .item p{font-size:1.6rem;line-height:1.9rem;color:#999999;margin-top:1rem;margin-bottom:3.5rem}.lesson_options .main .items .item ul{padding-top:2.4rem;border-top:1px solid #f0ebe3}.lesson_options .main .items .item ul li{font-size:1.5rem;line-height:1.8rem;font-weight:600;color:#555555;display:flex;gap:1.8rem;max-width:23rem;transition:all 0.3s}.lesson_options .main .items .item.active{border-color:#c19a5b;outline-color:1px solid #c19a5b}.lesson_options .main .items .item ul li + li{margin-top:1.5rem}.lesson_options .main .items .item ul li:before{content:"";width:1.7rem;min-width:1.7rem;height:1.7rem;background:url('../../../plugins/sytech-fronteditor/sytpl/lesson3-lesson_options/assets/img/correct2.svg') no-repeat center/contain}.lesson_options .bottom{padding:3.3rem 6rem;border-radius:1rem;border:1px solid #eae8e5;background-color:white;margin-top:4rem}.lesson_options .bottom p{font-size:1.7rem;line-height:2.5rem;color:#888888;text-align:center}.lesson_options .bottom p strong{color:#2d2d2d}@media screen and (min-width:769px) and (max-width:1024px){.lesson_options{padding:9rem 0}.lesson_options .tcon{margin-bottom:4.2rem}.lesson_options .tcon p{max-width:none}.lesson_options .main .items{grid-template-columns:repeat(2,1fr);gap:2.4rem}.lesson_options .main .items .item{padding:3rem 2.6rem}.lesson_options .main .items .item .title{font-size:2.4rem;margin-bottom:2rem}.lesson_options .main .items .item strong{font-size:4.2rem}.lesson_options .main .items .item p{margin-bottom:2.6rem}.lesson_options .main .items .item ul li{max-width:none;gap:1.2rem}.lesson_options .bottom{padding:2.8rem 3rem}}@media screen and (max-width:768px){.lesson_options{padding:50px 0}.lesson_options .tcon{margin-bottom:26px}.lesson_options .tcon p{max-width:none}.lesson_options .main .items{grid-template-columns:1fr;gap:14px}.lesson_options .main .items .item{padding:20px 18px;border-radius:12px}.lesson_options .main .items .item span{font-size:13px;margin-bottom:8px}.lesson_options .main .items .item .title{font-size:20px;margin-bottom:14px}.lesson_options .main .items .item strong{font-size:32px}.lesson_options .main .items .item p{font-size:13px;line-height:1.6;margin-top:6px;margin-bottom:18px}.lesson_options .main .items .item ul{padding-top:16px}.lesson_options .main .items .item ul li{font-size:13px;line-height:1.6;gap:10px;max-width:none}.lesson_options .main .items .item ul li + li{margin-top:10px}.lesson_options .main .items .item ul li:before{width:15px;min-width:15px;height:15px;margin-top:2px}.lesson_options .bottom{padding:18px 16px;margin-top:20px}.lesson_options .bottom p{font-size:13px;line-height:1.7}}.btn{line-height:5rem;padding:0 3.3rem;border-radius:20rem;background-color:var(--primary);color:white;transition:all 0.3s;display:flex;text-align:center;justify-content:center;width:max-content;cursor:pointer}.btn:hover{background-color:#161616}.lesson_trial{padding:13rem 0;background-color:#F7F4EF}.lesson_trial .left{width:48.91%}.lesson_trial .left .img{aspect-ratio:672/487;border-radius:1.6rem}.lesson_trial .right{width:39.85%}.lesson_trial .right h2{max-width:57.8rem}.lesson_trial .right .btn{margin-top:4.3rem;line-height:6.5rem;padding:0 3.5rem}@media screen and (min-width:769px) and (max-width:1024px){.content{padding:0 3rem}.tcon h2{font-size:4rem;line-height:5rem}.lesson_trial{padding:9rem 0}.lesson_trial .left{width:48%}.lesson_trial .right{width:46%}.lesson_trial .right h2{max-width:none}}@media screen and (min-width:769px) and (max-width:896px){.tcon h2{font-size:3.6rem;line-height:4.6rem}}@media screen and (max-width:768px){.content{padding:0 20px}.btn{font-size:14px;line-height:42px;padding:0 20px}.tcon h2{font-size:30px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.tcon > em + h2,.tcon > em + h1{margin-top:10px}.tcon > h2 + p,.tcon > .title + p{margin-top:12px}.tcon.line > em{gap:8px}.tcon.line > em:before{width:24px}.lesson_trial{padding:50px 0}.lesson_trial .main{flex-wrap:wrap}.lesson_trial .left,.lesson_trial .right{width:100%}.lesson_trial .left{margin-top:26px}.lesson_trial .left .img{border-radius:12px}.lesson_trial .right h2{max-width:none}.lesson_trial .right .btn{margin-top:24px;line-height:42px;padding:0 20px}}