.swiper-wrapper {
    overflow: hidden;
}

body,
button {
    /* font-family: system-ui !important; */
}

@media (max-width: 875px) { 
    .page-404__info .main-search-form {
        flex-direction: column;
    }

    .page-404__info .main-search-btn {
        width: 100%;
        max-width: none;
    }
}

.breadcrumbs__wrap {
    display: flex;
}

.breadcrumbs__item {
    margin-right: 12px;
}

.success-message-simple {
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: white;
    font-size: 24px;
    font-weight: 400;
}

.success-message-modal {
    font-size: 26px;
    color: #393939;
    text-align: center;
    padding: 30px 0;
    line-height: 1.2;
}

body .modal-wrapper {
    padding: 40px 80px;
    width: 100%;
    max-width: 500px;
    border-radius: 4px;
}

body .modal-wrapper.success {
    line-height: 1.4;
    padding: 20px 30px;
}

.modal-wrapper h2.title {
    margin-bottom: 32px;
    text-align: center;
}

body .hystmodal__close {
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    padding: 0;
    font-size: 10px;
    max-width: none;
}

.hystmodal {
    z-index: 70;
}

.form-group {
    position: relative;
    width: 100%;
    max-width: 345px;
    margin-bottom: 20px;
}

.calculator-form__form .form-group {
    max-width: none;
}

.form-group .asterisk {
    color: #0f6eb6;
}

.input-field {
    border: 1px solid #dcdcdc;
    width: 100%;
    border-radius: 4px;
}

.form-group.error .input-field {
    border: 1px solid #f65757;
}

.form-group.error .input-label.error {
    display: block;
}

.input-label.default {
    font-size: 11px;
    position: absolute;
    top: 15px;
    left: 16px;
    right: 20px;
    pointer-events: none;
    transform: translate(0, 0);
    transition: 0.3s ease-out;
    color: #9a9a99;
    line-height: 20px;
    font-weight: 400;
    z-index: 1;
}

.simple-input-styles .input-label.default {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 10px;
    display: block;
    color: black;
}

@media (min-width:380px) {
    .input-label.default {
    font-size: 12px;
    }   
}

@media (min-width:440px) {
    .input-label.default {
    font-size: 15px;
    }   
}

.input-label.error {
    display: none;
    position: absolute;
    bottom: -15px;
    left: 0;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    color: #f8002c;
}

.form-group.focused .input-label.default {
    font-size: 11px;
    line-height: 14px;
    top: 4px;
}

.simple-input-styles .form-group.focused .input-label.default {
    font-size: 15px;
    line-height: 20px;
    top: 0px;
}

.form-group .input-field {
    font-size: 15px;
    color: #303030;
    padding: 20px 16px 9px 16px;
    line-height: 20px;
    max-height: none;
}

.agreement-text {
    font-size: 12px;
    line-height: normal;
}

.agreement-text .link {
    color: #0f6eb6;
}

.agreement-text .link:hover {
    text-decoration: underline;
}

.modal-wrapper .btn {
    width: 100%;
    max-width: none;
    margin-top: 20px;
}


@media (max-width:450px) {
    body .modal-wrapper {
        padding: 30px 20px;
        width: 90%;
        max-width: 500px;
        border-radius: 4px;
    }

    .form-group {
        max-width: none;
    }

    .success-message-modal {
        font-size: 21px;
        padding: 31px 0;
    }
}

.feedback-form-small {
    max-width: 558px;
}

.feedback-form-small .form-group {
    margin-bottom: 0;
}

.feedback-form-small .success-message-modal {
    line-height: normal;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: left;
}


.input-list-wrapper {
    position: relative;
    width: 100%;
    height: 51px;
}

.input-list {
    position: absolute;
    top: -1px;
    left: 0px;
    background-color: white;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
}

.form-group.error .input-list {
    border: 1px solid #f65757;
}

div.form-group .input-field.text {
    height: 51px;
    border: none;
}
.simple-input-styles .form-group .input-field.text {
    height: auto;
    padding: 10px 16px;
}
.simple-input-styles .form-group input.input-field {
    height: 51px;
    padding: 10px 16px;
}

.form-group.opened {
    z-index: 2;
}

.form-group.opened .input-list {
    border-radius: 4px;
}

.input-list .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 51px;
}

.input-list img {
    width: 14px;
    height: 14px;
    margin-right: 16px;
}

.input-list .values {
    width: 100%;
    display: none;
    border-top: 1px solid #dcdcdc;
    max-height: 250px;
    overflow: scroll;
    overflow-x: hidden;
}

.form-group.opened .input-list .values {
    display: block;
}

.input-list .row {
    font-size: 15px;
    padding: 14px 16px;
    transition: color 0.5s ease-out;
}

.input-list .row.selected {
    background-color: #edf9fe;
    color: #0f6eb6;
}

.input-list .row.disabled{
    color: rgb(134, 134, 134);
    cursor: not-allowed;
}

.input-list .row:hover {
    background-color: #edf9fe;
    color: black;
}

.input-list .row.disabled:hover{
    background-color: white;
    color: rgb(134, 134, 134);
}

.form-group .collapse-button {
    display: none;
}

.form-group.opened .collapse-button {
    display: block;
}

.form-group.opened .expand-button {
    display: none;
}

form.highlight-inputs .form-group.focused .input-list {
    /* border: 1px solid #009fe3; */
}

