:root {--body-font-size: 1.05rem; --cassiopeia-font-weight-headings: 500; --border-radius-sm: .3rem !Important; --border-radius-lg: .5rem !Important; --border-radius-xl: .7rem !Important; --border-radius-xxl: 1.2rem !Important;}
.container-header {background-color: #ffffff;background-image: none;box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.1);padding-bottom:0;}
.container-header .mod-menu {color:#333;}
.container-header .container-nav{padding-bottom: .5em;}

.myheader {min-height:450px;}
.img-myheader {background-size: cover;background-position: left;background-repeat: no-repeat;min-height: 450px;}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {margin-bottom: 1.4rem;}
ul.list-check-green li::before{content:'✔';font-weight:bold;display:inline-block;width:1.5em;color:green;}
.image-triangle {position: relative;}
/* Дальний треугольник — до 10% ширины */
.image-triangle::before {content: "";position: absolute;right: 0;bottom: 0;width: 16%;height: 100%;background-color: rgba(var(--info-rgb), 0.5);clip-path: polygon(100% 100%,0 0,100% 0);pointer-events: none;}
/* Ближний треугольник — первые 5% */
.image-triangle::after {content: "";position: absolute;right: 0;bottom: 0;width: 8%;height: 100%;background-color: rgba(var(--info-rgb), 0.6);clip-path: polygon(100% 100%,0 0,100% 0);pointer-events: none;}
.light {background-image:linear-gradient(rgba(255, 255, 255, 0.6),rgba(255, 255, 255, 0.6));}
.bg-primary{--j-bg-rgb:13,110,253}
.bg-secondary{--j-bg-rgb:108,117,125}
.bg-success{--j-bg-rgb:25,135,84}
.bg-danger{--j-bg-rgb:220,53,69}
.bg-warning{--j-bg-rgb:255,193,7}
.bg-info{--j-bg-rgb:13,202,240}
.bg-light{--j-bg-rgb:248,249,250}
.bg-dark{--j-bg-rgb:33,37,41}
.bg-danger.bg-opacity-5,.bg-dark.bg-opacity-5,.bg-info.bg-opacity-5,.bg-light.bg-opacity-5,.bg-primary.bg-opacity-5,.bg-secondary.bg-opacity-5,.bg-success.bg-opacity-5,.bg-warning.bg-opacity-5{background-color:rgba(var(--j-bg-rgb),.05)!important}
.bg-danger.bg-opacity-10,.bg-dark.bg-opacity-10,.bg-info.bg-opacity-10,.bg-light.bg-opacity-10,.bg-primary.bg-opacity-10,.bg-secondary.bg-opacity-10,.bg-success.bg-opacity-10,.bg-warning.bg-opacity-10{background-color:rgba(var(--j-bg-rgb),.1)!important}
.bg-danger.bg-opacity-25,.bg-dark.bg-opacity-25,.bg-info.bg-opacity-25,.bg-light.bg-opacity-25,.bg-primary.bg-opacity-25,.bg-secondary.bg-opacity-25,.bg-success.bg-opacity-25,.bg-warning.bg-opacity-25{background-color:rgba(var(--j-bg-rgb),.25)!important}
.bg-danger.bg-opacity-50,.bg-dark.bg-opacity-50,.bg-info.bg-opacity-50,.bg-light.bg-opacity-50,.bg-primary.bg-opacity-50,.bg-secondary.bg-opacity-50,.bg-success.bg-opacity-50,.bg-warning.bg-opacity-50{background-color:rgba(var(--j-bg-rgb),.5)!important}
.bg-danger.bg-opacity-75,.bg-dark.bg-opacity-75,.bg-info.bg-opacity-75,.bg-light.bg-opacity-75,.bg-primary.bg-opacity-75,.bg-secondary.bg-opacity-75,.bg-success.bg-opacity-75,.bg-warning.bg-opacity-75{background-color:rgba(var(--j-bg-rgb),.75)!important}
.border-danger,.border-dark,.border-info,.border-light,.border-primary,.border-secondary,.border-success,.border-warning,.border-white{border-color:rgba(var(--j-border-rgb),var(--j-border-opacity,1))!important}
.border-primary{--j-border-rgb:13,110,253}
.border-secondary{--j-border-rgb:108,117,125}
.border-success{--j-border-rgb:25,135,84}
.border-danger{--j-border-rgb:220,53,69}
.border-warning{--j-border-rgb:255,193,7}
.border-info{--j-border-rgb:13,202,240}
.border-light{--j-border-rgb:248,249,250}
.border-dark{--j-border-rgb:33,37,41}
.border-white{--j-border-rgb:255,255,255}
.border-opacity-10{--j-border-opacity:.10}
.border-opacity-25{--j-border-opacity:.25}
.border-opacity-50{--j-border-opacity:.50}
.border-opacity-75{--j-border-opacity:.75}
.border-opacity-100{--j-border-opacity:1}
/* css */
.sro-landing {
  --sro-navy: #102e52;
  --sro-red: #c54048;
  --sro-pale: #edf6fd;
  color: #26384b;
  background: #fff;
  line-height: 1.6;
  overflow-wrap: break-word;
}
.sro-landing h1, .sro-landing h2, .sro-landing h3 { color: var(--sro-navy); }
.sro-landing .sro-hero h1 { color: #fff; }
.sro-landing .sro-soft { background-color: var(--sro-pale); }
.sro-landing .sro-hero, .sro-landing .sro-banner { background-color: var(--sro-navy); }
.sro-landing .sro-cover { object-fit: cover; }
.sro-landing .sro-hero::before {content: "";position: absolute;inset: 0;z-index: 1;background: linear-gradient(90deg, rgba(5, 29, 60, .96), rgba(5, 29, 60, .36) 60%, rgba(5, 29, 60, .15));}
.sro-landing .sro-banner::before {content: "";position: absolute;inset: 0;z-index: 1;background: linear-gradient(90deg, rgba(5, 29, 60, .96), rgba(5, 29, 60, .66) 60%, rgba(5, 29, 60, .25));}
.sro-landing .sro-banner .btn-primary {border-color:#416cc1;}
.sro-landing .sro-hero-content, .sro-landing .sro-banner > div { z-index: 2; }
.sro-landing .sro-hero-card { background: rgba(17, 61, 99, .78); border: 1px solid; border-color: #215e94;}
.sro-landing .sro-btn-primary {color: #fff;background: var(--sro-red);border-color: var(--sro-red);}
.sro-landing .sro-btn-primary:hover, .sro-landing .sro-btn-primary:active {color: #fff;background: #a83139;border-color: #a83139;}
.sro-landing .sro-btn-outline { color: var(--sro-navy); border-color: var(--sro-navy); background: #fff; }
.sro-landing .sro-btn-outline:hover, .sro-landing .sro-btn-outline:active { color: #fff; background: var(--sro-navy); }
.sro-landing :is(a, button, input, textarea, select):focus-visible {outline: 3px solid #0075ba;outline-offset: 3px;box-shadow: 0 0 0 2px #fff;}
.sro-landing .sro-hero a:focus-visible, .sro-landing .sro-banner a:focus-visible { outline-color: #fff; box-shadow: 0 0 0 2px #102e52; }
.sro-landing .sro-check { color: #27833e; }
.sro-landing .sro-illustration { max-height: 340px; width: auto; object-fit: contain; }
.sro-landing .sro-requirement-image { max-height: 170px; width: auto; object-fit: contain; }
.sro-landing .sro-cost-table { --table-bg: transparent; --bs-table-bg: transparent; color: inherit; table-layout: fixed; }
.sro-landing .accordion-button { color: var(--sro-navy); line-height: 1.5; }
.sro-landing .accordion-button:not(.collapsed) { color: var(--sro-navy); background-color: var(--sro-pale); }
.sro-landing .btn { white-space: normal; }
.sro-landing #sro-form { scroll-margin-top: 1.5rem; }
.sro-landing .sro-cost-table > thead > tr:first-child {border-top: 0;}
.sro-landing .sro-cost-table > tbody > tr:last-child {border-bottom: 0;}
.sro-landing .sro-cost-table > :is(thead, tbody) > tr > :first-child {border-left: 0;}
.sro-landing .sro-cost-table > :is(thead, tbody) > tr > :last-child {border-right: 0;}
@media (max-width: 575.98px) {
  .sro-landing .sro-cost-table thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  .sro-landing .sro-cost-table, .sro-landing .sro-cost-table tbody, .sro-landing .sro-cost-table tr { display: block; width: 100%; }
  .sro-landing .sro-cost-table tr { border-bottom: 1px solid #dee2e6; }
  .sro-landing .sro-cost-table tr:last-child { border-bottom: 0; }
  .sro-landing .sro-cost-table th, .sro-landing .sro-cost-table td { display: block; width: 100%; border: 0; }
  .sro-landing .sro-cost-table th { background: var(--sro-pale); }
  .sro-landing .sro-illustration { max-height: 240px; }
  .sro-landing .sro-requirement-image { max-height: 100px; }
}
@media (max-width: 575.98px) {
  .sro-landing .sro-cost-table th:first-child {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .sro-landing .sro-cost-table th:first-child {width: 40%;}
}
@media (max-width: 575.98px) {
  .sro-landing .sro-cost-table tbody tr > th,
  .sro-landing .sro-cost-table tbody tr > td {display: block;width: 100% !important;}
}