/* ── service page ────────────────────────────────────────────────────── */
.shero{padding-block:calc(var(--hdr-h) + 20px) 0}
.shero__crumbs{justify-content:flex-start}
.shero__card{margin-top:15px;display:grid;grid-template-columns:743fr 754fr;background:var(--white);border-radius:10px;box-shadow:0 0 15px rgba(10,53,107,.12);overflow:hidden;min-height:478px}
.shero__media{grid-column:2;min-height:478px}
.shero__txt{grid-column:1;grid-row:1;padding:58px 46px 48px;display:flex;flex-direction:column}
.shero__title{font-size:clamp(30px,3.65vw,70px);line-height:60px;font-weight:500;color:var(--navy)}
.shero__intro{margin-top:24px;font-size:clamp(15px,1.15vw,22px);line-height:32px;font-weight:500;color:var(--navy)}
.shero__author{margin-top:auto;padding-top:32px;display:flex;align-items:center;justify-content:flex-start;gap:14px}
.shero__atxt{flex:1;min-width:0;text-align:start}
.shero__author img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none}
.shero__aname{font-size:22px;line-height:32px;font-weight:700;color:var(--navy)}
.shero__arole{font-size:19px;line-height:28px;color:var(--navy)}

.spage{padding-block:56px 0}
.spage__grid{display:grid;grid-template-columns:948fr 440fr;gap:68px;align-items:start}
.spage__main{min-width:0;display:flex;flex-direction:column;gap:40px}
.spage__side{position:sticky;top:calc(var(--hdr-h) + 16px);display:flex;flex-direction:column;gap:24px}

