@media(min-width:768px) {
    .hero h1 {
        line-height: 85px;
    }
    .dual-tabs .dual-tabs__right .thumb#tabBtn1 {
        background-position-x:25%;
    }
    .dual-tabs .dual-tabs__right .thumb#tabBtn2 {
        background-position-x:32%;
    }
    .dual-tabs .dual-tabs__right .thumb#tabBtn3 {
        background-position-x:70%;
    }
    .dual-tabs .dual-tabs__right .thumb#tabBtn4 {
        background-position-x:32%;
    }
    .hero-veka__glass .pill{
        text-transform: uppercase;
    }
    .materials__aside {
        gap:15px
    }
    .news-card__pill {
            background: linear-gradient(180deg, rgba(98, 122, 166, 0.42), rgba(98, 122, 166, 0.2)) padding-box, linear-gradient(180deg, rgba(255, 255, 255, 0.55), rgba(0, 0, 0, 0.68)) border-box;
    }
    .news__rail .blur-news::before {
        background: #fff;
    }
    .qna__title {
        color: #222248;
        background:none;
        -webkit-text-fill-color: #222248;
        font-size: 50px;
    }
    .qna__subtitle {
        font-size: 30px;
    }
    .qna__phone {
      color: #222248;
        background:none;
        -webkit-text-fill-color: #222248;
        font-size: 50px;  
    }
    #newsModalHome .news-modal__content {
        text-align:left;
    }
    #newsModalHome .news-modal {
            width: 1400px;
            height: 730px;
    }
    #newsModalHome .news-modal__content {
            max-height: max-content;
    }
    #newsModalHome .news-modal__inner {
        height:auto;
        max-height:680px;
    }
    #newsModalHome .news-modal__right {
        max-height:680px;
        height:640px;
    }
    #newsModalHome .news-modal__close {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    }

    #newsModalHome .news-modal__close:focus,
    #newsModalHome .news-modal__close:active,
    #newsModalHome .news-modal__close:hover {
        outline: none !important;
        box-shadow: none !important;
    }
    .tabs__btn {
        font-size: 28px;
        min-width: 320px;
        font-feature-settings: unset;
    }
    .veka-stats .vs-cards {
        gap:10px
    }
    .veka-stats .vs-card:hover {
        cursor: default;
    }
    .veka-stats .vs-card {
        font-size:18px;
    }
    .veka-stats .vs-big {
        font-size:33px;
    }
    .map-head__content .h1-desc {
        line-height: 40px;
    }
    .nav-popover {
        height: max-content;
        padding: 120px 22px 22px 22px;
    }
    .veka-arch .arch-aside {
        gap:15px
    }
    .veka-arch .arch-aside .arch-aside__head {
        margin-bottom: 20px;
    }
    .arch-item__ico {
        display:none;
    }
    .vr__grid .vr-intro p:last-child{
        margin-bottom:0;
    }
    .veka-ru .vr-list {
    list-style: none;   
    padding-left: 20px;
    }
    
    .veka-ru .vr-list li {
        position: relative;
    }
    
    .veka-ru .vr-list li::before {
        content: "";
        position: absolute;
        left: -18px;
        top: 10px;
        width: 6px;
        height: 6px;
        background: #fff;    
        transform: rotate(45deg); 
    }
    .btn-ghost {
       background: rgba(83, 118, 169, .72);
        background-blend-mode: multiply; 
    }
    .prof-tabs .tabs__btn {
        padding: 10px 15px;
    }
    .tabs__nav.prof-tabs {
        gap:20px;
    }
    .c-news .news-card .blur-news::before {
        background: #fff;
    }
    .c-news .news-card__title {
        font-weight: 500;
        text-transform: none;
        font-feature-settings: normal;
    }
    .c-news .news-modal .news-single__content a {
        color:#0069B4;
    }
    .h1, h1, .h2, h2 {
            font-feature-settings: normal;
    }
    .dual-tabs .dual-tabs__right .thumb {
        position:relative;
    }
    .dual-tabs .dual-tabs__right .thumb .open-slide {
        position:absolute;
        right:50%;
        left:40%;
        bottom:25px;
        padding: 10px 14px;
        width: max-content;
        border-radius: 20px;
        background: rgba(255, 255, 255, .6);
        color:#fff;
        border:1px solid #0b1742;
    }
    .dual-tabs .dual-tabs__right #tabBtn1 .open-slide {
        left:47%;
    }
    .dual-tabs .dual-tabs__right .thumb:hover .open-slide {
          background: rgba(34,34,72,.7803921569);  
    }
    .dual-tabs .dual-tabs__right .thumb:hover {transform:scale(1.02)}
    
    .dual-tabs__right-arrow {
        position: absolute;
        top: 30px;
        left: 50px;
        width: 50px;
        transform: rotate(180deg);
        z-index: 5;
        display:none;
    }
    .dual-tabs__right-arrow:hover {
        cursor:pointer;
    }
    .is-expanded .dual-tabs__right-arrow {
        display:block;
    }
    .veka-ribbon {
        padding: 25px 36px 36px 36px;
    }
    
    .docs-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;      /* Центрирование по горизонтали */
  gap: 20px;                    /* Минимальное расстояние 20px */
  margin: 30px 0 40px 0;
}

