/* Home page, design sayman-homepage-design.pdf. Tokens come from home.css. */

/* ---- Shared: section heading (small English label + title) */
.sy-page.sy-page.sy-page .sy-eyebrow{display:block;direction:ltr;text-align:right;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sy-accent);margin-bottom:8px}
.sy-page.sy-page.sy-page .sy-sechead{margin-bottom:26px}
.sy-page.sy-page.sy-page .sy-sechead .sy-title{margin:0;font-size:26px;line-height:1.6}
.sy-page.sy-page.sy-page .sy-sechead.is-center{text-align:center}
.sy-page.sy-page.sy-page .sy-sechead.is-center .sy-eyebrow{text-align:center}
.sy-page.sy-page.sy-page .sy-head2{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px}
.sy-page.sy-page.sy-page .sy-head2 .sy-sechead{margin-bottom:0}
.sy-page.sy-page.sy-page .sy-home section{scroll-margin-top:90px}

/* ---- Hero slider */
.sy-page.sy-page.sy-page .sy-hero2{position:relative;background:linear-gradient(90deg,#fff 0%,#f4f8fd 100%);overflow:hidden}
.sy-page.sy-page.sy-page .sy-hslides{display:flex;direction:rtl;transition:transform .8s cubic-bezier(.65,0,.35,1);will-change:transform}
.sy-page.sy-page.sy-page .sy-hslides.is-jump{transition:none}
.sy-page.sy-page.sy-page .sy-hslide{flex:0 0 100%;min-width:0;display:flex;position:relative;align-items:center;min-height:clamp(440px,34vw,660px)}
.sy-page.sy-page.sy-page .sy-hslide::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to left,#fff 0%,#fff 42%,rgba(255,255,255,0) 66%)}
.sy-page.sy-page.sy-page .sy-hslide:not(.is-active) .sy-hslide__text{opacity:.0;transition:opacity .5s}
.sy-page.sy-page.sy-page .sy-hslide.is-active .sy-hslide__text{opacity:1;transition:opacity .8s .25s}
.sy-page.sy-page.sy-page .sy-hslide.is-clone .sy-hslide__text{opacity:1}
.sy-page.sy-page.sy-page .sy-hslide__img{position:absolute;top:0;bottom:0;inset-inline-end:0;width:68%;height:100%;object-fit:cover;object-position:center top}
.sy-page.sy-page.sy-page .sy-hslide__in{position:relative;z-index:2;display:flex}
.sy-page.sy-page.sy-page .sy-hslide__text{max-width:520px;padding:70px 0 96px}
.sy-page.sy-page.sy-page .sy-hslide__text .sy-eyebrow{font-size:12px}
.sy-page.sy-page.sy-page .sy-hslide__title{margin:0 0 16px;font-size:clamp(34px,2.7vw,50px);line-height:1.35;font-weight:800;color:var(--sy-text)}
.sy-page.sy-page.sy-page .sy-hslide__title span,.sy-page.sy-page.sy-page .sy-hslide__title em{display:block;font-style:normal}
.sy-page.sy-page.sy-page .sy-hslide__title em{color:var(--sy-primary)}
.sy-page.sy-page.sy-page .sy-hslide__text p{margin:0 0 26px;font-size:15.5px;line-height:2;color:var(--sy-muted);max-width:480px}
.sy-page.sy-page.sy-page .sy-hslide__btns{display:flex;gap:12px;flex-wrap:wrap}
.sy-page.sy-page.sy-page .sy-hero2__nav{position:absolute;bottom:26px;inset-inline:0;z-index:3;pointer-events:none}
.sy-page.sy-page.sy-page .sy-hero2__navin{display:flex;align-items:center;gap:10px;pointer-events:none}
.sy-page.sy-page.sy-page .sy-hero2__count{font-size:14px;color:var(--sy-muted);margin-inline-end:6px;pointer-events:auto}
.sy-page.sy-page.sy-page .sy-hero2__count b{font-size:15px;color:var(--sy-text)}
.sy-page.sy-page.sy-page .sy-hnav{pointer-events:auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--sy-border);background:#fff;color:var(--sy-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(11,58,130,.1)}
.sy-page.sy-page.sy-page .sy-hnav .sy-ico{width:16px;height:16px}
.sy-page.sy-page.sy-page .sy-hnav:hover{background:var(--sy-primary);border-color:var(--sy-primary);color:#fff}

/* ---- About */
.sy-page.sy-page.sy-page .sy-about2{padding:56px 0 8px}
.sy-page.sy-page.sy-page .sy-about2__text .sy-sechead{margin-bottom:16px}
.sy-page.sy-page.sy-page .sy-about2__text p{margin:0 0 22px;font-size:15px;line-height:2.1;color:var(--sy-muted)}
.sy-page.sy-page.sy-page .sy-about2__img{margin:0}
.sy-page.sy-page.sy-page .sy-about2__img img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px;box-shadow:0 20px 44px rgba(11,58,130,.16)}
.sy-page.sy-page.sy-page .sy-about2__cards{margin-top:34px}
.sy-page.sy-page.sy-page .sy-icard{display:flex;align-items:flex-start;gap:14px;height:100%;padding:20px;background:#fff;border:1px solid var(--sy-border);border-radius:14px;box-shadow:0 6px 22px rgba(11,58,130,.05)}
.sy-page.sy-page.sy-page .sy-icard__ico{flex:none;width:52px;height:52px;border-radius:14px;background:var(--sy-soft);color:var(--sy-primary);display:flex;align-items:center;justify-content:center}
.sy-page.sy-page.sy-page .sy-icard__ico .sy-ico{width:28px;height:28px;stroke-width:1.5}
.sy-page.sy-page.sy-page .sy-icard h3{margin:0 0 4px;font-size:15.5px;font-weight:800}
.sy-page.sy-page.sy-page .sy-icard p{margin:0;font-size:13px;line-height:1.9;color:var(--sy-muted)}

/* ---- Services */
.sy-page.sy-page.sy-page .sy-services2{margin-top:52px;padding:56px 0 60px;background:linear-gradient(180deg,#e8f1fd 0%,#f5f9fe 60%,#fff 100%)}
.sy-page.sy-page.sy-page .sy-scard{position:relative;display:flex;gap:16px;align-items:flex-start;height:100%;min-height:150px;padding:22px 22px 54px;background:#fff;border:1px solid var(--sy-border);border-radius:14px;box-shadow:0 8px 24px rgba(11,58,130,.06);transition:.2s}
.sy-page.sy-page.sy-page .sy-scard:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(11,58,130,.12)}
.sy-page.sy-page.sy-page .sy-scard__ico{flex:none;width:50px;height:50px;border-radius:14px;background:var(--sy-soft);color:var(--sy-primary);display:flex;align-items:center;justify-content:center}
.sy-page.sy-page.sy-page .sy-scard__ico .sy-ico{width:28px;height:28px;stroke-width:1.5}
.sy-page.sy-page.sy-page .sy-scard h3{margin:0 0 6px;font-size:16px;font-weight:800}
.sy-page.sy-page.sy-page .sy-scard p{margin:0;font-size:13px;line-height:1.9;color:var(--sy-muted)}
.sy-page.sy-page.sy-page .sy-scard__go{position:absolute;bottom:16px;inset-inline-end:18px;width:34px;height:34px;border-radius:50%;border:1px solid var(--sy-border);color:var(--sy-primary);display:flex;align-items:center;justify-content:center;background:#fff}
.sy-page.sy-page.sy-page .sy-scard__go .sy-ico{width:15px;height:15px}
.sy-page.sy-page.sy-page .sy-scard__go:hover{background:var(--sy-primary);border-color:var(--sy-primary);color:#fff}

/* ---- Banner over a photo */
.sy-page.sy-page.sy-page .sy-banner{position:relative;overflow:hidden;background:var(--sy-primary);color:#fff}
.sy-page.sy-page.sy-page .sy-banner__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sy-page.sy-page.sy-page .sy-banner::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to left,rgba(8,44,98,.96) 0%,rgba(11,58,130,.9) 34%,rgba(11,58,130,.35) 62%,rgba(11,58,130,0) 100%)}
.sy-page.sy-page.sy-page .sy-banner .sy-wrap{position:relative;z-index:2}
.sy-page.sy-page.sy-page .sy-banner__in{max-width:500px;padding:70px 0}
.sy-page.sy-page.sy-page .sy-banner .sy-eyebrow{color:#9cc4f7}
.sy-page.sy-page.sy-page .sy-banner h2{margin:0 0 12px;font-size:30px;line-height:1.5;font-weight:800;color:#fff}
.sy-page.sy-page.sy-page .sy-banner p{margin:0 0 24px;font-size:14.5px;line-height:2;color:#dbe6f7}

/* ---- Solutions */
.sy-page.sy-page.sy-page .sy-solutions{padding:60px 0 20px}
.sy-page.sy-page.sy-page .sy-solcard{display:flex;align-items:center;gap:20px;height:100%;min-height:230px;padding:26px 28px;background:linear-gradient(135deg,#fff 0%,#f1f6fd 100%);border:1px solid var(--sy-border);border-radius:18px;overflow:hidden}
.sy-page.sy-page.sy-page .sy-solcard__img{flex:0 0 46%}
.sy-page.sy-page.sy-page .sy-solcard__img img{width:100%;max-height:230px;object-fit:contain}
.sy-page.sy-page.sy-page .sy-solcard__text{flex:1;min-width:0}
.sy-page.sy-page.sy-page .sy-solcard h3{margin:0 0 8px;font-size:20px;font-weight:800}
.sy-page.sy-page.sy-page .sy-solcard p{margin:0 0 16px;font-size:13.5px;line-height:2;color:var(--sy-muted)}
.sy-page.sy-page.sy-page .sy-solcard .sy-btn{padding:9px 18px;font-size:13px}

/* ---- Featured equipment */
.sy-page.sy-page.sy-page .sy-featured{padding:46px 0 12px}
.sy-page.sy-page.sy-page .sy-fcard{display:flex;flex-direction:column;gap:10px;height:100%;padding:20px;text-align:center;background:#fff;border:1px solid var(--sy-border);border-radius:16px;box-shadow:0 6px 22px rgba(11,58,130,.05);transition:.2s}
.sy-page.sy-page.sy-page .sy-fcard:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(11,58,130,.12)}
.sy-page.sy-page.sy-page .sy-fcard__img{display:flex;align-items:center;justify-content:center;height:240px}
.sy-page.sy-page.sy-page .sy-fcard__img img{max-height:240px;width:auto;max-width:100%;object-fit:contain}
.sy-page.sy-page.sy-page .sy-fcard__title{margin:0;font-size:17px;font-weight:800;line-height:1.6}
.sy-page.sy-page.sy-page .sy-fcard__text{margin:0;font-size:13px;line-height:1.9;color:var(--sy-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;min-height:80px}
.sy-page.sy-page.sy-page .sy-fcard__price{font-weight:800;color:var(--sy-primary)}
.sy-page.sy-page.sy-page .sy-fcard .sy-btn{margin-top:auto}

/* ---- News */
.sy-page.sy-page.sy-page .sy-newsblock{padding:46px 0 12px}
.sy-page.sy-page.sy-page .sy-ncard{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sy-border);border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(11,58,130,.05);transition:.2s}
.sy-page.sy-page.sy-page .sy-ncard:hover{box-shadow:0 14px 32px rgba(11,58,130,.12)}
.sy-page.sy-page.sy-page .sy-ncard__img{display:block;aspect-ratio:16/9;background:var(--sy-soft);overflow:hidden}
.sy-page.sy-page.sy-page .sy-ncard__img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.sy-page.sy-page.sy-page .sy-ncard:hover .sy-ncard__img img{transform:scale(1.04)}
.sy-page.sy-page.sy-page .sy-ncard__body{display:flex;flex-direction:column;gap:6px;flex:1;padding:16px 18px 18px}
.sy-page.sy-page.sy-page .sy-ncard h3{margin:0;font-size:15px;line-height:1.9;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:57px}
.sy-page.sy-page.sy-page .sy-ncard time{font-size:12px;color:var(--sy-muted)}
.sy-page.sy-page.sy-page .sy-ncard__more{margin-top:auto;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--sy-primary)}
.sy-page.sy-page.sy-page .sy-ncard__more .sy-ico{width:14px;height:14px}

/* ---- Partners */
.sy-page.sy-page.sy-page .sy-partners{margin-top:52px;padding:40px 0;background:var(--sy-soft)}
.sy-page.sy-page.sy-page .sy-partners .sy-sechead{margin-bottom:18px}
.sy-page.sy-page.sy-page .sy-partners__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 84px}
.sy-page.sy-page.sy-page .sy-partners .sy-brand{height:auto;min-width:0;padding:0;border:0;background:transparent;font-size:36px;font-weight:800;letter-spacing:.4px;color:#5f7090;direction:ltr}
.sy-page.sy-page.sy-page .sy-partners .sy-brand img{max-height:44px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.8}
.sy-page.sy-page.sy-page .sy-partners a.sy-brand:hover{color:var(--sy-primary)}

/* ---- Consultation */
.sy-page.sy-page.sy-page .sy-consult2{padding:44px 0 56px}
.sy-page.sy-page.sy-page .sy-consult2__in{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;align-items:stretch}
.sy-page.sy-page.sy-page .sy-cform-card{padding:26px;background:#fff;border:1px solid var(--sy-border);border-radius:16px;box-shadow:0 10px 30px rgba(11,58,130,.1)}
.sy-page.sy-page.sy-page .sy-cform__notice{margin-bottom:14px;padding:12px 14px;border-radius:10px;font-size:13.5px;line-height:1.9}
.sy-page.sy-page.sy-page .sy-cform__notice.is-ok{background:#e8f5ee;color:#0b5a32}
.sy-page.sy-page.sy-page .sy-cform__notice.is-err{background:#fdecec;color:#8f1f2e}
.sy-page.sy-page.sy-page .sy-cfield{position:relative;display:block;margin-bottom:12px}
.sy-page.sy-page.sy-page .sy-cfield input{width:100%;height:48px;padding:0 14px;padding-inline-end:44px;border:1.5px solid var(--sy-border);border-radius:10px;background:#fff;font-size:14px;color:var(--sy-text)}
.sy-page.sy-page.sy-page .sy-cfield input:focus{border-color:var(--sy-accent);box-shadow:0 0 0 3px rgba(47,125,225,.15);outline:0}
.sy-page.sy-page.sy-page .sy-cfield .sy-ico{position:absolute;top:50%;inset-inline-end:14px;transform:translateY(-50%);width:20px;height:20px;color:var(--sy-muted);pointer-events:none}
.sy-page.sy-page.sy-page .sy-cfield--hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.sy-page.sy-page.sy-page .sy-cform .sy-btn{margin-top:4px}
.sy-page.sy-page.sy-page .sy-cform__frame{width:100%;height:520px;border:0;border-radius:12px}
.sy-page.sy-page.sy-page .sy-consult2__panel{position:relative;display:flex;align-items:center;min-height:300px;border-radius:16px;overflow:hidden;background:var(--sy-soft) center/cover no-repeat}
.sy-page.sy-page.sy-page .sy-consult2__panel::before{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 42%,rgba(255,255,255,0) 78%)}
.sy-page.sy-page.sy-page .sy-consult2__text{position:relative;z-index:1;max-width:min(55%,380px);padding:32px}
.sy-page.sy-page.sy-page .sy-consult2__text h2{margin:0 0 10px;font-size:24px;font-weight:800;line-height:1.5}
.sy-page.sy-page.sy-page .sy-consult2__text p{margin:0;font-size:14px;line-height:2;color:var(--sy-muted)}

/* ---- Responsive (Bootstrap sizes) */
@media (max-width:1199.98px){
	.sy-page.sy-page.sy-page .sy-hslide__title{font-size:38px}
	.sy-page.sy-page.sy-page .sy-consult2__in{grid-template-columns:360px minmax(0,1fr)}
}
@media (max-width:991.98px){
	.sy-page.sy-page.sy-page .sy-hslide{flex-direction:column;align-items:stretch;min-height:0}
	.sy-page.sy-page.sy-page .sy-hslide__img{position:static;width:100%;height:240px;-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
	.sy-page.sy-page.sy-page .sy-hslide__text{padding:6px 0 78px;max-width:none}
	.sy-page.sy-page.sy-page .sy-hslide__title{font-size:30px}
	.sy-page.sy-page.sy-page .sy-hero2__nav{bottom:20px}
	.sy-page.sy-page.sy-page .sy-sechead .sy-title{font-size:23px}
	.sy-page.sy-page.sy-page .sy-solcard{flex-direction:column;text-align:center}
	.sy-page.sy-page.sy-page .sy-solcard__img{flex:none;width:70%}
	.sy-page.sy-page.sy-page .sy-consult2__in{grid-template-columns:1fr}
	.sy-page.sy-page.sy-page .sy-consult2__text{max-width:none}
	.sy-page.sy-page.sy-page .sy-banner__in{max-width:none;padding:48px 0}
	.sy-page.sy-page.sy-page .sy-banner::before{background:linear-gradient(to top,rgba(8,44,98,.96),rgba(11,58,130,.82))}
}
@media (max-width:767.98px){
	.sy-page.sy-page.sy-page .sy-head2{flex-direction:column;align-items:flex-start}
	.sy-page.sy-page.sy-page .sy-partners .sy-brand{font-size:24px}
	.sy-page.sy-page.sy-page .sy-partners__row{gap:16px 36px}
	.sy-page.sy-page.sy-page .sy-banner h2{font-size:24px}
	.sy-page.sy-page.sy-page .sy-hslide__btns .sy-btn{flex:1}
}

@media (max-width:991.98px){
	.sy-page.sy-page.sy-page .sy-hslide::before{display:none}
	.sy-page.sy-page.sy-page .sy-hslide{min-height:0}
	.sy-page.sy-page.sy-page .sy-hslide__img{width:100%}
	.sy-page.sy-page.sy-page .sy-fcard__img{height:200px}
	.sy-page.sy-page.sy-page .sy-fcard__img img{max-height:200px}
	.sy-page.sy-page.sy-page .sy-solcard{min-height:0}
}