@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,400&display=swap");body{font-family:'Open Sans' !important}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;list-style:none;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{overflow-x:hidden}.container{max-width:1110px;margin:auto}.base{padding:1rem 0.5rem}::selection{background:#ffb5b5}nav{display:flex;flex:1 1 calc(50% - 2rem);gap:.5rem;flex-wrap:wrap;justify-content:space-between;position:relative}nav .site-name h1{font-size:1.5rem;font-weight:500;color:#3B3322;position:relative;display:inline-block}nav .site-name h1::after{content:'';position:absolute;right:-20px;top:5px;width:10px;height:10px;border-radius:2px;background:#FF4F4F}nav .top-oval{position:absolute;transform:translate(40%, -40%);z-index:-1}nav .top-oval path{fill:#FF4F4F}nav .nav-items{display:flex;gap:1rem;align-items:center}nav .nav-items .nav-menu{display:flex;flex:1 1 calc(25% - 0);gap:.5rem;justify-content:space-between}nav .nav-items .nav-menu li{padding:0px 1rem}nav .nav-items .nav-menu li a{font-size:1rem;color:#fff}nav .nav-items .nav-user-account{display:flex;flex:1 1 calc(50% - 0);gap:.5rem}nav .nav-items .nav-user-account a{padding:0.8125rem 1.75rem;border:#fff 0.1rem solid;border-radius:0.3125rem;color:#fff}nav .nav-items .nav-user-account a:nth-child(2){background:#262626;border:none}.site-head{margin-top:5rem;display:flex;gap:1.5rem;align-items:center}.site-head .description h1{font-size:2.75rem;font-weight:500;line-height:1.2;color:#3B3322}.site-head .description h1 .des-highlight{position:relative}.site-head .description h1 .des-highlight::after{display:block;content:'';position:absolute;bottom:0;left:0;height:100%;width:100%;z-index:-1;opacity:0.7;transform:scale(1.07, 1.05) skewX(-15deg);background-image:linear-gradient(to top left, #FF4F4F, #ff9c9c)}.site-head .description p{font-size:1.125rem;font-weight:400;line-height:1.625rem;color:#544837;margin-top:1.5rem;text-align:justify}.site-head .description a{padding:1rem 3rem;background:#FF4F4F;color:#fff;border-radius:.3125rem;display:inline-block;margin-top:2rem;transition:background .3s ease}.site-head .description a:hover{background:#474BFF}.site-head .head-image{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center}.site-head .head-image>img{border-radius:.625rem}.site-head .head-image .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center}.site-head .head-image .play-button span:nth-child(1){position:absolute;z-index:-1}.site-head .head-image .play-button span:nth-child(1) svg circle{fill:#FF4F4F}.services{margin-top:12.5rem;display:grid;grid-template-columns:repeat(4, 1fr);gap:3rem}.services .service-item span{padding:1.375rem;display:inline-flex;justify-content:center;align-items:center;border:#FF4F4F solid 0.1rem;border-radius:.375rem;color:#FF4F4F;font-size:1.625rem;width:20px;height:20px}.services .service-item h1{margin-top:1.25rem;color:#3B3322;font-size:1.375rem}.services .service-item p{margin-top:.625rem;color:#635541;line-height:1.5rem}.services .service-item:nth-child(2) span{background:#FF4F4F;color:#fff}.learn{background:url(../img/background-learning.svg);background-repeat:no-repeat;background-position:bottom;padding:5rem 0;margin-top:12rem}.learning{display:flex;gap:.5rem;justify-content:space-between;align-items:center}.learning .learn-text p{color:rgba(64,64,64,0.8);font-size:1.125rem;margin-bottom:.3125rem;position:relative;display:inline-block}.learning .learn-text p::after{content:'';position:absolute;right:-20px;top:5px;width:10px;height:10px;border-radius:2px;background:#FF4F4F}.learning .learn-text h1{color:#262626;font-size:2.5rem;line-height:3rem}.learning .learn-text ul li{margin:2rem 0;color:rgba(34,34,34,0.7)}.learning .learn-text ul li::before{background-color:#FF4F4F;margin-right:1rem;padding:5px 10px;color:#fff;content:"\2713";border-radius:40px}.learning .learn-text ul li:first-child{margin:1.5rem 0 2rem}.learning .learn-text .bottom-learn-text{margin-top:3.5rem;display:flex;gap:.5rem}.learning .learn-text .bottom-learn-text>a{display:inline-block;padding:.875rem 2.25rem;background:#FF4F4F;color:#fff;border-radius:.3125rem;transition:all ease 0.3s}.learning .learn-text .bottom-learn-text>a:hover{background:#474BFF}.learning .learn-text .bottom-learn-text li{border:#FF4F4F solid 0.1rem;border-radius:.3125rem;padding:.75rem 2.25rem;display:inline-block;position:relative}.learning .learn-text .bottom-learn-text li:hover span{background:#FF4F4F;color:#fff}.learning .learn-text .bottom-learn-text li a{color:#FF4F4F;margin-right:1rem}.learning .learn-text .bottom-learn-text li span{color:#FF4F4F;display:inline-flex;font-size:10px;border-left:#FF4F4F solid 0.1rem;padding:0rem .5rem;align-items:center;position:absolute;right:0;height:100%;top:0;transition:all ease 0.3s}.about-team{margin-top:8.75rem;display:flex;flex-direction:column;align-items:center}.about-team .about-head{text-align:center}.about-team .about-head h1{font-size:2.125rem;color:#3B3322}.about-team .about-head p{color:#544837;margin-top:.875rem}.about-team .person-part{margin-top:5rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:250px 250px;gap:1rem}.about-team .person-part section{overflow:hidden;display:flex;align-items:center;border-radius:1.25rem;position:relative}.about-team .person-part section:hover div{width:100%;height:100%}.about-team .person-part section:hover div *{opacity:1}.about-team .person-part section:hover div article{padding:1rem}.about-team .person-part section img{max-width:100%;width:100%}.about-team .person-part section div{transition:all ease .3s;position:absolute;top:0;left:0;height:0%;width:0%;opacity:0.7;border-radius:1.25rem;background-image:linear-gradient(to top right, #820000, #ff9c9c);white-space:nowrap;display:flex;gap:.5rem;flex-direction:column;justify-content:flex-end;align-items:bottom;color:white;cursor:pointer}.about-team .person-part section div h1{font-size:1.875rem}.about-team .person-part section div p{font-size:1rem;margin-top:.5rem}.about-team .person-part section div *{transition:opacity ease .9s, padding ease 0.2s;opacity:0}.about-team .person-part section:nth-child(2){grid-column:2 / 4}.about-team .person-part section:nth-child(3){grid-column:4 / 5;grid-row:1 / 3}.about-team .person-part section:nth-child(3) img{height:100%;width:auto;max-width:none}.about-team .person-part section:nth-child(4){grid-column:1 / 3}.about-team .person-part section:nth-child(5){grid-column:3 / 4}.story{margin-top:9.375rem}.story .story-head{text-align:center}.story .story-head h1{font-size:2.125rem;color:#3B3322}.story .story-head p{margin-top:.875rem;color:#544837}.story section{margin-top:3.5rem;display:grid;grid-template-columns:repeat(2, 1fr);gap:9rem}.story section .story-item{display:grid;grid-template-columns:0fr 1fr;grid-row-gap:1.125rem;grid-column-gap:1.5rem}.story section .story-item h1{font-size:1.625rem;color:#262626;display:flex;align-items:center}.story section .story-item p{grid-column:2 / 3;line-height:1.5rem;color:#544837;text-align:justify}.blog{margin-top:6.25rem}.blog .blog-head{text-align:center}.blog .blog-head h1{font-size:2.125rem;color:#3B3322}.blog .blog-head p{color:#544837;margin-top:.875rem}.blog .blog-child{margin-top:3.75rem;display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.blog .blog-child .blog-item{padding:1rem;border-radius:1.125rem;box-shadow:2px 2px 20px rgba(0,0,0,0.1);transition:all .3s ease;cursor:pointer}.blog .blog-child .blog-item:hover{transform:translate(0, -10px);box-shadow:2px 2px 20px rgba(0,0,0,0.2)}.blog .blog-child .blog-item img{border-radius:1rem;width:100%}.blog .blog-child .blog-item h1{font-size:1.75rem;color:#FF4F4F;margin-top:1.25rem}.blog .blog-child .blog-item p{color:#544837;margin-top:.625rem;line-height:1.5rem}.blog .blog-child .blog-item a{background:#FF4F4F;display:inline-block;margin-top:1.5rem;padding:.75rem 2.5rem;font-size:.8125rem;border-radius:.3125rem;color:#fff;transition:background .3s ease}.blog .blog-child .blog-item a:hover{background:#474BFF}.email{display:flex;justify-content:center;align-items:center;margin-top:2.5rem}.email span svg rect{fill:#FF4F4F}.email .email-item{position:absolute}.email .email-item h1{color:#fff;line-height:2rem;font-size:1.875rem;margin-bottom:.875rem;font-weight:700;letter-spacing:.1rem}.email .email-item>div{display:flex;flex-direction:column;align-items:center;gap:1rem}.email .email-item>div div{display:flex;align-items:center;gap:.5rem;width:90%;justify-content:center}.email .email-item>div div input{font-weight:700;letter-spacing:0.1rem;flex-grow:1;background:transparent;padding:1rem 1.25rem;border:2px solid rgba(255,255,255,0.5);border-radius:.625rem;font-size:1rem;color:#fff;outline:none}.email .email-item>div div input::placeholder{color:rgba(255,255,255,0.5)}.email .email-item>div div span{font-size:30px;color:#fff}