@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");:root{--sprimary-color:#12ae94;--primary-color:#88D7B8;--greend-color:#428266;--greenl-color:#9BBD75;--secondary-color:#ed761b;--yellow-color:#FFCA55;--text-dark:#2c3e50;--text-light:#7f8c8d;--color-normal:#3e5451;--bg-light:#f8f9fa;--dark-color:#1e1e1e;--white-color:#ffffff;--gray-color:#575757;--lgray-color:#dbdbdb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Cairo",Tahoma,Geneva,Verdana,sans-serif;color:var(--color-normal);font-style:normal;overflow-x:hidden}.language-dropdown .dropdown-toggle{background:transparent;border:none;color:var(--text-dark);font-weight:500;padding:10px 10px 6px 0px;transition:all 0.3s;font-size:14px}.language-dropdown .dropdown-toggle img{width:35px;border-radius:9px}.language-dropdown .dropdown-toggle:after{margin-right:5px}.dropdown-toggle::after{display:none}.language-dropdown ul.show,.loginmodel{border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 4px 20px rgba(0,0,0,0.15);padding:10px 0;margin-top:10px;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.form-control:focus{background-color:var(--bs-body-bg);border-color:var(--primary-color);box-shadow:0 0 0 .25rem #88d7b847}label{display:block;position:relative}.togglepassword{position:absolute;top:47px;left:10px;cursor:pointer}.language-dropdown ul::before{content:'';position:absolute;top:-7px;left:8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--white-color)}.language-dropdown ul li a{position:relative}.language-dropdown ul li a::after{content:'';border-bottom:solid 1px #efefef;width:90%;position:absolute;bottom:0;left:5%;right:5%}.language-dropdown ul li a.active{margin-bottom:5px}.language-dropdown ul li a.active,.language-dropdown ul li a:active{color:var(--secondary-color);background-color:transparent}.language-dropdown ul li:active,.language-dropdown ul li:hover{color:var(--secondary-color);background-color:transparent}.dropdown-menu{transition:all 0.3s ease}.topbar-icon{background:transparent;border:none;color:#333;font-size:25px;padding:4px 0 0 10px;cursor:pointer;font-weight:600;position:relative}.topbar-icon:hover{color:var(--secondary-color)}span.cart-count{position:absolute;right:-8px;top:0px;background:var(--secondary-color);color:var(--white-color);width:15px;height:15px;font-size:12px;display:flex;justify-content:center;align-items:center;border-radius:50%}.user-dropdown{position:relative}.user-dropdown .dropdown-toggle{background:transparent;border:none;color:#333;font-size:30px;padding:0;cursor:pointer;font-weight:600}.user-dropdown .dropdown-toggle:hover{color:var(--secondary-color)}.user-dropdown .dropdown-menu{border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 4px 20px rgba(0,0,0,0.15);padding:0;min-width:280px;margin-top:10px;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.user-dropdown .dropdown-menu::before{content:'';position:absolute;top:-7px;left:8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--white-color)}.user-info-header{padding:20px;border-radius:12px 12px 0 0;text-align:right}.user-avatar{display:flex;align-items:center;margin:0 auto 0px;font-size:30px;gap:10px}.user-avatar i{color:#1bae98}.user-name{font-size:16px;font-weight:600}.user-email{font-size:13px;opacity:0.9;margin-right:42px}.user-email a{color:var(--bs-black);text-decoration:none}.dropdown-divider{margin:0 auto;border-top:solid 1px #9f9f9f40;width:90%;height:0px;overflow:hidden}.user-dropdown .dropdown-item{padding:12px 20px;color:#333;display:flex;align-items:center;gap:12px;transition:all 0.3s ease;background-color:transparent}.user-dropdown .dropdown-item:hover{background-color:transparent;padding-right:25px}.user-dropdown .dropdown-item i{font-size:18px;width:20px;text-align:center}.user-dropdown .dropdown-item.logout{color:#dc3545;border-top:1px solid #e0e0e0}.user-dropdown .dropdown-item.logout:hover{background:#fff5f5;color:#dc3545}.main-header{background-color:rgb(from var(--white-color) r g b / 85%);padding:0px 30px;box-shadow:0 2px 10px rgba(0,0,0,0.05);position:absolute;top:40px;left:50%;z-index:9;border-radius:69px;transform:translateX(-50%)}.logo-text{font-size:24px;font-weight:bold;color:var(--text-dark);padding:0}.logo-text img{max-width:50px}.navbar{padding:0}.navbar-nav .nav-link{color:var(--text-dark);margin:0 10px;font-weight:500;transition:color 0.3s;padding:20px 0px;font-size:14px}.navbar-nav .nav-link i{font-size:13px;margin-right:5px}.navbar-nav .nav-link:hover{color:var(--secondary-color)}.nav-item.dropdown:hover>.nav-link{color:var(--secondary-color)}.nav-item.dropdown:hover .dropdown-menu{margin-top:0}.bb{border-bottom:solid 1px #D9D9D9;padding:0px 0px 25px 0px}.grades{border:none;border-radius:0px 0px 20px 20px;background:#ffffff;padding:0;transition:all 0.3s ease;overflow:hidden}.dropdown-menu.show.grades{display:flex;flex-wrap:wrap;padding:0 0 15px 0;width:400px}.grades li{flex:0 0 33.33%}.grades li a{border-bottom:1px solid #e0e0e047;padding:0.70rem 1rem;font-size:13px}.grades li:nth-child(4) a,.grades li:nth-child(5) a,.grades li:nth-child(6) a{background-color:#ecf1f033;border-bottom:1px solid #bebebe3d;border-top:1px solid #bebebe3d}.grades li:nth-child(-n+3) a,.grades li:nth-last-child(-n+2) a{border-bottom:none}.grades li a:hover,.grades li a:active,.grades li a:focus{color:var(--white-color);background-color:var(--sprimary-color)}.btn-white{background-color:var(--white-color);color:var(--dark-color);border:2px solid var(--lgray-color);padding:0px 20px;border-radius:25px;font-weight:500;transition:all 0.3s;height:40px;font-size:13px;line-height:33px;text-decoration:none;display:flex;align-items:center}.btn-white:hover{background-color:var(--secondary-color);border:2px solid var(--secondary-color);transform:translateY(-2px);color:var(--white-color)}.btn-green{background-color:var(--primary-color);color:var(--white-color);border:2px solid var(--lgray-color);margin-left:10px;padding:0px 20px;border-radius:25px;font-weight:500;transition:all 0.3s;height:40px;font-size:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#88D7B8 0%,#7ccbab 100%) !important;text-shadow:0 1px 3px rgba(0,0,0,0.15);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.btn-green:hover{background-color:var(--secondary-color);border:2px solid var(--secondary-color);color:white;transform:translateY(-2px)}.btn-orange{background-color:var(--secondary-color);color:var(--white-color);border:2px solid var(--lgray-color);margin-left:10px;padding:0px 20px;border-radius:25px;font-weight:500;transition:all 0.3s;height:40px;font-size:16px;text-decoration:none;display:flex;align-items:center}.btn-orange:hover{background-color:var(--dark-color);color:var(--white-color);transform:translateY(-2px)}.btn-grade{background-color:#FAFAFA;color:#1E1E1E;border:1px solid var(--lgray-color);padding:8px 24px;border-radius:38px;font-weight:normal;display:block;transition:all 0.3s;text-decoration:none;font-size:20px}.btn-grade:hover,.active a.btn-grade{background-color:#88D7B8}.bannerbutton{font-size:36px;padding:7px 35px;height:auto;border-radius:35px;display:inline}.topbar .social-profile{margin:0;display:inline-block;padding:0}.topbar .social-profile li{display:inline-block;transition:all 0.3s}.topbar .social-profile li:hover{transform:translateY(-2px)}.topbar .social-profile li a{padding:0 0 0 10px;color:var(--dark-color);font-size:16px}.topbar .social-profile li a:hover{color:var(--secondary-color)}.breadcrumb{margin-top:25px}.breadcrumb ul{list-style:none;margin:0;padding-right:1rem}.breadcrumb ul li{display:inline;font-size:16px}.breadcrumb ul li+li:before{padding:8px;color:black;content:"/\00a0"}.breadcrumb ul li a{color:#2c3e50;text-decoration:none}.breadcrumb ul li a:hover,li.current{color:var(--secondary-color);text-decoration:none}.responsive-lazy{width:100%;height:auto;display:block;object-fit:cover;opacity:0;transition:opacity 0.6s ease-in-out}.responsive-lazy.loaded{opacity:1}.normalheader{position:inherit;transform:none;margin-top:40px}.footer{background:linear-gradient(to bottom,#ffffff 0%,#edf9f8 100%);padding:60px 0 20px;color:var(--text-dark);border-top:solid 1px #D9D9D9}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));gap:40px;margin-bottom:40px}.footer-section h5{font-size:18px;font-weight:bold;margin-bottom:20px}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:30px}.footer-links li.store{margin-bottom:10px}.footer-links a{color:var(--text-dark);text-decoration:none;transition:color 0.3s}.footer-links a:hover{color:var(--primary-color)}.social-icons{display:flex;gap:5px}.social-icon{width:40px;height:40px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dark);transition:all 0.3s;text-decoration:none}.social-icon:hover{background-color:var(--secondary-color);color:white;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(0,0,0,0.1);font-size:14px}.course-section{padding:60px 0}.section-title{text-align:center;font-size:36px;font-weight:500;color:var(--secondary-color);margin-bottom:40px;position:relative}.filter-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.swiper-container{overflow:hidden}.course-card{border-radius:15px}.course-card{background:#FFFCFA;border-radius:15px;overflow:hidden;border:solid 1px #ABABAB;transition:all 0.3s}.course-image{width:100%;background:linear-gradient(90deg,#b8d5c3 0%,#c5d2b9 30%,#c5d2b9 68%,#aebdb2 100%);text-align:center;border-bottom:solid 1px #ABABAB;position:relative;overflow:hidden}.course-image img{width:100%;height:304px}.course-overlay-actions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:1px;opacity:0;transition:0.3s ease;background:rgba(255,255,255,0.2);backdrop-filter:blur(2px);width:100%;height:100%;justify-content:center;align-items:center;cursor:pointer}.course-image:hover .course-overlay-actions{opacity:1}.action-btn{background:var(--white-color);padding:5px 10px;display:flex;justify-content:center;align-items:center;text-decoration:none !important;color:#333;transition:0.3s}.action-btn.view-btn{background:var(--sprimary-color);color:var(--white-color)}.action-btn.cart-btn i{margin-left:5px;font-weight:bold}.action-btn:hover{background:var(--secondary-color);color:var(--white-color)}.course-icon{font-size:48px}.course-info{padding:20px}.course-title a{font-size:15px;font-weight:bold;color:var(--dark-color);margin-bottom:5px;text-decoration:none}.course-sub-title{font-size:14px;font-weight:600;color:var(--secondary-color);margin-bottom:10px}.instructor{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-height:35px}.instructor a{text-decoration:none;color:var(--color-normal)}.instructor img{border:solid 2px var(--secondary-color);border-radius:50px;width:35px;height:35px}.instructor span{font-size:14px;font-weight:600}.course-time{font-size:14px;font-weight:normal;color:var(--gray-color);margin-bottom:10px;min-height:21px}.course-price{display:flex;justify-content:space-between;align-items:center}.price-current{font-size:16px;font-weight:900;color:var(--secondary-color)}.price-original{font-size:16px;color:var(--text-dark);margin-right:5px;position:relative}.price svg{width:16px;height:16px;vertical-align:middle}.price-original::after{content:'';position:absolute;top:50%;left:5px;width:76%;height:2px;background-color:#ff0000;transform:rotate(321deg);pointer-events:none}.price{border-radius:44px;border:solid 1px #ababab;color:var(--bs-btn-color);font-size:18px;line-height:40px;padding:0px 25px;font-size:18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.price .old{font-size:16px;color:var(--text-dark);margin-right:5px;position:relative}.price .old::after{content:"";position:absolute;top:50%;left:5px;width:76%;height:2px;background-color:#ff0000;transform:rotate(321deg);pointer-events:none}.price .new{font-size:16px;font-weight:bold;color:var(--secondary-color)}.offer-btn{border:solid 1px #ababab;color:var(--bs-btn-color);font-size:18px}.bundle_price.loading{background:linear-gradient(90deg,#eee,#ddd,#eee);background-size:200% 100%;animation:skeletonAnim 1.5s infinite ease-in-out;color:transparent}@keyframes skeletonAnim{0%{background-position:200% 0}100%{background-position:-200% 0}}.bounce{-webkit-animation:2s ease-in-out infinite float;animation:2s ease-in-out infinite float}@-webkit-keyframes float{0%,100%{-webkit-transform:translateY(5px);transform:translateY(5px)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes float{0%,100%{-webkit-transform:translateY(5px);transform:translateY(5px)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.float-icon{position:fixed;width:50px;height:50px;border:none;border-radius:50%;cursor:pointer;display:flex;z-index:99;justify-content:center;align-items:center;text-decoration:none}.whatsapp-float{bottom:20px;left:20px;background-color:var(--sprimary-color);color:white;font-size:30px}.scroll-to-top{bottom:20px;right:20px;background-color:var(--secondary-color);color:white}.rating{display:flex;align-items:center;gap:5px;font-size:14px;color:#ffc107}.flex-center{justify-content:center}.social ul{display:flex;gap:20px}.social ul li{width:35px;height:35px}.viewmore{font-size:19px;background:#faf8f8;color:var(--bs-black);text-decoration:none;padding:5px 30px;border-radius:30px;position:absolute;left:0;top:15px;border:solid 1px #ababab;font-weight:400}.viewmore:hover{background:var(--bs-black);color:#faf8f8;border:solid 1px var(--bs-black)}.navbar-toggler:focus{box-shadow:none}.modal-backdrop{background-color:#ffffff}.modal-footer{justify-content:center}.footer-link{display:flex;justify-content:space-between;padding:0px 15px}.footer-link a{text-decoration:none;color:var(--dark-color);font-size:16px}.footer-link a:hover{color:var(--secondary-color)}.swiper-pagination-bullet-active{background:#ed761b !important}.swiper-pagination-bullet{height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,15px)) !important;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,15px)) !important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,2px) !important}}.textg{line-height:35px;text-align:start}.promo-video-bg{height:600px;border-radius:5px;-webkit-box-shadow:0 8px 17px rgb(0 0 0 / 0.15);box-shadow:0 8px 17px rgb(0 0 0 / 0.15);background-image:url('../images/promo-bg-1.webp');position:relative}.video-play{position:absolute;width:110px;height:110px;top:50%;left:50%;background:#ff7701;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;color:var(--primary-color);display:flex;align-items:center;justify-content:center;text-decoration:none}.video-play i{font-size:50px;color:#fff}.circle:after{content:"";display:block;position:absolute;border-radius:50%;-webkit-animation:2s linear 1.9s infinite ripple;animation:2s linear 1.9s infinite ripple}.circle.style1:after{top:-20px;right:-20px;bottom:-20px;left:-20px;border:20px solid}@-webkit-keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}100%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}@keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}100%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}.blog-card{position:relative}.blog-card::before{content:'';width:100%;height:100%;background:#0000006b;position:absolute;border-radius:20px}.blog-card img{max-width:100%;border-radius:20px}.blog-info{position:absolute;bottom:5%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-5%);width:90%}.blog-info h3{color:var(--white-color);text-decoration:none;font-size:20px;line-height:38px}.swal2-input{text-align:center;font-size:24px;letter-spacing:10px}.notice{padding:1.25rem;margin-bottom:1rem;display:flex;font-size:18px;font-weight:400;border-radius:15px;justify-content:space-between;flex-direction:column}.notice p{padding:0;margin:0}.notice a{font-size:14px;transition:all 0.3s}.notice a:hover{transform:translateY(-2px)}.notice-danger{color:#58151c;background-color:#f8d7da;border-right:0.75rem solid #f1aeb5;border-left:0.75rem solid #f1aeb5}.notice-info{background-color:#cff4fc;border-right:0.75rem solid #50c3dc;border-left:0.75rem solid #50c3dc}.notice-success{background-color:#01b87217;border-right:0.75rem solid #01b872;border-left:0.75rem solid #01b872}.notice-secondary{background-color:#9b9b9b17;border-right:0.75rem solid #9b9b9b;border-left:0.75rem solid #9b9b9b}.notice-warning{background-color:#ffc10717;border-right:0.75rem solid #ffc107;border-left:0.75rem solid #ffc107}.div-table-cell svg{width:16px;height:16px;vertical-align:middle}.topgrade{max-height:50px;overflow:hidden}.btn-green{text-shadow:0 1px 2px rgba(0,0,0,0.08)}