:root{--main-bg-c:#0d0d0d;--main-bg-c-alt:#242424;--second-bg-c:#1a1a1a;--third-bg-c:#181818;--main-y-c:#f59e0b;--main-t-c:#fafafa;--second-t-c:#b5b5b5;--third-t-c:#cececece;--light-c:#fbbf24;--green-c:#22c55e;--border:#2e2e2e;--m-p:70px}*{box-sizing:border-box;margin:0;padding:0}ul li{list-style:none}a{text-decoration:none}html{scroll-behavior:smooth}body{font-family:"Cairo",sans-serif}nav{width:100%;position:fixed;top:0;left:0;background-color:var(--main-bg-c);color:#fff;padding:10px 40px;border-bottom:1px solid #3b3b3b;z-index:33}nav .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}nav .logo{display:flex;align-items:center;justify-content:start;flex-wrap:nowrap;font-size:clamp(1rem,1.5rem,2rem);font-weight:700}nav .logo .icon{background-color:var(--main-y-c);min-width:35px;min-height:15px;border-radius:6px;margin-right:8px;display:flex;align-items:center;justify-content:center;color:#fff}nav .logo .name{color:var(--main-t-c)}nav .nav-mob{display:flex;column-gap:200px}nav ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}nav ul li{margin:0 20px;font-size:clamp(.75rem,1rem,1.4rem);font-weight:700}nav ul li a{color:var(--second-t-c)}nav ul li a:hover{color:var(--light-c)}nav .nav-btn{max-width:100%}.main-sec{padding-top:calc(104.33px + 20px);background-color:var(--main-bg-c)}.main-sec .container{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr))}.main-sec .hook{padding:10px 10px 10px 20px;background-color:var(--second-bg-c);border:.5px solid #4b4b4b;border-radius:35px;color:var(--second-t-c);width:fit-content;font-size:clamp(.5rem,.8rem,3rem);letter-spacing:1px;display:flex;align-items:center}.main-sec .hook span{background-color:var(--main-y-c);width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.main-sec .m-text{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--main-t-c);margin-top:20px;line-height:1.1;letter-spacing:1.5px}.main-sec .left>p{color:var(--second-t-c);line-height:1.6;margin:25px 0;font-size:clamp(.75rem,1.15rem,1.5rem);max-width:400px}.main-sec .clicks{display:flex;flex-wrap:nowrap}.main-sec .clicks :first-child,.main-sec .clicks :last-child{margin-right:15px;font-size:18px}.main-sec .clicks :first-child:hover{box-shadow:0 0 10px 1px var(--light-c)}.main-sec .clicks :last-child{background-color:transparent;border:1px solid #393838;color:var(--main-t-c)}.main-sec .clicks :last-child:hover{background-color:#73737372;border-color:var(--main-t-c);box-shadow:0 0 10px 1px #636363b4}.main-sec .info{margin:40px 0;display:flex;flex-wrap:wrap;align-items:center;width:fit-content}.main-sec .info>div>div{color:var(--main-t-c);font-size:32px;font-weight:700}.main-sec .info>div>p{color:var(--third-t-c);margin-top:-9px}.main-sec .info .second{margin:0 60px}.main-sec .right{display:flex;align-items:flex-start;justify-content:center}.main-sec .right .body{border-radius:20px;background-color:var(--second-bg-c);padding:24px;border:1px solid #424242be}.main-sec .right .body>div{width:100%}.main-sec .right .control{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.main-sec .right .control::before{content:"";position:absolute;width:100%;height:1px;left:0;bottom:-15px;background-color:#75757573}.main-sec .right .control :first-child{color:#fff;font-size:clamp(.5rem,.9rem,1rem);font-weight:700}.main-sec .right .control :last-child{display:flex}.main-sec .right .control :last-child>div{margin:0 5px;background-color:#4b4b4b7c;color:var(--main-t-c);border-radius:5px;overflow:hidden;height:max-content}.main-sec .right .control :last-child>div span{display:block;padding:5px 12px;font-size:13px;color:#fff;cursor:pointer;transition:0.3s}.main-sec .right .control :last-child>div span:hover{background-color:var(--main-y-c)}.main-sec .right .notes{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,32px);margin-top:30px;border-radius:5px;border-top:10px solid #ded7b7;border-left:2px solid #1a0f08;position:relative}.main-sec .right .notes::before{content:"";position:absolute;bottom:-20px;left:0;background-color:#75757573;width:100%;height:1px}.main-sec .right .notes .note{background-color:#2b1911;position:relative;cursor:pointer}.main-sec .right .notes .note:hover{background:rgba(245,158,11,.15)}.main-sec .right .notes .note::before{content:"";height:100%;width:2px;background-color:#c0a080;position:absolute;top:0;right:0}.main-sec .right .notes .note::after{content:"";height:2px;width:100%;background-color:#c0a080;position:absolute;top:0;right:0}.main-sec .right .row-3{margin-top:35px;display:flex;justify-content:space-between}.main-sec .right .row-3 p{color:var(--second-t-c);font-size:12px}.main-sec .right .row-3>div{display:flex}.main-sec .right .row-3 .clear{padding:4px 13px;background-color:#242424;color:var(--second-t-c);font-size:13px;border-radius:8px;transition:0.3s}.main-sec .right .row-3 .clear:hover{background-color:#2e2e2e;color:#fff}.main-sec .right .row-3 .d-flex a+div{margin:0 8px 0 12px;color:var(--second-t-c);font-size:clamp(.7rem,.9rem,1.5rem)}.main-sec .right .row-4{background-color:#2a2a2ac0;padding:5px 10px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;border-radius:10px}.main-sec .right .row-4 .icon{width:30px;height:30px;background-color:var(--main-y-c);border-radius:50%;position:relative}.main-sec .right .row-4 .icon::before{content:"";position:absolute;top:50%;left:calc(50% + 4px);transform:translate(-50%,-50%);border-width:8px;border-style:solid;border-color:transparent transparent transparent #000}.main-sec .right .row-4 .txt-line{display:flex;flex-direction:column;justify-content:flex-start;margin:0 10px}.main-sec .right .row-4 .txt-line :first-child{font-size:13px;font-weight:700;color:var(--main-t-c)}.main-sec .right .row-4 .txt-line .line{min-width:310px;max-width:310px;height:2px;background-color:#525151bd;margin:4px 0 5px 0}.main-sec .right .row-4 select{background-color:#0d0d0d;color:var(--second-t-c);font-size:12px;padding:5px 0 5px 8px;border-radius:4px;border:none;outline:none;transition:0.5s}.main-sec .right .row-4 select:focus{border:1px solid var(--main-y-c)}.features{background-color:var(--second-bg-c)}.features .content,.pricing .content{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:30px}.features .content .box{background-color:#0d0d0d;padding:30px;border-radius:15px;border:1px solid #3f3e3e;transition:0.3s}.features .content .box:hover{transform:translateY(-5px);border-color:var(--main-y-c)}.features .content .box .icon{background-color:#242424;width:50px;height:50px;border-radius:15px;display:flex;justify-content:center;align-items:center;transition:0.3s}.features .content .box:hover .icon{background-color:var(--main-y-c)}.features .content .box .icon i{color:var(--main-y-c);font-weight:900;font-size:20px;transition:0.3s}.features .content .box:hover .icon i{color:#242424}.features .content .box h3{color:#fff;margin:15px 0}.features .content .box p{color:var(--second-t-c);line-height:1.4}.pricing{background-color:var(--main-bg-c)}.pricing .options{display:flex;justify-content:center;margin-bottom:30px}.pricing .options-holder{display:flex;background-color:var(--second-bg-c);justify-content:space-between;border-radius:10px;border:1px solid var(--border)}.pricing .options-holder .opt{padding:6px;border-radius:10px;overflow:hidden;max-width:130px;min-width:100px;display:inline-flex;align-items:center;justify-content:center;position:relative;color:var(--main-bg-c)}.pricing .options-holder .opt span{text-align:center;padding:8px 10px;width:100%;border-radius:10px;color:var(--second-t-c);font-size:14px;transition:0.3s;position:relative;font-weight:700}.pricing .options-holder label:not(:first-child) .opt>span::before{content:"-16%";padding:2px 8px;background-color:var(--green-c);position:absolute;top:-5px;right:-5px;font-weight:700;color:var(--main-t-c);font-size:10px;border-radius:5px}.pricing .options-holder #yearly+span::before{content:"-30%"}.pricing .opt input[type="radio"]{width:0;height:0}.pricing .opt input[type="radio"]:checked+span{background-color:var(--main-y-c);color:#000}.pricing .box{background-color:var(--second-bg-c);padding:40px;border-radius:20px;border:1px solid var(--border);transition:0.3s;margin:0 auto;min-width:100%}.pricing .box:hover{transform:translateY(-10px)}.pricing .description p:last-of-type{margin:70px 0 50px 0;position:relative}.pricing .description p:last-of-type:before{content:"";position:absolute;bottom:-25px;left:0;width:100%;height:2px;background-color:var(--border)}.pricing .content .box:last-of-type .description p:last-of-type:before{bottom:-25px}.pricing .content .box:last-of-type .description p:last-of-type{margin:40px 0 50px 0;position:relative}.pricing .content .box:last-of-type .description p:last-of-type::after{content:"Best value";position:absolute;top:-35px;left:0;color:var(--green-c);background:rgba(34,197,94,.15);width:max-content;height:max-content;padding:2px 15px;border-radius:20px;font-size:13px;font-weight:700;cursor:text}.pricing .popular{border:1px solid var(--main-y-c);box-shadow:0 0 40px rgba(245,158,11,.15);position:relative}.pricing .popular::before{content:"Most Popular";position:absolute;top:-14px;left:50%;transform:translateX(-50%);background-color:var(--main-y-c);padding:2px 10px;font-size:13px;font-weight:700;border-radius:20px}.pricing .description div{color:var(--second-t-c);font-weight:700;font-size:18px}.pricing .description h2 span{position:relative}.pricing .popular .description h2 span::before{content:"/mo";position:absolute;bottom:20px;right:-35px;color:var(--third-t-c);font-size:18px}.pricing .description span,.pricing .description h2 i{color:var(--main-t-c);font-size:52px}.pricing .description h2 i{font-style:normal;font-size:24px;margin-right:-5px}.pricing .box .description p{color:var(--third-t-c);font-size:14px}.pricing .info div{margin:10px 0}.pricing .info i{color:var(--main-y-c)}.pricing .info span{color:var(--second-t-c)}.pricing .box>a{background-color:var(--main-bg-c-alt);padding:16px;display:block;text-align:center;border-radius:10px;margin-top:30px;color:var(--main-t-c);font-weight:700;transition:0.3s}.pricing .box:first-of-type>a{margin-top:70px}.pricing .box:not(.popular)>a:hover{background-color:var(--main-t-c);color:#0d0d0d}.pricing .popular>a{background-color:var(--main-y-c);color:#0d0d0d}.pricing .popular>a:hover{background-color:var(--light-c)}.instructors{background-color:var(--second-bg-c)}.instructors .content .instructors-holder{margin:0 auto;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.instructors .content div{display:inline-flex;flex-direction:column;align-items:center}.instructors .content .image{width:160px;height:160px;border-radius:50%;position:relative;margin-bottom:20px}.instructors .content .image::before{content:"";border-radius:50%;width:160px;height:160px;position:absolute;top:-4px;left:-4px;border:4px solid var(--border);opacity:1;transition:0.3s}.instructors .content img{width:100%;border-radius:50%}.instructors .content .image:hover::before{opacity:1;border-color:var(--main-y-c);box-shadow:0 0 20px rgba(245,158,11,.3)}.instructors .instructors-holder div h3{color:var(--main-t-c)}.instructors .instructors-holder div span{color:var(--main-y-c);font-size:13px;font-weight:700;letter-spacing:1px}.instructors .instructors-holder div p{color:var(--third-t-c)}.testimonials{background-color:var(--main-bg-c)}.testimonials-holder{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));column-gap:35px}.testimonials-holder>div{padding:32px;border-radius:16px;background-color:var(--second-bg-c);border:1px solid var(--border)}.testimonials-holder>div .icons{color:var(--main-y-c)}.testimonials-holder>div .person{display:flex}.testimonials-holder>div>p{color:var(--second-t-c);line-height:1.7;margin:15px 0}.testimonials-holder>div .person .img{width:64px;height:64px;margin-right:20px}.testimonials-holder>div .person .img img{width:100%;height:100%;border-radius:50%}.testimonials-holder>div .person .info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.6}.testimonials-holder>div .person .info h2{font-size:15px;color:var(--main-t-c)}.testimonials-holder>div .person .info p{color:var(--third-t-c);font-size:13px}.ready{background-color:var(--third-bg-c);text-align:center;position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ready::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%)}.ready .container{position:relative;z-index:11}.ready>div div{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--main-t-c);line-height:1.4}.ready>div p{color:var(--second-t-c);font-size:clamp(1rem,1.1rem,2rem);line-height:1.6;max-width:500px;margin:30px auto}.ready>div a{color:#000;background-color:var(--main-y-c);padding:12px 40px;border-radius:10px;font-size:17px;font-weight:700;transition:0.3s;display:inline-block}.ready>div a:hover{background-color:var(--light-c);transform:translateY(-5px);box-shadow:0 5px 20px 0 var(--main-y-c)}.mini-links{background-color:var(--main-bg-c)}.mini-links .container{display:grid;grid-template-columns:2fr repeat(3,1fr)}.mini-links .col{display:flex;flex-direction:column}.mini-links .col .other{display:flex;flex-direction:column}.mini-links .col-1 a{color:var(--main-t-c);display:flex;align-items:center;gap:0 10px;margin-bottom:10px}.mini-links .col-1 p{max-width:280px}.mini-links .col-1 a .icon{width:32px;height:32px;border-radius:8px;background-color:var(--main-y-c);display:flex;justify-content:center;align-items:center;font-size:24px}.mini-links .col-1 a span{font-size:24px;font-weight:700}.mini-links .col-1 p{color:var(--third-t-c);line-height:1.6}.mini-links .container>div .head{text-transform:uppercase;color:var(--second-t-c);font-weight:700;font-size:14px;letter-spacing:.5px;margin-bottom:10px}.mini-links .container>div .other a{color:var(--third-t-c);font-weight:700;letter-spacing:.5px;margin:5px 0;font-size:14px;transition:0.3s}.mini-links .container>div .other a:hover{color:var(--main-y-c)}footer{background-color:var(--main-bg-c)}footer .container{flex-wrap:wrap;display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:20px 0}footer>div{color:var(--third-t-c);font-size:14px}footer>div span{color:var(--main-y-c)}