/* Карточка документа 300x300 */
.doc-card {
  width: 300px;
  height: 300px;
  border-radius: 30px;
  background: #f6f6fb;
  padding: 20px 22px;
  box-sizing: border-box;
  text-align: left;
  position:relative;
}

/* Верхняя часть: иконка + заголовок */
.doc-card__top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}

.doc-card__top img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

/* Заголовок */
.doc-card__title {
  font-weight: 300;
  font-style: Light;
  font-size: 26.82px;
  line-height: 27.63px;
  letter-spacing: 0%;
  text-transform: uppercase;

}

/* Жирный короткий текст */
.doc-card__lead {
  margin: 8px 0 6px;
  font-size: 14px;
}

/* Обычный короткий текст */
.doc-card__text {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.4;
  position:absolute;
  left: 20px;
  bottom:70px;
}

/* Кнопка "СКАЧАТЬ" внизу карточки */
.doc-card__btn {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 999px;
  font-size:18px;
  background: linear-gradient(180deg, rgba(74, 101, 175, 0.45), rgba(74, 101, 175, 0.38)) padding-box, linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0.15)) border-box;
    border: 1px solid rgba(54, 80, 160, .35);
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;  
  width: 192px;
  position:absolute;
  bottom:20px;
  right:20px;
  
}
.doc-card__btn:hover {
    color:#fff;
    background: rgba(34, 34, 72, .7803921569);
}
.doc-card__bottom {
    text-align: right;
}

.doc-card__btn:hover {
  opacity: 0.9;
}

.material-page .tabs__nav {
    justify-content: center;
    gap: 30px;
}
.material-page .tabs__btn {
    font-size: 25px;
    line-height: 27px;
    text-transform: inherit;

    max-width:342px;
}

}


@media (max-width: 640px) {
  .doc-card {
    width: 100%;
    max-width: 320px;
  }
}

.gall__title span {
	font-family: sans-serif;
	font-size: 30px;
}

.qna__left {
    background: #D9DCE3;
}
.arch-intro-box__item a {
    padding: 20px 33px;
    text-transform: lowercase;
}
.veka-arch .arch-item .btn-ghost {
     padding: 20px 33px;
    text-transform: lowercase;
}
.c-news .news-card__btn {
    text-transform: lowercase;
}
.news__more-btn {
    text-transform: lowercase;
}
.material-page .tabs__btn {
    text-transform: lowercase;
}
.tabs__btn {
        padding: 27px 18px 22px 18px;
}
.gall__more {
    text-transform: lowercase; 
}

.btn-ghost {
        padding: 32.5px 42px;
}
.news__title, .wnd-hero__title, .dual-tabs .tab-panel h3 {
    font-size: 55px;
    color:#0b1742;
}