.sform{background:var(--white);border:1px solid #f3f5f8;border-radius:10px;box-shadow:0 0 15px rgba(10,53,107,.12);padding:32px 30px 28px;display:flex;flex-direction:column;gap:12px}
.sform__title{font-size:clamp(20px,1.67vw,32px);line-height:40px;font-weight:700;color:var(--navy-2);margin-bottom:6px}
.sform__ok{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:20px;color:var(--navy-3);cursor:pointer}
.sform__ok input{accent-color:#001744;width:16px;height:16px;flex:none;margin-top:2px}
.sform__submit{margin:8px auto 0;width:213px}
.sform__list{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.sform__list li{position:relative;padding-right:26px;font-size:16px;line-height:24px;color:var(--navy-2)}
.sform__list li::before{content:"";position:absolute;right:0;top:3px;width:17px;height:17px;border-radius:50%;border:1px solid var(--navy-2);background:url(../images/icon-check-navy.svg) no-repeat center/10px}

.stoc{background:var(--grey-2);border-radius:6px;padding:20px 20px 22px}
.stoc__head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;padding-bottom:17px;border-bottom:1px solid var(--line);font-size:24px;line-height:28px;font-weight:500;color:var(--navy)}
.stoc__head .chev{width:17px;height:17px;transition:transform .25s}
.stoc__scroll{margin-top:22px;height:172px;flex:none;padding-inline-start:0;padding-left:22px}
.stoc__scroll::before{background:var(--blush)}
.stoc__mark{position:absolute;left:0;top:0;width:3px;border-radius:8px;background:var(--navy);transition:top .2s,height .2s}
.stoc__list{counter-reset:toc;display:flex;flex-direction:column}
.stoc__list li{position:relative;counter-increment:toc;padding-right:26px;font-size:21px;line-height:28px;font-weight:400;color:var(--navy);transition:font-weight .2s}
.stoc__list li.is-active{font-weight:700}
.stoc__list li a{display:block}
.stoc__list li::before{content:counter(toc) ".";position:absolute;right:0;top:0;font-weight:700}
.stoc__list a:hover{color:var(--blush)}

.sblock{scroll-margin-top:180px}
.sblock__head{background:var(--grey-2);border-radius:4px;padding:18px 30px;font-size:clamp(20px,1.67vw,32px);line-height:30px;font-weight:700;color:var(--navy)}
.sblock__head--google{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}
.sblock__head--google h2{font-size:inherit;line-height:inherit;font-weight:inherit}
.sblock__body{padding:26px 0 0;display:flex;flex-direction:column;gap:16px}
.sblock__body p{font-size:clamp(15px,1.15vw,22px);line-height:30px;color:var(--navy)}
.sblock__body b{font-weight:700}
.sblock__sub{margin-top:8px;font-size:clamp(19px,1.46vw,28px);line-height:1.3;font-weight:700;color:var(--navy)}
.sblock__sub--sm{font-size:clamp(17px,1.25vw,24px)}
.sblock__img{width:100%;aspect-ratio:900/559;border-radius:6px;margin-top:8px}

.sba{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.sba__card{aspect-ratio:292/365;border-radius:6px}

.scards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 21px}
.scards--3{grid-template-columns:repeat(3,1fr)}
.scard{display:block;background:var(--white);border-radius:5px;box-shadow:0 0 19px rgba(28,53,85,.1);overflow:hidden;transition:transform .25s,box-shadow .25s}
.scard:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(28,53,85,.16)}
.scard__img{aspect-ratio:291/159}
.scard__name{padding:20px 18px 22px;font-size:clamp(17px,1.2vw,23px);line-height:29px;font-weight:700;color:var(--navy);text-align:start}

.ptable{overflow:hidden;border:1px solid #cfdae9;border-radius:10px}
.ptable table{width:100%;border-collapse:collapse;font-size:clamp(16px,1.25vw,24px);line-height:30px}
.ptable th{background:rgba(111,135,166,.12);padding:18px 26px;font-weight:700;color:var(--navy);text-align:start}
.ptable td{padding:18px 26px;color:var(--navy)}
.ptable tbody tr:nth-child(even){background:var(--grey-2)}
.ptable td:first-child{font-weight:700}
.ptable th+th,.ptable td+td{border-inline-start:1px solid #cfdae9}

.svid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.vcard--sm{width:100%!important;height:680px}
.vcard--sm .vcard__play{top:230px;width:88px;height:88px}
.vcard--sm .vcard__play svg{width:56px;height:56px}

.sgoogle{display:flex;align-items:center;gap:12px}
.sgoogle__num{font-size:clamp(24px,1.88vw,36px);line-height:1;font-weight:500;color:var(--navy)}
.sgoogle__star{width:25px;height:24px;flex:none;color:var(--navy)}
.sgoogle__logo{width:106px;height:auto;flex:none}
.srev__wrap{position:relative}
.srev__wrap .owl-nav,.srev__wrap .owl-nav.disabled{position:absolute;inset:0;display:block;pointer-events:none;z-index:3}
.srev__wrap .owl-nav button.disabled{opacity:.45}
.srev__wrap .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;background:none!important;margin:0!important;padding:0!important;color:var(--navy)}
.srev__wrap .owl-nav button:hover{color:var(--blush)}
.srev__wrap .owl-nav svg{width:32px;height:32px}
.srev__wrap .owl-prev{right:-38px}
.srev__wrap .owl-next{left:-38px}

.sauthor{background:var(--grey-2);border-radius:6px;padding:28px 32px 32px}
.sauthor__label{font-size:21px;line-height:1;font-weight:700;color:var(--navy);text-align:start}
.sauthor__row{margin-top:18px;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start;gap:20px}
.sauthor__av{width:120px;height:120px;border-radius:50%;object-fit:cover;flex:none}
.sauthor__name{font-size:clamp(24px,1.77vw,34px);line-height:1.2;font-weight:700;color:var(--navy)}
.sauthor__role{margin-top:8px;font-size:clamp(17px,1.25vw,24px);line-height:30px;font-weight:500;color:var(--navy)}
.sauthor__bio{margin-top:12px;font-size:clamp(14px,1.05vw,20px);line-height:28px;font-weight:700;color:var(--navy)}
.sauthor .btn{margin-top:22px}

@media(max-width:1400px){
	.spage__grid{grid-template-columns:1fr;gap:34px}
	.spage__side{position:static;flex-direction:row;flex-wrap:wrap}
	.sform{flex:1 1 420px}
	.stoc{flex:1 1 320px}
	.shero__card{grid-template-columns:1fr}
	.shero__media{grid-column:1;grid-row:1;min-height:320px}
	.shero__txt{grid-row:2}
}
@media(max-width:1023px){
	.shero__txt{padding:24px 18px 28px}
	.shero__title{font-size:28px;line-height:1.2}
	.shero__intro{margin-top:14px;font-size:15px;line-height:25px}
	.spage{padding-block:34px 0}
	.spage__main{gap:26px}
	.sblock__head{padding:14px 16px;font-size:19px}
	.sblock__body{padding-top:16px;gap:12px}
	.sblock__body p{font-size:15px;line-height:25px}
	.sba,.scards{grid-template-columns:1fr 1fr;gap:12px}
	.srev__wrap .owl-prev{right:0}
	.srev__wrap .owl-next{left:0}
	.svid{grid-template-columns:1fr}
	.vcard--sm{height:520px}
	.vcard--sm .vcard__play{top:180px;width:64px;height:64px}
	.sauthor{padding:20px 16px 24px}
	.sauthor__row{flex-direction:column;align-items:flex-start}
	.spage__grid{display:flex;flex-direction:column;align-items:stretch}
	.spage__side{display:contents}
	.stoc{order:-1;margin-bottom:6px}
	.sform{padding:20px 16px 22px}
	.sform__title{font-size:20px;line-height:28px}
}

/* keep the review arrows inside the viewport when there is no room outside the row */
@media(max-width:1600px){
	.srev__wrap .owl-prev{right:0}
	.srev__wrap .owl-next{left:0}
}
