*{margin:0;padding:0;box-sizing:border-box;font-family:IRANSansX}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:100;src:url(../IRANSansXFaNum-Thin.woff) format("woff"),url(../IRANSansXFaNum-Thin.woff2) format("woff2")}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:200;src:url(../IRANSansXFaNum-UltraLight.woff) format("woff"),url(../IRANSansXFaNum-UltraLight.woff2) format("woff2")}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:300;src:url(../IRANSansXFaNum-Light.woff) format("woff"),url(../IRANSansXFaNum-Light.woff2) format("woff2")}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:500;src:url(../IRANSansXFaNum-Medium.woff) format("woff"),url(../IRANSansXFaNum-Medium.woff2) format("woff2")}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:600;src:url(../IRANSansXFaNum-DemiBold.woff) format("woff"),url(../IRANSansXFaNum-DemiBold.woff2) format("woff2")}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:800;src:url(../IRANSansXFaNum-ExtraBold.woff) format("woff"),url(../IRANSansXFaNum-ExtraBold.woff2) format("woff2")}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:900;src:url(../IRANSansXFaNum-Black.woff) format("woff"),url(../IRANSansXFaNum-Black.woff2) format("woff2")}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:950;src:url(../IRANSansXFaNum-ExtraBlack.woff) format("woff"),url(../IRANSansXFaNum-ExtraBlack.woff2) format("woff2")}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:1000;src:url(../IRANSansXFaNum-Heavy.woff) format("woff"),url(../IRANSansXFaNum-Heavy.woff2) format("woff2")}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:700;src:url(../IRANSansXFaNum-Bold.woff) format("woff"),url(../IRANSansXFaNum-Bold.woff2) format("woff2")}
@font-face{font-family:IRANSansX;font-style:normal;font-weight:400;src:url(../IRANSansXFaNum-Regular.woff) format("woff"),url(../IRANSansXFaNum-Regular.woff2) format("woff2")}
html{overflow-y:scroll;box-sizing:border-box;margin:0!important;padding:0!important;scroll-behavior:smooth}
body{direction:rtl;margin:0;padding:0;font-family:"IRANSansX",tahoma,arial,sans-serif;overflow:hidden;color:#0c244b}
a:link,a:visited,a:hover{text-decoration:none}
button:focus,button:focus-visible,button:active{outline:none!important;box-shadow:none!important}
.menu-btn{display:flex;align-items:center;justify-content:center;width:34px;border:none;cursor:pointer;font-size:22px;background:transparent;color:#000;padding:0}
.menu-btn:hover{transform:unset}
.overlay{position:fixed;inset:0;background:#00000059;opacity:0;visibility:hidden;transition:.25s;z-index:999}
.sidebar{position:fixed;top:0;right:0;width:280px;max-width:90%;border-radius:50px 0 0 50px;z-index:999;height:100%;background:#fff;transform:translateX(100%);transition:transform .25s ease;overflow-y:auto;border:0;text-align:right}
.sidebar.active{transform:translateX(0)}
.sidebar.active .logo{margin:20px 5px 30px auto;display:block}
.overlay.active{opacity:1;visibility:visible}
.header{display:flex;justify-content:left;align-items:center;padding:10px 15px}
.header-top{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px}
.menu-btn{display:flex!important;align-items:center!important}
.intro{position:relative;width:100%;height:80vh;overflow:hidden;display:flex;justify-content:center;align-items:center}
.intro::before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:#ffffff1f;filter:blur(35px);top:-220px;left:-160px}
.intro::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#ffffff14;right:-120px;bottom:-120px;filter:blur(25px)}
.slider{width:100%;height:100%;overflow:hidden;direction:ltr}
.slides{transition:transform .5s ease;display:flex;height:80%;will-change:transform}
.slide{flex:0 0 100%;width:100%;flex-shrink:0;display:flex;justify-content:center;align-items:center;padding:40px}
.content{direction:rtl;text-align:center;max-width:420px}
.logo{width:180px;height:auto;margin:0 auto 30px;user-select:none}
h1,h2{font-size:36px;line-height:1.4;font-weight:800;margin-bottom:18px}
p{font-size:18px;line-height:1.9;opacity:.96}
h1 span,h2 span{color:#f4c653}
p span{font-weight:700;color:#f4c653}
.bottom-panel{position:fixed;bottom:0;right:0;width:100%;padding:20px;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:100}
.slider-controls{direction:ltr;display:flex;align-items:center;gap:18px}
.arrow{width:52px;height:52px;border:1px solid #9d9fab;border-radius:50%;cursor:pointer;background:#f5f6f8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffff59;transition:.25s}
.arrow:hover{transform:translateY(-4px);background:#9d9fab}
.arrow svg{width:22px;height:22px;stroke:#0c244b;stroke-width:2.5;fill:none}
.arrow:hover svg{stroke:#f5f6f8}
.dots{display:flex;gap:10px}
.dot{width:11px;height:11px;border:1px solid #0c244b;border-radius:50%;background:#f5f6f8;cursor:pointer;transition:.3s}
.dot.active{width:34px;border-radius:50px;background:#0c244b}
.start-button{width:min(460px,100%);height:58px;border:none;border-radius:18px;cursor:pointer;font-size:18px;font-weight:700;color:#0c244b;background:#f4c653;transition:.25s;box-shadow:0 15px 35px #00000038}
.start-button:hover{transform:translateY(-3px)}
.slide .content{opacity:0;transform:translateY(40px);transition:.6s}
.slide.active .content{opacity:1;transform:translateY(0)}
.close-sidebar{position:absolute;top:18px;left:18px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#00000059;color:#fff;cursor:pointer;transition:.25s}
.close-sidebar:hover{background:#f4c653;color:#0c244b}
.sidebar-nav a{font-size:13px;display:flex;align-items:center;gap:12px;width:90%;margin:0 auto;padding:14px 20px;border-radius:10px;text-decoration:none;color:#0c244b}
.sidebar-nav i{width:22px;text-align:center;font-size:18px;color:#00000059;transition:.25s}
.sidebar-nav a i:last-child{color:#fff;margin-right:auto}
.sidebar-nav a:hover i{transform:scale(1.15);color:#f4c653}
.sidebar-nav a:hover i:last-child{transform:scale(1.15);color:#0c244b}
.sidebar-nav a:hover{background:#f5f6f8;font-weight:700;color:#0c244b}
@media(max-width:768px) {
.sidebar.active .logo{margin:24px 30px 30px auto;width:140px}
.logo{width:115px}
h1,h2{font-size:26px}
p{font-size:16px}
.arrow{width:46px;height:46px}
.start-button{height:55px;font-size:17px}
}