.portfolio-page h1, .material-page h1 {
    font-size: 70px;
    color:#0b1742;
}
.news-card__pill {
            background: linear-gradient(180deg, rgba(98, 122, 166, 0.42), rgba(98, 122, 166, 0.2)) padding-box, linear-gradient(180deg, rgba(255, 255, 255, 0.55), rgba(83, 118, 169, .72)) border-box;
    }

.portfolio-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:12px 0 24px;
  text-decoration:none;
      position: absolute;
    top: -8px;
    right: 0;
}
.tabs {
        position: relative;
}

.c-news .news-modal .news-single__title {
    text-transform: inherit;
}
#newsModalHome .news-modal__title {
   text-transform: inherit; 
}
.veka-stats .vs-small {
    line-height: 1.1;
}
.vs-outro--cols{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* на мобильных — одна колонка */
@media (max-width: 768px){
  .vs-outro--cols{
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.vs-outro__col p{
  margin: 0;
}
.veka-stats .vs-outro {
    max-width:100%;
    gap: 2px;
}
.doc-card__btn,
.material-page .doc-link-archive {
    text-transform: lowercase;
}

.doc-card__title {
    font-feature-settings: inherit;
    font-weight: 400;
}

.doc-card__btn {
    background: rgba(83, 118, 169, .72);
}

.modal__window .swipe-btn__label {
    text-transform: lowercase;
}
.news__more-btn {

        padding: 40px 30px 12px 30px;
}

.c-news .news-modal__dialog {
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    height: 90vh;
}
.c-news .news-modal .news-single__image {
    width: 100%;
    margin-bottom:15px;
}

#newsModalHome .news-modal__inner {
    display: flex;
    flex-direction: column;
}
#newsModalHome .news-modal__img {
    width: 100%;
}
#newsModalHome .news-modal__left {
        width: 100%;
}
.news-modal__content {
  height: 100%;
  overflow-y: auto;
}
#newsModalHome .news-modal {
    max-height: 80vh;
    height: 80vh;
}
#newsModalHome .news-modal__right {
   height: 100%;
  overflow-y: auto;
}

