.hm-header,
.hm-header * {
box-sizing: border-box;
}
.hm-header {
direction: rtl;
width: 100%;
max-width: none;
margin: 0;
position: relative;
z-index: 999;
background: rgba(12, 15, 19, 0.76);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border-bottom: 1px solid rgba(244, 185, 40, 0.28);
font-family: inherit;
}
.hm-nav {
width: 100%;
max-width: none;
min-height: 86px;
margin: 0;
padding: 12px 30px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
}
.hm-brand {
color: #f4b928;
text-decoration: none;
font-size: 25px;
font-weight: 800;
letter-spacing: 1px;
line-height: 1.2;
white-space: nowrap;
}
.hm-brand small {
display: block;
margin-top: 5px;
color: #d5d7da;
font-size: 9px;
font-weight: 500;
letter-spacing: 2px;
}
.hm-links {
display: flex;
align-items: center;
gap: 27px;
}
.hm-links a {
position: relative;
padding: 12px 0;
color: #fff;
font-size: 14px;
font-weight: 500;
text-decoration: none;
white-space: nowrap;
transition: color .25s ease;
}
.hm-links a::after {
content: "";
position: absolute;
bottom: 4px;
right: 0;
width: 0;
height: 2px;
background: #f4b928;
transition: width .25s ease;
}
.hm-links a:hover {
color: #f4b928;
}
.hm-links a:hover::after {
width: 100%;
}
.hm-toggle {
display: none;
color: #f4b928;
background: transparent;
border: 1px solid rgba(244,185,40,.5);
border-radius: 7px;
font-size: 25px;
width: 44px;
height: 42px;
cursor: pointer;
}
@media (max-width: 900px) {
.hm-nav {
min-height: 72px;
padding: 12px 18px;
flex-wrap: wrap;
}
.hm-brand {
font-size: 21px;
}
.hm-brand small {
font-size: 8px;
}
.hm-toggle {
display: block;
}
.hm-links {
display: none;
flex-direction: column;
align-items: stretch;
gap: 3px;
width: 100%;
padding: 10px 0 14px;
}
.hm-links.hm-open {
display: flex;
}
.hm-links a {
padding: 12px 8px;
}
.hm-links a::after {
bottom: 5px;
}
}
(function () {
const script = document.currentScript;
const header = script.previousElementSibling;
if (!header || !header.classList.contains('hm-header')) return;
const toggle = header.querySelector('.hm-toggle');
const menu = header.querySelector('.hm-links');
toggle.addEventListener('click', function () {
const opened = menu.classList.toggle('hm-open');
toggle.setAttribute('aria-expanded', String(opened));
toggle.textContent = opened ? '×' : '☰';
});
})();
.asia-hero,
.asia-hero * {
box-sizing: border-box;
}
.asia-hero {
direction: rtl;
width: 100%;
padding: 65px 6%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.asia-hero-content {
margin-right: 0;
margin-left: auto;
transform: translateX(-500px);;
}
text-align: right;
font-family: inherit;
position: relative;
isolation: isolate;
}
.asia-hero-content {
width: 100%;
max-width: 720px;
padding: 25px 28px;
border-right: 4px solid #f4b928;
border-radius: 4px;
background: linear-gradient(
270deg,
rgba(10, 13, 17, 0.78),
rgba(10, 13, 17, 0.48),
rgba(10, 13, 17, 0)
);
}
.asia-hero-eyebrow {
color: #f4b928;
font-size: 13px;
font-weight: 700;
margin: 0 0 18px;
letter-spacing: .3px;
}
.asia-hero h1 {
color: #fff;
font-size: clamp(27px, 3.2vw, 46px);
font-weight: 800;
line-height: 1.65;
margin: 0 0 4px;
}
.asia-hero h2 {
color: #f4b928;
font-size: clamp(20px, 2.3vw, 30px);
font-weight: 700;
line-height: 1.7;
margin: 0 0 17px;
}
.asia-hero p {
color: #f0f1f3;
font-size: 16px;
line-height: 2.1;
margin: 0 0 8px;
}
.asia-hero .asia-hero-subtext {
color: #d0d4da;
font-size: 14px;
margin-bottom: 25px;
}
.asia-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.asia-hero-btn {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
min-height: 49px;
padding: 12px 23px;
border: 1px solid #f4b928;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
transition: .25s ease;
}
.asia-hero-btn-primary {
background: #f4b928;
color: #17191c !important;
}
.asia-hero-btn-primary:hover {
background: #ffd35c;
border-color: #ffd35c;
transform: translateY(-2px);
}
.asia-hero-btn-outline {
background: rgba(15, 18, 22, .25);
color: #fff !important;
}
.asia-hero-btn-outline:hover {
background: #f4b928;
color: #17191c !important;
transform: translateY(-2px);
}
@media (max-width: 767px) {
.asia-hero {
padding: 30px 14px;
min-height: 300px;
}
.asia-hero-content {
padding: 18px 16px;
max-width: 100%;
background: rgba(10, 13, 17, .67);
}
.asia-hero-eyebrow {
font-size: 11px;
margin-bottom: 10px;
}
.asia-hero h1 {
font-size: 27px;
line-height: 1.6;
}
.asia-hero h2 {
font-size: 20px;
line-height: 1.7;
margin-bottom: 12px;
}
.asia-hero p {
font-size: 13px;
line-height: 2;
}
.asia-hero .asia-hero-subtext {
font-size: 12px;
margin-bottom: 18px;
}
.asia-hero-actions {
gap: 9px;
}
.asia-hero-btn {
min-height: 44px;
padding: 10px 14px;
font-size: 12px;
}
}
ASIA HYDRAULIC | تولیدکننده تجهیزات آسانسور
قدرت حرکت، با مهندسی هیدرولیک
تخصص در قلب آسانسورهای هیدرولیک
آسیا هیدرولیک، تولیدکننده قطعات تخصصی آسانسور هیدرولیک؛ از کارسلینگ و جک آسانسور تا پاوریونیت.
کیفیت ساخت، عملکرد مطمئن و راهکارهای متناسب با نیاز پروژه شما.
.asia-hero,
.asia-hero * {
box-sizing: border-box;
}
.asia-hero {
direction: rtl;
width: 100%;
padding: 65px 6%;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: right;
font-family: inherit;
position: relative;
isolation: isolate;
}
.asia-hero-content {
width: 100%;
max-width: 720px;
padding: 25px 28px;
border-right: 4px solid #f4b928;
border-radius: 4px;
background: linear-gradient(
270deg,
rgba(10, 13, 17, 0.78),
rgba(10, 13, 17, 0.48),
rgba(10, 13, 17, 0)
);
}
.asia-hero-eyebrow {
color: #f4b928;
font-size: 13px;
font-weight: 700;
margin: 0 0 18px;
letter-spacing: .3px;
}
.asia-hero h1 {
color: #fff;
font-size: clamp(27px, 3.2vw, 46px);
font-weight: 800;
line-height: 1.65;
margin: 0 0 4px;
}
.asia-hero h2 {
color: #f4b928;
font-size: clamp(20px, 2.3vw, 30px);
font-weight: 700;
line-height: 1.7;
margin: 0 0 17px;
}
.asia-hero p {
color: #f0f1f3;
font-size: 16px;
line-height: 2.1;
margin: 0 0 8px;
}
.asia-hero .asia-hero-subtext {
color: #d0d4da;
font-size: 14px;
margin-bottom: 25px;
}
.asia-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.asia-hero-btn {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
min-height: 49px;
padding: 12px 23px;
border: 1px solid #f4b928;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
transition: .25s ease;
}
.asia-hero-btn-primary {
background: #f4b928;
color: #17191c !important;
}
.asia-hero-btn-primary:hover {
background: #ffd35c;
border-color: #ffd35c;
transform: translateY(-2px);
}
.asia-hero-btn-outline {
background: rgba(15, 18, 22, .25);
color: #fff !important;
}
.asia-hero-btn-outline:hover {
background: #f4b928;
color: #17191c !important;
transform: translateY(-2px);
}
@media (max-width: 767px) {
.asia-hero {
padding: 30px 14px;
min-height: 300px;
}
.asia-hero-content {
padding: 18px 16px;
max-width: 100%;
background: rgba(10, 13, 17, .67);
}
.asia-hero-eyebrow {
font-size: 11px;
margin-bottom: 10px;
}
.asia-hero h1 {
font-size: 27px;
line-height: 1.6;
}
.asia-hero h2 {
font-size: 20px;
line-height: 1.7;
margin-bottom: 12px;
}
.asia-hero p {
font-size: 13px;
line-height: 2;
}
.asia-hero .asia-hero-subtext {
font-size: 12px;
margin-bottom: 18px;
}
.asia-hero-actions {
gap: 9px;
}
.asia-hero-btn {
min-height: 44px;
padding: 10px 14px;
font-size: 12px;
}
}
ASIA HYDRAULIC | تولیدکننده تجهیزات آسانسور
قدرت حرکت، با مهندسی هیدرولیک
تخصص در قلب آسانسورهای هیدرولیک
آسیا هیدرولیک، تولیدکننده قطعات تخصصی آسانسور هیدرولیک؛ از کارسلینگ و جک آسانسور تا پاوریونیت.
کیفیت ساخت، عملکرد مطمئن و راهکارهای متناسب با نیاز پروژه شما.