.stars-wrapper {
    display: flex;
}

.stars-title {
    margin-right: 10px;
}

.rating-stars {
    display: flex;
    /* flex-direction: row-reverse; */
}

.rating-star {
    float: right;
    width: 24px;
    height: 20px;
    flex-shrink: 0;
    cursor: pointer;
    background: url(/assets/img/icons/review-star.svg) no-repeat 0 0;
    background-size: contain;
    padding-right: 4px;
}

.rating-star.checked,
.rating-star:hover {
    background-image: url(/assets/img/icons/review-star.svg);
}

.rating-star.checked ~ .rating-star,
.rating-star:hover ~ .rating-star {
    background-image: url(/assets/img/icons/review-star-grey.svg) !important;
}



@media (max-width: 1024px) {
    .header {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 10;
        background-color: white;
    }
}

.opened-modal .header {
    /* z-index: 2; */
}

.c-mobile-menu {
    position: fixed;
    top: 60px;
    width: 100%;
    max-width: 100%;
    background-color: white;
    z-index: 30;
    padding: 0 20px;
    font-size: 18px;
    height: calc(100% - 60px);
    overflow-y: auto;
}

@media (min-width: 1024px) {
    .c-mobile-menu {
        display: none;
    }
}

.c-mobile-menu .menu-top__list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    gap: 0;
    padding: 0;
}

.c-mobile-menu .sitemap-link,
.c-mobile-menu .c-nav-mobile {
   padding: 14px 0;
}

.c-mobile-menu .border {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.c-mobile-menu .section-switch {
    display: flex;
    position: relative;
}

.c-mobile-menu .section-name {
   padding: 45px 0 20px;
}

.c-mobile-menu .section-name.active {
   font-weight: 700;
   color: #1b6eb6;
}

.mobile-menu__inner {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 60px;
    left: 0px;
    height: 100%;
    transform: translateX(100%);
    width: 100%;
    transition: 0.2s ease;
    background-color: white;
    z-index: 35;
    overflow-y: auto;
    padding: 45px 20px;
}

.mobile-menu__inner.active {
    transform: translateX(0);
}

.menu-mobile__item {
   display: flex;
   justify-content: space-between;
   position: relative;
   padding: 10px 0;
   font-size: 18px;
}

.menu-mobile__item.last.level2 {
    padding-bottom: 20px;
}


.mobile-menu__nav-arrow {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-menu__close-subsection {
    margin: 0 0 25px 0;
   font-size: 16px;
    
}

.mobule-menu__submenu-title {
    font-weight: 700;
    margin-bottom: 10px;
}

.hide-overflow {
    overflow: hidden;
}

.fixed-state .desktop-menu {
    position: fixed;
    top: 0;
    left: 0;
}

.fixed-state .desktop-menu-wrapper {
    margin: 0 auto;
    max-width: 1350px;
}

@media (max-width: 1599px) {
    .fixed-state .desktop-menu-wrapper {
        max-width: 960px;
    }
}

.fixed-state .content-wrapper:not(.header .content-wrapper) {
    padding-top: 72px;
}

#mobile-search {
    align-content: flex-start;
}

.modal-wrapper.mobile-search {
    width: 100%;
    max-width: none;
    border-radius: 0;
}

.mobile-search-form {
    width: 100%;
}

.sitemap ul {
    list-style: none;
}

.sitemap-level1 {
    font-size: 22px;
    line-height: 2;
}

.sitemap-level2 {
    line-height: 1.5;
    font-size: 18px;
    margin-left: 15px;
}

.sitemap-level3 {
    line-height: 1.2;
    font-size: 16px;
    margin-left: 30px;
}

.sitemap a {
    display: block;
    padding: 3px 0;
    color: #0f6eb6;
    text-decoration: underline;
}

.sitemap-tags,
.sitemap-news,
.sitemap-articles
 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.sitemap-tags .sitemap-level1,
.sitemap-news .sitemap-level1,
.sitemap-articles .sitemap-level1
 {
    line-height: 1.2;
    font-size: 16px;
}

.reviews-form {
    max-width: 345px;
}

.fancybox-slide--video .fancybox-content {
	width  : 800px;
	height : 600px;
	max-width  : 80%;
	max-height : 80%;
}

.video-modal .hystmodal__window {
    width: fit-content;
}

.video-modal-item {
    height: 90vh;
}

/* ANCHOR cursor, no-selection */

.pointer {
    cursor: pointer;
}

.noselect {
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  }

.hover:hover {
    opacity: 0.9;
    /* filter: brightness(0.); */
    transition-duration: 0.1s;
}

.documents-osago .documents{
display: grid;
grid-template-columns: repeat(2, 1fr);
}

.preview-articles__title-wrapper h2 {
    color: #0f6eb6;
}


.insuranse-case__links {
    display: flex
;
    flex-direction: column;
    gap: 8px;
    margin-top: 32px;
}

@media (min-width: 765px) {
    .insuranse-case__links {
        display: grid
;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (min-width: 980px) {
    .insuranse-case__links {
        grid-template-columns: repeat(3, 1fr);
    }
}

.insuranse-case__links .why-card {
    min-height: 145px;
    max-width: 100%;
}

@media (min-width: 1600px) {
    .insuranse-case__links .why-card {
        padding-right: 141px;
        padding-bottom: 29px;
    }
}

.banner-kasko-article__wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 28px;
    border-radius: 4px;
    background: rgb(15,110,182);
    background: linear-gradient(90deg, rgba(15,110,182,1) 0%, rgba(122,191,221,1) 70%);
}

.banner-kasko-article__content {
    display: flex;
    flex-direction: column;
    gap: 48px;
    position: relative;
    z-index: 2;
}

.banner-kasko-article__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 590px;
}

.banner-kasko-article__title {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    
}

.banner-kasko-article__description {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}

.banner-kasko-article__btn {
    width: max-content;
    padding: 20px 32px;
    color: rgba(28, 28, 28, 1);
    background-color: rgba(255, 216, 0, 1);
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
}

.banner-kasko-article__img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 600px;
    object-fit: cover;
}

