img { max-width: 100%;}.top { padding-top: 0px; z-index: 9999999999; width: 100%;}.container { max-width: 1400px !important;}.header-wrap .container { align-items: center; justify-content: center; padding-top: 22px; padding-left: 0px; padding-right: 0px;}.header-wrap .main-menu { margin-left: auto;}.header-wrap .logo { display: inline-block; max-width: 150px;}.header-wrap .logo img { max-width: 100%; position: relative; z-index: 999;}.sticky-menu { position: fixed !important; top: 0; left: 0; width: 100% !important; z-index: 9999; background: rgba(10, 15, 25, 0.65); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255, 255, 255, 0.05); transition: all .35s ease;}.all-button button { width: 100%; height: 60px; background: transparent; color: white; border: 2px solid rgba(229, 229, 229, 0.5); font-size: 17px; font-weight: 700; transition: .3s linear; cursor: pointer;}.main-menu ul li .submenu { left: calc(133% - 664px); transform: translateX(-50%); width: 1000px; margin-top: 25px; padding: 40px; border-radius: 18px; background: rgba(16, 30, 55, 0.65); backdrop-filter: blur(20px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.06);}.submenu .row { display: flex; gap: 30px; margin-bottom: 25px;}.submenu .col-md-4 { flex: 1;}.mega-item { display: flex; align-items: center; gap: 18px; padding: 18px 20px; border-radius: 14px; transition: all .35s ease; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.04); color: white;}.mega-item img { width: 42px; padding: 10px; border-radius: 12px; background: linear-gradient(135deg, #6c63ff, #7b3ff2); box-shadow: 0 8px 25px rgba(98, 82, 255, 0.35);}.mega-item span { display: block; font-size: 16px; font-weight: 700; color: #ffffff;}.mega-item small { display: block; font-size: 13px; color: #9aa4b2; margin-top: 3px;}.mega-item:hover { border: 2px solid rgba(123, 44, 255, 0.85) !important; transform: translateY(-6px) !important; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35), 0 0 35px rgba(123, 44, 255, 0.18), 0 0 20px rgba(76, 111, 255, 0.12) !important;}.all-button button { margin-top: 20px; width: 100%; height: 55px; border-radius: 12px; background: linear-gradient(135deg, #6c63ff, #7b3ff2); border: none; font-weight: 700; transition: .3s;}.all-button button:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(124, 92, 255, 0.5); color: #0F0F0F;}.modern-btn { position: relative;}.btn-span { color: pink; font-size: 19px; position: absolute; right: 21px; bottom: 7px; z-index: 999; position: absolute; font-family: "Dancing Script", cursive; width: 139px;}.footer-social a { color: white; font-size: 16px;}.admin-btn { width: 154px; font-size: 15px; padding: 6px 16px; text-align: center; margin-top: 10px;}.admin-btn:hover { color: #f5f5f5;}.cta-bg .btn:hover { box-shadow: 0 15px 40px rgba(123, 44, 255, 0.45);}.c-lang-box { background: #0f0f0f; border-radius: 8px; padding: 3px 12px; font-size: 11px; font-weight: 800; color: #fff; display: flex; align-items: center; gap: 8px; cursor: pointer; width: 112px; position: absolute; left: 56%; top: 11px;}.lang-select { text-transform: none; color: white; font-size: 11px; background: black; border: black; padding: 7px; border-radius: 6px; margin-right: 9px;}@media screen and (min-width: 992px) { .mobile-menu { display: none; } .main-menu ul li:last-child { display: none; }}@media screen and (max-width: 992px) { .top { display: none; } .main-menu { display: block; } .main-menu ul li { display: none; margin-left: 0; } .main-menu ul li:last-child { display: block; } .main-menu ul li a { font-size: 25px; color: white; } .mobile-menu ul { width: 100%; padding-top: 50px; } .mobile-menu ul li { padding: 5px 0px; } .mobile-menu ul li:hover { color: white; transition: all .35s ease; } .mobile-menu { background: linear-gradient(8deg, transparent, #7b2cff, #4c6fff, #7b2cff, transparent); position: fixed; top: 0; right: 0; width: 100%; height: 100%; align-items: center; justify-content: center; z-index: 2147483648; transition: all .3s ease; margin-right: -9999px; background-color: #455fd8; } .mobile-menu ul li a { display: block; position: relative; font-size: 2rem; padding: 0px; font-weight: 700; color: #222222; } .mobile-menu ul li:last-child { margin-top: 30px; } .mobile-menu ul li:last-child a { display: inline-block; font-size: 2.5rem; } body.menu-open .mobile-menu { margin-right: 0; } .mobile-menu .closed { position: absolute; top: 0; right: 0; color: #111111; font-size: 35px; width: 80px; height: 80px; line-height: 80px; text-align: center; }}@media screen and (max-width: 992px) { .mobile-menu { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: radial-gradient(circle at top, rgba(123, 44, 255, 0.25), transparent 60%), linear-gradient(135deg, #0f172a, #1e2a78, #3a2fa0); backdrop-filter: blur(25px); align-items: center; justify-content: center; z-index: 9999999; transition: all .5s ease; transform: translateX(100%); } body.menu-open .mobile-menu { transform: translateX(0); } .mobile-menu ul { width: 100%; padding: 0px 40px; margin-top: 30%; } .mobile-menu ul li a { display: flex; align-items: center; justify-content: start; padding: 14px 20px; border-radius: 18px; font-size: 18px; font-weight: 600; color: #ffffff; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); transition: all .35s ease; } .mobile-menu ul li a i { margin-right: 12px; font-size: 18px; color: #a78bfa; min-width: 20px; } .mobile-menu ul li a:hover { box-shadow: 0 10px 30px rgba(123, 44, 255, 0.5); border-radius: 18px; transform: translateY(-4px) scale(1.02); } .mobile-menu ul li:last-child { text-align: center; } .mobile-menu ul li:last-child a { display: inline-flex; justify-content: center; align-items: center; width: 55px; height: 55px; margin: 0 8px; border-radius: 14px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); font-size: 20px; } .mobile-menu ul li:last-child a:hover { box-shadow: 0 0 20px rgba(123, 44, 255, 0.8); transform: translateY(-3px); } .mobile-menu .closed { position: absolute; top: 20px; right: 7px; width: 55px; height: 55px; line-height: 55px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #fff; font-size: 22px; text-align: center; backdrop-filter: blur(10px); box-shadow: 0 0 15px rgba(123, 44, 255, 0.6); } .mobile-div a i { margin-right: -9px !important; font-size: 27px; } .mobile-div { display: flex; gap: 30px; align-items: center; justify-content: start; margin-top: 30px; } .c-lang-box { text-align: center; margin-top: 30px; } .c-lang-box { color: #fff; }}