:root{--base:#555;--base-100:#f1f1f1;--base-400:#555;--base-800:#000;--blue-100:#e2f8ff;--white:#FFFFFF;--black:#000000;--gray:#333333;--gray2:#808080;--gray3:#D3D3D3}body:after{content:"";display:block;margin-bottom:10px}body,html{height:auto;padding:0;background-color:white}body{overflow-x:hidden;font-family:Inter,sans-serif}header{.main_header{align-content:center;color:var(--black);text-align:center}}nav{display:flex;align-items:center;color:var(--base-800);justify-content:center;font-size:18px;font-weight:700;ul.menu{display:flex;gap:10px;list-style-type:none;background-color:var(--base-100);padding:10px;border-radius:30px;align-items:center;margin:10px;max-width:80%;li{padding:5px 15px;margin-bottom:5px;border-radius:10px;transition:background-color .3s ease,transform .3s ease}}ul.menu2{display:flex;list-style-type:none;padding:10px;align-items:center;margin:10px;max-width:60%;li{padding:15px;max-width:fit-content;margin:0;border-radius:30px;transition:background-color .3s ease,transform .3s ease}}}nav ul.menu li:hover{background-color:var(--gray3);transform:scale(1.05);color:var(--black);box-shadow:0 4px 8px rgba(0,0,0,.2)}.material-symbols-outlined{display:inline-block;position:absolute;top:30px;right:50px;color:black;background-color:white;border-radius:10px;padding:5px;box-shadow:0 4px 8px rgba(0,0,0,.2)}@media (min-width:769px){.mobile-toggle{display:none}}@media (max-width:768px){nav{position:fixed;top:10px;left:-100%;width:250px;height:50%;background-color:var(--base-100);box-shadow:2px 0 5px rgba(0,0,0,.2);transition:left .5s ease;z-index:1000;display:flex;flex-direction:column;border-radius:30px;margin-left:20px;ul{gap:10px}}nav.active{left:0}.mobile-toggle{left:40px;z-index:1100;cursor:pointer}.material-symbols-outlined,.mobile-toggle{display:inline-block;position:absolute;top:30px;color:black;background-color:var(--base-100);border-radius:10px;padding:5px}.material-symbols-outlined{right:50px}ul.menu{padding:10px}ul.menu,ul.menu2{display:flex;flex-direction:column;text-align:center;width:100%;list-style:none;margin:10px}ul.menu2{padding:0}ul.menu2.active{display:flex}menu li,ul,ul.menu2 li{font-weight:400}menu li,ul,ul.menu2 li,ul.menu2 li a{text-decoration:none;color:var(--white);font-size:16px}ul.menu li a,ul.menu2 li a{font-weight:700}ul.menu li a{text-decoration:none;color:var(--black);font-size:16px;padding-top:30px}ul.li.menu{width:auto;background-color:#000000;color:white}ul.menu li{padding:10px 20px;border-radius:10px;transition:background-color .3s ease,transform .3s ease}}a{text-decoration:none;color:var(--black);&:hover{text-decoration:none}}.menu2{li{color:white;margin:auto;padding:20px;width:fit-content;a{color:var(--blue-100);font-size:14px;text-decoration:none}}:hover{transition:all .3s ease}}ul.menu2 li a.login{background-color:#000;color:white}ul.menu2 li a.login,ul.menu2 li a.sign{font-size:16px;font-weight:700;text-decoration:none;border-radius:30px;padding:15px;box-shadow:0 4px 8px rgba(0,0,0,.3)}ul.menu2 li a.sign{background-color:#fff;color:#000}ul.menu2 li a:hover{transform:scale(1.05);background-color:var(--gray2);color:white;border-radius:30px}.payment-methods{padding:20px;background-color:var(--white);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:1200px;margin:20px auto}.country-selection{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.country-selection h2{font-size:18px;color:var(--gray);text-align:center;justify-content:center}.country-selection .country{font-size:18px;font-weight:700;color:Green}.country-selection .change-country{font-size:14px;color:black;text-decoration:none;border:1px solid black;padding:5px 10px;border-radius:5px;transition:background-color .3s ease,color .3s ease}.country-selection .change-country:hover{background-color:black;color:white}.payment-options{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.payment-card{background-color:var(--white);border:1px solid var(--gray3);border-radius:10px;padding:20px;width:400px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.payment-card:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.2)}.payment-logo{max-width:90px;margin:10px}.mobile1{background-color:var(--base-100);background-color:white;height:50px;padding:5px;border-radius:5px;box-shadow:0 6px 12px rgba(0,0,0,.2)}.mobile2{background-color:white;box-shadow:0 6px 12px rgba(0,0,0,.2);padding:5px;height:50px;border-radius:5px;img{width:60px;height:40px}}.mobile3{background-color:#003893;height:50px}.mobile3,.mobile4{padding:5px;border-radius:5px;box-shadow:0 6px 12px rgba(0,0,0,.2)}.mobile4{background-color:white;height:60px}.payment-card h3{font-size:16px;color:var(--gray);margin-bottom:10px}.payment-card p{font-size:14px;color:var(--gray2);margin-bottom:20px}.payment-card .amount{font-weight:700;color:var(--base-800)}.payment-card .momo-name,.payment-card .momo-number{font-weight:700;color:var(--base-400)}.pay-button{background-color:#000;font-weight:700;color:white;padding:10px;border-radius:30px;margin-top:30px;cursor:pointer;text-align:center}.pay-button:hover{background-color:var(--gray2);transition:all .3s ease}.fw-pay-btn-wrapper{margin-top:12px;display:flex;justify-content:center}.fw-pay-btn{background:#f5a623!important;color:#fff!important;border:none!important;border-radius:20px!important;padding:12px 28px!important;font-size:1rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 2px 8px rgba(245,166,35,.15);transition:background .2s}.fw-pay-btn:hover{background:#e59400!important}.footer{margin:10px 0 -15px;padding:0;color:#fff;box-shadow:0 -2px 16px rgba(0,0,0,.08)}.footer,.footer-section{background:#000000;width:100%;border-radius:0}.footer-section{color:#000000;padding:48px 0 0;margin:0;box-shadow:none}.footer-section .container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-section .footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;border-bottom:1px solid #23263a;padding-bottom:32px}.footer-col{flex:1 1 240px;min-width:220px;margin-bottom:24px}.footer-logo{margin-bottom:18px}.footer-logo h2{font-size:2rem;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:1px}.footer-logo p{color:#bfc6d1;font-size:1rem;margin:0 0 18px}.footer-social{display:flex;gap:16px;margin-top:8px}.footer-social a{color:#bfc6d1;font-size:1.3rem;transition:color .2s}.footer-social a:hover{color:#686868}.footer-contact h4,.footer-links h4{font-size:1.1rem;font-weight:700;margin-bottom:14px;color:#fff;letter-spacing:.5px}.footer-contact ul,.footer-links ul{list-style:none;padding:0;margin:0}.footer-contact li,.footer-links li{margin-bottom:10px}.footer-links a{color:#bfc6d1;text-decoration:none;font-size:1rem;transition:color .2s}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-contact li,.footer-contact p{color:#bfc6d1;font-size:1rem;margin:0 0 8px}.footer-bottom-bar{background:#1d1d1d;color:#bfc6d1;text-align:center;padding:18px 0 12px;font-size:.98rem;border-top:1px solid #ffffff;margin-top:0}.footer-bottom-bar a{color:#fff;font-weight:600;margin:0 8px;text-decoration:none;transition:color .2s}.footer-bottom-bar a:hover{color:#007bff;text-decoration:underline}@media (max-width:900px){.footer-section .footer-row{flex-direction:column;gap:0;padding-bottom:18px}.footer-col{min-width:0;margin-bottom:8px}.column-dir{margin-top:-100px}.column-dir2{margin-bottom:-100px}.footer-logo{margin-bottom:4px!important}}@media (max-width:600px){.footer-section{padding:32px 0 0}.footer-section .container{padding:0 8px}.footer-logo h2{font-size:1.3rem}.footer-contact h4,.footer-links h4{font-size:1rem}.footer-bottom-bar{font-size:.92rem;padding:12px 0 8px}.footer-col{margin-bottom:4px}.footer-logo{margin-bottom:2px!important}}.footer-section .footer-bottom p a{color:#ffffff;text-decoration:none;font-weight:700;margin:0 5px;font-size:14px}.footer-section .footer-bottom p a:hover{color:#ffbc00;text-decoration:underline}.account-circule{position:absolute;top:25px;right:20px;z-index:1000;width:40px;height:40px;border-radius:20px;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px rgba(0,0,0,.1)}.account-circule img{width:60%;height:60%;object-fit:cover;border-radius:20px}.packages{color:var(--gray3);border-radius:10px;padding:10px;background-color:#000000;text-align:center;margin:20px}@media (max-width:768px){.desktop-nav,.mobile-nav-menu .login,.mobile-nav-menu .sign{display:none!important}}@media (min-width:769px){.desktop-nav{display:flex!important}.mobile-nav-menu{display:none!important}}.mobile-toggle{display:none}@media (max-width:768px){.mobile-toggle{display:block!important;position:fixed;top:25px;left:18px;z-index:2002;background:white;border-radius:8px;padding:6px 10px;box-shadow:0 2px 8px rgba(0,0,0,.08)}}.mobile-nav-menu{position:fixed;top:0;left:0;width:70vw;max-width:350px;margin-top:20px;height:60vh;background:#000;z-index:1200;box-shadow:0 4px 16px rgba(0,0,0,.18);border-radius:0 18px 18px 0;animation:slideDownNav .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding-top:60px}@keyframes slideDownNav{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.mobile-nav-menu ul{display:flex;flex-direction:column;gap:0;padding:0;margin-left:20px;list-style:none}.mobile-nav-menu li{margin:0}.mobile-nav-menu a{display:block;text-decoration:none;color:#fff;font-size:17px;font-weight:500;padding:18px 28px;border-radius:8px;background:none;transition:background .2s,color .2s,transform .1s}.mobile-nav-menu a.active,.mobile-nav-menu a:hover{color:#000;width:80%}body.mobile-menu-active{overflow:hidden!important}.pay-stripe{background-color:#6772e5}.pay-stripe:hover{background-color:#5b619a}.policy-section{background:#fff;border-radius:18px;box-shadow:0 4px 16px rgba(0,0,0,.08);max-width:900px;margin:40px auto;padding:40px 32px 32px;font-family:Inter,sans-serif}.policy-container{color:#222}.policy-container h1{font-size:2.2rem;font-weight:700;margin-bottom:12px;color:#000;text-align:center}.policy-container h2{font-size:1.25rem;font-weight:600;margin-top:28px;margin-bottom:8px;color:#222}.policy-container p,.policy-container ul{font-size:1rem;line-height:1.7;margin-bottom:12px}.policy-container ul{padding-left:24px;margin-bottom:16px}.policy-container li{margin-bottom:6px}.policy-container a{color:#f5a623;text-decoration:underline;transition:color .2s}.policy-container a:hover{color:#e59400}@media (max-width:600px){.policy-section{padding:18px 6vw;margin:18px 0}.policy-container h1{font-size:1.3rem}.policy-container h2{font-size:1.05rem}}@media (max-width:768px){.policy-section{color:black!important}}.about-section{background:#fff;border-radius:18px;box-shadow:0 4px 16px rgba(0,0,0,.08);max-width:900px;margin:20px auto;padding:20px 20px 20px 32px;font-family:Inter,sans-serif}@media (max-width:768px){.about-section{background:#fff;border-radius:18px;box-shadow:0 4px 16px rgba(0,0,0,.08);max-width:900px;margin:20px;padding:20px 32px 32px;font-family:Inter,sans-serif}}.about-container{color:#222}.about-container h1{font-size:25px;font-weight:700;margin-bottom:12px;color:#000;text-align:center}.about-container h2{font-size:1.25rem;font-weight:600;margin-top:28px;margin-bottom:8px;color:#222}.about-container p,.about-container ul{font-size:1rem;line-height:1.7;margin-bottom:12px}.about-container ul{padding-left:24px;margin-bottom:16px}.about-container li{margin-bottom:6px}.about-container a{color:#f5a623;text-decoration:none;transition:color .2s}.about-container a:hover{color:#e59400}@media (max-width:600px){.about-section{padding:18px 6vw;margin:18px 0}.about-container h1{font-size:1.3rem}.about-container h2{font-size:1.05rem}}@media (max-width:768px){.about-section{color:black!important}}.footer-section{margin-top:0!important;margin-bottom:20px}