@media (max-width: 850px) {

    .banner-kasko-article__wrapper {
        padding: 20px;
    }

    .banner-kasko-article__content {
        gap: 28px;
        margin-bottom: 136px;
    }

    .banner-kasko-article__text {
        gap: 12px;
    }

    .banner-kasko-article__title {
        font-size: 24px;   
    }

    .banner-kasko-article__description {
        font-size: 14px;
    }

    .banner-kasko-article__btn {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        padding: 16px 20px;
    }

    .banner-kasko-article__img {
        right: calc(50% - 140px);;
        width: 280px;
    }
}

.footer-contacts__agregators {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 765px) {
    .footer-contacts__agregators {
        gap: 12px;
    }
}


.bonuses__wrapper {
    flex-direction: column;
    display: flex;
}

.section-title {
    margin-bottom: 20px
}

.why-items {
    gap: 10px;
    flex-direction: column;
    display: flex;
    margin-bottom: 10px;
    margin-top: 16px;
}

.why-item {
    gap: 15px;
    display: flex;
}

.why-item__bar {
    gap: 10px;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.why-item__num {
    width: 22px;
    height: 22px;
    background-color: #0f6eb6;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    display: flex;
}

.why-item__line {
    width: 1px;
    background-color: #081225;
    opacity: .2;
    flex: 1;
}

.why-item__content {
    gap: 10px;
    flex-direction: column;
    padding-bottom: 15px;
    display: flex;
}

.box-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}

.why-item:last-child .why-item__line {
    display: none;
}

.why-block__media {
    flex-direction: column;
    display: flex;
    overflow: visible;
    justify-content: space-between;
}

.why-block__image {
    position: relative;
    height: 300px;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
    overflow: hidden;
}