@media(max-width:576px) {
    .news__title, .wnd-hero__title, .dual-tabs .tab-panel h3 {
        font-size: 30px;
        line-height: 30px;
    }
    .dual-tabs .tab-panel h3 {
        margin-bottom: 10px;
    }
    .dual-tabs .tab-panel p {
        margin-bottom: 10px;
    }
    .portfolio-page h1, .material-page h1 {
        font-size: 40px;
        line-height: 30px;
        padding-bottom: 10px;
    }
    .news {
        padding: 100px 15px 20px 15px;
    }
    .section.qna,
    footer {
        padding: 0 10px;
    }
    .doc-card {
        min-height: 280px;
        padding: 15px;
        border-radius:30px;
        margin-bottom:15px;
                background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .doc-card__btn {
        margin-top: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 18px;
        border-radius: 999px;
        font-size: 18px;
        border: 1px solid rgba(54, 80, 160, .35);
        color: #ffffff;
        text-decoration: none;
        width: 100%;
        bottom: 20px;
        right: 20px;
        text-transform: lowercase;
    }
    .tabs__btn {
        min-width:100%;
        font-size: 18px;
        line-height: 19px;
    }
}

@media(max-width:379px) {
    .hero h1 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 8px;
    }
    .dual-tabs .tab-panel p {
        font-size: 16px;
    }
    .dual-tabs__left {
        padding: 25px 15px;
    }
    .dual-tabs .dual-tabs__right {
        max-width: 100%;
    }
    .dual-tabs__cta {
        font-size: 18px;
    }
    .dual-tabs .dual-tabs__cta--overlay {
        padding: 12px 12px;
        bottom: 15px;
    }
    .hero-veka__actions {
        position: relative;
        bottom: -7px;
        left: 0;
    }
    .btn-ghost {
        min-width: auto;
        font-size: 16px;
    }
    .news .btn-ghost {
            padding: 10px;
    }
    .qna__left,
    .qna__right {
        width:100%;
    }
    .qna {
        display: flex;
        flex-direction: column;
    }
    .qna__phone {
        font-size: 24px;
    }
    .qna__lead {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .swipe-btn__label {
        font-size: 20px;
        line-height: 26px;
    }
    #newsModalHome .news-modal {
        padding: 10px;
    }
    .arch-intro-box__item a {
        min-width: auto;
        width: auto;
        margin-top: 16px;
        padding: 10px 20px;
    }
    .veka-arch .arch-aside .arch-aside__head h3 {
        font-size: 20px;
        line-height: 18px;
    }
    .veka-arch .arch-aside .aside-item {
        height: auto;
        margin-bottom: 10px;
    }
    .veka-arch .arch-aside .aside-item .aside-item__title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .veka-arch .arch-list h3 {
        font-size: 20px;
        line-height: 18px;
    }
    .arch-item__ico {
        display:none;
    }
    .veka-arch .arch-item .btn-ghost {
        min-width: auto;
        width: auto;
        padding: 10px 20px;
    }
    .veka-arch .arch-item__rig {
        width:100%;
    }
    .veka-arch .arch-item__desc {
        font-size: 18px;
        line-height: 20px;
    }
    .veka-stats .vs-intro br {
        display:none;
    }
    .veka-ru .vr-geo .vr-geo__title {
        font-size: 21px;
        line-height: 26px;
    }
    .c-news .news-card {
        min-height: 280px;
    }
    
    #tabsBlock h1 {
        font-size: 26px;
        line-height: 26px;
    }
    .material-page .tabs__btn {
        min-width:100%;
        font-size: 18px;
        line-height: 19px;
    }
    
    .gall__progress {
            padding-right: 0;
    }
    .prof-tabs .tabs__btn {
        font-size: 18px;
    }
    .qcheck-flex input[type=checkbox] {
        width: 36px;
    }
    .modal__title {
        font-size: 30px;
        line-height: 35px;
    }
    .modal__window {
        padding: 40px 15px 20px 15px;
        width: 100%;
    }
    .modal__window .qcheck-flex input[type=checkbox] {
        width: 60px;
    }
    .modal__window .swipe-btn__label {
        padding-inline: 0;
        padding: 12px 33px;
        font-size: 19px;
    }
}
.veka-arch .arch-aside .aside-item:hover {
    cursor:inherit;
}
.c-news .news-modal .news-single__content p {
    text-align:left;
}
.c-news .news-modal .news-single__image {
    margin-bottom:30px;
}
.hero-veka__glass .pill{
    padding: 11px 18px 6px 18px;
}
.auth .btn-glass {
        padding: 10px 28px 8px 28px;
}
.materials__title, .hero-veka__title {
    color:#0b1742;
}
.materials__text,.aside-card,.wnd-hero__glass,.dual-tabs__left,.hero-veka__glass,.qna__title,.qna__phone,.qna__lead,.qna__hint,.veka-arch .arch-aside .aside-item .aside-item__title,.veka-arch .arch-intro,.veka-arch .arch-aside .aside-item .aside-item__desc,.veka-stats .vs-title,.veka-stats .vs-num,.veka-stats .vs-big,.c-news .news-card__title,.c-news .news-card__excerpt,.doc-card__title, .doc-card, .material-page .doc-link-archive, .gall__title,.modal__title,.modal__window .swipe-btn__track {
    color:#0b1742;
}

.ss {
        font-family: sans-serif;
}

.modal__subtitle {
    font-family: "VEKA Rus Sans", sans-serif;
    font-feature-settings: "ss06" 1;
}

.c-news .news-card__title {
    font-size: 25px;
    line-height: 27px;
    height: 76px;
}
.veka-ribbon__copy {
    position: absolute;
    right: 6px;
    bottom: -12px;
    font-size: 12px;
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
}
.veka-ribbon__policy {
    bottom: 12px;
}