/* NordGrupp design system v5 */
:root{
  --canvas:#161718; --band:#1E1F21; --plate:#2A2B2F; --line:#34363B;
  --ink:#FFFFFF; --graphite:#D9DBDE; --smoke:#A3A6AB; --ash:#7A7D83; --steel:#587081;
  --spark:#FFDD00; --on-spark:#111312; --paper:#F0EFEC;
  --head:'Sofia Sans Extra Condensed',sans-serif; --body:'Golos Text',sans-serif;
}
body{background:var(--canvas);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
.t-title,.t-name,.t-heading{font-family:var(--head);font-weight:800;text-transform:uppercase}
.t-descr,.t-text,.t-uptitle,.t-btn{font-family:var(--body)}
.t-btn,.t-submit,.t-input,.t-select{border-radius:5px!important}
.tn-elem[data-elem-type='button'] .tn-atom,.tn-elem[data-elem-type='button'] .tn-atom__button-border{border-radius:5px!important}
/* Prices calculator (HTML element): card, chips and CTA radius 5 */
.ng-calc .ng-calc__plate,.ng-calc .ng-calc__chip,.ng-calc .ng-calc__cta{border-radius:5px}

/* header columns are top-aligned and NOT sticky (user decision) */
.js-sticky-left{position:static!important;align-self:flex-start}

/* Section containers of standard blocks: content 1400 (1480 incl. padding), 1800 from 1920px (matches Zero) */
#rec5777393701 .t-faq__container,#rec5777420301 .t-container,#rec5777536101 .t-container{max-width:1480px;margin:0 auto;padding:0 40px;box-sizing:border-box;width:100%}
@media(min-width:1920px){
  #rec5777393701 .t-faq__container,#rec5777420301 .t-container,#rec5777536101 .t-container{max-width:1920px;padding:0 60px}
}

/* FAQ (rec5777393701): tag pill (same as Zero pill: 16px pad + 8px dot + 8px gap), heading, 1/4 + 3/4 columns */
#rec5777393701 .t-faq__row{display:grid!important;grid-template-columns:1fr 3fr;gap:80px;align-items:start}
#rec5777393701 .t-faq__heading{position:static;padding:0!important;margin:0!important}
#rec5777393701 .t-faq__heading .t-faq__btitle::before{content:"Вопросы";display:flex;width:fit-content;align-items:center;box-sizing:border-box;margin-bottom:24px;padding:8px 16px 8px 32px;border:1px solid #FFDD00;border-radius:100px;background:radial-gradient(circle at 20px 50%,#FFDD00 0 4px,transparent 4.5px),rgba(255,221,0,.1);font:500 13px/16px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#fff}
#rec5777393701 .t-faq__btitle{display:block;margin:0!important;padding:0!important}
#rec5777393701 .t-faq__bdescr{margin:16px 0 0!important;padding:0!important}
@media(max-width:960px){
  #rec5777393701 .t-faq__row{grid-template-columns:1fr;gap:40px}
}
@media(max-width:640px){#rec5777393701 .t-faq__container,#rec5777420301 .t-container,#rec5777536101 .t-container{padding:0 20px}}

/* Typography steps for standard blocks (tablet 960/640; Tilda only has desktop and <=480) */
@media(max-width:1199px){
  #rec5777393701 .t-faq__btitle,#rec5777420301 .t-section__title,#rec5777536101 .t-section__title{font-size:48px!important}
  #rec5777393701 .t-faq__bdescr,#rec5777420301 .t-section__descr,#rec5777536101 .t-section__descr{font-size:18px!important}
}
@media(max-width:959px){
  #rec5777536101 .t728__title{font-size:24px!important}
}
@media(max-width:640px){
  #rec5777393701 .t-faq__btitle,#rec5777420301 .t-section__title,#rec5777536101 .t-section__title{font-size:44px!important}
}
@media(max-width:480px){
  #rec5777393701 .t-faq__btitle,#rec5777420301 .t-section__title,#rec5777536101 .t-section__title{font-size:40px!important}
  #rec5777393701 .t-faq__bdescr,#rec5777420301 .t-section__descr,#rec5777536101 .t-section__descr{font-size:16px!important}
  #rec5777393701 .t-faq__heading .t-faq__btitle::before,#rec5777420301 .t-section__title::before{font-size:12px}
}

/* FAQ accordion: hover = slightly brighter card, no yellow; icon = plus -> cross in a 40x40 box (Why icon box: radius 8, bg rgba(255,221,0,.08), border 1px rgba(255,221,0,.4)) */
#rec5777393701 .t4504.t-faq{--t-faq-card-bg-hover:#34363B;--t-faq-card-bg-opened:#34363B;--t-faq-border-color-hover:#4A4D52;--t-faq-icon-color-hover:#FFFFFF;--t-faq-icon-bg-hover:rgba(255,221,0,.08);--t-faq-icon-bg:rgba(255,221,0,.08);--t-faq-icon-box-width:40px;--t-faq-icon-box-height:40px;--t-faq-padding:8px}
#rec5777393701 .t-faq__wrapper{border-radius:5px;overflow:hidden}
/* trigger row: question left, 40x40 icon right, one line */
#rec5777393701 .t-faq__trigger-button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px;width:100%;box-sizing:border-box;padding:8px!important;margin:0;text-align:left}
#rec5777393701 .t-faq__title-wrapper{display:block;flex:1 1 auto;min-width:0;width:auto!important;margin:0!important;padding:0!important}
#rec5777393701 .t-faq__title{margin:0!important;padding:0!important}
#rec5777393701 .t-faq__icon{position:relative;display:block;box-sizing:border-box;width:40px!important;height:40px!important;flex:0 0 40px;margin:0 0 0 auto!important;padding:0!important;border-radius:8px!important;background:rgba(255,221,0,.08)!important;border:1px solid rgba(255,221,0,.4)!important;color:#fff!important;transform:none!important;inset:auto}
#rec5777393701 .t-faq__icon svg,#rec5777393701 .t-faq__icon-glyph,#rec5777393701 .t-faq__icon-hover,#rec5777393701 .t-faq__icon-image{display:none!important}
#rec5777393701 .t-faq__icon::before,#rec5777393701 .t-faq__icon::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:#FFFFFF;transition:transform .25s ease}
#rec5777393701 .t-faq__icon::after{transform:rotate(90deg)}
#rec5777393701 .t-faq__trigger-button[aria-expanded="true"] .t-faq__icon::before{transform:rotate(45deg)}
#rec5777393701 .t-faq__trigger-button[aria-expanded="true"] .t-faq__icon::after{transform:rotate(135deg)}
#rec5777393701 .t-faq__header{margin:0;padding:0}
#rec5777393701 .t-faq__content[hidden]{display:none!important}
@media(max-width:640px){#rec5777393701 .t-faq__trigger-button{padding:8px!important;gap:16px}}

/* Form (rec5777420301): left header column (tag, H2, lead) + right form, 1/4 + 3/4 like FAQ */
#rec5777420301 .t678{display:grid;grid-template-columns:1fr 3fr;gap:80px;align-items:start;max-width:1480px;margin:0 auto;padding:0 40px;box-sizing:border-box;width:100%}
#rec5777420301 .t678>.t-container{max-width:none;width:auto;margin:0;padding:0}
#rec5777420301 .t678>.t-container>.t-col{margin:0;width:100%;max-width:none}
#rec5777420301 .t-section__wrapper{display:block!important}
#rec5777420301 .t-section__title{display:block;margin:0 0 16px!important;font-size:56px}
#rec5777420301 .t-section__title::before{content:"Заявка";display:flex;width:fit-content;align-items:center;box-sizing:border-box;margin-bottom:24px;padding:8px 16px 8px 32px;border:1px solid #161718;border-radius:100px;background:radial-gradient(circle at 20px 50%,#587081 0 4px,transparent 4.5px),rgba(22,23,24,.06);font:500 13px/16px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#161718}
#rec5777420301 .t-section__descr{margin:0!important;max-width:none}
#rec5777420301 .t-form__submit{text-align:left}
@media(min-width:1920px){#rec5777420301 .t678{max-width:1920px;padding:0 60px}}
@media(max-width:960px){
  #rec5777420301 .t678{grid-template-columns:1fr;gap:40px}
}
@media(max-width:640px){#rec5777420301 .t678{padding:0 20px}}

/* ===== About / Reviews / Clients section: reviews slider rec5777536101 (one grid, H3 sub-heading, wide card, in-grid arrows) ===== */
/* content grid = Zero artboard grid: 1800 / 1400 / 1120 / 880 / 600 / 440 / 320 */
@media(min-width:1200px) and (max-width:1479px){#rec5777536101 .t-container{max-width:1200px}}
@media(min-width:960px) and (max-width:1199px){#rec5777536101 .t-container{max-width:960px}}
@media(min-width:640px) and (max-width:959px){#rec5777536101 .t-container{max-width:640px;padding:0 20px}}
@media(min-width:480px) and (max-width:639px){#rec5777536101 .t-container{max-width:480px;padding:0 20px}}
@media(max-width:479px){#rec5777536101 .t-container{max-width:360px;padding:0 20px}}
/* kill Tilda column margins / paddings / width caps that shift the left edge */
#rec5777536101 .t-col,#rec5777536101 .t-width,#rec5777536101 .t-slds__wrapper,#rec5777536101 .t-slds__witharrows .t-slds__wrapper{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;float:none}
/* vertical rhythm: About bottom 40 + 24 = 64, 24 + Clients top 40 = 64 (48 at 960, 40 below) */
#rec5777536101{padding-top:24px!important;padding-bottom:24px!important}
@media(max-width:1199px){#rec5777536101{padding-top:8px!important;padding-bottom:8px!important}}
@media(max-width:959px){#rec5777536101{padding-top:0!important;padding-bottom:0!important}}
/* H3-large sub-heading 40 / 36 / 32 / 28, caption 18 / 16, caption -> content 40 */
#rec5777536101 .t-section__title{font-size:40px!important;line-height:1!important;margin:0!important;padding:0!important;letter-spacing:0}
#rec5777536101 .t-section__descr{font-size:18px!important;line-height:1.5!important;margin:0 0 40px!important;padding-top:16px!important}
@media(max-width:1199px){#rec5777536101 .t-section__title{font-size:36px!important}}
@media(max-width:959px){#rec5777536101 .t-section__title{font-size:32px!important}}
@media(max-width:639px){#rec5777536101 .t-section__title{font-size:28px!important}#rec5777536101 .t-section__descr{font-size:16px!important}}
/* one wide card, padding 40 (24 at <=640) */
#rec5777536101 .t728__wrapper{background:#2A2B2F;border-radius:5px;overflow:hidden}
#rec5777536101 .t728__textcell{padding:40px!important}
@media(max-width:640px){#rec5777536101 .t728__textcell{padding:24px!important}}
#rec5777536101 .t728__text{margin-bottom:24px}
#rec5777536101 .t728__title{margin-bottom:8px}
@media(max-width:959px){#rec5777536101 .t728__title{font-size:24px!important}}
/* controls row under the card, inside the grid: dots left, arrows right, 40px */
#rec5777536101 .t-slds__main{position:relative}
#allrecords #rec5777536101 ul.t-slds__bullet_wrapper{display:flex;align-items:center;justify-content:flex-start;gap:12px;height:40px;margin:24px 0 0!important;padding:0!important;text-align:left}
#rec5777536101 .t-slds__bullet{padding:0;margin:0}
#rec5777536101 .t-slds__arrow_wrapper{top:auto;bottom:0;left:auto;width:40px;height:40px;right:40px}
#rec5777536101 .t-slds__arrow_wrapper-left{right:88px}
#rec5777536101 .t-slds__arrow{top:0;left:0;right:auto;transform:none;box-sizing:border-box;width:40px!important;height:40px!important}
#rec5777536101 .t-slds__arrow-withbg .t-slds__arrow_body{width:8px!important}
@media(min-width:1920px){#rec5777536101 .t-slds__arrow_wrapper{right:60px}#rec5777536101 .t-slds__arrow_wrapper-left{right:108px}}
@media(max-width:959px){#rec5777536101 .t-slds__arrow_wrapper{right:20px}#rec5777536101 .t-slds__arrow_wrapper-left{right:68px}}