.why-block__background-image {
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.why-block__rating {
    background-color: #fff;
    gap: 10px;
    border-radius: 8px;
    align-items: center;
    padding: 10px 15px;
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 10px;
    overflow: hidden;
    text-decoration: none;
    max-width: 100%;
}

.bonuses {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bonuses__img {
    width: 300px;
    margin: auto;
    max-width: 550px;
}

.bonuses__list-text {
    margin-left: 5px;
}

@media (min-width:1024px) {
    .bonuses__wrapper {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .bonuses__img {
        width: 100%;
    }

    .bonuses__btn {
        margin-left: 40px;
    }

}

.slider-brands__swiper {
    margin-top: 16px;
    overflow: visible;
}

@media (min-width: 765px) {
    .why-items {
        margin-top: 32px;
    }
}

.kasko-banner-action  {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 40px 0;
    color: white;
    background: rgb(104,171,200);
    background: linear-gradient(0deg, rgba(104,171,200,1) 50%, rgba(15,110,182,1) 100%);
}

.kasko-banner-action__wrapper {
    max-width: inherit;
    width: 100%;
    margin: 0 auto;
    padding: 60px 20px 0px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

.kasko-banner-action__content {
    width: 100%;
}

.kasko-banner-action__title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.kasko-banner-action__description {
    margin-top: 20px;
    margin-bottom: 28px;
}

.kasko-banner-action__btn {
    color: rgba(28, 28, 28, 1);
    background-color: rgba(255, 216, 0, 1);
    margin-top: 28px;
}


.kasko-banner-action__image {
    width: 100%;
}

.kasko-banner-action__sticker {
    z-index: 2;
    position: relative;
}

.kasko-banner-action__sticker-img {
    width: 120px;
}

.kasko-banner-action__sticker-label {
    z-index: 1;
    margin-left: 13px;
    font-size: 16px;
    line-height: 1.2;
    position: absolute;
    top: calc(50% - 2px);
    bottom: auto;
    left: 0%;
    right: auto;
    transform: translate(0, -50%);
}


@media (min-width: 765px) {
    .kasko-banner-action  {
        padding: 40px 0;
    }

    .kasko-banner-action__wrapper {
        padding: 40px 20px 0px;
    }
}

@media (min-width: 1024px) {
    .kasko-banner-action__wrapper {
        padding: 40px 20px 0px;
        max-width: 1000px;
        flex-direction: row;
        justify-content: space-between;
    }

    .kasko-banner-action__image {
        width: 550px;
    }
    .kasko-banner-action__content {
        max-width: 560px;
    }

    .kasko-banner-action__title {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .kasko-banner-action__description {
        margin-top: 20px;
        margin-bottom: 36px;
    }

    .kasko-banner-action__btn {
        margin-top: 36px;
    }

}

@media (min-width: 1600px) {
    .kasko-banner-action__wrapper {
        max-width: 1390px;
    }

    .kasko-banner-action__image {
        width: 680px;
    }
}

.kasko-main-banner {
    background: rgb(104,171,200);
    background: linear-gradient(0deg, rgba(104,171,200,1) 50%, rgba(15,110,182,1) 100%);
}

.kasko-main-banner__wrapper {
    position: relative;
}

.kasko-main-banner__img,
.kasko-main-banner__img > img {
    position: absolute;
    z-index: 1;
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.kasko-main-banner__content {
    z-index: 3;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 60px 60px 80px;
    color: white;
    display: flex;
    flex-direction: column;
}

.kasko-main-banner__title {
    margin-bottom: 20px;
    max-width: 550px;
}

.kasko-main-banner__sticker {
    z-index: 2;
    position: relative;
}

.kasko-main-banner__sticker-img {
    width: 320px;
}

.kasko-main-banner__sticker-label {
    z-index: 1;
    margin-left: 13px;
    font-size: 22px;
    line-height: 1.2;
    position: absolute;
    top: calc(50% - 2px);
    bottom: auto;
    left: 0%;
    right: auto;
    transform: translate(0, -50%);
}

.kasko-main-banner__description{
    max-width: 350px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.kasko-main-banner__buttons {
    display: flex;
    gap: 20px;
}

.kasko-main-banner__buttons .btn {
    color: rgb(28, 28, 28);
    background-color: rgb(255, 216, 0);
}



@media (max-width: 980px) {


    .kasko-main-banner__wrapper {
        position: relative;
    }

    .kasko-main-banner__img {
    right: 0;
    bottom: 0;
    width: 140%;
    height: auto;
    max-width: none;

    }

    .kasko-main-banner__content {
        padding: 30px 30px 360px;
    }
}

@media (max-width: 680px) {

    .kasko-main-banner__description {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .kasko-main-banner__title {
        margin-bottom: 20px;
        max-width: 450px;
    }
}
@media (max-width: 580px) {

    .kasko-main-banner__buttons {
        flex-direction: column;
        gap: 10px;
    }

    .kasko-main-banner__buttons .btn{
        width: 100%;
        max-width: 100%;
    }

    .kasko-main-banner__img {
    width: 150%;
    bottom: 20px;
    }
}

@media (max-width: 490px) {

    .kasko-main-banner__img {
    width: 160%;
    }

    .kasko-main-banner__content {
        padding: 30px 30px 280px;
    }
}

@media (max-width: 400px) {

    .kasko-main-banner__sticker-label{
        margin-left: 10px;
        font-size: 17px;
    }
    
}


.kasko-figures {
    margin-top: -50px;
    position: relative;
    z-index: 4;
}


.kasko-figures__wrapper {
    padding: 0 20px;
}

.kasko-figures__items {
    grid-template-columns: 1fr 1fr;
    border: 1px solid rgba(7, 21, 49, .1);
    background-color: #fff;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
    display: grid;
}

.kasko-figures__item {
    flex-direction: column;
    padding: 15px 20px;
    font-size: 13px;
    display: flex;
    position: relative;
}

.kasko-figures__item-title {
    z-index: 2;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
}


.kasko-figures__devider {
    width: 1px;
    height: 80%;
    background-color: #081225;
    opacity: .2;
    position: absolute;
    top: 50%;
    bottom: 0%;
    left: auto;
    right: 0%;
    transform: translate(0, -50%);
}

.kasko-figures__item:last-child .kasko-figures__devider {
    display: none;
}

.kasko-figures__item:nth-child(2) .kasko-figures__devider {
    display: none;
}

.kasko-figures__devider-down {
    background-color: #081225;
    opacity: .2;
    position: absolute;
    width: 90%;
    height: 1px;
    padding-bottom: 0;
    display: block;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}


.kasko-figures__item:nth-child(3) .kasko-figures__devider-down,
.kasko-figures__item:nth-child(4) .kasko-figures__devider-down {
    display: none;
}

    .kasko-figures__items {
        border-radius: 10px;
    }

@media (min-width: 1024px) {
    .kasko-figures__items {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .kasko-figures__devider-down {
        display: none;
    }
}

@media (min-width:780px) {
    .kasko-figures {
        margin-top: -136px;
    }

    .kasko-figures__item {
        padding: 20px;
        font-size: 18px;
    }

    .kasko-figures__item-title {
        font-size: 36px;
    }
}

@media (min-width:420px) {
    .kasko-figures {
        margin-top: -45px;
    }
}

.kasko-info-cards {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 40px 0;
    color: white;
    background-color: #edf9fe;
    color: #303030;
}



.kasko-info-cards__wrapper {
    margin-bottom: 20px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.kasko-info-cards__list {
    display: grid;
    gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    margin-top: 16px;
}

.kasko-info-cards__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 14px;
    border: 1px solid rgba(7, 21, 49, .1);;
    background-color: white;
    color: #303030;
    border-radius: 4px;
    padding: 20px 20px 30px;
}

.kasko-info-cards__img {
    width: 80px;
    display: block;
}

.kasko-info-cards__banner {
    border-radius: 4px;
    color: white;
    font-size: 14px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    background: radial-gradient(128.84% 92.3% at 80.48% 80.24%, rgba(104,171,200,1) 0%, rgba(15,110,182,1) 100%), #071531;
}

.kasko-info-cards__banner-text {
    max-width: 100%;
}

.kasko-info-cards__banner-img {
    position: absolute;
    bottom: auto;
    left: auto;
    width: 6.875rem;
    opacity: .3;
    top: .8rem;
    right: -.7rem;
}

@media (min-width: 765px) {

    .kasko-info-cards__list {
        grid-template-columns: 1fr 1fr;
    }

    .kasko-info-cards__wrapper {
        padding: 0 40px;
    }

    .kasko-info-cards__list {
        margin-top: 32px;
    }

    .kasko-info-cards__banner-text {
            max-width: 500px;
    }

    .kasko-info-cards__banner-img {
        opacity: 1;
        right: .8rem;
    }
}

@media (min-width: 980px) {
    .kasko-info-cards__list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .kasko-info-cards__item {
        padding: 32px 32px 40px;
    }

    .kasko-info-cards__banner-text {
        max-width: 600px;
    }

    .kasko-info-cards__banner-img {
        top: -.8rem;
        right: 2rem;
    }
}

@media (min-width: 1024px) {
    .kasko-info-cards__wrapper {
        padding: 0 20px;
        max-width: 1000px;
    }

    .kasko-info-cards__banner {
        padding: 30px;
    }

    .kasko-info-cards__banner-text {
        max-width: 700px;
    }

    .kasko-info-cards__banner-img {
        width: 10.25rem;
    }
}

@media (min-width: 1600px) {
    .kasko-info-cards__item {
        font-size: 16px;
    }

    .kasko-info-cards__banner {
        font-size: 16px;
    }

    .kasko-info-cards__wrapper {
        max-width: 1390px;
    }

    .kasko-info-cards__banner-text {
        max-width: 1000px;
    }
}

.kasko-economize {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 40px 0;
    color: white;
    background-color: #edf9fe;
    color: #303030;
    margin-bottom: 0;
}

.kasko-economize__wrapper {
    margin-bottom: 20px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.kasko-economize__list {
    display: grid;
    gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    margin-top: 16px;
}

.kasko-economize__item {
    position: relative;
    font-size: 14px;
    background: radial-gradient(112.39% 124.12% at 75.12% 110.66%, rgba(104,171,200,1) 0%, rgba(15,110,182,1) 100%);
    color: #303030;
    border-radius: 6px 6px 4px 4px;
    font-size: 14px;
    padding: 0 0 20px;
    grid-row-gap: 0rem;
    display: flex;
    flex-direction: column;
}

.kasko-economize__item-wrapper {
    border: 1px solid rgba(7, 21, 49, .1);
    background-color: white;
    color: #303030;
    border-radius: 4px;
    padding: 20px 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    z-index: 2;
    height: 100%;
    grid-row-gap: .75rem;
}

.kasko-economize__item-number {
    width: 40px;
    height: 40px;
    color:  white;
    text-align: center;
    background-color: rgba(78, 121, 199, .3);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.kasko-economize__item-description {
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}

.kasko-economize__item-img{
    z-index: 1;
    width: 75px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

@media (min-width: 765px) {

    .kasko-economize__wrapper{
        padding: 0 40px;
    }

    .kasko-economize__list {
        margin-top: 32px;
        grid-template-columns: 1fr;
    }
}

@media (min-width: 980px) {
    .kasko-economize__list {
        grid-template-columns: 1fr 1fr 1fr;
    }

.kasko-economize__item-wrapper {
    padding: 32px 32px 40px; 
    }

    .kasko-economize__item-description {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1024px) {
    .kasko-economize__wrapper {
        padding: 0 20px;
        max-width: 1000px;
    }
}

@media (min-width: 1600px) {

    .kasko-economize__wrapper {
        max-width: 1390px;
    }

    .kasko-economize__item {
        font-size: 16px;
    }

    .kasko-economize__item-description {
        font-size: 18px;
    }

}

.kasko_types_cards__img {
    width: 60px;
    display: block;
}

.kasko-info-cards__top-row,
.kasko-info-cards__bottom-row {
    display: grid;
    gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    margin-top: 16px;
}

@media (min-width: 765px) {
    .kasko-info-cards__top-row,
    .kasko-info-cards__bottom-row {
        margin-top: 32px;
    }
}


@media (min-width: 980px) {
    .kasko-info-cards__top-row {
        grid-template-columns: 1fr 1fr 1fr;
    }

.kasko-info-cards__bottom-row {
    grid-template-columns: 1fr 1fr;
    }
}

.kasko_actions-cards__item {
    position: relative;
    cursor: pointer;
}

.kasko_actions-cards__content {
    position: absolute;
    opacity: 0;
    transition: all .4s ease;
    border: 1px solid rgba(7, 21, 49, .1);
    background-color: white;
    color: #303030;
    border-radius: 4px;
    width: 100%;
    z-index: 4;
    padding: 20px 20px 30px;
    font-size: 12px;
    line-height: 1.2;
    top: 10px;
    left: 10px;
}

.kasko_actions-cards__item:hover .kasko_actions-cards__content{
    opacity: 1;
}

.kasko_actions-cards__content:hover{
    opacity: 1;
}

@media (min-width: 980px) {
    .kasko_actions-cards__content {
            padding: 32px 32px 40px;
    }
}

@media (min-width: 1200px) {
    .kasko_actions-cards__content {
    width: calc(100% + 100px);
    }
}

.why-block {
    position: relative;
}

.why-block__wrapper{
    flex-direction: column;
    display: flex;
}


.why-block__media {
    flex-direction: column;
    display: flex;
    overflow: visible;
    justify-content: space-between;
}

.why-block__image {
    position: relative;
    height: 300px;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
    overflow: hidden;
}

.why-block__background-image {
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.why-block__rating {
    background-color: #fff;
    gap: 10px;
    border-radius: 8px;
    align-items: center;
    padding: 10px 15px;
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 10px;
    overflow: hidden;
    text-decoration: none;
    max-width: 100%;
}

.ya-rating {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.2;
}

.ya-total {
    gap: 5px;
    flex-direction: column;
    display: flex;
}

.ya-stars {

    justify-content: start;
    gap: 5px;
    align-items: center;
    display: flex;
}

.ya-logo {
    width: 35px;
}

.ya-stars img {
    width: 15px;
}

.slider-videoreviews {
    overflow: hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.why-block__videoreviews-top {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.2;
    display: flex;
}

.why-block__videoreviews .slider-controls {
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.swiper-button-disabled {
    opacity: 0.2;
    pointer-events: none;
}

.why-block__videoreviews-title {
    font-size: 20px;
}

.why-block__videoreviews {
   position: relative;
}

.slider-why-block {
   overflow: hidden;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

.why-block__videoreviews .slider-why-block .swiper-wrapper .swiper-slide {
   border-radius: 5px;
   overflow: hidden;
   height: 230px;
}

.why-block__videoreviews .slider-why-block .swiper-wrapper .swiper-slide video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.slider-why-block .swiper-wrapper .swiper-slide img {
   width: 40px;
   position: absolute;
   left: 10px;
   top: 180px;
}

.slider-why-block .swiper-wrapper .swiper-slide img:hover {
   -webkit-filter: brightness(85%);
   transition: all 1s ease;
}

.slider-why-block .swiper-button-next, 
.slider-why-block .swiper-button-prev {
   width: 45px;
   display: none;
}


.slider-why-block .swiper-pagination {
   position: relative;
}

.slider-why-block .swiper-pagination .swiper-pagination-bullet {
   background-color: white;
   outline: 1px solid #878787 !important;
   outline-offset: 1px;
}

.slider-why-block .swiper-wrapper .swiper-slide:hover {
   cursor: pointer;
}

.swiper-pagination-bullet-active {
   background-color: #009fe3 !important;
}

.why-block__videoreviews .slider-why-block .swiper-wrapper .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.why-block__videoreviews .slider-controls .swiper-button-prev {
    position: relative;
    width: 25px;
    cursor: pointer;
    transform: rotate(270deg);
    margin-top: 0px;
    transition: color 0.55s;
}

.why-block__videoreviews .slider-controls .swiper-button-next {
    position: relative;
    width: 25px;
    cursor: pointer;
    transform: rotate(90deg);
    margin-top: 0px;
    transition: color 0.45s;
}

.slider-why-block .swiper-wrapper {
    overflow: visible;
}

.slider-why-block .swiper-pagination {
    position: relative;
    padding-top: 20px;
}

@media (min-width:1024px) {
    .why-block__wrapper{
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .why-block__media {
        overflow: hidden;
    }

    .why-block__list {
        padding-right: 40px;
    }

    .why-block__image {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .videoreviews__title {
        font-size: 30px;
    }

    .videoreviews__top {
        margin-bottom: 30px;
    }

    .slider-why-block .swiper-pagination {
        display: none;
    }
}




.incident-resolution__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;  
}

.incident-resolution__img {
    width: 100%;
    object-fit: cover;
}

.incident-resolution__content h3{
    margin-bottom: 10px;
}

.incident-resolution__title {
    margin-bottom: 20px;
}

.incident-resolution__slider {
    overflow: visible;
}

.incident-resolution__slider .slider-partners__swiper {
    overflow: visible;
}

@media (max-width:980px) {
    .incident-resolution__wrapper {
        grid-template-columns: 1fr;   
    }

    .incident-resolution__img {
        width: 100%;
    }

    .incident-resolution__img {
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .incident-resolution__content{
        grid-row-start: 1;
        grid-row-end: 1;
    }
}

.kasko-cta  {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 40px 0;
    color: white;
    background: rgb(104,171,200);
    background: linear-gradient(0deg, rgba(104,171,200,1) 50%, rgba(15,110,182,1) 100%);
}

.kasko-cta__wrapper {
    max-width: inherit;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    display: grid;
    justify-content: space-between;
}

.kasko-cta__img {
    display: none;
}


.kasko-cta__content {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.kasko-cta__title {
    margin-bottom: 20px;
    max-width: 550px;
}

.kasko-cta__description {
    font-size: 15px;
    max-width: 550px;
}

.kasko-cta__form {
    border-radius: 10px;
    display: grid;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    gap: 15px;
    color: #071531;
}

.grid-full-row {
    grid-column: 1 / span 3;
}

.kasko-cta__privacy {
    font-size: 10px;
    color: rgba(255, 255, 255, .6);
}

.kasko-cta__privacy a {
    color: rgba(255, 255, 255, .6);
}


.form-field:hover {
    border-color: rgba(7, 21, 49, .3);
}

.btn.kasko-cta__btn {
    border-radius: 8px;
    color: rgba(28, 28, 28, 1);
    background-color: rgba(255, 216, 0, 1);
    width: 100%;
    max-width: 100%;
}

.kasko-cta__form {
    display: block;
    width: fit-content;
    background-color: rgb(255, 255, 255);
    margin-bottom: 10px;
    margin-top: 20px;
    color: rgb(7, 21, 49);
    border-radius: 10px;
    padding: 20px;
    gap: 15px;
}

.kasko-cta__form .flex-wrapper {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.kasko-cta__form .kasko-cta__btn {
    height: 52px;
	overflow: hidden;
}

@media (max-width: 440px) {
    .kasko-cta__form .flex-wrapper {
        flex-direction: column;
    }
}

.kasko-cta .form-group {
    max-width: 100%;
    margin: 0;
    position: relative;
}

.kasko-cta .input-field {
    border: 1px solid rgba(7, 21, 49, .1);
    background-color: #edf2f8;
    border-radius: 8px;
    transition: border-color .45s;
    color: #333;
}


@media (min-width: 765px) {
    .kasko-cta {
        padding: 40px 0;
    }

    .kasko-cta__wrapper {
        padding: 0 40px;
    }
}

@media (min-width: 1024px) {
    .kasko-cta__wrapper {
        padding: 0 20px;
        max-width: 1000px;
        flex-direction: row;
        justify-content: space-between;
    }

    .kasko-cta__form {
        grid-template-columns: 1fr 1fr 150px;
        margin-bottom: 20px;
        margin-top: 30px;
        padding: 20px;
        gap: 15px;
    }

    .kasko-cta .grid-row-item {
        grid-column: 1 / 4;
        max-width: 100%;
    }

    .kasko-cta__privacy {
    font-size: 12px;
}

}

@media (min-width: 1600px) {
    .kasko-cta__wrapper {
        grid-template-columns: 900px auto;
        max-width: 1390px;
    }
    .kasko-cta__form {
        padding: 25px;
        gap: 20px;
    }

    .kasko-cta__img {
            display: block;
            width: 250px;
        }
}

.kasko-quiz__wrapper {
    display: flex;
    flex-direction: column;
    padding: 40px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
}

.kasko-quiz__tabs {
    display: flex;
    gap: 40px;
    margin-bottom: 30px;
}

.kasko-quiz__tab {
    position: relative;
    border-radius: 30px;
    border: 2px solid #edf9fe;
    padding: 15px 30px;
    background-color: #edf9fe;
}

.kasko-quiz__tab-icon {
    display: none;
    width: 15px;
    height: 15px;
    margin-right: 4px;
}

.kasko-quiz__tab.active {
    border: 2px solid #0f6eb6;
}

.kasko-quiz__tab.success {
    background-color:#0f6eb6;
    border: 2px solid #0f6eb6;
    color: white;
}

.kasko-quiz__tab.success .kasko-quiz__tab-icon{
    display: inline-block;
}

.kasko-quiz__fields {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.kasko-quiz .form-group {
margin-bottom: 0;}

.kasko-quiz__buttons {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}

.kasko-quiz__error {
    color: rgb(187, 0, 0);
    text-align: center;
    align-self: center;
}

.kasko-quiz__button-prev {
    background-color: white;
    color: #303030;
    border: 1px solid #dcdcdc;;
}

.kasko-quiz__tab:after {
    content: "";
    position: absolute;
    left: 42px;
    top: 50%;
    z-index: -1;
    border-bottom: 2px dashed #dcdcdc;
    width: 100%;
    height: 0;
    transform: translateY(-50%);
}


.kasko-quiz__tab.success:after {
    border-bottom: 2px solid #0f6eb6;
}


.kasko-quiz__tab:last-child:after {
    border-bottom: 0px dashed #dcdcdc;
}
.kasko-quiz .agreement-text {
    margin-top: 10px;
}

.kasko-quiz .calculator-form__btn {
    color: rgb(28, 28, 28);
    background-color: rgb(255, 216, 0);
}

@media (max-width: 1600px) {   
}
.step-1 .kasko-quiz__fields {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}


@media (max-width: 890px) { 

    .kasko-quiz__wrapper {
        padding: 20px;
    }
    .kasko-quiz__title  .section-title {
        text-align: center;

    }

    .kasko-quiz__title .kasko-quiz__title-tabs {
        justify-content: center;
    }

    .kasko-quiz__tabs {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .kasko-quiz__tab {
        width: auto;
        max-width: fit-content;
        text-align: center;
    }

    .kasko-quiz__tab:after {
        top: 100%;
        left: 50%;
        border-bottom: none;
        width: 0;
        height: 20px;
        transform: translateX(-50%);
        border-left: 2px dashed #dcdcdc;
    }

    .kasko-quiz__tab.success:after {
        border-left: 2px solid #0f6eb6;
    }


    .kasko-quiz__tab:last-child:after {
        border-left: 0px dashed #dcdcdc;
    }


    .step-1 .kasko-quiz__fields,
    .step-2 .kasko-quiz__fields,
    .step-3 .kasko-quiz__fields {
        display: grid;
        grid-template-columns: 1fr;
    }

    .kasko-quiz .form-group {
        max-width: 100%;
    }

    .kasko-quiz__buttons {
        display: flex;
        margin-top: 30px;
        gap: 20px;
    }
}

@media (max-width: 430px) { 
    .kasko-quiz__buttons {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .kasko-quiz__buttons button{
        width: 100%;
        max-width: 100%;
    }
    .kasko-quiz__error {
        grid-column: 1 / span 2;
    }
}

.btn .flare {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg);
    animation: flareAnimation;
    left: -150%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
    animation: flareAnimation 3s infinite linear;
}

@keyframes flareAnimation {
    0% {
        left: -150%;
    }

    100% {
        left: 150%;
    }
}   

.kasko-quiz__error {
    display: none;
}

.kasko-quiz__wrapper.error .kasko-quiz__error {
    display: block;
}

.kasko-quiz__title-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.kasko-quiz__title-tab {
    border-radius: 40px;
    padding: 5px 15px;
    color: white;
    background-color:#0f6eb6;
}

.slider-cases__kasko-wrapper .slider-cases.block-spacing {
    margin: 0;
}


.cookie-note {
    position: sticky;
    background-color: white;
    color: var(--color-delivery);
    bottom: 0px;
    display: none;
    gap: 20px;
    padding: 10px;
    font-size: 14px;

    border: 1px solid var(--color-slider);
    width: 100%;
    justify-content:center;
    border: 1px solid rgba(7, 21, 49, .1);
    z-index: 10;
}

.cookie-note.show {
    display: flex !important;
}


.cookie-note__text {
    align-self: center;
    padding-left: 10px;
}



.cookie-note__btn:hover {
    background-color: var(--color-sub);
}

@media (max-width: 650px){
    .cookie-note {
        flex-direction: column;
        gap: 10px;
    }

    .cookie-note__btn {
        align-self: center;
    }
}  

.agreement-wrapper {
    display: flex;
    gap: 8px;
    align-items: center;
}

.checkbox-icon {
    width: 100%;
    display: block;
}

.checkbox-icon.checked {
    display: none;
}

.form-agreement-section.checked .checkbox-icon.checked {
    display: block;
}

.form-agreement-section.checked .checkbox-icon.empty {
    display: none;
}

.agreement-btn {
    width: 22px;
    flex-shrink: 0;
    cursor: pointer;
    /* margin-top: 2px; */
}

.agreement-error {
    margin-top: 5px;
    color: #f8002c;
    display: none;
}

.form-agreement-section.error .agreement-error {
    display: block;
}

.express-form__form .agreement-text a {
    color: white;
    text-decoration: underline;
}

.input-list .title {
    margin-bottom: 0 !important;
}

.full-width {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

.slider-partners.full-width {
    overflow: hidden;
}

section.benefits {
    padding: 40px 0;
}

.anchor {
    position: absolute;
    top: -60px;
    left: 0;
}

.article-cta .calculator-form.osago,
.article-cta .calculator-form.mortgage {
    margin-top: 0;
}

.no-files-error {
    font-size: 11px;
    color: #f8002c;
    display: none;
}

.js-file-upload-section.error .no-files-error {
    display: block;
}

.professional-responsibility-banner .property-main-banner__img {
    width: 100%;
}

.professional-responsibility-banner .property-main-banner__img img{
    object-fit: cover;
    object-position: right;
    height: 100%;
    width: 100%;
}

.professional-responsibility-banner .property-main-banner__content,
.professional-responsibility-banner .property-main-banner__description {
    color: #303030;
    }
.professional-responsibility-banner .property-main-banner__description {
background: linear-gradient(90deg, rgba(229, 242, 253, 0.8) 0%);
}

.professional-responsibility-banner .property-main-banner__wrapper {
    background: transparent;
}

@media (max-width: 1600px) {
    .professional-responsibility-banner .property-main-banner__img {
        height: 100%;
    }
}

@media (max-width: 850px) {

.professional-responsibility-banner .property-main-banner__img{
    display: none;
}

.professional-responsibility-banner .property-main-banner__content{
padding: 52px 28px;}

.professional-responsibility-banner .property-main-banner__content,
.professional-responsibility-banner .property-main-banner__description {
    color: white;
}

.professional-responsibility-banner .property-main-banner__description {
background: linear-gradient(90deg, rgba(65, 137, 219, 0.8) 0%);
}

.professional-responsibility-banner .property-main-banner__wrapper {
    background: #0059BF;
    background: linear-gradient(90deg, rgba(0, 89, 191, 1) 0%, rgba(86, 176, 214, 1) 70%);
}

 .professional-responsibility-banner .property-main-banner__bottom {
        margin-bottom: 10px;
    }

}

.form-dicount__description {
    margin-bottom: 20px;
    text-align: center;
}

.form-discount__bottom {
    margin-top: 10px;
    text-align: center;
    font-weight: 600;
}


.form-text {
    margin-bottom: 20px;
    text-align: center;
}

.form-bottom-text {
    font-weight: 700;
    margin-top: 20px;
    text-align: center;
}

@media (max-width: 1024px) {
    .incident-resolution__slider {
        overflow: hidden;
        margin: 0 -20px;
    }
}

.main-submenu__item.level1 {
order: 1;}


.article__text table {
    border-collapse: collapse;
}


.article__text table {
}


.article__text table tr {
    /* overflow: scroll; */
}

.article-table-wrapper {
    max-width: 90vw;
    overflow: scroll;
}

.article__text table tr:first-child {
    font-weight: 600;
}

.article__text td {
    border: 1px solid gainsboro;
    padding: 0 15px;
}