.btn-sem,.btn-sem-etc,.btn-three,.text-center{text-align:center}*,.btn-sem,.btn-sem-etc,::after,::before{box-sizing:border-box}.overlay,.preloader.loaded{opacity:0;visibility:hidden}.navbar,.overlay,.preloader.loaded{visibility:hidden}.result-box ul,li{list-style:none}.auth-form a,.btn-three,.result-box ul li a,a{text-decoration:none}:root{--selective-yellow:hsl(42, 100%, 56%);--roman-silver:hsl(240, 6%, 51%);--roman-silver_10:hsla(240, 6%, 51%, 0.1);--light-coral:#2BAFFC;--oxford-blue:hsl(224, 53%, 10%);--light-gray:hsl(0, 0%, 80%);--keppei:hsl(173, 60%, 47%);--white:hsl(0, 0%, 100%);--black:hsl(0, 0%, 0%);--black_10:hsla(0, 0%, 0%, 0.1);--ff-gilroy:"Gilroy",sans-serif;--headline-lg:4.8rem;--headline-md:3rem;--headline-sm:2.4rem;--title-lg:2.2rem;--title-md:2rem;--title-sm:1.8rem;--fw-500:500;--fw-600:600;--fw-700:700;--section-padding:56px;--shadow-1:0px 35px 65px -10px hsla(0, 0%, 0%, 0.05);--shadow-2:0 10px 40px hsla(0, 0%, 0%, 0.06);--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-circle:50%;--transition:0.25s ease;--cubic-in:cubic-bezier(0.51, 0.03, 0.64, 0.28);--cubic-out:cubic-bezier(0.05, 0.83, 0.52, 0.97)}.btn,.btn-sem,.card,.preloader{transition:var(--transition)}*,::after,::before{margin:0;padding:0}a,button,img,ion-icon,span{display:block}a{color:inherit}img{height:auto}button{background:0 0;border:none;font:inherit;cursor:pointer}html{font-family:var(--ff-gilroy);font-size:10px;scroll-behavior:smooth}body{background-color:var(--white);color:var(--roman-silver);font-size:1.6rem;line-height:1.5;overflow:hidden}body.loaded{overflow:visible}body.nav-active{overflow:hidden}.container{padding-inline:16px}.headline-lg,.headline-md,.headline-sm,.title-lg{color:var(--oxford-blue);font-weight:var(--fw-700)}.btn-sem,.title-sm{font-weight:var(--fw-500)}.headline-lg{font-size:var(--headline-lg);line-height:1.3;margin-top:-50px}.headline-md{font-size:var(--headline-md);line-height:1.2}.headline-sm{font-size:var(--headline-sm)}.title-lg{font-size:var(--title-lg);line-height:1.4}.title-md{font-size:var(--title-md)}.title-sm{font-size:var(--title-sm)}.section{padding-block:var(--section-padding)}.has-bg-image{background-repeat:no-repeat;background-size:cover;background-position:center}.has-after,.has-before{position:relative;z-index:1}.has-after::after,.has-before::before{content:"";position:absolute}.btn-group-sem,.btn-group-sem-etc{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px!important}.btn-sem{--bg:var(--light-coral);background-color:var(--bg);color:var(--white);padding:12px 24px;border-radius:var(--radius-6);outline:0;flex:1 1 calc(33.33% - 20px);max-width:33.33%}.btn-secondary,.btn-secondary-sem{--bg:var(--oxford-blue)}:is(.btn-primary-sem,.btn-secondary-sem):is(:hover,:focus-visible){box-shadow:0 0 0 2px var(--white),0 0 0 5px var(--bg)}.btn-tertiary,.btn-tertiary-sem,.btn-tertiary-sem-etc{--bg:var(--white);color:var(--oxford-blue);font-weight:var(--fw-600)}.btn,.btn-sem-etc{--bg:var(--light-coral)}.btn,.btn-three{font-weight:var(--fw-500)}.btn-group-three{display:flex;justify-content:center;margin-top:-40px}.btn-three{flex:1;margin:0 5px;color:#fff;background-color:#2baffc;padding:10px 0;border-radius:5px;border:none;font-size:16px;display:flex;align-items:center;justify-content:center}.btn{max-width:max-content;background-color:var(--bg);color:var(--white);padding:12px 24px;border-radius:var(--radius-6);outline:0}:is(.btn-primary,.btn-secondary):is(:hover,:focus-visible){box-shadow:0 0 0 2px var(--white),0 0 0 5px var(--bg)}:is(.headline-lg,.headline-md) .span{color:var(--light-coral);display:inline}.section-subtitle{font-weight:var(--fw-600);color:var(--keppei);margin-block-end:4px}.section-title{margin-block-end:24px}.headline-md .has-after{padding-block-end:8px}.headline-md .has-after::after{background-image:url("../images/line-shape.svg");width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;background-position:center bottom;background-size:contain;z-index:-1}.grid-list{display:grid;gap:28px}.card{position:relative;background-color:var(--white);padding:24px;border-radius:var(--radius-8)}.card:is(:hover,:focus-within){box-shadow:var(--shadow-1)}.layer-link,.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-100{width:100%}.img-cover{width:100%;height:100%;object-fit:cover}.navbar,.overlay,.preloader{width:100%;height:100vh;top:0}.btn-sem-etc{background-color:var(--bg);color:var(--white);font-weight:var(--fw-500);padding:12px 24px;border-radius:var(--radius-6);flex:1 1 calc(33.33% - 20px);flex-shrink:0}.btn-group-sem-etc>:nth-child(4),.btn-group-sem-etc>:nth-child(5){flex:1 1 calc(50% - 20px)}.btn-group-sem-etc>:nth-child(6){flex:1 1 100%}:is(.btn-primary-sem-etc,.btn-secondary-sem-etc):is(:hover,:focus-visible){box-shadow:0 0 0 2px var(--white),0 0 0 5px var(--bg)}@media (max-width:768px){.btn-sem,.btn-sem-etc{padding:8px 16px}}@media (max-width:480px){.btn-sem,.btn-sem-etc{padding:6px 12px}}.preloader{position:fixed;left:0;background-color:var(--light-coral);display:grid;place-items:center;z-index:1001}.header.active,.navbar{background-color:var(--white)}.preloader .circle{width:50px;height:50px;border-radius:var(--radius-circle);border:4px solid var(--white);border-block-start-color:transparent;animation:1s infinite rotate360}.footer-top .grid-list .img-cover,.progress{border-radius:var(--radius-6)}@keyframes rotate360{0%{transform:rotate(0)}100%{transform:rotate(1turn)}}.header .btn,.hero-banner,.preloader .logo-drive-overlap{display:none}.header{position:absolute;top:0;left:0;width:100%;padding-block:32px;z-index:4}.header.active{position:fixed;box-shadow:var(--shadow-2);animation:.5s forwards headerActive;height:60px}@keyframes headerActive{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.header .container,.navbar-top{display:flex;justify-content:space-between;align-items:center;margin-top:-15px}.nav-close-btn,.nav-open-btn{font-size:32px}.navbar{position:fixed;left:-320px;max-width:320px;padding:40px 16px;z-index:2;transition:.25s var(--cubic-in)}.navbar-link,.overlay{transition:var(--transition)}.navbar.active{transition:.5s var(--cubic-out);visibility:visible;transform:translateX(320px)}.navbar-top{margin-block-end:34px}.nav-close-btn ion-icon{--ionicon-stroke-width:35px}.navbar-item:not(:last-child){border-block-end:1px solid var(--black_10)}.navbar-link{padding-block:8px}.navbar-link:is(:hover,:focus-visible){color:var(--oxford-blue)}.overlay{position:fixed;left:0;background-color:var(--black)}.overlay.active{opacity:.6;visibility:visible}.hero{padding-block-start:calc(var(--pt,96px) + var(--section-padding))}.hero .title-md{font-weight:var(--fw-500);padding-inline-start:16px;margin-block:24px 44px}.hero .title-md::before{top:0;left:0;width:2px;height:100%;background-color:var(--light-coral)}.hero .btn-group{display:flex;flex-wrap:wrap;gap:12px}.category .grid-list{padding-block:40px 52px}.category-card{display:flex;align-items:flex-start;gap:20px;border-inline-start:4px solid transparent}.category-card:is(:hover,:focus-within){border-color:var(--light-coral)}.category-card .title-sm{margin-block-start:4px}.category .btn,.course .btn{margin-inline:auto}.about .container{display:grid;gap:30px}.about .section-text,.footer-list-title,.progress-list li:not(:last-child){margin-block-end:32px}.progress-label-wrapper{display:flex;justify-content:space-between;margin-block-end:8px}.progress-label-wrapper .title-sm{color:var(--oxford-blue);font-weight:var(-fw-600)}.progress{background-color:var(--roman-silver_10);height:6px}.progress-fill{height:100%;border-radius:inherit}.progress-fill.red{background-color:var(--light-coral);width:86%}.progress-fill.green{background-color:var(--keppei);width:99%}.progress-fill.yellow{background-color:var(--selective-yellow);width:95%}.course .grid-list{padding-block:20px 44px}.course-card{border-block-end:4px solid transparent;display:flex;flex-direction:column;gap:24px}.course-card:is(:hover,:focus-within){border-color:var(--light-coral)}.course-card .card-banner{height:160px;background-color:var(--light-gray);overflow:hidden;border-radius:var(--radius-4)}.course-card :is(.wrapper,.rating-wrapper){display:flex;align-items:center}.course-card .wrapper{justify-content:space-between;gap:16px}.course-card .card-price{color:var(--light-coral)}.course-card .rating-wrapper{gap:4px}.course-card .card-title{margin-block:8px 16px}.course-card .card-meta{justify-content:flex-start}.course-card .card-meta .title-sm{display:flex;gap:8px}.cta{background:linear-gradient(135deg,#2baffc,#6a5acd);color:#fff;padding:60px 20px}.workshop-content{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.workshop-image{width:100%;max-width:400px;border-radius:20px;height:auto;object-fit:cover}.workshop-text{max-width:600px;text-align:left}.section-title-workshop{font-size:2.8rem;font-weight:700;margin-bottom:20px;color:#fff}.cta-text{font-size:1.6rem;margin-bottom:20px;color:#f0f0f0}@media (max-width:768px){.workshop-content,.workshop-text{text-align:center}.workshop-content{flex-direction:column}.workshop-image{margin-bottom:20px}.section-title{font-size:2.4rem}.cta-text{font-size:1.5rem}}@media (min-width:769px){.workshop-content{flex-direction:row;text-align:left}.workshop-text{text-align:left}}.workshop-details-section{padding:20px;background-color:rgba(255,255,255,.259);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin-top:20px}.workshop-info-last{padding:10px}.workshop-title-last{font-size:2rem;font-weight:700;color:#fff;margin-bottom:10px}.workshop-details-section p{font-size:1.4rem;margin-bottom:5px;color:#fff}.workshop-details-section strong{color:#fff}.btn-group-workshop-last{margin-top:15px;text-align:left}#registerWorkshopLast{background-color:#fff;color:#000;padding:12px 24px;border-radius:6px;text-align:left;font-size:1.4rem;font-weight:700;display:inline-block}.footer-top .container{display:grid;gap:24px}.footer-text{margin-block:40px 32px}.social-list{display:flex;gap:16px}.footer-link{margin-block-start:16px}.footer-top .grid-list{grid-template-columns:repeat(3,1fr);gap:16px}.footer-bottom{padding-block:32px;text-align:center;border-block-start:1px solid var(--black_10)}.copyright{font-weight:var(--fw-500)}.search{display:inline-block;position:relative}.search input[type=text]{width:150px;padding:10px;border:none;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1)}.search button[type=submit]{background-color:#2baffc;border:none;color:#fff;cursor:pointer;padding:6px 20px;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1);position:absolute;top:0;right:0;transition:.9s}.search button[type=submit]:hover{transform:scale(1.1);color:#fff;background-color:#000}.result-box{position:absolute;top:100%;left:0;width:100%;max-height:300px;background:#fff;border:1px solid transparent;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.15);z-index:1000;display:none;overflow-y:auto;font-family:Poppins,sans-serif;animation:.3s ease-in-out fadeIn}.ad-text,.btn-ad,.section-title-ad{z-index:2;position:relative}.result-box ul{margin:0;padding:0}.result-box ul li{border-bottom:1px solid #f0f0f0;transition:background-color .4s,transform .3s}.result-box ul li:last-child{border-bottom:none}.result-box ul li a{display:block;padding:14px 20px;color:#2c3e50;font-weight:600;background:linear-gradient(135deg,#f0f4f9,#f9fcff);border-radius:5px;transition:background .3s,box-shadow .3s,transform .3s}.result-box ul li a:hover{background:linear-gradient(135deg,#2baffc,#4fc3f7);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:scale(1.05)}.result-box ul li a:active{transform:scale(.97)}.faq-item{margin-bottom:10px}.faq-question{background-color:#2baffc;color:#fff;padding:15px;border:none;text-align:left;cursor:pointer;width:100%;font-size:16px;border-radius:5px;transition:background-color .3s;display:flex;justify-content:space-between;align-items:center;height:50px}.faq-question.active{background-color:#000000d8}.faq-answer{display:none;padding:15px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:0 0 5px 5px}.dropdown-symbol{font-size:30px;transition:transform .3s}body,html{height:100%;font-family:Arial,sans-serif;background-color:#f5f5f5}.advertisement{background:linear-gradient(135deg,#e0e0e0,#f5f5f5);padding:80px 20px;text-align:center}.ad-placeholder{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;padding:40px;box-shadow:0 12px 24px rgba(0,0,0,.3);position:relative;overflow:hidden}.ad-placeholder::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(0,0,0,.1));z-index:1;pointer-events:none}.section-title-ad{font-size:2.6rem;font-weight:700;margin-bottom:20px;color:#333}.ad-text{font-size:1.8rem;margin-bottom:30px;color:#666}.btn-ad{background-color:#2baffc;color:#fff;padding:14px 32px;border-radius:50px;font-size:1.6rem;font-weight:700;transition:background-color .3s,transform .3s;display:inline-flex;align-items:center;justify-content:center}.btn-ad::before{content:'';position:absolute;top:50%;left:50%;width:0%;height:100%;background-color:rgba(255,255,255,.2);border-radius:50%;transition:width .3s;transform:translate(-50%,-50%);z-index:1}.btn-ad:hover::before{width:150%}.btn-ad:hover{background-color:#e64a19;transform:scale(1.05)}.newsletter-section{background:linear-gradient(135deg,#2baffc,#7660ff);color:#fff;padding:40px 15px;text-align:center}.container-newsletter{max-width:500px;margin:0 auto;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.2);border-radius:10px;background-color:rgba(255,255,255,.2)}.section-title-newsletter{font-size:2.4rem;font-weight:700;margin-bottom:15px;color:#fff}.description-newsletter{font-size:1.5rem;margin-bottom:20px;color:#f0f0f0}.form-newsletter{display:flex;justify-content:center;align-items:center}.input-group-newsletter{display:flex;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:8px}.input-newsletter{padding:12px 20px;font-size:1.4rem;border:none;outline:0;width:100%;color:#333;border-radius:8px 0 0 8px}.input-newsletter::placeholder{color:#aaa}.btn-newsletter{background-color:#2baffc;color:#fff;border:none;padding:12px 25px;font-size:1.4rem;font-weight:700;cursor:pointer;border-radius:0 8px 8px 0;box-shadow:0 4px 10px rgba(0,0,0,.1)}.btn-newsletter:hover{background-color:#000;color:#fff}.privacy-text-newsletter{font-size:1.2rem;color:#f0f0f0;margin-top:20px;text-shadow:0 2px 5px rgba(0,0,0,.1)}@media (max-width:768px){.section-title-ad,.section-title-newsletter{font-size:2.2rem}.ad-text{font-size:1.6rem}.description-newsletter{font-size:1.3rem}.input-newsletter{font-size:1.3rem;padding:10px 15px}.btn-newsletter{padding:10px 20px}}#course-section-coursenew{padding:20px;background-color:#f7f7f7}#container-course-coursenew{max-width:1200px;margin:0 auto;padding:20px}.course-card-coursenew{display:flex;padding:20px;background-color:#fff;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:20px;align-items:center;margin-left:20px;margin-right:20px}.course-image-coursenew img{width:80px;height:100px;border-radius:10px;object-fit:cover;margin-top:-20px}.course-details-coursenew{flex-grow:1;margin-left:20px}.course-title-coursenew{font-size:2rem;margin-bottom:10px;color:#333}.course-features-coursenew{list-style:none;padding:0;margin-bottom:20px}.course-features-coursenew li{margin-bottom:5px;font-size:1.2rem;display:flex;align-items:center}.course-features-coursenew img{width:15px;height:15px;margin-right:10px}.course-footer-coursenew{display:flex;justify-content:space-between;font-size:1.1rem;color:#fff}.duration-coursenew,.level-coursenew,.salary-coursenew{background-color:#2baffc;padding:5px 10px;border-radius:5px}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000}.logo-drive-overlap{position:absolute;top:12px;right:12px;width:40px;height:40px;z-index:10}.auth-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.auth-form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:400px;width:100%}.auth-form h2{margin-top:0}.auth-form label{display:block;margin:10px 0 5px}.auth-form input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}.auth-form button{width:100%;padding:10px;background-color:#2baffc;border:none;border-radius:4px;color:#fff;font-size:16px;cursor:pointer}.auth-form button:hover{background-color:#1a8ec7}.auth-form p{margin-top:10px;text-align:center}.auth-form a{color:#2baffc}.auth-form a:hover{text-decoration:underline}