@font-face {
	font-family: 'IRANSansXFaNum';
	font-weight: 300;
	font-display: swap;
	src: url('IRANSansXFaNum-Light.woff') format('woff'); 
}
@font-face {
	font-family: 'IRANSansXFaNum';
	font-weight: 400;
	font-display: swap;
	src: url('IRANSansXFaNum-Regular.woff') format('woff'); 
}
@font-face {
	font-family: 'IRANSansXFaNum';
	font-weight: 900;
	font-display: swap;
	src: url('IRANSansXFaNum-Black.woff') format('woff'); 
}

html, body { font-family:IRANSansXFaNum; }

@media (max-width: 860px) {
    html, body { overflow: hidden !important; height: 100% !important; }
    
    .ntk-hero      { padding: 0 !important; min-height: 100dvh !important; }
    .ntk-box       { flex-direction: column !important;
                     height: 100dvh !important;
                     max-height: 100dvh !important;
                     border-radius: 0 !important;
                     border-inline: 0 !important; }
    
    .ntk-panel     { order: 1 !important;
                     width: auto !important;
                     flex: 0 0 auto !important;
                     padding: 22px 20px 18px !important;
                     gap: 14px !important; }
    .ntk-logo      { width: 150px !important; }
    .ntk-title     { font-size: 17px !important; font-weight:900; }
    
    .ntk-media     { order: 2 !important;
                     flex: 1 1 auto !important;
                     min-height: 0 !important;
                     background-position: left center !important;
                     background-size: 180% !important; }
                     
    .ntk-fade      { background: linear-gradient(to bottom, #031725 0%, rgba(3,23,37,.75) 10%, rgba(3,23,37,0) 20%) !important; }
    
    .ntk-rows      { gap: 10px !important; }
    .ntk-row       { font-size: 14px !important; }
}

@media (max-width: 400px) {
    .ntk-logo  { width: 128px !important; }
    .ntk-panel { padding: 16px 16px 12px !important; gap: 10px !important; }
    .ntk-row   { font-size: 13px !important; }
}

.ntk-link:hover { color: #59a9e8 !important; }