*{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{

height:100vh;

overflow:hidden;

background:#f2f4f8;

color:#0c244b;

}




/* HEADER */


header{

position:fixed;

top:0;

left:0;

right:0;


display:flex;

justify-content:space-between;

align-items:center;

padding:8px 10px 0 10px;

z-index:20;

}



.logo{

width:160px;

}



.menu-btn{

width:52px;

height:52px;

border:0;

border-radius:16px;

background:unset;

color:#071638;

font-size:28px;

cursor:pointer;

}


/* SLIDER */


#slider{

height:100vh;

display:flex;

align-items:center;

justify-content:center;

}



.slide-box{

position:relative;

width:100%;

height:100%;

overflow:hidden;

}





/* PROGRESS */


.progress{

position:absolute;

top:25px;

left:50%;

transform:translateX(-50%);

width:calc(100% - 70px);

height:18px;

display:flex;

gap:10px;

z-index:100;

pointer-events:auto;
background:unset;
}



.progress span{

height:12px;

flex:1;

background:#d9dce3;

border-radius:30px;

cursor:pointer;

pointer-events:auto;

}



.progress span.active{

background:#eeb42c;

}





/* SLIDE */


.slide{
display:none;
width:100%;
height:100%;
padding:80px 35px 130px;  /* پایین بیشتر برای فضای دکمه‌ها */
text-align:center;
overflow-y:auto;          /* اسکرول عمودی در صورت نیاز */
-webkit-overflow-scrolling:touch;
}



.slide.active{

display:flex;

flex-direction:column;

align-items:center;

animation:fade .3s;

}

/* نوار سفید زیر دکمه‌ها */
.buttons-bg{
position:fixed;
bottom:0;
left:0;
right:0;
height:96px;             /* کمی بیشتر از ارتفاع دکمه‌ها */
background:#ffffff;
z-index:90;
pointer-events:none;
	    box-shadow: rgba(14, 30, 37, 0.12) 0 2px 4px 0px, rgba(14, 30, 37, 0.32) 0 2px 16px 0;
}

@keyframes fade{

from{

opacity:0;

}

to{

opacity:1;

}

}




.slide img{

width:100%;

border-radius:4px;

}



h1{

font-size:32px;

font-weight:700;

margin-top:22px;

margin-bottom:5px;

}



p{

font-size:17px;

line-height:2;

color:#555;

}





/* BUTTON */
.buttons{
position:fixed;
bottom:25px;
left:50%;
transform:translateX(-50%);
width:calc(100% - 50px);
max-width:470px;
display:flex;
gap:12px;
z-index:100;
align-items:stretch;
}

.buttons button,
.buttons a{
height:58px;
border:0;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
gap:8px;                 /* فاصله بین آیکون و متن */
font-size:15px;          /* کمی کوچکتر */
font-weight:bold;
text-decoration:none;
line-height:1;
white-space:nowrap;
}

.buttons button i,
.buttons a i{
font-size:16px;
line-height:1;
display:inline-flex;
align-items:center;
justify-content:center;
}

#prev{
flex:0 0 80px;
min-width:80px;
max-width:80px;
background:#071638;
color:#ffffff;
}

#next{
flex:1;
min-width:0;
background:#071638;
color:#ffffff;
}

#register{
display:none;
flex:1;
min-width:0;
background:#eeb42c;
color:#071638;
}

	h1,h2 {
    font-size: 21px;
    font-weight: 700;
    margin-top: 18px;
		margin-bottom: 2px;}
	.e-en{text-align:center;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;}
	.e-hub{text-align:justify;line-height: 1.8;}
	.e-hub strong{font-weight:900;color:#000;}
	
.logo {
    user-select: none;
}
.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.open{transform:translateX(0)}
.sidebar.open .logo
 {
    margin: 20px 5px 30px auto;
    display: block;
}.overlay.open{opacity:1;visibility:visible}
.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}
/* آیکون ورود سریع (کاملاً نزدیک منوی سه‌خط) */
.quick-login {
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 16px;
    background: unset;
    color: #071638;
    font-size: 24px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: .25s;
}

.quick-login:hover {
    color: #eeb42c;
    background: #f8f7f9;
}


/* DESKTOP */


@media(min-width:900px){


.slide-box{

width:520px;

height:94vh;

border-radius:35px;

box-shadow:0 20px 60px #0003;

}



.progress{

top:15px;

}


.slide{

padding:

50px 35px 110px;

}


}




/* TABLET */


@media(min-width:600px) and (max-width:899px){


.slide-box{

width:75vw;

height:90vh;

border-radius:32px;

}



.progress{

top:25px;

}


}




/* MOBILE */
/* تنظیم کامل موبایل */

@media(max-width:599px){


    /* فاصله کلی کارت از هدر */
    .slide-box{

        padding-top:64px;

    }



    /* خطوط اسلاید زیر هدر */
    .progress{

        top:86px;

        width:calc(100% - 50px);

        z-index:50;

    }




    /* محتوای هر اسلاید */
    .slide{
padding:50px 25px 140px;
justify-content:flex-start;
    }



    h1{

        margin-top:20px;

        font-size:27px;

    }



}

@media(min-width:600px) and (max-width:899px){

    .progress{

        top:35px;

    }

}