.main-head__links{justify-content:center;justify-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(49%,1fr));gap:10px;text-align:-webkit-center;text-align:center;}
.main-head__link{font-family:unset;font-size:28px;color:#093E60;text-decoration:none;display:block;}
.main-head__link.active{border-bottom:1px solid #093E60;}

.main-head__blocks{margin-top:50px;gap:20px;display:flex;display:-ms-flex;flex-flow:row wrap;justify-content:space-between;}
.main-head__block{position:relative;flex:1 1 48%;}
.main-head__block > .main-head__block--img{width:100%;max-height:320px;object-fit:cover;min-height:100%;}
.main-head__block .main-head__block--desc{position:absolute;background-color:rgba(0,0,0,.4);top:0%;left:0%;width:100%;min-height:35%;transition:min-height 0.25s ease-out;}
.main-head__block .main-head__block--desc:hover{min-height:100%!important;}
.main-head__block .main-head__block--desc p{color:white;position:absolute;left:5%;right:5%;line-height:20px;opacity:0;transition:opacity 0.25s ease-out;}
.main-head__block .main-head__block--desc:hover p{opacity:1;transition:opacity 0.5s ease-in;}
.main-head__block .main-head__block--desc a{display:block;padding:5% 25% 5% 5%;width:100%;color:white;font-size:18px;line-height:25px;text-decoration:none;background-image:url("/local/templates/scand/img/arrow.svg");background-repeat:no-repeat;background-position:right;}
/* block - end */

.main-head__blocks--left{flex:1 1 65%;display:flex;display:-webkit-flex;}
.main-head__blocks--left .tab-content {display:flex;}
.main-head__blocks--right{flex:1 1 30%;display:flex;display:-webkit-flex;}
.main-head__blocks--left__container{display:flex;}
.main-head__blocks--right__container {min-width: 100%}
.main-head__blocks--right__container > div{display:flex;flex-flow:row wrap;min-height:100%}
.tab-content li{display:none;}
.tab-content > .active{display:flex;gap:20px;flex-flow:row wrap;}

@media screen and (max-width: 768px) {
    .main-head__link{font-size:18px;}
    .main-head__block .main-head__block--desc a{font-size:14px;line-height: 20px;}
    .main-head__block .main-head__block--desc p{font-size:14px;line-height: 20px;}
}

/* index banner */
.index-banner {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 50px;
}
.index-banner__links {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 60px;
}
@media screen and (max-width: 992px) {
    .index-banner__links {
        gap: 10px;
        padding: 0 15px;
    }
}
.index-banner__link {
    font-size: 25px;
    font-weight: 700;
    text-decoration: none;
    color: rgba(141, 143, 144, 1);
    display: flex;
    align-items: center;
    gap: 10px;
}
.index-banner__link svg {
    vertical-align: middle;
    flex:1 0 auto;
}
.index-banner__link svg path {
    stroke: rgba(141, 143, 144, 1);
}
.index-banner__link.active {
    color: #093E60;
}
.index-banner__link.active svg path {
    stroke: #093E60;
}
@media screen and (max-width: 992px) {
    .index-banner__link {
        font-size: 16px;
    }
}

.index-banner__blocks .tab-content li {
    display:none;
}
.index-banner__blocks .tab-content > .active {
    display: block;
}
@media screen and (min-width: 992px) {
    .index-banner__blocks .tab-content li > .s-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

.index-banner__block {
    display: block;
    background: linear-gradient(283.45deg, #A6CCD4 0.39%, #DDF0F0 50%);
    border-radius: 5px;
    min-height: 280px;
    padding: 30px;
    position: relative;
    text-decoration: none;
}
.index-banner__block-image {
    position: absolute;
    right: 20px;
    bottom: 0;
    max-width: 100%;
    user-select: none;
}
.index-banner__block-content {
    max-width: 60%;
    font-size: 22px;
    line-height: 34px;
}
.index-banner__block-arrow {
    position: absolute;
    right: 50px;
    top: 30px;
    user-select: none;
    transition: all 0.3s ease;
}
.index-banner__block:hover .index-banner__block-arrow {
    right: 30px;
}
@media screen and (max-width: 992px) {
    .index-banner__block {
        padding: 20px;
    }
    .index-banner__block-content {
        max-width: 70%;
        font-size: 18px;
        line-height: 28px;
    }
    .index-banner__block-image {
        max-width: 150px;
    }
}