.login-form__container{max-width:400px;margin:0 auto;padding:20px;background-color:#fff;border:1px solid #af8531;border-radius:5px}.login-form__title{text-align:center;color:#af8531}.login-form__group{margin-bottom:20px}.login-form__label{display:block;margin-bottom:5px;color:#af8531}.login-form__input{width:100%;padding:10px;border:1px solid #af8531;border-radius:5px}.login-form__button{width:100%;padding:10px;background-color:#af8531;color:#fff;border:none;border-radius:5px;cursor:pointer}.login-form__button:hover{background-color:#8e6324}.login-form__text{text-align:center;color:#af8531}.login-form__error{color:#af8531}.login-form__link{display:block;text-align:center;color:#af8531;text-decoration:none}.login-form__link:hover{color:#8e6324}.Gom{padding-top:10%}.body{background:#f5f1eb}.signup-container{max-width:400px;margin:0 auto;padding:20px;background-color:#fff;border:1px solid #af8531;border-radius:5px}.signup-title{text-align:center;color:#af8531;font-size:24px;margin-bottom:20px}.form-label{display:block;margin-bottom:5px;color:#af8531}.form-input{width:100%;padding:10px;border:1px solid #af8531;border-radius:5px}.form-button{width:100%;padding:10px;background-color:#af8531;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}.form-button:hover{background-color:#8e6324}.terms-text{text-align:center;color:#af8531}.forgot-password-link{display:block;text-align:center;color:#af8531;text-decoration:none;margin-top:10px}.forgot-password-link:hover{color:#8e6324}.signup-link{display:block;text-align:center;color:#af8531;text-decoration:none;margin-top:10px}.signup-link:hover{color:#8e6324}.Go{padding-top:5%}.RegistrationForm-container{max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px}h2{text-align:center;color:#af8531}.form-group{margin-bottom:20px}label{display:block;margin-bottom:5px;color:#af8531}input[type=text],input[type=email],input[type=tel],select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}button[type=submit]{width:100%;padding:10px;background-color:#af8531;color:#fff;border:none;border-radius:5px;cursor:pointer}button[type=submit]:hover{background-color:#8e6324}.Com{padding-top:10%}.body{background-color:#f5f1eb;height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--selective-yellow: hsl(40, 56%, 44%);--eerie-black-1: hsl(0, 0%, 9%);--eerie-black-2: hsl(180, 3%, 7%);--quick-silver: hsl(0, 0%, 65%);--radical-red: hsl(351, 83%, 61%);--light-gray: hsl(0, 0%, 80%);--isabelline: hsl(36, 33%, 94%);--gray-x-11: hsl(0, 0%, 73%);--kappel_15: hsla(170, 75%, 41%, .15);--platinum: hsl(0, 0%, 90%);--gray-web: hsl(0, 0%, 50%);--black_80: hsla(0, 0%, 0%, .8);--white_50: hsla(0, 0%, 100%, .5);--black_50: hsla(0, 0%, 0%, .5);--black_30: hsla(0, 0%, 0%, .3);--kappel: hsl(170, 75%, 41%);--white: hsl(0, 0%, 100%);--gradient: linear-gradient( -90deg, hsl(151, 58%, 46%) 0%, hsl(170, 75%, 41%) 100% );--ff-league_spartan: "League Spartan", sans-serif;--ff-poppins: "Poppins", sans-serif;--fs-1: 4.2rem;--fs-2: 3.2rem;--fs-3: 2.3rem;--fs-4: 1.8rem;--fs-5: 1.5rem;--fs-6: 1.4rem;--fs-7: 1.3rem;--fw-500: 500;--fw-600: 600;--section-padding: 75px;--shadow-1: 0 6px 15px 0 hsla(0, 0%, 0%, .05);--shadow-2: 0 10px 30px hsla(0, 0%, 0%, .06);--shadow-3: 0 10px 50px 0 hsla(220, 53%, 22%, .1);--radius-pill: 500px;--radius-circle: 50%;--radius-3: 3px;--radius-5: 5px;--radius-10: 10px;--transition-1: .25s ease;--transition-2: .5s ease;--cubic-in: cubic-bezier(.51, .03, .64, .28);--cubic-out: cubic-bezier(.33, .85, .4, .96)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a,img,span,data,input,button,.custom-icon{display:block}a{color:inherit;text-decoration:none}.logo{padding-left:10%}img{height:auto}input,button{background:none;border:none;font:inherit}input{width:100%}button{cursor:pointer}.custom-icon{pointer-events:none}address{font-style:normal}html{font-family:var(--ff-poppins);font-size:10px;scroll-behavior:smooth}body{background-color:var(--white);color:var(--gray-web);font-size:1.6rem;line-height:1.75}:focus-visible{outline-offset:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#fafafa}::-webkit-scrollbar-thumb{background-color:#ccc}::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3}.container{padding-inline:15px}.section{padding-block:var(--section-padding)}.shape{position:absolute;display:none}.has-bg-image{background-repeat:no-repeat;background-size:cover;background-position:center}.h1,.h2,.h3{color:var(--eerie-black-1);font-family:var(--ff-league_spartan);line-height:1}.h1,.h2{font-weight:var(--fw-600)}.h1{font-size:var(--fs-1)}.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-3);font-weight:var(--fw-500)}.section-title{--color: var(--selective-yellow);text-align:center}.section-title .span{display:inline-block;color:var(--selective-yellow)}.btn{background-color:var(--selective-yellow);color:var(--white);font-family:var(--ff-league_spartan);font-size:var(--fs-4);display:flex;align-items:center;gap:7px;max-width:max-content;padding:10px 20px;border-radius:var(--radius-5);overflow:hidden}.has-before,.has-after{position:relative;z-index:1}.has-before:before,.has-after:after{position:absolute;content:""}.btn:before{top:0;right:0;bottom:0;left:0;background-image:var(--gradient);z-index:-1;border-radius:inherit;transform:translate(-100%);transition:var(--transition-2)}.btn:is(:hover,:focus):before{transform:translate(0)}.img-holder{aspect-ratio:var(--width) / var(--height);background-color:var(--light-gray);overflow:hidden}.img-cover{width:100%;height:100%;object-fit:cover}.section-subtitle{font-size:var(--fs-5);text-transform:uppercase;font-weight:var(--fw-500);letter-spacing:1px;text-align:center;margin-block-end:15px}.section-text{font-size:var(--fs-5);text-align:center;margin-block:15px 25px}.grid-list{display:grid;gap:30px}.category-card,.stats-card{background-color:hsla(var(--color),.1)}:is(.course,.blog) .section-title{margin-block-end:40px}.header .btn{display:none}.header{position:absolute;top:0;left:0;width:100%;background-color:var(--white);padding-block:12px;box-shadow:var(--shadow-1);z-index:4}.header.active{position:fixed}.header .container,.header-actions,.navbar .wrapper{display:flex;justify-content:space-between;align-items:center;gap:15px}.header-action-btn,.nav-close-btn{position:relative;color:var(--selective-yellow);font-size:36px;transition:var(--transition-1)}.header-action-btn:is(:hover,:focus){color:var(--kappel)}.header-action-btn .btn-badge{position:absolute;top:-10px;right:-10px;background-color:var(--kappel);color:var(--white);font-family:var(--ff-league_spartan);font-size:var(--fs-6);min-width:20px;height:20px;border-radius:var(--radius-circle)}.navbar{position:fixed;top:0;left:-320px;background-color:var(--white);width:100%;max-width:320px;height:100%;z-index:2;transition:.25s var(--cubic-in)}.navbar.active{transform:translate(320px);transition:.5s var(--cubic-out)}.navbar .wrapper{padding:15px 20px;border-block-end:1px solid var(--platinum)}.nav-close-btn{background-color:var(--white);box-shadow:var(--shadow-2);padding:8px;border-radius:var(--radius-circle)}.nav-close-btn:is(:hover,:focus){background-color:var(--kappel);color:var(--white)}.navbar-list{padding:15px 20px}.navbar-item:not(:last-child){border-block-end:1px solid var(--platinum)}.navbar-link{padding-block:8px;font-weight:var(--fw-500);transition:var(--transition-1)}.navbar-link:is(:hover,:focus){color:var(--selective-yellow)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--black_80);pointer-events:none;opacity:0;z-index:1;transition:var(--transition-1)}.overlay.active{opacity:1;pointer-events:all}.hero{padding-block-start:calc(var(--section-padding) + 80px)}.hero .container{display:grid;gap:40px}.hero-text{color:var(--eerie-black-1);font-size:var(--fs-4);text-align:center;margin-block:18px 20px}.hero .btn{margin-inline:auto}.hero-banner{display:grid;grid-template-columns:1fr .8fr;align-items:flex-start;gap:30px}.hero-banner .img-holder.one{border-top-right-radius:70px;border-bottom-left-radius:110px}.hero-banner .img-holder.two{border-top-left-radius:50px;border-bottom-right-radius:90px}.category .section-subtitle{color:var(--radical-red)}.category .section-title{--color: var(--kappel)}.category .section-text{margin-block-end:40px}.category-card{padding:50px 30px;text-align:center;border-radius:var(--radius-5)}.category-card .card-icon{background-color:hsla(var(--color),.1);width:80px;height:80px;display:grid;place-items:center;border-radius:var(--radius-circle);margin-inline:auto;margin-block-end:30px}.category-card .card-text{color:var(--eerie-black-1);font-size:var(--fs-5);margin-block:15px 25px}.category-card .card-badge{background-color:hsla(var(--color),.1);color:hsl(var(--color));font-size:var(--fs-5);font-weight:var(--fw-500);padding:2px 18px;max-width:max-content;margin-inline:auto;border-radius:var(--radius-5)}.about{padding-block-start:0;overflow:hidden}.about .container{display:grid;gap:30px}.about-banner{position:relative;z-index:1}.about-banner .img-holder{border-radius:var(--radius-10)}.about-shape-2{display:block;bottom:-100px;left:-60px;animation:bounce 2.5s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.about :is(.section-subtitle,.section-title,.section-text){text-align:left}.about-item{margin-block:15px;display:flex;align-items:center;gap:15px}.about-item .custom-icon{color:var(--selective-yellow);font-size:20px;--ionicon-stroke-width: 50px}.about-item .span{color:var(--eerie-black-1);font-family:var(--ff-league_spartan)}.course{background-color:var(--isabelline)}.course-card{position:relative;background-color:var(--white);border-radius:var(--radius-5);overflow:hidden}.course-card .img-cover{transition:var(--transition-2)}.course-card:is(:hover,:focus-within) .img-cover{transform:scale(1.1)}.course-card :is(.abs-badge,.badge){font-family:var(--ff-league_spartan);border-radius:var(--radius-3)}.course-card .abs-badge{position:absolute;top:10px;right:10px;background-color:var(--selective-yellow);color:var(--white);display:flex;align-items:center;gap:5px;line-height:1;padding:6px 8px;padding-block-end:3px}.course-card .abs-badge .custom-icon{font-size:18px;margin-block-end:5px;--ionicon-stroke-width: 50px}.course-card .card-content{padding:25px}.course-card .badge{background-color:var(--kappel_15);max-width:max-content;color:var(--kappel);line-height:25px;padding-inline:10px}.course-card .card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-block:15px 8px;transition:var(--transition-1)}.course-card .card-title:is(:hover,:focus){color:var(--kappel)}.course-card :is(.wrapper,.rating-wrapper,.card-meta-list,.card-meta-item){display:flex;align-items:center}.course-card .wrapper{gap:10px}.course-card .rating-wrapper{gap:3px}.course-card .rating-wrapper .custom-icon{color:var(--selective-yellow)}.course-card .rating-text{color:var(--eerie-black-1);font-size:var(--fs-6);font-weight:var(--fw-500)}.course-card .price{color:var(--radical-red);font-family:var(--ff-league_spartan);font-size:var(--fs-4);font-weight:var(--fw-600);margin-block:8px 15px}.course-card .card-meta-list{flex-wrap:wrap}.course-card .card-meta-item{position:relative;gap:5px}.course-card .card-meta-item:not(:last-child):after{content:"|";display:inline-block;color:var(--platinum);padding-inline:10px}.course-card .card-meta-item .custom-icon{color:var(--quick-silver);--ionicon-stroke-width: 50px}.course-card .card-meta-item .span{color:var(--eerie-black-1);font-size:var(--fs-7)}.course .btn{margin-inline:auto;margin-block-start:60px}.video{background-size:contain;background-position:center top}.video-banner{position:relative;border-top-right-radius:80px;border-bottom-left-radius:120px}.video .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--radical-red);font-size:30px;padding:16px;color:var(--white);border-radius:var(--radius-circle);box-shadow:0 0 0 0 var(--white_50);z-index:1;animation:pulse 3s ease infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--white_50)}to{box-shadow:0 0 0 20px transparent}}.video-banner:after{top:0;right:0;bottom:0;left:0;background-color:var(--black_30)}.stats-card{text-align:center;padding:25px;border-radius:var(--radius-10)}.stats-card :is(.card-title,.card-text){font-family:var(--ff-league_spartan)}.stats-card .card-title{color:hsl(var(--color));font-size:var(--fs-2);line-height:1.1}.stats-card .card-text{color:var(--eerie-black-1);text-transform:uppercase}.blog-card .card-banner{border-radius:var(--radius-10)}.blog-card .card-banner .img-cover{transition:var(--transition-2)}.blog-card .card-banner:after{top:0;right:0;bottom:0;left:0;background-color:var(--black_50);opacity:0;transition:var(--transition-1)}.blog-card:is(:hover,:focus-within) .card-banner .img-cover{transform:scale(1.1)}.blog-card:is(:hover,:focus-within) .card-banner:after{opacity:1}.blog-card .card-content{position:relative;margin-inline:15px;background-color:var(--white);padding:20px;border-radius:var(--radius-10);box-shadow:var(--shadow-3);margin-block-start:-100px;z-index:1}.blog-card .card-btn{position:absolute;top:-40px;right:30px;background-color:var(--kappel);color:var(--white);font-size:20px;padding:20px;border-radius:var(--radius-circle);transition:var(--transition-1);opacity:0}.blog-card .card-btn:is(:hover,:focus){background-color:var(--radical-red)}.blog-card:is(:hover,:focus-within) .card-btn{opacity:1;transform:translateY(10px)}.blog-card :is(.card-meta-item,.card-text,.card-subtitle){font-size:var(--fs-5)}.blog-card .card-subtitle{text-transform:uppercase}.blog-card .card-title{margin-block:10px 15px;transition:var(--transition-1)}.blog-card .card-title:is(:hover,:focus){color:var(--kappel)}.blog-card :is(.card-meta-list,.card-meta-item){display:flex}.blog-card .card-meta-list{flex-wrap:wrap;gap:10px 20px;margin-block-end:20px}.blog-card .card-meta-item{gap:10px;align-items:center;color:var(--eerie-black-1)}.blog-card .card-meta-item .custom-icon{color:var(--kappel);font-size:18px;--ionicon-stroke-width: 40px}.footer{background-repeat:no-repeat;background-color:var(--eerie-black-2);color:var(--gray-x-11);font-size:var(--fs-5)}.footer-top{display:grid;gap:30px}.footer-brand-text{margin-block:20px}.footer-brand .wrapper{display:flex;gap:5px}.footer-brand .wrapper .span{font-weight:var(--fw-500)}.footer-link{transition:var(--transition-1)}.footer-link:is(:hover,:focus){color:var(--selective-yellow)}.footer-list-title{color:var(--white);font-family:var(--ff-league_spartan);font-size:var(--fs-3);font-weight:var(--fw-600);margin-block-end:10px}.footer-list .footer-link{padding-block:5px}.newsletter-form{margin-block:20px 35px}.newsletter-form .input-field{background-color:var(--white);padding:12px;border-radius:var(--radius-5);margin-block-end:20px}.newsletter-form .btn{min-width:100%;justify-content:center}.social-list{display:flex;gap:25px}.social-link{font-size:20px}.footer-bottom{border-block-start:1px solid var(--eerie-black-1);padding-block:30px}.copyright{text-align:center}.copyright-link{color:var(--kappel);display:inline-block}.back-top-btn{position:fixed;bottom:40px;right:30px;background-color:var(--kappel);color:var(--white);font-size:20px;padding:15px;border-radius:var(--radius-circle);z-index:3;opacity:0;pointer-events:none;transition:var(--transition-1)}.back-top-btn.active{transform:translateY(10px);opacity:1;pointer-events:all}@media (min-width: 575px){.container{max-width:520px;width:100%;margin-inline:auto}.grid-list{grid-template-columns:1fr 1fr}:is(.course,.blog) .grid-list{grid-template-columns:1fr}.header .container{max-width:unset}.header-actions{gap:30px}.hero-banner{grid-template-columns:1fr .9fr}.video .play-btn{padding:25px}.stats-card{padding:40px 30px}.footer-brand,.footer-list:last-child{grid-column:1 / 3}.newsletter-form{display:flex;align-items:center;gap:10px}.newsletter-form .input-field{margin-block-end:0}.newsletter-form .btn{min-width:max-content}}@media (min-width: 768px){:root{--fs-1: 4.6rem;--fs-2: 3.8rem}.container{max-width:720px}.btn{padding:15px 30px}:is(.course,.blog) .grid-list{grid-template-columns:1fr 1fr}.header .container{padding-inline:30px}.header .btn{display:flex;padding:10px 30px;margin-inline:20px}.hero{padding-block-start:calc(var(--section-padding) + 90px)}.hero .container{gap:50px}.hero-text{margin-block-end:30px}.hero-banner{position:relative;z-index:1}.hero-banner .img-holder{max-width:max-content}.hero-banner .img-holder.one{justify-self:flex-end}.hero-banner .img-holder.two{margin-block-start:100px}.hero-shape-1{display:block;position:absolute;bottom:-40px;left:-10px}.about{padding-block-start:50px}.about-banner{padding:60px;padding-inline-end:0}.about-banner .img-holder{max-width:max-content;margin-inline:auto}.about-shape-1{display:block;top:-40px;right:-70px}.footer-brand,.footer-list:last-child{grid-column:auto}.newsletter-form .btn{padding-block:10px}}@media (min-width: 992px){:root{--fs-1: 5.5rem;--fs-2: 4.5rem}.container{max-width:960px}.grid-list{grid-template-columns:repeat(4,1fr)}:is(.course,.blog) .grid-list{grid-template-columns:repeat(3,1fr)}.hero .container{grid-template-columns:1fr 1fr;align-items:center}.hero .section-title,.hero-text{text-align:left}.hero .btn{margin-inline:0}.about .container{grid-template-columns:1fr .6fr;align-items:center;gap:60px}.video-banner{max-width:75%;margin-inline:auto}.footer .grid-list{grid-template-columns:1fr .6fr .6fr 1.2fr}}@media (min-width: 1200px){:root{--fs-1: 6.5rem;--section-padding: 120px}.container{max-width:1185px}.shape{display:block}.about-content,.video-card,.blog{position:relative}.header-action-btn:last-child,.navbar .wrapper,.overlay{display:none}.header.active{transform:translateY(-100%);animation:slideIn .5s ease forwards}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.navbar,.navbar.active{all:unset}.navbar-list{display:flex;gap:50px;padding:0}.navbar-item:not(:last-child){border-block-end:none}.navbar-link{color:var(--eerie-black-1);padding-block:20px}.header .btn{margin-inline-end:0}.hero{padding-block-start:calc(var(--section-padding) + 120px)}.hero .container{gap:80px}.hero-shape-2{top:-80px;z-index:-1}.about .container{gap:110px}.about-banner .img-holder{margin-inline:0}.about-shape-3{top:-20px;left:-100px;z-index:-1}.about-content{z-index:1}.about-shape-4{top:30px;right:-60px;z-index:-1}.video-shape-1{top:-50px;left:0}.video-shape-2{top:-80px;right:120px;z-index:1}.blog-shape{top:0;left:0}}