/* .description */
@media (max-width: 1023px){
    .description { padding: 3rem 0;}
}

/* .scheme */
.scheme { padding: 6.5rem 0;}
.scheme .scheme-content { padding: 3rem 0;}

@media (max-width: 1023px){
    .scheme .scheme-content { padding: 0;}
}
@media (max-width: 767px){
    .scheme { padding: 3rem 0;}
}

    /* .interactive-scheme */
.scheme .interactive-scheme { position: relative;}
.scheme .interactive-scheme > * { position: relative; z-index: 5;}
.scheme .interactive-scheme:before ,
.scheme .interactive-scheme:after { content: ""; position: absolute; top: 90px; left: 0; z-index: 1; width: 100%; height: 135px; border-radius: 100px;}
.scheme .interactive-scheme:before { background: linear-gradient(90deg, rgba(56,99,139,1) 0%, rgba(125,198,211,1) 100%);}
.scheme .interactive-scheme:after { top: 95px; left: 5px; z-index: 2; width: calc(100% - 10px); height: 125px; background: #fafafa;}
.scheme .interactive-scheme p { display: inline-block; background: linear-gradient(90deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%); border: 3px solid #fafafa; border-radius: 50px; margin: 0 auto; padding: 1rem 2rem;}
.scheme .interactive-scheme nav { margin: 2.5rem 0; padding: 0 6.5rem;}
.scheme .interactive-scheme button { background: transparent;}
.scheme .interactive-scheme button .num { position: relative; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; color: #28628a; background: linear-gradient(90deg, rgba(56,99,139,1) 0%, rgba(125,198,211,1) 100%); outline: 5px solid #fafafa; border-radius: 100%; margin: 0 auto .5rem;}
.scheme .interactive-scheme button .num:before { content: ""; position: absolute; top: 5px; left: 5px; z-index: 1; width: 50px; height: 50px; background: #fff; border-radius: 100%; transition: top .3s ease , left .3s ease , width .3s ease , height .3s ease , background-color .5s ease;}
.scheme .interactive-scheme button .num strong { position: relative; z-index: 5; font-family: 'Poppins', sans-serif; font-size: 1.5rem;}
.scheme .interactive-scheme button .txt { color: #28628a; font-family: 'apercubold', sans-serif; transition: color .5s ease;}
.scheme .interactive-scheme button.active .txt { color: #efcd34;}
.scheme .interactive-scheme button.active .num { color: #fff;}
.scheme .interactive-scheme button.active .num:before { top: -1px; left: -1px; width: 62px; height: 62px; background: #efcd34;}
.scheme .interactive-scheme img { display: inline-block; margin-top: 12px;}

@media (hover:hover){
    .scheme .interactive-scheme button:hover .txt { color: #efcd34;}
    .scheme .interactive-scheme button:hover .num { color: #fff;}
    .scheme .interactive-scheme button:hover .num:before { top: -1px; left: -1px; width: 62px; height: 62px; background: #efcd34;}
}
@media (max-width: 1023px){
    .scheme .interactive-scheme { display: none;}
}


    /* .tabs-list */
.scheme .tabs-list { margin-top: 4rem;}
.scheme .tabs-list .flex { justify-content: center; align-items: stretch; margin: 0;}
.scheme .tabs-list .flex button { position: relative; overflow: hidden; height: 100%; color: #fff; background: transparent; padding: 1rem 2rem; padding-top: calc(1rem + 3px); transition: color .5s ease, background-color .5s ease; margin: 0 .1rem;}
.scheme .tabs-list .flex button:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #efcd34; transition: height .3s ease;}
.scheme .tabs-list .flex button.active { color: #28628a; background: #fff;}
.scheme .tabs-list .flex button.active:before { height: 3px;}
.scheme .tabs-list .flex button span.num { display: none;}

@media (hover:hover){
    .scheme .tabs-list .flex button:hover { color: #28628a; background: #fff;}
    .scheme .tabs-list .flex button:hover:before { height: 3px;}
}
@media (max-width: 1023px){
    .scheme .tabs-list .flex button { padding: 1rem;}
}
@media (max-width: 767px){
    .scheme .tabs-list { margin-top: 3rem;}
    .scheme .tabs-list .flex { justify-content: space-around;}
    .scheme .tabs-list .flex button { padding-bottom: .5rem;}
    .scheme .tabs-list .flex button span.num { display: block;}
    .scheme .tabs-list .flex button span.txt { display: none;}
}

    /* .tab-content */
.scheme .tab-content { padding: 5rem;}
.scheme .tab-content article { width: 100% !important;}
.scheme .tab-content article:not(.safe-design) { display: none;}
.scheme .tab-content article > p:last-child ,
.scheme .tab-content article > ul:last-child { margin-bottom: 0;}

.scheme .tab-content article div.flex { flex-wrap: wrap; width: 100%;}
.scheme .tab-content article div.flex > div { width: 100%;}
.scheme .tab-content article div.flex > div img { width: 100%; max-width: 445px; margin: auto;}

.scheme .tab-content article.service h3 { margin: 2rem 0;}
.scheme .tab-content article.service ul.icon-list { flex-wrap: wrap; align-items: stretch; margin: -1rem;}
.scheme .tab-content article.service ul.icon-list li { width: calc(33.3% - (1rem * 2)); margin: 1rem;}
.scheme .tab-content article.service ul.icon-list a { display: block; width: 100%; height: 100%; background: #fafafa; border: 2px solid #fafafa; padding: 2rem; transition: color .3s ease, background-color .5s ease;}
.scheme .tab-content article.service ul.icon-list svg { display: block; width: 50px; height: 50px; margin: 1rem auto;}
.scheme .tab-content article.service ul.icon-list span { display: block; width: 100%; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin: 0 auto;}


@media (hover:hover){
    .scheme .tab-content article.service ul.icon-list a:hover { color: #28628a; background: #fff;}
}
@media (min-width: 1024px){
    .scheme .tab-content article div.flex .cont-right { order: 2; width: 40%;}
    .scheme .tab-content article div.flex .cont-left  { order: 1; width: 58%; max-width: 550px;}
}
@media (max-width: 1023px){
    .scheme .tab-content { padding: 3rem;}
    .scheme .tab-content article div.flex .cont-right { margin-bottom: 1.5rem;}
    .scheme .tab-content article.service ul.icon-list { margin: 0;}
    .scheme .tab-content article.service ul.icon-list li { width: 100%;}
}
@media (max-width: 767px){
    .scheme .tab-content { padding: 1rem;}
    .scheme .tab-content article h2 { margin-bottom: 1.5rem;}
}