body,
div,
ul,
li,
a,
button,
td,
span{font-family:'Open Sans', sans-serif !important}
a{text-decoration:none}
.cropped-home-banner{position:absolute;width:0px;height:0px;top:0;border-left:0px solid #f9f9f900;border-right:70px solid #13d76203}
@media only screen and (max-width:766px){.cropped-home-banner{display:none}
.home-banner-area{background:none !important;padding:80px 0 75px !important}
.home-banner-wrap{max-width:100% !important;text-align:center}
}
.bg-background{background:#f9f9f9}
.bg-transparent{background:#00000000 !important}
.top-categories{width:100%;height:100%;padding:20px 35px;display:inline-flex;border:1px solid #e4e4e4;text-decoration:none;display:grid;align-content:center}
.top-categories:hover,
.top-categories:focus{background-color:#ec5252;background-image:url('../img/category-bg.png');background-size:cover;background-position:50%;transition:all .5s}
.category-icon{width:45px;height:45px;background-color:#ec5252;color:#fff;border-radius:50px;font-size:20px;line-height:45px;text-align:center;margin:10px 0px}
.top-categories:hover .category-icon,
.top-categories:focus .category-icon{background-color:#fff;color:#000}
.category-title{font-weight:600}
.top-categories:hover .category-title,
.top-categories:focus .category-title{color:#fff}
.category-title p{color:#b4b4b4;font-size:13px;font-weight:400 !important;margin-top:2px;margin-bottom:1px}
.top-categories:hover .category-title p,
.top-categories:focus .category-title p{color:#efdcdc}
.divider-1{background-color:#b8c3c5;margin-left:-15px;margin-right:-10px;margin-top:12px;margin-bottom:6px}
.compare-row{margin-top:25px;background-color:#fff;border:1px solid #f9f9f9;border-radius:10px;padding:28px 10px}
.btn-compare-sm{color:#066ac9;background:#eff4ff;font-size:11px;border-radius:5px;text-align:center;height:25px;border:none;line-height:24px;margin-top:3px}
.btn-compare-sm i{margin-right:4px}
.btn-compare-sm:hover,
.btn-compare-sm:focus{color:#fff;background:#066ac9}
.badge-sub-warning{background-color:#eceb98 !important;color:#3c3c2d !important;padding:5px 10px 5px 10px;border-radius:5px}
.badge-primary{background-color:#066ac9 !important;color:#fff !important;padding:6px 10px;font-weight:500}
.floating-user{width:auto;height:30px}
.floating-user img{border-radius:15px;position:absolute}
.floating-user img:hover,
.floating-user img:focus{z-index:999}
.become-user-label{padding:30px 25px;border-radius:10px;background-repeat:no-repeat;background-position:right}
.bg-sub-primary{background-color:#e6f0f9}
.bg-sub-danger{background-color:#fcebeb}
.text-sub-warning{color:#eceb98 !important}
.footer-area{color:#bfc8da}
.footer-hover-link{text-decoration:none;font-size:13px;color:#bfc8da;font-weight:500}
.footer-hover-link:hover{color:#efefef !important}
.language_selector{border-radius:5px;font-size:14px;background:#066ac9;border-color:#066ac9;color:#bfc8da;padding:6px 10px}
.footer-summary{color:#fff;padding:29px 30px;background:linear-gradient(360deg, rgba(10, 28, 58, 1) 0%, rgba(35, 52, 81, 1) 100%)}
.footer-summary h3,
.footer-summary h4,
.footer-summary h5{line-height:32px;font-size:22px}
ul.footer-social-link{list-style:none;padding-left:0px;height:30px}
ul.footer-social-link li{float:left;background-color:#293e61;color:#fff;margin:0px 8px 0px 0px;border-radius:50%;height:32px;width:32px;line-height:32px;text-align:center;transition:all .3s}
.border-top-sub-blue{border-top:1px solid #293e61}
ul.footer-social-link li.active,
ul.footer-social-link li:hover{background-color:#ec5252;transition:all .3s}
ul.footer-social-link li a{display:block;color:#fff;font-size:15px}
ul.footer-social-link li a:hover{color:#ddd}
section.featured-instructor{background:white;padding:30px 0px 0px 0px}
.top-instructor-img{max-width:250px}
.top-instructor-img img{border-radius:10px 0px 0px 10px}
@media only screen and (min-width:1200px){.top-instructor-details{margin:0;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);right:0;max-width:58%;padding:0px 22px}
}
.top-istructor-slick .slick-prev:before{color:#066ac9;font-size:25px;margin-right:-25px}
.top-istructor-slick .slick-next:before{color:#066ac9;font-size:25px;margin-left:-25px}
.slick-list.draggable{border-radius:10px;margin:0px 12px}
.instructor-summary .slick-track{padding:0px}
.instructor-summary .instructor-image{width:100%;text-align:center;position:relative;background-color:#f9f9f9;border-radius:8px;padding:10px;margin-bottom:-100px;z-index:-1}
.instructor-summary img{height:200px;border-top-right-radius:8px;border-top-left-radius:8px;margin-left:auto;margin-right:auto;margin-bottom:60px}
.instructor-summary .summary-box{border-radius:8px;background-color:#066ac9;color:#fff;padding:22px 25px;margin:0px 40px}
.instructor-summary .summary-box .summary-body{font-size:14px}
.instructor-summary .summary-box .summary-footer{width:100%;display:flex;margin-top:20px}
@media only screen and (max-width:500px){.instructor-summary .summary-box .summary-footer{display:inline-grid}
.instructor-summary .summary-box .summary-footer .name{margin-top:10px}
}
.instructor-summary .summary-box .summary-footer .badge{background-color:#3e95e8}
.instructor-summary .summary-box .summary-footer .name{width:auto;margin-left:auto;padding-left:100px;white-space:nowrap}
.instructor-summary .summary-box .summary-footer .name>h6{color:#fff;margin:0px !important;font-size:15px;font-weight:700}
.instructor-summary .summary-box .summary-footer .name>h6::before{content:"";position:absolute;background-color:white;width:80px;height:1.5px;border-radius:5px;margin-top:9px;margin-left:-90px}
.instructor-summary .summary-box .summary-footer .name>span{font-size:12px;color:#ffffff}
.hover-shadow-1:hover{box-shadow:0px 0px 5px 0px #9090902e !important}
.image-placeholder-1{position:absolute;width:100%;height:100% !important;background:linear-gradient(91deg, rgb(0 0 0 / 24%) 0%, rgba(0, 35, 51, 0.35) 100%) !important}
.image-placeholder-2{position:absolute;width:100%;height:100% !important;background:linear-gradient(91deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 50%) 100%) !important}
.image-placeholder-3{position:absolute;width:100%;height:100% !important;background:linear-gradient(91deg, rgb(0 0 0 / 42%) 0%, rgb(0 35 51 / 0%) 100%) !important}
.compare-row{margin-top:25px;background-color:#fff;border:1px solid #f9f9f9;border-radius:10px;padding:28px 10px}
.compare-row-icon{height:26px;width:26px;line-height:26px;background:#444;border-radius:5px;font-size:13px;color:#fff;text-align:center}
.skill-level-icon{width:24px;height:24px;background-color:transparent}
.skill-level-icon span{background-color:#dcdee1;margin-left:1.5px;margin-right:1.5px;float:left}
.skill-level-icon .active{background-color:#ec5252}
.skill-level-icon span:first-of-type{width:5px;height:8px;margin-top:16px}
.skill-level-icon span:nth-of-type(2n){width:5px;height:16px;margin-top:8px}
.skill-level-icon span:last-of-type{width:5px;height:24px}
.marge-input-box input{border-radius:10px 0px 0px 10px;border-right:0px;font-size:13px}
.marge-input-box .input-group-append{border:1px solid #cccfe7;border-radius:0px 10px 10px 0px;border-left:none !important}
.marge-input-box button{background:#ec5252;color:#fff;font-weight:500;margin:5px;font-size:13px;border-radius:8px}
.marge-input-box button:hover{background:#cd4f4f;color:#fff}
.sign-up-form{background:#fff;padding:35px 30px;border-radius:10px;box-shadow:0px 0px 10px -1px #ebebeb}
.sign-up-form .form-group{margin-bottom:15px}
.sign-up-form .form-group label{color:#5c5c5c;font-weight:600}
.sign-up-form .form-group .input-group span{border-right:none;padding:12px 8px 12px 15px;border-radius:10px;color:#878787;font-size:15px;font-weight:500}
.sign-up-form .form-group .input-group input{border-left:none;padding:12px 5px;border-radius:10px;color:#878787;font-size:13px;font-weight:500}
.animated-loader{width:100px;height:100px;line-height:100px;padding:0px;text-align:center;margin-left:auto;margin-right:auto}
.common-search-box{margin-right:50px;padding:0px 0}
.common-search-box input{background-color:hsl(192deg 33% 97%);border:1px solid hsl(192deg 33% 97%);height:40px;padding:0 15px;border-radius:5px 0 0 5px;font-size:13px}
.common-search-box input:focus{background-color:#fff;border-color:#dedfe0;border-right-color:transparent}
.common-search-box input:focus+.input-group-button{background-color:#fff !important;border-top:1px solid #dedfe0 !important;border-right:1px solid #dedfe0 !important;border-bottom:1px solid #dedfe0 !important;padding:5px 9px 5px 10px !important}
.common-search-box button{background-color:#ec5252 !important;border-color:#ec5252;color:#fff;padding:1px 6px;border-radius:6px}
.common-search-box button:hover{color:#efefef}
.common-search-box .input-group-button{background-color:hsl(192deg 33% 97%);padding:6px 10px 6px 10px;border-radius:0px 5px 5px 0px}
.menu-area .search-box.mobile-search{background-color:#f1f3f7 !important;border:1px solid #e2e8f0 !important;border-radius:50px !important;padding:0 !important;transition:all 0.3s ease !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.38) !important;height:46px !important;display:flex !important;align-items:center !important;overflow:hidden !important}
.menu-area .search-box.mobile-search:focus-within{background-color:#fff !important;border-color:#ec5252 !important;box-shadow:0 0 0 3px rgba(236, 82, 82, 0.35) !important}
.menu-area .search-box.mobile-search input{background:transparent !important;border:none !important;padding-left:20px !important;font-size:14px !important;height:100% !important;box-shadow:none !important;flex:1 !important}
.menu-area .search-box.mobile-search .input-group-append{padding:0 !important;margin:0 !important;height:100% !important}
.menu-area .search-box.mobile-search .input-group-append button{background:#ec5252 !important;color:#fff !important;border-radius:0 50px 50px 0 !important;width:50px !important;height:calc(100% + 2px) !important;margin:-1px -1px -1px 0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;border:1px solid #ec5252 !important;transition:all 0.3s ease !important;font-size:16px !important}
.menu-area .search-box.mobile-search .input-group-append button:hover{background:#d43f3f !important;border-color:#d43f3f !important}
.home-banner-wrap .search-box.input-group{background:#fff !important;border-radius:50px !important;padding:0 !important;border:1px solid #e2e8f0 !important;overflow:hidden !important;height:62px !important;display:flex !important;align-items:center !important;margin:0 auto !important;width:100% !important;max-width:1000px !important}
.home-banner-wrap .search-box .form-control{border:none !important;padding-left:30px !important;height:100% !important;font-size:16px !important;box-shadow:none !important;background:transparent !important;flex:1 !important}
.home-banner-wrap .search-box .input-group-append{padding:0 !important;margin:0 !important;height:100% !important}
.home-banner-wrap .search-box .btn{background:#ec5252 !important;color:#fff !important;border-radius:0 50px 50px 0 !important;padding:0 35px !important;height:calc(100% + 2px) !important;margin:-1px -1px -1px 0 !important;font-weight:700 !important;border:1px solid #ec5252 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;transition:all 0.3s ease !important}
.home-banner-wrap .search-box .btn:hover{background:#d43f3f !important;border-color:#d43f3f !important;padding-right:40px !important}
@media print{.print-content{position:fixed !important;margin:0 !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;z-index:3333 !important;width:100% !important;background:#fff !important}
footer,
nav,
title{display:none !important}
body{overflow:hidden !important}
}
.ebook-card-advanced,
.blog-card-advanced{background:#0f172a !important;border:1px solid rgba(255, 255, 255, 0.30) !important;border-radius:20px !important;padding:20px !important;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;box-shadow:0 10px 30px -10px rgba(0, 0, 0, 0.5) !important}
.ebook-card-advanced:hover,
.blog-card-advanced:hover{transform:translateY(-10px);border-color:#38bdf8 !important;box-shadow:0 20px 40px -15px rgba(0, 0, 0, 0.6), 0 0 15px rgba(56, 189, 248, 0.45) !important}
.ebook-card-advanced::after,
.blog-card-advanced::after{content:'';position:absolute;width:100px;height:100px;background:#38bdf8;filter:blur(80px);opacity:0;transition:opacity 0.5s ease;z-index:0;pointer-events:none}
.ebook-card-advanced:hover::after,
.blog-card-advanced:hover::after{opacity:0.15}
.card-image-wrap{position:relative;border-radius:12px;overflow:hidden;margin-bottom:15px;background:#1e293b;aspect-ratio:16/10}
.card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}
.ebook-card-advanced:hover img,
.blog-card-advanced:hover img{transform:scale(1.08)}
.advanced-price-tag{position:absolute;top:10px;right:10px;background:rgba(15, 23, 42, 0.85);border:1px solid rgba(56, 189, 248, 0.75);padding:4px 12px;border-radius:8px;color:#38bdf8;font-weight:700;font-size:13px;z-index:2;box-shadow:0 4px 10px rgba(0, 0, 0, 0.65)}
.price-original{text-decoration:line-through;opacity:0.6;margin-right:5px;font-size:11px}
.price-free{color:#10b981 !important}
.card-content-v2{flex-grow:1;display:flex;flex-direction:column}
.card-title-v2{color:#f1f5f9 !important;font-size:17px !important;font-weight:700 !important;line-height:1.4;margin-bottom:10px !important;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-meta-v2{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:15px;margin-bottom:15px}
.card-actions-v2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.btn-tech{background:#1e293b;border:1px solid rgba(255, 255, 255, 0.35);color:#cbd5e1 !important;font-size:12px !important;font-weight:600 !important;padding:8px !important;border-radius:8px !important;text-align:center;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:5px}
.btn-tech:hover{background:#334155;color:#fff !important;border-color:rgba(255, 255, 255, 0.45)}
.btn-tech-primary{background:#38bdf8 !important;border-color:#38bdf8 !important;color:#0f172a !important}
.btn-tech-primary:hover{background:#0ea5e9 !important;box-shadow:0 0 15px rgba(56, 189, 248, 0.75)}
.blog-sidebar-v2{background:#0f172a;border-radius:20px;padding:25px;border:1px solid rgba(255, 255, 255, 0.30)}
.sidebar-heading-v2{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.sidebar-heading-v2::after{content:'';height:1px;background:linear-gradient(to right, #38bdf8, transparent);flex-grow:1}
.search-v2{position:relative;margin-bottom:30px}
.search-v2 input{width:100%;background:#1e293b;border:1px solid rgba(255, 255, 255, 0.35);padding:12px 20px;padding-right:45px;border-radius:12px;color:#fff;font-size:14px}
.category-list-v2{list-style:none;padding:0}
.category-item-v2{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255, 255, 255, 0.30);color:#94a3b8;transition:all 0.3s}
.category-item-v2:hover{color:#38bdf8;padding-left:5px}
.tag-cloud-v2{display:flex;flex-wrap:wrap;gap:8px}
.tag-v2{background:#1e293b;color:#94a3b8;padding:5px 12px;border-radius:20px;font-size:12px;transition:all 0.3s}
.tag-v2:hover{background:#38bdf8;color:#0f172a}
.card-blog{border-radius:20px !important;overflow:hidden;margin:30px 0px}
.card-blog:hover .blog-thumbnail{height:100%;background-position:center;transition:all .3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s}
.card-blog:hover .card-blog-body::after{content:"";background:linear-gradient(360deg, rgb(0 0 0 / 82%) 0%, rgba(255, 255, 255, 0.25) 72%);position:absolute;z-index:500;width:100%;height:100%;border-radius:10px}
.card-blog-body .blog-placeholder{position:absolute;bottom:20px;z-index:600;width:100%}
.card-blog:hover .blog-placeholder{color:#fff !important;padding:0px 20px}
.card-blog-body .cart-blog-title{font-size:18px;margin-bottom:15px;font-weight:600;text-decoration:underline}
.card-blog-body .blog-info{width:33.3%;text-align:center;height:40px;font-size:14px;font-weight:500;padding:7px 0px;color:#858585}
.card-blog:hover .blog-info{color:#fff !important}
.blog-search-input{height:42px;background-color:#f9f9f9;border-bottom:1px solid #cdcdcd;border-top:none;border-left:none;border-right:none;border-radius:0px}
.blog-search-button{display:none;padding:0px 20px;border:none;border-bottom:1px solid #cdcdcd;background-color:#fff}
.ellipsis-line-2{display:-webkit-box !important;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.ellipsis-line-3{display:-webkit-box !important;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.ellipsis-line-4{display:-webkit-box !important;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.ellipsis-line-5{display:-webkit-box !important;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.scrolling-wrapper{overflow:hidden;width:100%;max-width:1200px;margin:0 auto;position:relative;padding:20px 0}
.scrolling-content{display:flex;width:max-content;padding-left:100%;animation:scroll-left 20s linear infinite}
.scrolling-content:hover{animation-play-state:paused}
.card-blog-scroll{width:380px;margin:0 15px;flex-shrink:0;transition:transform 0.3s}
.card-blog-scroll:hover{transform:translateY(-5px)}
@keyframes scroll-left{0%{transform:translateX(0)}
100%{transform:translateX(-100%)}
}
.header-underline{position:relative}
.header-underline::before{content:"";position:absolute;background-color:#293e61;width:100%;height:2px;border-radius:2px;bottom:-7px}
.header-underline-2{position:relative}
.header-underline-2::before{content:"";position:absolute;background-color:#ec5252;width:50%;height:2px;border-radius:2px;left:25%;bottom:-7px}
.btn-primary:hover{background-color:#095299;border-color:#095299}
.scrolling-text-bar{color:#ffffff;height:35px;display:flex;align-items:center;overflow:hidden;position:relative;font-size:14px;font-weight:600;box-shadow:0 2px 5px rgba(0, 0, 0, 0.55);z-index:1000}
.scrolling-text-content{display:flex;white-space:nowrap;animation:marquee 25s linear infinite}
.scrolling-text-content span{padding-right:150px;display:inline-block}
@keyframes marquee{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
.scrolling-text-bar:hover .scrolling-text-content{animation-play-state:paused}
.footer-modern{position:relative !important;background:linear-gradient(135deg, #6C63FF 0%, #00C9A7 100%) !important;color:#ffffff !important;padding:60px 0 0 0 !important;font-family:'Inter', 'Poppins', sans-serif !important;overflow:hidden !important;border-top:none !important}
.footer-modern h4{color:#ffffff !important;font-size:18px !important;font-weight:800 !important;margin-bottom:25px !important;position:relative !important;letter-spacing:0.5px !important}
.footer-modern h4::after{content:'' !important;position:absolute !important;left:0 !important;bottom:-8px !important;width:30px !important;height:2px !important;background-color:#ffffff !important}
.footer-modern p{line-height:1.7 !important;font-size:15px !important;color:rgba(255, 255, 255, 0.9) !important}
.footer-modern .footer-links-list{list-style:none !important;padding:0 !important}
.footer-modern .footer-links-list li{margin-bottom:15px !important}
.footer-modern .footer-links-list li a{color:rgba(255, 255, 255, 0.9) !important;text-decoration:none !important;font-size:15px !important;transition:all 0.3s ease !important;font-weight:500 !important}
.footer-modern .footer-links-list li a:hover{color:#ffffff !important;padding-left:8px !important;opacity:1 !important}
.footer-modern .social-links{display:flex !important;gap:18px !important;margin-top:25px !important}
.footer-modern .social-links a{width:38px !important;height:38px !important;background-color:rgba(255, 255, 255, 0.35) !important;color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;transition:all 0.3s ease !important;text-decoration:none !important;font-size:16px !important;border:1px solid rgba(255, 255, 255, 0.45) !important}
.footer-modern .social-links a:hover{background-color:#ffffff !important;color:#6C63FF !important;transform:translateY(-5px) !important;box-shadow:0 5px 15px rgba(0, 0, 0, 0.55) !important}
.footer-modern .footer-bottom{margin-top:40px !important;padding:20px 0 !important;border-top:1px solid rgba(255, 255, 255, 0.35) !important;font-size:13px !important;background-color:rgba(0, 0, 0, 0.40) !important}
.footer-modern .footer-bottom span{margin-right:25px !important;color:rgba(255, 255, 255, 0.7) !important}
.footer-modern .container-xl{position:relative !important;z-index:5 !important}
.payment-icons{display:flex !important;gap:15px !important;margin-top:20px !important;flex-wrap:wrap !important}
.payment-icons i,
.payment-icons span{font-size:24px !important;color:rgba(255, 255, 255, 0.8) !important;transition:all 0.3s ease !important}
.payment-icons .troy-text{font-weight:900 !important;font-size:18px !important;letter-spacing:-1px !important}
.payment-icons .shopier-text{font-weight:700 !important;font-size:16px !important}
.payment-icons div{display:flex !important;align-items:center !important;justify-content:center !important;padding:5px 10px !important;background:rgba(255, 255, 255, 0.35) !important;border-radius:6px !important;border:1px solid rgba(255, 255, 255, 0.35) !important}
.payment-icons div:hover i,
.payment-icons div:hover span{color:#ffffff !important;transform:scale(1.1) !important}
.footer-modern .brand-col img{filter:brightness(0) invert(1) !important;opacity:1 !important;margin-bottom:20px !important;max-width:150px !important}
.footer-news-excerpt{font-size:14px !important;color:#888 !important;margin-top:8px !important}
.btn-read-more-modern{color:#ec5252 !important;font-size:14px !important;font-weight:600 !important;text-decoration:none !important;display:inline-block !important;margin-top:12px !important}
.btn-read-more-modern:hover{text-decoration:underline !important}
.text-white-forced{color:#ffffff !important}
.course-box-wrap{padding:15px !important;transition:all 0.3s ease !important}
.course-box-wrap .course-box{background:#ffffff !important;border-radius:16px !important;overflow:hidden !important;border:1px solid #eef0f7 !important;box-shadow:0 4px 15px rgba(0, 0, 0, 0.40) !important;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;height:100% !important;display:flex !important;flex-direction:column !important}
.course-box-wrap:hover .course-box{transform:translateY(-8px) !important;box-shadow:0 12px 30px rgba(0, 0, 0, 0.45) !important;border-color:#ec5252 !important}
.course-box .course-image{position:relative !important;overflow:hidden !important;height:180px !important}
.course-box .course-image img{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform 0.5s ease !important}
.course-box-wrap:hover .course-image img{transform:scale(1.1) !important}
.course-box .course-image .price{position:absolute !important;right:15px !important;top:15px !important;background:rgba(0, 0, 0, 0.85) !important;color:#fff !important;padding:6px 14px !important;border-radius:50px !important;font-weight:700 !important;font-size:15px !important;z-index:2 !important;box-shadow:0 4px 10px rgba(0, 0, 0, 0.55) !important}
.course-box .course-image .price small{font-size:12px !important;opacity:0.7 !important;margin-right:5px !important;font-weight:500 !important;text-decoration:line-through !important}
.course-box .course-image .price.badge-free{background:#27ae60 !important;color:#ffffff !important}
.course-box .course-details{padding:20px !important;flex-grow:1 !important;display:flex !important;flex-direction:column !important}
.course-box .course-details .title{font-size:18px !important;font-weight:700 !important;color:#2d3436 !important;margin-bottom:15px !important;line-height:1.4 !important;height:50px !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;line-clamp:2 !important;line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
.course-box .course-details .rating{margin-bottom:15px !important}
.course-box .course-details .rating i.filled{color:#f1c40f !important}
.course-box .course-details .badge-primary{background-color:rgba(236, 82, 82, 0.35) !important;color:#ec5252 !important;padding:6px 12px !important;border-radius:4px !important;font-weight:600 !important}
.course-box-2{background:#ffffff !important;border-radius:16px !important;margin-bottom:25px !important;display:flex !important;padding:0 !important;border:1px solid #eef0f7 !important;box-shadow:0 4px 15px rgba(0, 0, 0, 0.40) !important;transition:all 0.3s ease !important;overflow:hidden !important}
.course-box-2:hover{box-shadow:0 8px 25px rgba(0, 0, 0, 0.45) !important;border-color:#ec5252 !important}
.course-box-2 .course-image{width:300px !important;min-width:300px !important;height:220px !important}
.course-box-2 .course-image img{border-radius:0 !important}
.course-box-2 .course-details{padding:25px !important;flex-grow:1 !important;border:none !important}
.course-box-2 .course-title{font-size:22px !important;font-weight:700 !important;color:#2d3436 !important;margin-bottom:10px !important}
.course-box-2 .course-price-rating{width:250px !important;padding:25px !important;background:#fcfdfe !important;border-left:1px solid #eef0f7 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;text-align:center !important}
.course-box-2 .course-price .current-price{font-size:24px !important;font-weight:800 !important;color:#ec5252 !important}
@media (max-width:768px){.course-box-2{flex-direction:column !important}
.course-box-2 .course-image{width:100% !important;min-width:100% !important}
.course-box-2 .course-price-rating{width:100% !important;flex-direction:row !important;justify-content:space-between !important;border-left:none !important;border-top:1px solid #eef0f7 !important}
}
.blog-card-modern{background:#ffffff !important;border-radius:20px !important;overflow:hidden !important;border:1px solid #f0f2f5 !important;box-shadow:0 4px 20px rgba(0, 0, 0, 0.40) !important;transition:all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;height:100% !important;display:flex !important;flex-direction:column !important}
.blog-card-modern:hover{transform:translateY(-10px) !important;box-shadow:0 15px 35px rgba(0, 0, 0, 0.45) !important;border-color:#ec5252 !important}
.blog-card-modern .blog-image-wrap{height:220px !important;overflow:hidden !important;position:relative !important}
.blog-card-modern .blog-image-wrap img{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform 0.6s ease !important}
.blog-card-modern:hover .blog-image-wrap img{transform:scale(1.1) !important}
.blog-card-modern .blog-category-badge{position:absolute !important;top:15px !important;left:15px !important;background:rgba(236, 82, 82, 0.9) !important;color:#fff !important;padding:5px 12px !important;border-radius:50px !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;z-index:2 !important}
.blog-card-modern .blog-body{padding:25px !important;flex-grow:1 !important;display:flex !important;flex-direction:column !important}
.blog-card-modern .blog-meta{font-size:13px !important;color:#8a94a6 !important;margin-bottom:12px !important;display:flex !important;align-items:center !important;gap:15px !important}
.blog-card-modern .blog-meta i{margin-right:5px !important;color:#ec5252 !important}
.blog-card-modern .blog-title{font-size:19px !important;font-weight:800 !important;color:#1e293b !important;line-height:1.4 !important;margin-bottom:15px !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;transition:color 0.3s ease !important}
.blog-card-modern:hover .blog-title{color:#ec5252 !important}
.blog-card-modern .blog-excerpt{font-size:14px !important;color:#64748b !important;line-height:1.6 !important;margin-bottom:20px !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
.blog-card-modern .blog-footer{margin-top:auto !important;padding-top:15px !important;border-top:1px solid #f1f5f9 !important;display:flex !important;justify-content:space-between !important;align-items:center !important}
.blog-card-modern .read-more-btn{font-size:14px !important;font-weight:700 !important;color:#ec5252 !important;display:flex !important;align-items:center !important;gap:8px !important}
.blog-card-modern .read-more-btn i{transition:transform 0.3s ease !important}
.blog-card-modern:hover .read-more-btn i{transform:translateX(5px) !important}
.blog-details-modern{background:#fff !important;border-radius:24px !important;box-shadow:0 10px 40px rgba(0, 0, 0, 0.39) !important;overflow:hidden !important}
.blog-details-modern .detail-banner{width:100% !important;height:450px !important;object-fit:cover !important}
.blog-details-modern .detail-body{padding:50px !important}
.blog-details-modern .blog-content-text{font-size:18px !important;line-height:1.8 !important;color:#334155 !important;font-family:'Inter', sans-serif !important}
.blog-details-modern .blog-content-text p{margin-bottom:25px !important}
.blog-author-box{background:#f8fafc !important;border-radius:20px !important;padding:30px !important;margin-top:40px !important;border:1px solid #e2e8f0 !important}
.custom-banner-animated{position:relative !important;background:linear-gradient(135deg, #6C63FF 0%, #00C9A7 100%) !important;padding:40px 0 !important;overflow:hidden !important;border-radius:0 0 20px 20px !important;box-shadow:0 10px 30px rgba(0, 0, 0, 0.45) !important}
.banner-shapes{display:none !important;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:1 !important}
.banner-shapes .shape{position:absolute !important;background:rgba(255, 255, 255, 0.35) !important;border:1px solid rgba(255, 255, 255, 0.45) !important;border-radius:30% 70% 70% 30% / 30% 30% 70% 70% !important;animation:shape-morph 15s infinite alternate ease-in-out !important}
.banner-shapes .shape-1{width:300px !important;height:300px !important;top:-50px !important;right:-50px !important;background:rgba(255, 255, 255, 0.30) !important}
.banner-shapes .shape-2{width:200px !important;height:200px !important;bottom:-30px !important;left:10% !important;animation-delay:-5s !important}
.banner-shapes .shape-3{width:150px !important;height:150px !important;top:20% !important;left:-30px !important;animation-delay:-2s !important}
.banner-shapes .shape-icon{position:absolute !important;color:rgba(255, 255, 255, 0.45) !important;font-size:40px !important;animation:icon-float 6s infinite ease-in-out !important}
.banner-shapes .icon-1{top:15%;left:15%;animation-delay:0s}
.banner-shapes .icon-2{bottom:20%;right:15%;animation-delay:-2s;font-size:60px !important;opacity:0.1 !important}
.banner-shapes .icon-3{top:60%;left:40%;animation-delay:-4s;font-size:30px !important}
.banner-shapes .icon-4{top:10%;right:30%;animation-delay:-1s}
@keyframes shape-morph{0%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;transform:rotate(0deg) scale(1)}
100%{border-radius:50% 50% 33% 67% / 55% 27% 73% 45%;transform:rotate(180deg) scale(1.2)}
}
@keyframes icon-float{0%,
100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-20px) rotate(10deg)}
}
.global-main-wrapper{position:relative !important;overflow:hidden !important;background-color:#e2e8f0 !important;background-image:radial-gradient(at 15% 15%, rgba(88, 81, 255, 0.45) 0px, transparent 65%),
radial-gradient(at 85% 15%, rgba(0, 201, 167, 0.45) 0px, transparent 65%),
radial-gradient(at 50% 50%, rgba(88, 81, 255, 0.70) 0px, transparent 65%),
radial-gradient(at 15% 85%, rgba(0, 201, 167, 0.45) 0px, transparent 65%),
radial-gradient(at 85% 85%, rgba(88, 81, 255, 0.45) 0px, transparent 65%) !important;min-height:80vh !important}
.category-course-list-area{position:relative !important;z-index:2 !important;background:transparent !important}
.content-background-decor{position:absolute !important;top:0;left:0;width:100%;height:100%;pointer-events:none !important;z-index:0 !important;opacity:0.2 !important}
.decor-item{position:absolute !important;color:#4F46E5 !important;opacity:0.95 !important;filter:drop-shadow(0 4px 12px rgba(79, 70, 229, 0.75)) !important;transition:transform 0.3s ease-out !important}
.decor-item.icon{font-size:30px !important}
.decor-item.shape-circle{width:70px !important;height:70px !important;border-radius:50% !important;border:4px solid rgba(79, 70, 229, 0.8) !important}
.decor-item.shape-square{width:60px !important;height:60px !important;border:4px solid rgba(13, 148, 136, 1) !important;transform:rotate(45deg) !important}
.course-1{background:#ffffff !important;border-radius:20px !important;box-shadow:0 20px 45px rgba(0, 0, 0, 0.47) !important;border:1px solid rgba(255, 255, 255, 1) !important;transition:all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important}
.course-1:hover{transform:translateY(-10px) !important;box-shadow:0 25px 50px rgba(108, 99, 255, 0.50) !important}
.decor-1{top:5%;left:3%;animation:content-bg-float 15s infinite ease-in-out}
.decor-2{top:15%;right:5%;animation:content-bg-float 18s infinite ease-in-out reverse}
.decor-3{top:25%;left:10%;animation:content-bg-float 20s infinite ease-in-out}
.decor-4{top:35%;right:12%;animation:content-bg-float 22s infinite ease-in-out reverse}
.decor-5{top:45%;left:5%;animation:content-bg-float 16s infinite ease-in-out}
.decor-6{top:55%;right:10%;animation:content-bg-float 19s infinite ease-in-out}
.decor-7{top:65%;left:15%;animation:content-bg-float 21s infinite ease-in-out reverse}
.decor-8{top:75%;right:3%;animation:content-bg-float 17s infinite ease-in-out}
.decor-9{top:85%;left:8%;animation:content-bg-float 23s infinite ease-in-out}
.decor-10{top:92%;right:15%;animation:content-bg-float 25s infinite ease-in-out reverse}
.decor-11{top:12%;left:25%;animation:content-bg-float 14s infinite ease-in-out}
.decor-12{top:40%;right:28%;animation:content-bg-float 20s infinite ease-in-out}
.decor-13{top:70%;left:30%;animation:content-bg-float 18s infinite ease-in-out reverse}
.decor-14{top:20%;left:45%;animation:content-bg-float 22s infinite ease-in-out}
.decor-15{top:50%;right:45%;animation:content-bg-float 24s infinite ease-in-out reverse}
.decor-16{top:80%;left:50%;animation:content-bg-float 19s infinite ease-in-out}
.decor-17{top:10%;right:35%;animation:content-bg-float 16s infinite ease-in-out reverse}
.decor-18{top:30%;left:35%;animation:content-bg-float 21s infinite ease-in-out}
.decor-19{top:60%;right:35%;animation:content-bg-float 17s infinite ease-in-out reverse}
.decor-20{top:90%;left:40%;animation:content-bg-float 20s infinite ease-in-out}
@keyframes content-bg-float{0%,
100%{transform:translateY(0) rotate(0deg) scale(1)}
33%{transform:translateY(-30px) rotate(15deg) scale(1.1)}
66%{transform:translateY(20px) rotate(-15deg) scale(0.95)}
}
.category-course-list-area .container{position:relative !important;z-index:2 !important}
.breadcrumb-container .breadcrumb-item a,
.breadcrumb-container .breadcrumb-item{text-shadow:0 2px 10px rgba(0, 0, 0, 0.45) !important}
html{font-size:13px !important}
@media (min-width:1200px){.container{max-width:1140px !important}
}
section{padding:30px 0 !important}
.home-banner-area{padding:80px 0 60px !important;min-height:auto !important}
.home-banner-wrap .title{font-size:2.5rem !important;line-height:1.2 !important;margin-bottom:15px !important}
.home-banner-wrap .sub-title{font-size:1rem !important;margin-bottom:25px !important}
.course-box-wrap,
.category-box,
.instructor-box{padding:10px !important}
.course-box-wrap .title{font-size:14px !important;line-height:1.4 !important}
.course-box-wrap .instructor-name{font-size:12px !important}
.course-box-wrap .price{font-size:14px !important}
.footer-area{padding-top:40px !important;padding-bottom:20px !important}
.footer-widget-title{font-size:16px !important;margin-bottom:15px !important}
.footer-ul li{margin-bottom:8px !important}
.footer-ul li a{font-size:13px !important}
input[type=file]::file-selector-button{background-color:#ec5252;color:#fff;border:0px;border-right:1px solid #e5e5e5;padding:10px 15px;margin-right:20px;transition:.5s;cursor:pointer;border-radius:4px}
input[type=file]::file-selector-button:hover{background-color:#d43f3f}
.tox-tinymce{border-radius:10px !important;border:1px solid #e2e8f0 !important;box-shadow:0px 2px 5px rgba(0, 0, 0, 0.37) !important}
.tox .tox-toolbar__primary{background-color:#f8fafc !important;border-bottom:1px solid #e2e8f0 !important}
.tox .tox-editor-header{box-shadow:none !important}