.course-overview .padding{flex-direction:column;align-items:center;padding:5rem 0;display:flex}.course-overview .padding h2{text-align:center;margin-bottom:1rem;padding:0 12.5rem;font-weight:700}.course-overview .padding .sub-title{text-align:center;margin-bottom:5rem;padding:0 12.5rem;font-size:18px}@media (max-width:992px){.course-overview .padding{padding:0 20px}.course-overview .padding h2,.course-overview .padding .sub-title{padding:0!important}}.overview-item{cursor:pointer;flex-direction:column;align-items:center;margin-bottom:30px;padding:2rem 1rem;transition:transform .3s,box-shadow .3s;display:flex}.overview-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.overview-item:hover .icon-wrapper{transform:scale(1.1)rotate(5deg);box-shadow:0 10px 25px #0003}.overview-item:hover .icon-wrapper i{transform:scale(1.2)}.overview-item .icon-wrapper{color:#fff;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:25px;font-size:20px;transition:transform .3s,box-shadow .3s;display:flex}.overview-item .icon-wrapper i{transition:transform .3s}.overview-item .icon-wrapper.bg-1{background:linear-gradient(135deg,#45be99,#2a745d)}.overview-item .icon-wrapper.bg-2{background:linear-gradient(135deg,#f08353,#925033)}.overview-item .icon-wrapper.bg-3{background:linear-gradient(135deg,#ffc855,#9c7a34)}.overview-item .icon-wrapper.bg-4{background:linear-gradient(135deg,#4ef,#2897ff)}.overview-item .icon-wrapper.bg-5{background:linear-gradient(135deg,#fc6c57,#9a4235)}.overview-item .icon-wrapper.bg-6{background:linear-gradient(135deg,#e86339,#fe9945)}.overview-item h6{text-align:center;margin-bottom:20px;font-size:20px;font-weight:700;transition:color .3s}.overview-item p{text-align:center;transition:color .3s}.overview-item:hover h6,.overview-item:hover p{color:#333}@media screen and (max-width:992px){.course-overview .padding{padding-top:3rem}.course-overview .padding h2{padding:0 20px!important}}
.benefits{background:var(--primary-50)}.benefits .padding{flex-direction:column;align-items:center;padding:5rem 0;display:flex}.benefits .padding h2{text-align:center;margin-bottom:1rem}.benefits .padding .sub-title{text-align:center;color:#4a5568;margin-bottom:5rem;font-size:1.125rem;line-height:1.6}.benefits .padding .right-section .img-wrapper{border-radius:10px;width:100%;height:480px;overflow:hidden}@media (max-width:992px){.benefits .padding .right-section{display:none}}.benefits .benefit-item{cursor:pointer;border-radius:20px;margin-bottom:10px;padding:25px;transition:all .3s;display:flex;position:relative;overflow:hidden}.benefits .benefit-item:hover{background-color:#fffc;transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.benefits .benefit-item:hover:before{content:"";background-color:var(--primary-200);border-radius:5px;width:70%;height:4px;transition:width .3s;position:absolute;bottom:0;left:0}.benefits .benefit-item .item-info{flex:1}.benefits .benefit-item .icon-wrapper{color:#fff;background-color:#748de1;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin-right:25px;font-size:20px;transition:all .3s;display:flex}.benefits .benefit-item .icon-wrapper.variant-1{background-color:#748de1}.benefits .benefit-item .icon-wrapper.variant-2{background-color:#e17474}.benefits .benefit-item .icon-wrapper.variant-3{background-color:#74e1a3}.benefits .benefit-item:hover .icon-wrapper{transform:scale(1.1)rotate(5deg);box-shadow:0 5px 15px #0003}.benefits .benefit-item h6{margin-bottom:10px;font-size:18px;font-weight:700;transition:color .3s}.benefits .benefit-item:hover h6{color:var(--primary-600)}@media screen and (max-width:768px){.benefits .padding h2{padding:0!important}.benefits .padding .right-section{display:none}.benefits .benefit-item{flex-direction:column;padding:10px}.benefits .benefit-item .icon-wrapper{margin-bottom:15px}}
.benefits-section{background:linear-gradient(135deg,#f8fafc 0%,#e0e7ef 100%);padding:6rem 2rem;position:relative;overflow:hidden}.benefits-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#7877c608 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff757508 0%,#0000 50%);position:absolute;inset:0}.benefits-section .benefits-title{text-align:center;z-index:1;margin-bottom:1.5rem;position:relative}.benefits-section .benefits-subtitle{text-align:center;color:#475569;z-index:1;max-width:1000px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.7;position:relative}.benefits-section .benefits-list{z-index:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:0 auto;padding:0;list-style:none;display:grid;position:relative}@media (max-width:768px){.benefits-section .benefits-list{grid-template-columns:1fr;gap:1.5rem;padding:0}}.benefits-section .benefit-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0cc;border-radius:1.5rem;flex-direction:column;align-items:center;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #3c485814,0 1px 4px #00000005}.benefits-section .benefit-item:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(145deg,#fffc 0%,#fff3 100%);position:absolute;inset:1px}.benefits-section .benefit-item:before{content:"";opacity:0;border-radius:1.5rem 1.5rem 0 0;height:4px;transition:all .4s;position:absolute;top:0;left:0;right:0}.benefits-section .benefit-item:hover{border-color:#45be994d;transform:translateY(-12px)scale(1.03);box-shadow:0 20px 60px #3c485833,0 8px 25px #00000014}.benefits-section .benefit-item:hover:before{opacity:1;background:linear-gradient(90deg,#2563eb,#3b82f6);height:6px}.benefits-section .benefit-item.item-2:hover:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.benefits-section .benefit-item.item-3:hover:before{background:linear-gradient(90deg,#059669,#10b981)}.benefits-section .benefit-item.item-4:hover:before{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.benefits-section .benefit-item.item-5:hover:before{background:linear-gradient(90deg,#ea580c,#f97316)}.benefits-section .benefit-item.item-6:hover:before{background:linear-gradient(90deg,#be185d,#ec4899)}.benefits-section .benefit-item.item-7:hover:before{background:linear-gradient(90deg,#0891b2,#06b6d4)}.benefits-section .benefit-item .benefit-icon{color:#fff;border-radius:1.25rem;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-bottom:2rem;font-size:1.75rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 8px 25px #00000026}.benefits-section .benefit-item .benefit-icon:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff4d 0%,#0000 100%);height:50%;position:absolute;top:2px;left:2px;right:2px}.benefits-section .benefit-item .benefit-icon.benefit-icon-1{background:linear-gradient(135deg,#2563eb,#3b82f6)}.benefits-section .benefit-item .benefit-icon.benefit-icon-2{background:linear-gradient(135deg,#dc2626,#ef4444)}.benefits-section .benefit-item .benefit-icon.benefit-icon-3{background:linear-gradient(135deg,#059669,#10b981)}.benefits-section .benefit-item .benefit-icon.benefit-icon-4{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.benefits-section .benefit-item .benefit-icon.benefit-icon-5{background:linear-gradient(135deg,#ea580c,#f97316)}.benefits-section .benefit-item .benefit-icon.benefit-icon-6{background:linear-gradient(135deg,#be185d,#ec4899)}.benefits-section .benefit-item .benefit-icon.benefit-icon-7{background:linear-gradient(135deg,#0891b2,#06b6d4)}.benefits-section .benefit-item:hover .benefit-icon{transform:scale(1.15)rotate(5deg);box-shadow:0 12px 35px #00000040}.benefits-section .benefit-item .benefit-title{color:#1e293b;text-align:center;letter-spacing:-.5px;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3}.benefits-section .benefit-item .benefit-desc{color:#64748b;text-align:center;font-size:1rem;font-weight:400;line-height:1.8}@media (max-width:1024px){.benefits-section{padding:4rem 1.5rem}.benefits-section .benefits-list{gap:1.5rem}}@media (max-width:768px){.benefits-section{padding:3rem 1rem}.benefits-section .benefits-subtitle{margin-bottom:3rem;font-size:1rem}.benefits-section .benefit-item{padding:2rem 1.5rem}.benefits-section .benefit-item .benefit-icon{width:4rem;height:4rem;margin-bottom:1.5rem;font-size:1.5rem}.benefits-section .benefit-item .benefit-title{font-size:1.25rem}}
.testimonial-section{padding-bottom:5rem}.testimonial-section .padding{padding:5rem 0}.testimonial-section .padding h2{text-align:center;margin-bottom:4rem;padding:0 12.5rem;font-weight:700}.testimonial-section .padding .testimonials .slick-slider .slick-dots{bottom:-55px}.testimonial-section .padding .testimonials .slick-slider .slick-dots li button:before{content:"";background-color:var(--secondary);opacity:.5;border-radius:50%;width:10px;height:10px;transition:all .3s ease-in-out}.testimonial-section .padding .testimonials .slick-slider .slick-dots li.slick-active button{width:50px!important}.testimonial-section .padding .testimonials .slick-slider .slick-dots li.slick-active button:before{opacity:1;border-radius:8px;width:50px;transition:all .3s ease-in-out}.testimonial-section .padding .testimonials .slick-slider .slick-arrow{z-index:1;color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;background:#00000026!important;width:45px!important;height:45px!important}.testimonial-section .padding .testimonials .slick-slider .slick-arrow.slick-prev{left:0}.testimonial-section .padding .testimonials .slick-slider .slick-arrow.slick-next{right:0}.testimonial-section .padding .testimonials .slick-slider .slick-arrow:hover{background-color:var(--primary);color:#fff}@media screen and (max-width:992px){.testimonial-section{padding-bottom:0}.testimonial-section .padding{padding:4rem 0}.testimonial-section .padding h2{padding:0!important}.testimonial-section .padding .testimonials .slick-slider .slick-dots{display:none!important}}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;display:block;position:relative}.slick-list{margin:0;padding:0;display:block;position:relative;overflow:hidden}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate(0,0)}.slick-track{margin-left:auto;margin-right:auto;display:block;position:relative;top:0;left:0}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;height:auto;display:block}.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(../media/ajax-loader.d5c1e833.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../media/slick.3392c85e.eot);src:url(../media/slick.3392c85e.eot)format("embedded-opentype"),url(../media/slick.265d68e3.woff)format("woff"),url(../media/slick.31421072.ttf)format("truetype"),url(../media/slick.5f2cd927.svg)format("svg")}.slick-prev,.slick-next{cursor:pointer;color:#0000;background:0 0;border:none;outline:none;width:20px;height:20px;padding:0;font-size:0;line-height:0;display:block;position:absolute;top:50%;transform:translateY(-50%)}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:#0000;background:0 0;outline:none}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:slick;font-size:20px;line-height:1}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{text-align:center;width:100%;margin:0;padding:0;list-style:none;display:block;position:absolute;bottom:-25px}.slick-dots li{cursor:pointer;width:20px;height:20px;margin:0 5px;padding:0;display:inline-block;position:relative}.slick-dots li button{cursor:pointer;color:#0000;background:0 0;border:0;outline:none;width:20px;height:20px;padding:5px;font-size:0;line-height:0;display:block}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.testimonial-item{background:var(--gray700_50);border-radius:20px;width:100%;padding:20px}.testimonial-item .item-message{background-color:#fff;border-radius:20px;padding:20px}.testimonial-item .item-message h6{margin-top:10px;font-weight:700}.testimonial-item .item-message p{-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.testimonial-item .user{margin-top:20px;display:flex}.testimonial-item .user .profile{border-radius:50%;width:50px;height:50px;margin-right:15px;overflow:hidden}.testimonial-item .user .info{flex:1}.testimonial-item .user .info .name{font-weight:700}.testimonial-item .user .info .title{opacity:.8}
.course-review-modal .modal-content{border:none;border-radius:12px;box-shadow:0 10px 30px #00000026}.course-review-modal .modal-header{border-bottom:1px solid #e9ecef;padding:1rem}.course-review-modal .modal-header .modal-title{color:#2c3e50;font-size:20px;font-weight:600}.course-review-modal .modal-header .btn-close{font-size:1.2rem}.course-review-modal .modal-body{padding:1rem}.course-review-modal .modal-body .review-form .form-group{margin-bottom:1.5rem}.course-review-modal .modal-body .review-form .form-group label{color:#495057;margin-bottom:.5rem;font-weight:500}.course-review-modal .modal-body .review-form .rating-section .star-rating{gap:.25rem;margin-bottom:.5rem;display:flex}.course-review-modal .modal-body .review-form .rating-section .star-rating .star{color:#ddd;cursor:pointer;font-size:2rem;transition:color .2s;position:relative}.course-review-modal .modal-body .review-form .rating-section .star-rating .star.active{color:#ffc107}.course-review-modal .modal-body .review-form .rating-section .star-rating .star.half{color:#ddd}.course-review-modal .modal-body .review-form .rating-section .star-rating .star.half:before{content:"★";color:#ffc107;width:50%;position:absolute;top:0;left:0;overflow:hidden}.course-review-modal .modal-body .review-form .rating-section .star-rating .star:hover,.course-review-modal .modal-body .review-form .rating-section .star-rating .star.half:hover,.course-review-modal .modal-body .review-form .rating-section .star-rating .star.half:hover:before{color:#ffc107}.course-review-modal .modal-body .review-form .rating-section .rating-label{color:#6c757d;font-size:.875rem}.course-review-modal .modal-body .review-form .review-textarea{resize:vertical;border:1px solid #ced4da;border-radius:6px;min-height:120px;padding:.75rem;font-size:.95rem}.course-review-modal .modal-body .review-form .review-textarea:focus{border-color:var(--primary-100)}.course-review-modal .modal-body .review-form .character-count{text-align:right;color:#6c757d;margin-top:.25rem;font-size:.8rem}.course-review-modal .modal-footer{border-top:1px solid #e9ecef;justify-content:space-between;padding:1rem;display:flex}.course-review-modal .modal-footer .btn{border-radius:6px;padding:.5rem 1.5rem;font-weight:500}
.payment-processing-modal .modal-content{text-align:center;max-width:400px;margin:0 auto;padding:2rem}.payment-processing-modal .processing-icon{margin-bottom:1.5rem}.payment-processing-modal .processing-icon .spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary,var(--primary-200));border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.payment-processing-modal .processing-title{color:#333;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.payment-processing-modal .processing-message{color:#666;margin-bottom:2rem;font-size:1rem;line-height:1.5}.payment-processing-modal .progress-bar{background-color:#f0f0f0;border-radius:4px;width:100%;height:8px;margin-bottom:1rem;overflow:hidden}.payment-processing-modal .progress-bar .progress-fill{background:linear-gradient(90deg,var(--primary-100),var(--primary));border-radius:4px;height:100%;animation:2s ease-in-out infinite progress}.payment-processing-modal .security-note{color:#888;font-size:.875rem;font-style:italic}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3}
.interactive-elements{background:var(--primary-50)}.interactive-elements .padding{padding:5rem 0}.interactive-elements .padding h2{margin-bottom:20px;font-weight:700}.interactive-elements .padding .img-wrapper{border-radius:15px;width:100%;height:400px;overflow:hidden}.interactive-elements .padding .right-section{flex-direction:column;justify-content:center;display:flex}@media screen and (max-width:992px){.interactive-elements .padding{padding:4rem 0}.interactive-elements .padding .left-section{display:none}.interactive-elements .padding .right-section{padding:0 20px}}
.call-to-action{background:linear-gradient(135deg,#45be99 0%,#3da087 50%,#358270 100%)}.call-to-action .padding{flex-direction:column;align-items:center;padding:5rem 0;display:flex}.call-to-action .padding h2{text-align:center;color:#fff;margin-bottom:1rem;padding:0 12.5rem;font-weight:700}.call-to-action .padding .sub-title{text-align:center;color:#fff;margin-bottom:4rem;font-size:20px}.call-to-action .action-btn{background-color:#fff;padding:12px 30px}.call-to-action .action-btn:hover,.call-to-action .action-btn:focus,.call-to-action .action-btn:active{color:var(--primary)!important;background-color:var(--primary-50)!important}@media screen and (max-width:992px){.call-to-action .padding h2{padding:0}}
.call-to-action-2{background:linear-gradient(135deg,#8b4513,#f08353)}.call-to-action-2 .padding{flex-direction:column;align-items:center;padding:5rem 0;display:flex}.call-to-action-2 .padding h2{text-align:center;color:#fff;margin-bottom:1rem;padding:0 12.5rem}.call-to-action-2 .padding .sub-title{text-align:center;color:#fff;margin-bottom:4rem;font-size:20px}.call-to-action-2 .action-btn{background-color:#fff;padding:12px 30px}.call-to-action-2 .action-btn:hover,.call-to-action-2 .action-btn:focus,.call-to-action-2 .action-btn:active{color:var(--secondary)!important;background-color:var(--secondary-50)!important}@media screen and (max-width:992px){.call-to-action-2 .padding h2{padding:0}}
.faqs .padding{flex-direction:column;align-items:center;padding:5rem 0;display:flex}.faqs .padding h2{text-align:center;margin-bottom:4rem;padding:0 12.5rem;font-weight:700}.faqs .padding .faq-items{padding:0 20%}@media screen and (max-width:992px){.faqs .padding h2,.faqs .padding .faq-items{padding:0}}
.faq-item .faq-title{cursor:pointer;justify-content:space-between;align-items:center;padding:15px 20px;transition:all .3s ease-in-out;display:flex}.faq-item .faq-title .title{font-size:1.125rem;font-weight:600}.faq-item .faq-content{padding:10px 20px;display:none}.faq-item .icon{transition:all .3s ease-in-out}.faq-item.open .faq-content{display:block}.faq-item.open .icon{color:var(--primary);transition:all .3s ease-in-out;transform:rotate(-180deg)}.faq-item:not(:last-of-type){border-bottom:1px solid #f4f0f0}@media screen and (max-width:992px){.faq-item .faq-title,.faq-item .faq-content{padding:10px 0}}
.blog-page .padding{padding:5rem 0}@media screen and (max-width:768px){.blog-page .padding{padding:3rem 0!important}}.blog-page .padding h2{margin-bottom:10px}.blog-page .padding p{margin-bottom:20px}.blog-page .blog-posts .post{cursor:pointer;background-color:#fff;border-radius:12px;margin-bottom:20px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.blog-page .blog-posts .post:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.blog-page .blog-posts .post .post-image{width:100%;height:180px;position:relative;overflow:hidden}.blog-page .blog-posts .post .post-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-page .blog-posts .post .post-image .category{color:#fff;text-transform:capitalize;background-color:#000c;border-radius:12px;padding:5px 10px;font-size:.6rem;font-weight:500;position:absolute;top:8px;left:8px}.blog-page .blog-posts .post:hover .post-image img{transform:scale(1.05)}.blog-page .blog-posts .post .post-content{padding:20px}.blog-page .blog-posts .post .post-content h5{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin:0 0 10px;font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-page .blog-posts .post .post-content .summary{color:#555;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.2em;margin-bottom:15px;font-size:14px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-page .blog-posts .post .post-content .summary *{font-size:14px;font-weight:400}.blog-page .blog-posts .post .post-content .author-info{align-items:center;gap:10px;margin-top:20px;display:flex}.blog-page .blog-posts .post .post-content .author-info .author-avatar{border-radius:50%;width:32px;height:32px;overflow:hidden}.blog-page .blog-posts .post .post-content .author-info .author-avatar img{object-fit:cover;width:100%;height:100%}.blog-page .blog-posts .post .post-content .author-info .author-details{flex-direction:column;display:flex}.blog-page .blog-posts .post .post-content .author-info .author-details .author-name{color:#333;font-size:14px;font-weight:600}.blog-page .blog-posts .post .post-content .author-info .author-details .post-date{color:var(--dark-4);font-size:11px}
.cards-loading-skeleton .skeleton-header{text-align:center;margin-bottom:40px}.cards-loading-skeleton .skeleton-header .skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:300px;height:36px;margin:0 auto 12px;animation:1.5s infinite loading}.cards-loading-skeleton .skeleton-header .skeleton-subtitle{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:200px;height:16px;margin:0 auto;animation:1.5s infinite loading}.cards-loading-skeleton .skeleton-section{margin-bottom:40px}.cards-loading-skeleton .skeleton-section .skeleton-section-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.cards-loading-skeleton .skeleton-section .skeleton-section-header .skeleton-section-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:180px;height:24px;animation:1.5s infinite loading}.cards-loading-skeleton .skeleton-section .skeleton-section-header .skeleton-view-all{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:80px;height:14px;animation:1.5s infinite loading}.cards-loading-skeleton .skeleton-section .skeleton-courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.cards-loading-skeleton .skeleton-section .skeleton-courses-grid .skeleton-course-item{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.cards-loading-skeleton .skeleton-section .skeleton-courses-grid .skeleton-course-item .skeleton-course-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;width:100%;height:140px;margin-bottom:12px;animation:1.5s infinite loading}.cards-loading-skeleton .skeleton-section .skeleton-courses-grid .skeleton-course-item .skeleton-course-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:85%;height:20px;margin-bottom:8px;animation:1.5s infinite loading}.cards-loading-skeleton .skeleton-section .skeleton-courses-grid .skeleton-course-item .skeleton-course-instructor{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:60%;height:14px;margin-bottom:12px;animation:1.5s infinite loading}.cards-loading-skeleton .skeleton-section .skeleton-courses-grid .skeleton-course-item .skeleton-course-progress{background:#f0f0f0;border-radius:3px;width:100%;height:6px;margin-bottom:8px}.cards-loading-skeleton .skeleton-section .skeleton-courses-grid .skeleton-course-item .skeleton-course-progress .skeleton-progress-fill{background:linear-gradient(90deg,#e0e0e0 25%,#d0d0d0 50%,#e0e0e0 75%) 0 0/200% 100%;border-radius:3px;width:65%;height:100%;animation:1.5s infinite loading}.cards-loading-skeleton .skeleton-section .skeleton-courses-grid .skeleton-course-item .skeleton-course-meta{justify-content:space-between;align-items:center;display:flex}.cards-loading-skeleton .skeleton-section .skeleton-courses-grid .skeleton-course-item .skeleton-course-meta .skeleton-lessons-count{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:70px;height:12px;animation:1.5s infinite loading}.cards-loading-skeleton .skeleton-section .skeleton-courses-grid .skeleton-course-item .skeleton-course-meta .skeleton-duration{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:50px;height:12px;animation:1.5s infinite loading}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}
.blog-detail-page{grid-template-columns:2fr 1fr;gap:3rem;max-width:1200px;margin:91px auto 0;padding:2rem 1rem;display:grid}@media (max-width:992px){.blog-detail-page{margin-top:60px}}@media (max-width:768px){.blog-detail-page{grid-template-columns:1fr;gap:2rem;padding:1rem}}.blog-detail-page .post-content img{border-radius:8px;max-width:100%;height:auto;margin:1rem 0}.blog-detail-page .post-content table{border-collapse:collapse;-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;width:100%;max-width:100%;margin:1rem 0;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.blog-detail-page .post-content table th,.blog-detail-page .post-content table td{text-align:left;border-bottom:1px solid var(--neutral-3);white-space:normal;padding:12px 15px}.blog-detail-page .post-content table th{background:var(--primary-50);color:var(--foreground);font-size:.9rem;font-weight:600}.blog-detail-page .post-content table td{color:var(--foreground);font-size:.85rem}.blog-detail-page .post-content table tr:hover{background:var(--neutral-1)}@media (max-width:768px){.blog-detail-page .post-content table{font-size:.8rem}.blog-detail-page .post-content table th,.blog-detail-page .post-content table td{padding:8px 10px}.blog-detail-page .post-content table th{font-size:.8rem}.blog-detail-page .post-content table td{font-size:.75rem}}@media (max-width:640px){.blog-detail-page .post-content table{white-space:nowrap;display:block}.blog-detail-page .post-content table thead,.blog-detail-page .post-content table tbody{table-layout:auto;width:100%;display:table}.blog-detail-page .post-content table tr{display:table-row}.blog-detail-page .post-content table th,.blog-detail-page .post-content table td{white-space:nowrap;padding:10px 12px}}@media (max-width:480px){.blog-detail-page .post-content table{margin:.5rem 0}.blog-detail-page .post-content table td{padding:6px 10px;font-size:.72rem}.blog-detail-page .post-content table th{font-size:.78rem}}.blog-detail-page .share-sidebar{z-index:100;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:50%;left:2rem;transform:translateY(-50%)}@media (max-width:1400px){.blog-detail-page .share-sidebar{left:1rem}}@media (max-width:768px){.blog-detail-page .share-sidebar{display:none}}.blog-detail-page .share-sidebar .share-button{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000026}.blog-detail-page .share-sidebar .share-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.blog-detail-page .share-sidebar .share-button.facebook{background:#1877f2}.blog-detail-page .share-sidebar .share-button.twitter{background:#1da1f2}.blog-detail-page .share-sidebar .share-button.linkedin{background:#0077b5}.blog-detail-page .share-sidebar .share-button.whatsapp{background:#25d366}.blog-detail-page .share-sidebar .share-button.copy-link{background:#666}.blog-detail-page .share-sidebar .share-button i{font-size:1.2rem}@media (max-width:768px){.blog-detail-page .social-section{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem;display:block}.blog-detail-page .social-section .social-title{color:#1a1a1a;text-align:center;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.blog-detail-page .social-section .social-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.blog-detail-page .social-section .social-buttons .share-button{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000026}.blog-detail-page .social-section .social-buttons .share-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.blog-detail-page .social-section .social-buttons .share-button.facebook{background:#1877f2}.blog-detail-page .social-section .social-buttons .share-button.twitter{background:#1da1f2}.blog-detail-page .social-section .social-buttons .share-button.linkedin{background:#0077b5}.blog-detail-page .social-section .social-buttons .share-button.whatsapp{background:#25d366}.blog-detail-page .social-section .social-buttons .share-button.copy-link{background:#666}.blog-detail-page .social-section .social-buttons .share-button i{font-size:1.2rem}}@media (min-width:769px){.blog-detail-page .social-section{display:none}}.main-section .post-header{margin-bottom:2rem}.main-section .post-header .post-title{color:#1a1a1a;margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.main-section .post-header .post-meta{color:#666;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.main-section .post-header .post-meta .author{align-items:center;gap:.5rem;display:flex}.main-section .post-header .post-meta .author img{border-radius:50%;width:32px;height:32px}.main-section .post-header .featured-image{object-fit:cover;width:100%;height:450px;margin-bottom:1rem}.main-section .post-content{color:#333;margin-bottom:3rem;font-size:1.1rem;line-height:1.7}.main-section .post-content h2,.main-section .post-content h3,.main-section .post-content h4{color:#1a1a1a;margin:2rem 0 1rem}.main-section .post-content p{margin-bottom:1.5rem}.main-section .comments-section{border-top:1px solid #e5e5e5;padding-top:2rem}.main-section .comments-section .comments-header{color:#1a1a1a;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.main-section .comments-section .comment{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.main-section .comments-section .comment .comment-author{color:#333;margin-bottom:.5rem;font-weight:600}.main-section .comments-section .comment .comment-date{color:#666;margin-bottom:1rem;font-size:.85rem}.main-section .comments-section .comment .comment-content{color:#555;line-height:1.6}.main-section .comments-section .comment-form{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-top:2rem;padding:2rem}.main-section .comments-section .comment-form .form-title{color:#1a1a1a;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.main-section .comments-section .comment-form .form-group{margin-bottom:1.5rem}.main-section .comments-section .comment-form .form-group label{color:#333;margin-bottom:.5rem;font-weight:500;display:block}.main-section .comments-section .comment-form .form-group input,.main-section .comments-section .comment-form .form-group textarea{border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .3s}.main-section .comments-section .comment-form .form-group input:focus,.main-section .comments-section .comment-form .form-group textarea:focus{border-color:var(--primary);outline:none}.main-section .comments-section .comment-form .form-group textarea{resize:vertical;min-height:120px}.main-section .comments-section .comment-form .submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.75rem 2rem;font-size:1rem;transition:background-color .3s}.main-section .comments-section .comment-form .submit-btn:hover{background:var(--primary)}.sidebar .sidebar-widget{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.sidebar .sidebar-widget .widget-title{color:#1a1a1a;border-bottom:2px solid var(--primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:600}.sidebar .tags-widget .tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.sidebar .tags-widget .tags-list .tag{color:#333;background:#f8f9fa;border-radius:20px;padding:.4rem .8rem;font-size:.85rem;text-decoration:none;transition:all .3s}.sidebar .tags-widget .tags-list .tag:hover{background:var(--primary);color:#fff}.sidebar .related-posts-widget .related-post{border-bottom:1px solid #f0f0f0;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sidebar .related-posts-widget .related-post:last-child{border-bottom:none;margin-bottom:0}.sidebar .related-posts-widget .related-post .post-thumbnail{object-fit:cover;border-radius:4px;flex-shrink:0;width:80px;height:60px}.sidebar .related-posts-widget .related-post .post-info .post-title{margin-bottom:.5rem;font-size:.9rem;font-weight:500;line-height:1.4}.sidebar .related-posts-widget .related-post .post-info .post-title a{color:#333;text-decoration:none}.sidebar .related-posts-widget .related-post .post-info .post-title a:hover{color:var(--primary)}.sidebar .related-posts-widget .related-post .post-info .post-date{color:#666;font-size:.8rem}.sidebar .tutor-info-widget{text-align:center}.sidebar .tutor-info-widget .tutor-avatar{object-fit:cover;border-radius:50%;width:80px;height:80px;margin:0 auto 1rem}.sidebar .tutor-info-widget .tutor-name{color:#1a1a1a;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.sidebar .tutor-info-widget .tutor-bio{color:#666;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.sidebar .tutor-info-widget .tutor-social{justify-content:center;gap:.5rem;display:flex}.sidebar .tutor-info-widget .tutor-social a{color:#666;background:#f8f9fa;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .3s;display:inline-flex}.sidebar .tutor-info-widget .tutor-social a:hover{background:var(--primary);color:#fff}.sidebar .categories-widget .categories-list{padding:0;list-style:none}.sidebar .categories-widget .categories-list li{margin-bottom:.75rem}.sidebar .categories-widget .categories-list li a{color:#333;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:.5rem 0;text-decoration:none;transition:color .3s;display:flex}.sidebar .categories-widget .categories-list li a:hover{color:var(--primary)}.sidebar .categories-widget .categories-list li a .count{color:#666;background:#f8f9fa;border-radius:12px;padding:.2rem .5rem;font-size:.8rem}.blog-detail-skeleton{grid-template-columns:2fr 1fr;gap:3rem;max-width:1200px;margin:91px auto 0;padding:2rem 1rem;display:grid}@media (max-width:992px){.blog-detail-skeleton{margin-top:60px}}@media (max-width:768px){.blog-detail-skeleton{grid-template-columns:1fr;gap:2rem;padding:1rem}}.blog-detail-skeleton .skeleton,.blog-detail-skeleton .sidebar-skeleton .skeleton-categories .skeleton-category .skeleton-category-count,.blog-detail-skeleton .sidebar-skeleton .skeleton-categories .skeleton-category .skeleton-category-name,.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-social .skeleton-social-icon,.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-bio,.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-name,.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-avatar,.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-info .skeleton-post-date,.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-info .skeleton-post-title,.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-thumbnail,.blog-detail-skeleton .sidebar-skeleton .skeleton-tags .skeleton-tags-container .skeleton-tag,.blog-detail-skeleton .sidebar-skeleton .skeleton-widget .skeleton-widget-title,.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-text,.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-date,.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-author,.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comments-title,.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-heading,.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-paragraph,.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-featured-image,.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-meta .skeleton-date,.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-meta .skeleton-author,.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-meta .skeleton-avatar,.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-title{background:#f0f0f0;border-radius:4px;position:relative;overflow:hidden}.blog-detail-skeleton .skeleton:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-categories .skeleton-category .skeleton-category-count:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-categories .skeleton-category .skeleton-category-name:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-social .skeleton-social-icon:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-bio:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-name:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-avatar:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-info .skeleton-post-date:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-info .skeleton-post-title:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-thumbnail:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-tags .skeleton-tags-container .skeleton-tag:after,.blog-detail-skeleton .sidebar-skeleton .skeleton-widget .skeleton-widget-title:after,.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-text:after,.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-date:after,.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-author:after,.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comments-title:after,.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-heading:after,.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-paragraph:after,.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-featured-image:after,.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-meta .skeleton-date:after,.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-meta .skeleton-author:after,.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-meta .skeleton-avatar:after,.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-title:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.blog-detail-skeleton .main-skeleton .skeleton-header{margin-bottom:2rem}.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-title{border-radius:8px;height:3rem;margin-bottom:1rem}.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-meta{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-meta .skeleton-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px}.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-meta .skeleton-author{width:120px;height:1rem}.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-meta .skeleton-date{width:80px;height:1rem}.blog-detail-skeleton .main-skeleton .skeleton-header .skeleton-featured-image{border-radius:8px;width:100%;height:400px;margin-bottom:2rem}.blog-detail-skeleton .main-skeleton .skeleton-content{margin-bottom:3rem}.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-paragraph{height:1rem;margin-bottom:1rem}.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-paragraph:first-child{width:100%}.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-paragraph:nth-child(2){width:95%}.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-paragraph:nth-child(3){width:87%}.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-paragraph:nth-child(4){width:92%}.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-paragraph:nth-child(5){width:78%}.blog-detail-skeleton .main-skeleton .skeleton-content .skeleton-heading{border-radius:6px;width:60%;height:1.5rem;margin:2rem 0 1rem}.blog-detail-skeleton .main-skeleton .skeleton-comments{border-top:1px solid #e5e5e5;padding-top:2rem}.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comments-title{border-radius:6px;width:200px;height:1.5rem;margin-bottom:2rem}.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-author{width:120px;height:1rem;margin-bottom:.5rem}.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-date{width:80px;height:.8rem;margin-bottom:1rem}.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-text{height:.9rem;margin-bottom:.5rem}.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-text:nth-child(3){width:100%}.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-text:nth-child(4){width:85%}.blog-detail-skeleton .main-skeleton .skeleton-comments .skeleton-comment .skeleton-comment-text:nth-child(5){width:60%}.blog-detail-skeleton .sidebar-skeleton .skeleton-widget{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.blog-detail-skeleton .sidebar-skeleton .skeleton-widget .skeleton-widget-title{border-radius:6px;width:150px;height:1.2rem;margin-bottom:1rem}.blog-detail-skeleton .sidebar-skeleton .skeleton-tags .skeleton-tags-container{flex-wrap:wrap;gap:.5rem;display:flex}.blog-detail-skeleton .sidebar-skeleton .skeleton-tags .skeleton-tags-container .skeleton-tag{border-radius:20px;height:2rem}.blog-detail-skeleton .sidebar-skeleton .skeleton-tags .skeleton-tags-container .skeleton-tag:first-child{width:60px}.blog-detail-skeleton .sidebar-skeleton .skeleton-tags .skeleton-tags-container .skeleton-tag:nth-child(2){width:80px}.blog-detail-skeleton .sidebar-skeleton .skeleton-tags .skeleton-tags-container .skeleton-tag:nth-child(3){width:45px}.blog-detail-skeleton .sidebar-skeleton .skeleton-tags .skeleton-tags-container .skeleton-tag:nth-child(4){width:70px}.blog-detail-skeleton .sidebar-skeleton .skeleton-tags .skeleton-tags-container .skeleton-tag:nth-child(5){width:55px}.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post{border-bottom:1px solid #f0f0f0;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post:last-child{border-bottom:none;margin-bottom:0}.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-thumbnail{border-radius:4px;flex-shrink:0;width:80px;height:60px}.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-info{flex:1}.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-info .skeleton-post-title{height:.9rem;margin-bottom:.5rem}.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-info .skeleton-post-title:first-child{width:100%}.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-info .skeleton-post-title:nth-child(2){width:70%}.blog-detail-skeleton .sidebar-skeleton .skeleton-related-posts .skeleton-related-post .skeleton-post-info .skeleton-post-date{width:60px;height:.8rem}.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info{text-align:center}.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-avatar{border-radius:50%;width:80px;height:80px;margin:0 auto 1rem}.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-name{border-radius:6px;width:120px;height:1.1rem;margin:0 auto .5rem}.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-bio{height:.9rem;margin-bottom:.5rem}.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-bio:nth-child(3){width:100%}.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-bio:nth-child(4){width:80%}.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-bio:nth-child(5){width:90%}.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-social{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.blog-detail-skeleton .sidebar-skeleton .skeleton-tutor-info .skeleton-tutor-social .skeleton-social-icon{border-radius:50%;width:32px;height:32px}.blog-detail-skeleton .sidebar-skeleton .skeleton-categories .skeleton-category{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 0;display:flex}.blog-detail-skeleton .sidebar-skeleton .skeleton-categories .skeleton-category .skeleton-category-name{width:100px;height:1rem}.blog-detail-skeleton .sidebar-skeleton .skeleton-categories .skeleton-category .skeleton-category-count{border-radius:12px;width:30px;height:1.2rem}
.instructors .padding{flex-direction:column;align-items:center;padding:5rem 0;display:flex}.instructors .padding h2{text-align:center;margin-bottom:4rem;padding:0 12.5rem;font-weight:700}.instructors .slick-slider .slick-arrow{z-index:1;color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;background:#0000004d!important;width:45px!important;height:45px!important}.instructors .slick-slider .slick-arrow.slick-prev{left:0}.instructors .slick-slider .slick-arrow.slick-next{right:0}.instructors .slick-slider .slick-arrow:hover{background-color:var(--primary);color:#fff}
.instructor-item{background:#fff;border:1px solid #f2ecec;border-radius:15px;margin:10px;padding:20px}.instructor-item .img-wrapper{border-radius:12px;width:100%;height:320px;margin-bottom:12px;overflow:hidden}.instructor-item .img-wrapper .image{object-fit:cover;width:100%;height:100%}.instructor-item .name{font-size:18px;font-weight:700}.instructor-item .title{color:#9a9393}.instructor-item .exp-label{color:var(--neutral-1);margin-top:15px;font-size:14px}.instructor-item .exp-title{font-weight:500}.instructor-item .see-btn{border:1px solid var(--secondary);width:100%;color:var(--secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;margin-top:20px;padding:10px;font-weight:500;transition:all .3s ease-in-out;display:flex}.instructor-item .see-btn:hover{background:var(--secondary);color:#fff;transition:all .3s ease-in-out;transform:scale(1.03)}
.popular-courses .padding{flex-direction:column;align-items:center;padding:5rem 0;display:flex}.popular-courses .padding h2{text-align:center;margin-bottom:4rem;padding:0 12.5rem;font-weight:700}@media (max-width:768px){.popular-courses .padding h2{margin-bottom:2rem;padding:0 1rem;font-size:28px}}.popular-courses .slick-slider .slick-arrow{z-index:1;color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-top:20px;display:flex;background:#0003!important;width:45px!important;height:45px!important}.popular-courses .slick-slider .slick-arrow.slick-prev{left:0}.popular-courses .slick-slider .slick-arrow.slick-next{right:0}.popular-courses .slick-slider .slick-arrow:hover{background-color:var(--primary);color:#fff}
.course-item{cursor:pointer;border:1px solid #f2ecec;border-radius:15px;transition:all .3s ease-in-out;overflow:hidden}.course-item.margin{margin:10px}.course-item:hover{border:1px solid var(--primary-100);transition:all .3s ease-in-out;scale:1.02;box-shadow:0 4px 8px #0000001a}.course-item:hover .img-wrapper img{transition:all .3s ease-in-out;transform:scale(1.1)}.course-item:hover .img-wrapper .overlay{bottom:0}.course-item .img-wrapper{width:100%;height:180px;transition:all .3s ease-in-out;position:relative;overflow:hidden}.course-item .img-wrapper .image{object-fit:cover;width:100%;height:100%}.course-item .img-wrapper .overlay{color:#fff;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:700;transition:all .3s ease-in-out;display:flex;position:absolute;bottom:100%;left:0;right:0}.course-item .img-wrapper .category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;color:#fff;background:#0009;border-radius:5px;padding:5px 10px;font-size:12px;position:absolute;top:10px;left:10px}.course-item .course-info{padding:10px}.course-item .title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin-bottom:0;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.course-item .summary{color:var(--dark-3);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:4.2em;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.course-item .content-info{flex-wrap:nowrap;justify-content:space-between;align-items:center;display:flex}.course-item .content-info .rating-value{font-weight:500}.course-item .content-info .rating-value span{color:var(--dark-4);font-size:14px;font-weight:400}.course-item .content-info .price{color:var(--primary);font-weight:700}.course-item .content-info .price.discounted .original-price{color:var(--dark-4);margin-right:8px;font-size:.8em;font-weight:400;text-decoration:line-through}.course-item .content-info .content-details{align-items:center;gap:5px;display:flex}.course-item .content-info .content-details .item{flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;display:flex}.course-item .content-info .content-details .item .icon{color:var(--primary)}.course-item .content-info .content-details .item .info{color:var(--dark-4)}.course-item .course-info{flex-direction:column;gap:10px;height:calc(100% - 180px);display:flex}.course-item .course-info .tutor-info{cursor:pointer;align-items:center;gap:10px;display:flex}.course-item .course-info .tutor-info .profile-wrapper{width:28px;height:28px;overflow:hidden}.course-item .course-info .tutor-info .profile-wrapper .profile{object-fit:cover;width:100%;height:100%}.course-item .course-info .tutor-info .name{color:var(--dark-3);font-size:13px}.course-item .course-meta{color:var(--dark-4);align-items:center;font-size:12px;display:flex}
.pricing{background:var(--secondary-50)}.pricing .padding{padding:5rem 0}.pricing .padding h2{text-align:center;opacity:0;margin-bottom:4rem;padding:0 12.5rem;animation:.8s ease-out .2s forwards fadeInUp;transform:translateY(20px)}.pricing-item{opacity:0;background:#fff;border-radius:18px;flex-direction:column;align-items:center;margin-bottom:20px;padding:30px;transition:transform .3s,box-shadow .3s,border .3s;animation:.6s ease-out forwards fadeInUp;display:flex;transform:translateY(30px);box-shadow:0 4px 15px 10px #706e6e0d}.pricing-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px 15px #706e6e1a}.pricing-item:first-child{animation-delay:.1s}.pricing-item:nth-child(2){animation-delay:.2s}.pricing-item:nth-child(3){animation-delay:.3s}.pricing-item .head .head-label{align-items:center;margin-bottom:15px;display:flex}.pricing-item .head .head-label .icon-wrapper{background:var(--secondary);border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;margin-right:15px;transition:transform .3s,background .3s;display:flex}.pricing-item .head .head-label .icon-wrapper:hover{transform:scale(1.1)}.pricing-item .head .head-label .icon-wrapper.blue-1{background:var(--blue-1)}.pricing-item .head .head-label .icon-wrapper.blue-2{background:var(--blue-2)}.pricing-item .head .head-label .icon-wrapper .icon{color:#fff;transition:transform .3s}.pricing-item .head .head-label .title{font-size:20px;font-weight:700}.pricing-item .head .summary{color:var(--dark-3)}.pricing-item .details{background:var(--neutral-4);border-radius:18px;width:100%;margin-top:30px;padding:25px}.pricing-item .details .options-wrapper{margin-top:15px}.pricing-item .details .options-wrapper .option{opacity:0;animation:.4s ease-out forwards slideInLeft;display:flex;transform:translate(-10px)}.pricing-item .details .options-wrapper .option:first-child{animation-delay:.5s}.pricing-item .details .options-wrapper .option:nth-child(2){animation-delay:.6s}.pricing-item .details .options-wrapper .option:nth-child(3){animation-delay:.7s}.pricing-item .details .options-wrapper .option:nth-child(4){animation-delay:.8s}.pricing-item .details .options-wrapper .option .check{background:var(--blue-1);border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-right:10px;transition:transform .2s;display:flex}.pricing-item .details .options-wrapper .option .check:hover{transform:scale(1.2)}.pricing-item .details .options-wrapper .option .check .icon{color:#fff}.pricing-item .details .options-wrapper .option:not(:last-of-type){margin-bottom:15px}.pricing-item .price-tag{color:var(--secondary);margin:25px 0;font-size:35px;font-weight:700;transition:transform .3s,color .3s}.pricing-item .price-tag:hover{transform:scale(1.05)}.pricing-item .price-tag span{color:var(--neutral-1);margin-left:2px;font-size:15px;font-weight:500}.pricing-item .action-btn{background:var(--secondary-50);color:var(--secondary);text-align:center;cursor:pointer;border-radius:15px;width:100%;padding:20px;font-weight:500;transition:all .3s}.pricing-item .action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.pricing-item .action-btn:active{transform:translateY(0)}.pricing-item .trial{color:var(--neutral-1);margin-top:15px;font-size:15px}.pricing-item.active{border:2px solid var(--secondary);box-shadow:none;transform:scale(1.02)}.pricing-item.active .action-btn{background:var(--secondary);color:#fff}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@media screen and (max-width:992px){.pricing .padding{padding:3rem 0}.pricing .padding h2{padding:0}.pricing-item:hover{transform:none}}
.about-us .padding{padding:5rem 0}.about-us .padding h2{text-align:center;margin-bottom:4rem;padding:0 12.5rem}.about-us .padding .about-img{border-radius:10px;width:100%;height:500px;margin-top:20px;overflow:hidden}.about-us .padding .about-img .img{object-fit:cover;width:100%;height:100%}@media screen and (max-width:768px){.about-us .padding .about-img{height:300px}}.our-vision .padding{padding:5rem 0}.our-vision .padding h2{text-align:start;margin-bottom:1rem}.our-vision .padding .img-wrapper{border-radius:15px;width:100%;height:400px;overflow:hidden}.our-vision .padding .img-wrapper .img{object-fit:cover;width:100%;height:100%}.our-vision .padding .right-section p{padding-right:110px}.mission{background:#d3eff2}.mission .padding{padding:5rem 0}.mission .padding h2{text-align:center;margin-bottom:1rem;padding:0 12.5rem}.mission .padding .sub-title{text-align:center;color:var(--dark-3);margin-bottom:4rem;padding:0 12.5rem}@media screen and (max-width:768px){.mission .padding .sub-title{padding:0 2rem}}.mission .padding .mission-list{flex-wrap:wrap;width:100%;display:flex}.mission .padding .mission-list .mission-item{cursor:pointer;width:50%;padding:30px;transition:transform .3s,box-shadow .3s;display:flex}.mission .padding .mission-list .mission-item:hover{transform:translateY(-3px)}.mission .padding .mission-list .mission-item:nth-child(2n){border-left:1px solid var(--neutral-2)}.mission .padding .mission-list .mission-item:hover .icon-wrapper{transform:scale(1.05)}.mission .padding .mission-list .mission-item:hover .icon{transform:rotate(10deg)scale(1.1)}.mission .padding .mission-list .mission-item .icon-wrapper{border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;margin-right:15px;transition:transform .3s;display:flex}.mission .padding .mission-list .mission-item .icon-wrapper .icon{color:#fff;transition:transform .3s}.mission .padding .mission-list .mission-item .icon-wrapper.bg-1{background:linear-gradient(135deg,#f28b82 0%,#f3cbb2 100%)}.mission .padding .mission-list .mission-item .icon-wrapper.bg-2{background:linear-gradient(135deg,#a892c4 0%,#e1bfe5 100%)}.mission .padding .mission-list .mission-item .icon-wrapper.bg-3{background:linear-gradient(135deg,#e1bfe5 0%,#b3d1e6 100%)}.mission .padding .mission-list .mission-item .icon-wrapper.bg-4{background:linear-gradient(135deg,#e1bfe5 0%,#d6ccb2 100%)}.mission .padding .mission-list .mission-item .icon-wrapper.bg-5{background:linear-gradient(135deg,#b3d1e6 0%,#bfe0ea 100%)}.mission .padding .mission-list .mission-item .icon-wrapper.bg-6{background:linear-gradient(135deg,#c7e6a3 0%,#8fd6a3 100%)}.mission .padding .mission-list .mission-item .info{flex:1}.mission .padding .mission-list .mission-item .title{margin-bottom:10px;font-size:18px;font-weight:700}.mission .padding .mission-list .mission-item .msg{color:var(--dark-3)}@media screen and (max-width:992px){.about-us .padding{padding:3rem 0}.about-us .padding h2{margin-bottom:2rem;padding:0}.our-vision .padding{padding:3rem 0}.our-vision .padding .img-wrapper{display:none}.our-vision .padding .right-section p{padding:0!important}.mission .padding{padding:3rem 0}.mission .padding h2{margin-bottom:2rem;padding:0}.mission .padding .mission-list .mission-item{width:100%;padding:30px 10px}.mission .padding .mission-list .mission-item:nth-child(2n){border:none}}@media screen and (max-width:768px){.mission .mission-item{flex-direction:column}.mission .mission-item .icon-wrapper{margin-bottom:15px}}
.contact-page .contact-section .padding{padding:3rem 0}@media screen and (min-width:768px){.contact-page .contact-section .padding{padding:4rem 0}}@media screen and (min-width:1024px){.contact-page .contact-section .padding{padding:5rem 0}}.contact-page .contact-section .padding .left-section{margin-bottom:2rem}@media screen and (min-width:992px){.contact-page .contact-section .padding .left-section{margin-bottom:0;padding-right:5%}}.contact-page .contact-section .padding .left-section h2{margin-bottom:15px}@media screen and (min-width:768px){.contact-page .contact-section .padding .left-section h2{margin-bottom:20px}}.contact-page .contact-section .padding .left-section .contact-info{border:1px solid var(--neutral-3);border-radius:15px;margin-top:20px;margin-bottom:2rem;padding:20px}@media screen and (min-width:768px){.contact-page .contact-section .padding .left-section .contact-info{border-radius:20px;margin-top:25px;padding:25px}}.contact-page .contact-section .padding .left-section .contact-info .contact-item{align-items:flex-start;display:flex}@media screen and (min-width:768px){.contact-page .contact-section .padding .left-section .contact-info .contact-item{align-items:center}}.contact-page .contact-section .padding .left-section .contact-info .contact-item:not(:last-of-type){margin-bottom:15px}@media screen and (min-width:768px){.contact-page .contact-section .padding .left-section .contact-info .contact-item:not(:last-of-type){margin-bottom:20px}}.contact-page .contact-section .padding .left-section .contact-info .contact-item .label-wrapper{flex:1;align-items:flex-start;display:flex}@media screen and (min-width:768px){.contact-page .contact-section .padding .left-section .contact-info .contact-item .label-wrapper{align-items:center}}.contact-page .contact-section .padding .left-section .contact-info .contact-item .label-wrapper .icon-wrapper{background:var(--primary-50);border-radius:40%;flex-shrink:0;margin-right:8px;padding:6px}@media screen and (min-width:768px){.contact-page .contact-section .padding .left-section .contact-info .contact-item .label-wrapper .icon-wrapper{margin-right:10px;padding:8px}}.contact-page .contact-section .padding .left-section .contact-info .contact-item .label-wrapper .icon-wrapper .icon{color:var(--primary);font-size:14px}@media screen and (min-width:768px){.contact-page .contact-section .padding .left-section .contact-info .contact-item .label-wrapper .icon-wrapper .icon{font-size:16px}}.contact-page .contact-section .padding .left-section .contact-info .contact-item .label-wrapper .label{font-size:14px;font-weight:700}@media screen and (min-width:768px){.contact-page .contact-section .padding .left-section .contact-info .contact-item .label-wrapper .label{font-size:16px}}.contact-page .contact-section .padding .left-section .contact-info .contact-item .contact{text-align:right;word-break:break-word;font-size:14px;font-weight:500}@media screen and (min-width:768px){.contact-page .contact-section .padding .left-section .contact-info .contact-item .contact{font-size:16px}}@media screen and (min-width:992px){.contact-page .contact-section .padding .right-section{padding-left:5%}}.contact-page .contact-section .padding .right-section .contact-form{border:1px solid var(--neutral-3);border-radius:15px;padding:20px}@media screen and (min-width:768px){.contact-page .contact-section .padding .right-section .contact-form{border-radius:20px;padding:25px}}.contact-page .contact-section .padding .right-section .contact-form h5{margin-bottom:25px;font-weight:700}@media screen and (min-width:768px){.contact-page .contact-section .padding .right-section .contact-form h5{margin-bottom:30px}}.contact-page .contact-section .padding .right-section .contact-form .form-group{margin-bottom:15px}@media screen and (min-width:768px){.contact-page .contact-section .padding .right-section .contact-form .form-group{margin-bottom:20px}}.contact-page .contact-section .padding .right-section .contact-form .btn{width:100%}@media screen and (min-width:992px){.contact-page .contact-section .padding .right-section .contact-form .btn{width:auto;min-width:150px}}
.course-page .courses-section{min-height:100vh}.course-page .courses-section .padding{padding:5rem 0}@media screen and (max-width:992px){.course-page .courses-section .padding{padding:3rem 0!important}}.course-page .courses-section .padding .page-head-section{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.course-page .courses-section .padding .page-head-section .title-sec{align-items:baseline;display:flex}.course-page .courses-section .padding .page-head-section .title-sec span{color:var(--dark-3);margin-left:20px}.course-page .courses-section .padding .page-head-section .search{flex:1;justify-content:flex-end;gap:10px;min-width:300px;display:flex}.course-page .courses-section .padding .page-head-section .search .select-wrapper{width:40%;min-width:200px}.course-page .courses-section .padding .page-head-section .search .select-wrapper .custom-select .css-13cymwt-control,.course-page .courses-section .padding .page-head-section .search .select-wrapper .custom-select .css-t3ipsp-control{border:1px solid var(--neutral-3);border-radius:10px;min-width:200px;height:50px}.course-page .courses-section .padding .page-head-section .search .select-wrapper .custom-select .css-t3ipsp-control{border:1px solid var(--primary-200);box-shadow:none}.course-page .courses-section .padding .page-head-section .search .select-wrapper .custom-select .css-hlgwow .css-1dimb5e-singleValue{color:var(--foreground)}.course-page .courses-section .padding .page-head-section .search .select-wrapper .custom-select .css-1wy0on6 .css-1u9des2-indicatorSeparator{display:none}.course-page .courses-section .padding .page-head-section .search .select-wrapper .custom-select .css-1nmdiq5-menu{z-index:99;border:none;box-shadow:0 5px 10px 8px #0000000d}.course-page .courses-section .padding .page-head-section .search .select-wrapper .custom-select .css-1nmdiq5-menu .css-tr4s17-option{background-color:var(--primary)}.course-page .courses-section .padding .page-head-section .search .select-wrapper .custom-select .css-1nmdiq5-menu .css-d7l1ni-option{background-color:var(--primary-50)}.course-page .courses-section .padding .page-head-section .search .select-wrapper .custom-select .css-1nmdiq5-menu .css-10wo9uf-option{color:var(--dark-3)}.course-page .courses-section .padding .page-head-section .search .search-field{border:1px solid var(--neutral-2);border-radius:10px;align-items:center;width:40%;min-width:200px;padding:12px 15px;display:flex}.course-page .courses-section .padding .page-head-section .search .search-field .icon{color:var(--dark-4);margin-right:15px}.course-page .courses-section .padding .page-head-section .search .search-field input{border:none;outline:none;width:100%}.course-page .courses-section .padding .page-head-section .search .search-field input::placeholder{color:var(--dark-3);font-size:15px}@media screen and (max-width:992px){.course-page .courses-section .padding .page-head-section{flex-direction:column;align-items:flex-start}.course-page .courses-section .padding .page-head-section .title-sec{width:100%}.course-page .courses-section .padding .page-head-section .title-sec span{margin-left:10px}.course-page .courses-section .padding .page-head-section .search{flex-direction:column;gap:15px;width:100%}.course-page .courses-section .padding .page-head-section .search .select-wrapper,.course-page .courses-section .padding .page-head-section .search .search-field{width:100%;min-width:unset}}@media screen and (max-width:480px){.course-page .courses-section .padding .page-head-section .title-sec span{margin-left:5px;font-size:14px}.course-page .courses-section .padding .page-head-section .search .search-field{padding:10px 12px}.course-page .courses-section .padding .page-head-section .search .search-field input::placeholder{font-size:14px}}.course-page .courses-section .padding .course-content-wrapper .f-title{margin:20px 0;font-size:18px;font-weight:500}.course-page .courses-section .padding .course-content-wrapper .f-title .filter-icon{display:none}.course-page .courses-section .padding .course-content-wrapper .inner{gap:20px;width:100%;display:flex}.course-page .courses-section .padding .course-content-wrapper .inner .filter-section{width:365px}.course-page .courses-section .padding .course-content-wrapper .inner .filter-section .filters{border:1px solid var(--neutral-3);background:#fff;border-radius:15px;width:365px;height:100vh;padding:20px 20px 10rem;animation:.3s slideInLeft;overflow-y:scroll}.course-page .courses-section .padding .course-content-wrapper .inner .filter-section .filters::-webkit-scrollbar{background:0 0;width:1px}.course-page .courses-section .padding .course-content-wrapper .inner .filter-section .filters::-webkit-scrollbar-thumb{background:var(--primary-50)}.course-page .courses-section .padding .course-content-wrapper .inner .filter-section .filters .close-icon{display:none}.course-page .courses-section .padding .course-content-wrapper .inner .filter-section .filters.fixed{position:fixed;top:100px}.course-page .courses-section .padding .course-content-wrapper .inner .filter-section .filters .label{margin-bottom:15px;font-size:18px;font-weight:700}.course-page .courses-section .padding .course-content-wrapper .inner .filter-section .filters .filter-item{margin-bottom:15px;font-size:15px;display:flex}.course-page .courses-section .padding .course-content-wrapper .inner .filter-section .filters .filter-item .custom-checkbox{margin-right:10px}.course-page .courses-section .padding .course-content-wrapper .inner .course-listing-wrapper{flex:1}.course-page .courses-section .padding .course-content-wrapper .inner .course-listing-wrapper .course-listing .item-col{padding:0 10px}.course-page .courses-section .padding .course-content-wrapper .inner .course-listing-wrapper .course-listing .course-listing-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media screen and (max-width:992px){.course-page .courses-section .padding .course-content-wrapper .inner .course-listing-wrapper .course-listing .course-listing-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.course-page .courses-section .padding .course-content-wrapper .inner .course-listing-wrapper .course-listing .course-listing-grid{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:1200px){.course-page .courses-section .padding .course-content-wrapper .filter-section{z-index:1000;background:#0009;height:100vh;position:fixed;top:0;left:0;width:100%!important}.course-page .courses-section .padding .course-content-wrapper .filter-section.hide{display:none!important}.course-page .courses-section .padding .course-content-wrapper .filter-section .filters{height:100%;min-height:100%;left:0;overflow-y:scroll;border-radius:0!important;width:350px!important;top:0!important}.course-page .courses-section .padding .course-content-wrapper .filter-section .filters.fixed{width:350px!important;min-width:350px!important}.course-page .courses-section .padding .course-content-wrapper .filter-section .filters .close-icon{cursor:pointer;justify-content:flex-end;display:flex!important}.course-page .courses-section .padding .course-content-wrapper .filter-section .filters .close-icon .icon{color:var(--secondary)}.course-page .courses-section .padding .course-content-wrapper .filter-section .filters ::-webkit-scrollbar{background:var(--primary);border-radius:20px;width:5px}.course-page .courses-section .padding .course-content-wrapper .filter-section .filters ::-webkit-scrollbar-thumb{background:var(--primary)}.course-page .courses-section .padding .course-content-wrapper .f-title{overflow:auto}.course-page .courses-section .padding .course-content-wrapper .f-title .filter-icon{float:right;background:var(--secondary-50);border-radius:5px;width:30px;height:30px;display:flex}.course-page .courses-section .padding .course-content-wrapper .f-title .filter-icon .icon{color:var(--secondary)}}@media screen and (max-width:400px){.course-page .courses-section .padding .course-content-wrapper .filter-section .filters{width:90%!important}}
.course-detail-page{background:var(--neutral-4)}.course-detail-page .detail-section .padding{padding:2rem 0 5rem}@media (max-width:768px){.course-detail-page .detail-section .padding{padding:1.5rem 0 3rem}}.course-detail-page .detail-section .padding .detail-header{border-radius:20px;margin-bottom:20px}@media (max-width:768px){.course-detail-page .detail-section .padding .detail-header{border-radius:16px;margin-bottom:16px}}.course-detail-page .detail-section .padding .detail-header .img-wrapper{border-radius:15px;width:100%;height:580px;margin-bottom:15px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #00000014}@media (max-width:1200px){.course-detail-page .detail-section .padding .detail-header .img-wrapper{height:450px}}@media (max-width:768px){.course-detail-page .detail-section .padding .detail-header .img-wrapper{border-radius:12px;height:320px;margin-bottom:12px}}@media (max-width:480px){.course-detail-page .detail-section .padding .detail-header .img-wrapper{height:250px}}.course-detail-page .detail-section .padding .detail-header .img-wrapper:hover{box-shadow:0 8px 32px #0000001f}.course-detail-page .detail-section .padding .detail-header .img-wrapper .img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.course-detail-page .detail-section .padding .detail-header .img-wrapper .img:hover{transform:scale(1.02)}.course-detail-page .detail-section .padding .detail-header .category{background:var(--primary-50);width:fit-content;color:var(--primary);border-radius:10px;margin-bottom:15px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}@media (max-width:768px){.course-detail-page .detail-section .padding .detail-header .category{border-radius:8px;margin-bottom:12px;padding:6px 12px;font-size:12px}}.course-detail-page .detail-section .padding .detail-header .category.orange{background:var(--secondary-50);color:var(--secondary)}.course-detail-page .detail-section .padding .detail-header .content-info{flex-wrap:wrap;gap:16px;margin:20px 0;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .detail-header .content-info{flex-direction:column;gap:12px;margin:16px 0}}.course-detail-page .detail-section .padding .detail-header .content-info .content-stats{flex-wrap:wrap;flex:1;align-items:center;gap:20px;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .detail-header .content-info .content-stats{justify-content:flex-start;gap:16px}}@media (max-width:480px){.course-detail-page .detail-section .padding .detail-header .content-info .content-stats{gap:12px}}.course-detail-page .detail-section .padding .detail-header .content-info .content-stats .item{white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .detail-header .content-info .content-stats .item{gap:6px;font-size:12px}}.course-detail-page .detail-section .padding .detail-header .content-info .content-stats .item .icon-circle{background:var(--secondary-50);border-radius:8px;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:6px;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .detail-header .content-info .content-stats .item .icon-circle{border-radius:6px;min-width:24px;min-height:24px;padding:4px}}.course-detail-page .detail-section .padding .detail-header .content-info .content-stats .item .icon-circle .icon{color:var(--secondary);font-size:14px}@media (max-width:768px){.course-detail-page .detail-section .padding .detail-header .content-info .content-stats .item .icon-circle .icon{font-size:12px}}.course-detail-page .detail-section .padding .detail-header .content-info .rating-value{align-items:center;gap:8px;font-weight:600;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .detail-header .content-info .rating-value{align-self:flex-start;font-size:14px}}.course-detail-page .detail-section .padding .detail-header .content-info .rating-value span{color:var(--dark-4);font-size:14px;font-weight:400}@media (max-width:768px){.course-detail-page .detail-section .padding .detail-header .content-info .rating-value span{font-size:13px}}.course-detail-page .detail-section .padding .course-card{background:#fff;border:1px solid #0000000a;border-radius:20px;margin-top:25px;padding:35px;box-shadow:0 2px 8px #0000000f}@media (max-width:992px){.course-detail-page .detail-section .padding .course-card{border-radius:16px;padding:25px}}@media (max-width:768px){.course-detail-page .detail-section .padding .course-card{border-radius:12px;margin-top:20px;padding:20px}}@media (max-width:480px){.course-detail-page .detail-section .padding .course-card{padding:16px}}.course-detail-page .detail-section .padding h6,.course-detail-page .detail-section .padding h5{margin-bottom:15px;font-weight:700}@media (max-width:768px){.course-detail-page .detail-section .padding h6,.course-detail-page .detail-section .padding h5{margin-bottom:12px;font-size:16px}}.course-detail-page .detail-section .padding .left-section .info-item{border-bottom:1px solid var(--neutral-3);margin-bottom:30px;padding:25px 0}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .info-item{margin-bottom:25px;padding:20px 0}}.course-detail-page .detail-section .padding .left-section .info-item:last-child{border-bottom:none;margin-bottom:0}.course-detail-page .detail-section .padding .left-section .info-item .item-title{color:var(--dark-1);align-items:center;gap:10px;margin-bottom:15px;font-size:18px;font-weight:700;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .info-item .item-title{margin-bottom:12px;font-size:16px}}.course-detail-page .detail-section .padding .left-section .info-item .item-title .icon{color:var(--primary);font-size:20px}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .info-item .item-title .icon{font-size:18px}}.course-detail-page .detail-section .padding .left-section .info-item .item-content{font-size:15px;line-height:1.7}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .info-item .item-content{font-size:14px;line-height:1.6}}.course-detail-page .detail-section .padding .left-section .info-item .item-content ul{margin:15px 0;padding-left:0;list-style:none}.course-detail-page .detail-section .padding .left-section .info-item .item-content ul li{margin-bottom:10px;padding-left:25px;position:relative}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .info-item .item-content ul li{margin-bottom:8px;padding-left:20px}}.course-detail-page .detail-section .padding .left-section .info-item .item-content ul li:before{content:"✓";color:var(--primary);font-size:14px;font-weight:600;position:absolute;top:0;left:0}.course-detail-page .detail-section .padding .left-section .info-item .item-content ul li:last-child{margin-bottom:0}.course-detail-page .detail-section .padding .left-section .info-item .item-content p{margin-bottom:15px}.course-detail-page .detail-section .padding .left-section .info-item .item-content p:last-child{margin-bottom:0}.course-detail-page .detail-section .padding .left-section .info-item .item-content strong{color:var(--dark-2);font-weight:600}.course-detail-page .detail-section .padding .left-section .info-item.description .item-content{font-size:16px}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .info-item.description .item-content{font-size:15px}}.course-detail-page .detail-section .padding .left-section .info-item.requirements .item-content ul li:before,.course-detail-page .detail-section .padding .left-section .info-item.audience .item-content ul li:before{content:"→";color:var(--secondary)}.course-detail-page .detail-section .padding .left-section .info-item.objectives .item-content ul li:before{content:"🎯";font-size:12px}.course-detail-page .detail-section .padding .left-section .info-item.skills .item-content .skills-list{flex-wrap:wrap;gap:6px;margin-top:15px;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .info-item.skills .item-content .skills-list{gap:4px}}.course-detail-page .detail-section .padding .left-section .info-item.skills .item-content .skills-list .skill-tag{color:#6b7280;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .3s;display:inline-block}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .info-item.skills .item-content .skills-list .skill-tag{border-radius:10px;padding:3px 6px;font-size:10px}}.course-detail-page .detail-section .padding .left-section .info-item.skills .item-content .skills-list .skill-tag:hover{color:#fff;background:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.course-detail-page .detail-section .padding .left-section .course-content .items{margin-top:25px}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .course-content .items{margin-top:20px}}.course-detail-page .detail-section .padding .left-section .faq-section{margin-top:30px}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .faq-section{margin-top:25px}}.course-detail-page .detail-section .padding .left-section .faq-section h5{margin-bottom:25px}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .faq-section h5{margin-bottom:20px}}.course-detail-page .detail-section .padding .left-section .faq-section .faq-item{border:1px solid var(--neutral-2);background:#fff;border-radius:12px;margin-bottom:16px;transition:all .3s;overflow:hidden}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .faq-section .faq-item{border-radius:10px;margin-bottom:12px}}.course-detail-page .detail-section .padding .left-section .faq-section .faq-item:hover{box-shadow:0 2px 8px #00000014}.course-detail-page .detail-section .padding .left-section .faq-section .faq-item:last-child{margin-bottom:0}.course-detail-page .detail-section .padding .left-section .faq-section .faq-item .faq-question{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:20px 25px;font-size:15px;font-weight:600;transition:all .3s;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .faq-section .faq-item .faq-question{padding:16px 20px;font-size:14px}}@media (max-width:480px){.course-detail-page .detail-section .padding .left-section .faq-section .faq-item .faq-question{padding:14px 16px;font-size:13px}}.course-detail-page .detail-section .padding .left-section .faq-section .faq-item .faq-question .icon{color:var(--primary);flex-shrink:0;margin-left:15px;font-size:18px;transition:transform .3s}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .faq-section .faq-item .faq-question .icon{margin-left:12px;font-size:16px}}.course-detail-page .detail-section .padding .left-section .faq-section .faq-item .faq-question:hover{background:#f9f9f9}.course-detail-page .detail-section .padding .left-section .faq-section .faq-item .faq-answer{color:var(--dark-3);padding:10px 25px 20px;font-size:14px;line-height:1.6;animation:.3s fadeIn;display:none}@media (max-width:768px){.course-detail-page .detail-section .padding .left-section .faq-section .faq-item .faq-answer{padding:0 20px 16px;font-size:13px;line-height:1.5}}@media (max-width:480px){.course-detail-page .detail-section .padding .left-section .faq-section .faq-item .faq-answer{padding:0 16px 14px}}.course-detail-page .detail-section .padding .left-section .faq-section .faq-item.active .faq-question{border-bottom:1px solid #eee}.course-detail-page .detail-section .padding .left-section .faq-section .faq-item.active .faq-question .icon{transform:rotate(180deg)}.course-detail-page .detail-section .padding .left-section .faq-section .faq-item.active .faq-answer{display:block}.course-detail-page .detail-section .padding .right-section .tutor-info .user-info{cursor:pointer;align-items:center;gap:8px;margin:15px 0;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .tutor-info .user-info{gap:10px;margin-top:15px;margin-bottom:14px}}.course-detail-page .detail-section .padding .right-section .tutor-info .user-info .img-wrapper{border:2px solid var(--neutral-2);border-radius:50%;flex-shrink:0;width:50px;height:50px;overflow:hidden}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .tutor-info .user-info .img-wrapper{border-width:2px;width:45px;height:45px}}.course-detail-page .detail-section .padding .right-section .tutor-info .user-info .img-wrapper .profile{object-fit:cover;width:100%;height:100%}.course-detail-page .detail-section .padding .right-section .tutor-info .user-info .info{flex:1;min-width:0}.course-detail-page .detail-section .padding .right-section .tutor-info .user-info .info .name{margin-bottom:3px;font-size:13px;font-weight:700}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .tutor-info .user-info .info .name{font-size:14px}}.course-detail-page .detail-section .padding .right-section .tutor-info .user-info .info .title{color:var(--dark-4);font-size:12px}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .tutor-info .user-info .info .title{font-size:12px}}.course-detail-page .detail-section .padding .right-section .tutor-info .tutor-stats{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .tutor-info .tutor-stats{gap:14px;margin-bottom:14px}}@media (max-width:480px){.course-detail-page .detail-section .padding .right-section .tutor-info .tutor-stats{gap:10px}}.course-detail-page .detail-section .padding .right-section .tutor-info .tutor-stats .item{white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .tutor-info .tutor-stats .item{gap:4px;font-size:11px}}.course-detail-page .detail-section .padding .right-section .tutor-info .bio{color:var(--dark-4);font-size:13px;line-height:1.5}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .tutor-info .bio{font-size:13px;line-height:1.4}}.course-detail-page .detail-section .padding .right-section .tutor-info .instructor{align-items:center;gap:12px;margin-bottom:20px;font-size:14px;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .tutor-info .instructor{gap:10px;margin-bottom:16px;font-size:13px}}.course-detail-page .detail-section .padding .right-section .tutor-info .instructor .img-wrapper{border:2px solid var(--neutral-2);border-radius:50%;flex-shrink:0;width:45px;height:45px;overflow:hidden}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .tutor-info .instructor .img-wrapper{width:40px;height:40px}}.course-detail-page .detail-section .padding .right-section .tutor-info .instructor .img-wrapper .profile{object-fit:cover;width:100%;height:100%}.course-detail-page .detail-section .padding .right-section .tutor-info .instructor .name{font-size:14px;font-weight:700}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .tutor-info .instructor .name{font-size:13px}}.course-detail-page .detail-section .padding .right-section .access-code-input{border:1px solid var(--neutral-3);border-radius:10px}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .access-code-input{border-radius:8px}}.course-detail-page .detail-section .padding .right-section .course-assets h5{margin-bottom:25px}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .course-assets h5{margin-bottom:20px}}.course-detail-page .detail-section .padding .right-section .course-assets .sub-label{color:var(--dark-4);margin-bottom:20px;font-size:11px}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .course-assets .sub-label{margin-bottom:16px}}.course-detail-page .detail-section .padding .right-section .course-assets .asset{align-items:center;gap:12px;margin-bottom:18px;font-size:15px;font-weight:500;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .course-assets .asset{gap:10px;margin-bottom:16px;font-size:14px}}.course-detail-page .detail-section .padding .right-section .course-assets .asset .circle{background:var(--secondary-50);border-radius:10px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .course-assets .asset .circle{border-radius:8px;min-width:28px;min-height:28px;padding:5px}}.course-detail-page .detail-section .padding .right-section .course-assets .asset .circle .icon{color:var(--secondary);font-size:16px}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .course-assets .asset .circle .icon{font-size:14px}}.course-detail-page .detail-section .padding .right-section .course-assets .bottom{border-top:1px solid var(--neutral-2);padding-top:20px}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .course-assets .bottom{padding-top:16px}}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .pricing-info{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:20px 0;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .course-assets .bottom .pricing-info{flex-direction:column;align-items:flex-start;margin:16px 0}}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .pricing-info .label{font-size:14px;font-weight:700}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .course-assets .bottom .pricing-info .label{font-size:13px}}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .pricing-info .price-section{align-items:baseline;gap:6px;display:flex}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .pricing-info .price-section .discount{color:var(--red);font-size:12px;font-weight:700;text-decoration:line-through}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .pricing-info .price-section .line{color:var(--dark-4)}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .pricing-info .price-section .price{color:var(--secondary);font-size:24px;font-weight:700}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .course-assets .bottom .pricing-info .price-section .price{font-size:20px}}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .bookmark{color:var(--secondary);cursor:pointer;background:var(--secondary-50);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:15px;padding:15px 25px;font-size:15px;font-weight:600;transition:all .3s;display:flex}@media (max-width:768px){.course-detail-page .detail-section .padding .right-section .course-assets .bottom .bookmark{border-radius:10px;gap:8px;padding:12px 20px;font-size:14px}}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .bookmark .icon{color:var(--secondary);transition:color .3s}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .bookmark:hover{background:var(--secondary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .bookmark:hover .icon{color:#fff}.course-detail-page .detail-section .padding .right-section .course-assets .bottom .bookmark:active{transform:translateY(0)}.course-detail-page .detail-section .padding .reviews-section{margin-top:3rem}@media (max-width:768px){.course-detail-page .detail-section .padding .reviews-section{margin-top:2rem}}.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-dots{bottom:-60px}@media (max-width:768px){.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-dots{bottom:-40px}}.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-dots li button:before{content:"";background-color:var(--secondary);opacity:.4;border-radius:50%;width:12px;height:12px;transition:all .3s}@media (max-width:768px){.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-dots li button:before{width:10px;height:10px}}.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-dots li.slick-active button{width:55px!important}@media (max-width:768px){.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-dots li.slick-active button{width:40px!important}}.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-dots li.slick-active button:before{opacity:1;border-radius:10px;width:55px;transition:all .3s}@media (max-width:768px){.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-dots li.slick-active button:before{border-radius:8px;width:40px}}.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-arrow{z-index:2;color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;background:#0000001a!important;width:50px!important;height:50px!important;display:flex!important}@media (max-width:768px){.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-arrow{width:40px!important;height:40px!important}}.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-arrow.slick-prev{left:0}@media (max-width:768px){.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-arrow.slick-prev{left:-5px}}.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-arrow.slick-next{right:0}@media (max-width:768px){.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-arrow.slick-next{right:-5px}}.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-arrow:hover{color:#fff;transform:scale(1.1);background:var(--primary)!important}@media (max-width:992px){.course-detail-page .detail-section .padding .reviews-section .reviews .slick-slider .slick-dots{display:none}}.course-detail-page .share-sidebar{z-index:100;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:50%;left:10px;transform:translateY(-50%)}@media (max-width:1400px){.course-detail-page .share-sidebar{left:1rem}}@media (max-width:768px){.course-detail-page .share-sidebar{display:none}}.course-detail-page .share-sidebar .share-button{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000026}.course-detail-page .share-sidebar .share-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.course-detail-page .share-sidebar .share-button.facebook{background:#1877f2}.course-detail-page .share-sidebar .share-button.twitter{background:#1da1f2}.course-detail-page .share-sidebar .share-button.linkedin{background:#0077b5}.course-detail-page .share-sidebar .share-button.whatsapp{background:#25d366}.course-detail-page .share-sidebar .share-button.copy-link{background:#666}.course-detail-page .share-sidebar .share-button i{font-size:1.2rem}@media (max-width:768px){.course-detail-page .social-section{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem;display:block}.course-detail-page .social-section .social-title{color:#1a1a1a;text-align:center;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.course-detail-page .social-section .social-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.course-detail-page .social-section .social-buttons .share-button{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000026}.course-detail-page .social-section .social-buttons .share-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.course-detail-page .social-section .social-buttons .share-button.facebook{background:#1877f2}.course-detail-page .social-section .social-buttons .share-button.twitter{background:#1da1f2}.course-detail-page .social-section .social-buttons .share-button.linkedin{background:#0077b5}.course-detail-page .social-section .social-buttons .share-button.whatsapp{background:#25d366}.course-detail-page .social-section .social-buttons .share-button.copy-link{background:#666}.course-detail-page .social-section .social-buttons .share-button i{font-size:1.2rem}}@media (min-width:769px){.course-detail-page .social-section{display:none}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.course-detail-page-skeleton{background:var(--neutral-4)}.course-detail-page-skeleton .detail-section .padding{padding:3rem 0 5rem}.course-detail-page-skeleton .detail-section .padding .detail-header-skeleton{border-radius:20px;margin-bottom:20px}.course-detail-page-skeleton .detail-section .padding .detail-header-skeleton .img-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:20px;width:100%;height:500px;margin-bottom:10px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .detail-header-skeleton .category-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:5px;width:80px;height:21px;margin-bottom:10px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .detail-header-skeleton .title-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:70%;height:24px;margin-bottom:15px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .detail-header-skeleton .content-info-skeleton{justify-content:space-between;margin:15px 0;display:flex}.course-detail-page-skeleton .detail-section .padding .detail-header-skeleton .content-info-skeleton .stats-skeleton{gap:15px;display:flex}.course-detail-page-skeleton .detail-section .padding .detail-header-skeleton .content-info-skeleton .stats-skeleton .stat-item{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:60px;height:16px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .detail-header-skeleton .content-info-skeleton .rating-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:80px;height:16px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton{background:#fff;border-radius:20px;margin-top:20px;padding:30px}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton .section-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:150px;height:20px;margin-bottom:20px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton .content-lines .line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:100%;height:14px;margin-bottom:10px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton .content-lines .line:nth-child(2){width:90%}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton .content-lines .line:nth-child(3){width:85%}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton .content-lines .line:last-child{width:60%}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton .tutor-skeleton{margin-top:30px}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton .tutor-skeleton .user-info-skeleton{align-items:center;gap:10px;margin-bottom:15px;display:flex}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton .tutor-skeleton .user-info-skeleton .avatar-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;width:60px;height:60px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton .tutor-skeleton .user-info-skeleton .info .name-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:120px;height:16px;margin-bottom:5px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .course-card-skeleton .tutor-skeleton .user-info-skeleton .info .title-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:80px;height:14px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .right-section-skeleton .course-assets-skeleton{background:#fff;border-radius:20px;padding:30px}.course-detail-page-skeleton .detail-section .padding .right-section-skeleton .course-assets-skeleton .title-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:120px;height:20px;margin-bottom:20px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .right-section-skeleton .course-assets-skeleton .asset-skeleton{align-items:center;gap:10px;margin-bottom:15px;display:flex}.course-detail-page-skeleton .detail-section .padding .right-section-skeleton .course-assets-skeleton .asset-skeleton .icon-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;width:24px;height:24px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .right-section-skeleton .course-assets-skeleton .asset-skeleton .text-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:100px;height:15px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .right-section-skeleton .course-assets-skeleton .price-skeleton{border-top:1px solid #f2ecec;margin-top:20px;padding-top:15px}.course-detail-page-skeleton .detail-section .padding .right-section-skeleton .course-assets-skeleton .price-skeleton .price-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:120px;height:22px;margin-bottom:15px;animation:1.5s infinite loading}.course-detail-page-skeleton .detail-section .padding .right-section-skeleton .course-assets-skeleton .price-skeleton .button-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:10px;width:100%;height:40px;animation:1.5s infinite loading}
.course-content-item{background:#fff;border:1px solid #e8e8e8;border-radius:clamp(12px,2.5vw,16px);width:100%;margin-bottom:clamp(12px,3vw,18px);padding:clamp(12px,3vw,20px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.course-content-item:hover{border-color:#d0d0d0;box-shadow:0 4px 16px #00000014}.course-content-item.show .head-content .title-info .icon{transform:rotate(180deg)}.course-content-item.show .body-content{animation:.3s ease-out slideDown;display:block}.course-content-item .head-content{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;display:flex}@media (max-width:768px){.course-content-item .head-content{flex-direction:column;align-items:stretch;gap:12px}}.course-content-item .head-content .title-info{flex:1;gap:clamp(8px,2vw,12px);display:flex}.course-content-item .head-content .title-info .icon{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.course-content-item .head-content .title-info h6{color:var(--dark-1,#1a1a1a);margin-bottom:0;font-size:clamp(14px,3vw,16px);font-weight:600;line-height:1.4}.course-content-item .head-content .content-metric{flex-shrink:0;align-items:center;gap:clamp(10px,2.5vw,18px);display:flex}@media (max-width:768px){.course-content-item .head-content .content-metric{justify-content:space-between;width:100%}}.course-content-item .head-content .content-metric .metric-item{align-items:center;gap:6px;display:flex}.course-content-item .head-content .content-metric .metric-item .icon{color:var(--dark-4,#888);font-size:13px}.course-content-item .head-content .content-metric .metric-item .num{color:var(--dark-4,#888);font-size:clamp(12px,2.5vw,13px);font-weight:500}.course-content-item .body-content{border-top:1px solid #f0f0f0;margin-top:clamp(12px,3vw,18px);padding-top:clamp(12px,3vw,18px);display:none}.lesson-content-item{border-radius:8px;margin-bottom:clamp(10px,2.5vw,15px);padding:clamp(8px,2vw,12px);transition:background-color .2s}.lesson-content-item:hover{background-color:#f8f9fa}.lesson-content-item.show .title-info .icon{transform:rotate(180deg)}.lesson-content-item.show .lesson-info{animation:.3s ease-out fadeIn;display:block}.lesson-content-item .lesson-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.lesson-content-item .lesson-title .title-info{cursor:pointer;flex:1;align-items:center;gap:clamp(4px,1.5vw,8px);font-size:clamp(12px,2.5vw,14px);font-weight:500;line-height:1.4;display:flex}.lesson-content-item .lesson-title .title-info .icon{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.lesson-content-item .lesson-title .title-info .lesson-icon{color:var(--primary-200,#007bff)}.lesson-content-item .lesson-title .time{color:var(--dark-4,#888);flex-shrink:0;font-size:clamp(11px,2.5vw,13px);font-weight:500}.lesson-content-item .lesson-info{color:var(--dark-3,#666);padding-left:clamp(16px,4vw,24px);font-size:clamp(11px,2.5vw,13px);line-height:1.5;display:none}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.course-content-item,.lesson-content-item,.icon{transition:none;animation:none}}@media (prefers-contrast:high){.course-content-item{box-shadow:none;border-color:#000}.course-content-item:hover{background-color:#f0f0f0}}
.tutor-detail-page{background:var(--neutral-4);margin-top:91px}.tutor-detail-page .padding{padding:2rem 0 3rem}.tutor-detail-page .padding .tutor-basic-info{border-radius:15px;width:100%;overflow:hidden;box-shadow:0 5px 20px 10px #7775751a}.tutor-detail-page .padding .tutor-basic-info .cover-image{width:100%;height:300px;overflow:hidden}.tutor-detail-page .padding .tutor-basic-info .cover-image .image{object-fit:cover;width:100%;height:100%}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section{background:#fff;padding:0 30px 30px 60px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details{justify-content:space-between;align-items:flex-end;display:flex}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info{text-align:center;margin-top:-100px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .profile{background:linear-gradient(to right,var(--primary-200),var(--secondary-200));border-radius:50%;width:185px;height:185px;margin-bottom:15px;padding:6px;position:relative}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .profile .image{object-fit:cover;border-radius:50%;width:100%;height:100%}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .profile .active{background:var(--primary);border-radius:50%;width:18px;height:18px;position:absolute;bottom:7px;right:29px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info h5{margin-bottom:3px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info h5 .icon{color:var(--primary);margin-left:4px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .title{color:var(--dark-4);font-size:14px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .social-links{align-items:center;gap:10px;display:flex}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .social-links .circle{background-color:var(--primary);cursor:pointer;border-radius:50%;width:30px;height:30px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .social-links .circle .icon{color:#fff}.tutor-detail-page .padding .tutor-profile-content{margin-top:3rem}.tutor-detail-page .padding .tutor-profile-content .tabs{align-items:center;gap:5px;margin-bottom:20px;display:flex}.tutor-detail-page .padding .tutor-profile-content .tabs .tab-item{color:var(--dark-3);cursor:pointer;border-radius:5px;padding:6px 15px;font-weight:500}.tutor-detail-page .padding .tutor-profile-content .tabs .tab-item.active{background:var(--secondary-50);color:var(--secondary);font-weight:700}.tutor-detail-page .padding .tutor-profile-content .item-card{background:#fff;border-radius:15px;margin-bottom:20px;padding:30px;box-shadow:0 5px 20px 10px #7775751a}.tutor-detail-page .padding .tutor-profile-content .item-card .title{margin-bottom:20px}.tutor-detail-page .padding .tutor-profile-content .item-card .card-content .item{margin-top:15px}.tutor-detail-page .padding .tutor-profile-content .item-card .tag-item{background:var(--neutral-4);color:var(--dark-3);border-radius:5px;margin:5px;padding:4px 7px;font-size:14px;font-weight:500}.tutor-detail-page .padding .tutor-profile-content .item-card .avg-rating{margin-bottom:5px;font-size:25px;font-weight:700}.tutor-detail-page .padding .tutor-profile-content .item-card .avg-rating span{color:var(--dark-4);font-size:13px;font-weight:500}.tutor-detail-page .padding .tutor-profile-content .item-card .review{gap:10px;margin-bottom:20px;display:flex}.tutor-detail-page .padding .tutor-profile-content .item-card .review .profile{border-radius:50%;width:40px;height:40px;overflow:hidden}.tutor-detail-page .padding .tutor-profile-content .item-card .review .profile .image{object-fit:cover;width:100%;height:100%}@media screen and (max-width:992px){.tutor-detail-page .padding .tutor-basic-info .cover-image{height:150px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section{padding:0 15px 15px 20px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info{margin-top:-50px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .profile{width:100px;height:100px}.tutor-detail-page .padding .tutor-profile-content .content-row{flex-direction:column-reverse}}@media screen and (max-width:768px){.tutor-detail-page{margin-top:60px}.tutor-detail-page .padding .tutor-basic-info .cover-image{height:100px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section{padding:0 15px 15px 20px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details{flex-direction:column;align-items:flex-start}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info{text-align:start;margin-top:-40px;padding-bottom:20px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .profile{width:80px;height:80px}.tutor-detail-page .padding .tutor-profile-content .tabs{flex-wrap:nowrap;width:100%;padding:15px 0;overflow-x:scroll}.tutor-detail-page .padding .tutor-profile-content .tabs .tab-item{white-space:nowrap}.tutor-detail-page .padding .tutor-profile-content .tabs ::-webkit-scrollbar{width:2px;height:2px}.tutor-detail-page .padding .tutor-profile-content .item-card{padding:15px}}