.schem{
height: auto;
    height: auto;
    max-width: 1000px;
    width: 95%;
    background-color: #e6e7e8;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin: 1em auto .5em;
    justify-content: center;
    border-radius: 1em;
    border: 1px solid rgba(0, 0, 0, .15);
    }
.schem>p{max-width:800px!important;width: 95%!important;height: auto!important;margin:1em 0 -1em!important;padding:.5em!important;text-indent:0!important;text-align:center!important;}

.schem figure{margin:2em;width: 150px;
    height: 210px;}
.schem figure img{
    margin: 0.5em 0;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    object-fit: cover;
    background-color: #fff;
    box-shadow: 5px 3px 5px rgb(0 0 0 / 10%);
    padding: 10px;
}
.schem figure figcaption{width:160px;height:35px;padding:5px 15px;display:grid;justify-content:center;align-content:center;border:2px solid #df232b;border-radius:50px;background-color:#fff;transition:.9s;}

#a1, #a2, #a3 {
        height: auto;
    min-height: 480px;
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
#a1>div:first-child, #a2>div:first-child, #a3>div:first-child {
    height: 450px;
    width: 300px;
    background-image: url(/data_files/img/webp/arc.webp);
    background-repeat: no-repeat;
    background-position: right;
    display: grid;
    align-content: center;
    justify-content: start;
}
#a1>div img, #a2>div img, #a3>div img {
    margin: 0.5em 0;
    height: 220px;
    width: 220px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 10px 7px 10px rgb(0 0 0 / 20%);
    padding: 10px;
}
#a1>div img+p, #a2>div img+p, #a3>div img+p{text-align:center;font-weight:bold;}
#a1 > div + div, #a2 > div + div, #a3 > div + div {
    counter-reset: my-counter;
}
#a1>div+div, #a2>div+div, #a3>div+div {
    height: auto;
    max-width: 500px;
    width: 100%;
    display: grid;
    align-content: space-evenly;
    justify-content: center;
    padding: 0 20px;
}
:is(#a1, #a2, #a3) > div + div > p {
    position: relative;
    overflow: hidden;
    padding: 10px 10px 10px 60px;
    background-color: #e6e7e8;
    min-height: fit-content;
    border-radius: 1em;
    margin: 0.25em 0;
    text-indent: -1em;
}
:is(#a1, #a2, #a3) > div + div > p::before {
    counter-increment: my-counter;
    content: counter(my-counter, decimal-leading-zero);
    position: absolute;
    bottom: 5px;
    left: 25px;
    z-index: 2;
    font-size: 1.3rem;
    font-weight: bold;
    color: white;
    text-decoration: underline solid 1px white;
    text-underline-offset: 3px;
}
:is(#a1, #a2, #a3) > div + div > p::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background-color: #df232b;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
    z-index: 1;
}
@media(max-width:980px){
#a1,#a2,#a3{overflow-y:auto;justify-content: center;}
#a1>div+div, #a2>div+div, #a3>div+div{
    height: max-content;
    padding: 20px 0;}
    #a1>div:first-child,#a2>div:first-child,#a3>div:first-child{height:230px;background:none;justify-content: center;}
}
@media(max-width:520px){
#a1,#a2,#a3{height:95vh;height:95dvh;align-content: flex-start;}
}


.unit4>div{max-width: 400px;
    width: 100%;
    justify-content: center;
    height: auto;
    margin: 0.5em;
    padding: 0.5em;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 1em;
    background-color:#e6e7e8;
    grid-template-rows: auto auto 1fr;
    justify-items: center;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;}
    
.unit4 div>div{min-height: 150px;height:auto;border: 1px solid rgba(0, 0, 0, .15);
    background-color: #fff;
    border-radius: 1em;
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: 1;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    align-self: stretch;}
    
.unit_p{counter-reset:my-counter;}
.unit_p h4{max-width:1000px;width:100%;}
.unit_p p{
max-width: 300px;
    width: 100%;
    height: 250px;
    text-align: left;
    position: relative;
    border-radius: 1em;
    display: inline-block;
    align-content: space-evenly;
    margin: .5em;
    padding: 10px 20px 10px 10px;
    background-color: #e6e7e8;
    border: 1px solid rgba(0, 0, 0, .2);
}
.unit_p p::before {
    counter-increment: my-counter;
    content: counter(my-counter, decimal);
    position: absolute;
    top: -20px;
    right: 7px;
    z-index: 0;
    font-size: 120px;
    font-weight: bold;
    color: #666;
    text-underline-offset: 3px;
    opacity: .15;
    pointer-events: none;
}

.unit4 div h4{font-size:1.1em;margin-bottom:1em;line-height:1.1;align-self:flex-start;}
.unit4 div img{border-radius: 1em;}  
.unit4 div>div p,.unit4 div>div p+p{height:auto!important;
    text-indent: 0;
    }
.unit4 div>p:last-child {
    align-self: end;
    text-indent: 0;
    }
.unit4 div>p{
text-align: center;
    }    
    

.unit6{
max-width: 1250px;
    margin:1em auto -1em;
    column-count: 2;
    column-gap: 1em;
    text-align: center;
    display: block;
}



.unit6>div{
height: auto;
    margin: 1em;
    vertical-align: top;
    display: inline-block;
    max-width: 600px;
    width: 100%;
    break-inside: avoid;
    border-radius: 1em;
    text-align: initial;   
    }
    
.unit6>div h3{font-size:1.1rem!important;margin-bottom:1.5em!important;line-height: 1.1;}

.unit8{max-width:800px!important} .unit8 .fb{max-width:600px!important;font-size:.8rem;width:100%!important;padding:10px;}
.unit10{max-width:1000px!important}
.unit8,.unit10{width:100%;height:auto;margin:.5em auto 0;padding:0 .5em;}

.unit6 div h3,.unit6 div h4,.unit8 h3,.unit8 h4,.unit10 h3,.unit10 h4 {width:100%;height:auto;margin:1em auto .5em;padding: 0 10px;text-align:center;}

.unit6 div h3,.unit8 h3,.unit10 h3{font-size:1.2rem}
.unit6 div h4,.unit8 h4,.unit10 h4{font-size:1.2rem}
.unit6 ul,.unit6 ol,.unit8 ul,.unit8 ol,.unit10 ul,.unit10 ol{display:grid; justify-content:flex-start;margin:10px .5em 0 5em;}


.unit6 img,.unit8 img,.unit10 img{max-width:100%;width:auto;height:auto;border-radius:1em;display:block;border:1px ridge rgba(0, 0, 0, .15);margin: auto;transition:.9s;}
.unit6 img{margin:-1em auto 0}
.unit8 img{margin:1em auto 0}

.unit6 .fb,.unit8 .fb,.unit10 .fb{margin: 1em auto;
    max-width: 600px;
    min-width: initial;
    font-size: .8rem;
    padding: 5px;}

.unit h4{width:100%;max-width:none;text-align:center;padding:0 5px;margin:.5em 0;font-size:1.2rem;}
.unit a,.unit a>picture,.unit a>picture>img{width:220px!important;height:auto!important;}

.group6{display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content:flex-start;
    }
.h_a a{border-bottom: 1px dashed #fff;}
.group6 div h4{margin:.5em auto 0;}

.group6 div .fb{min-width: 280px;
    max-width: 320px;
    margin:.5em auto .5em;
    text-align: center;
    padding: 6px 18px;
    align-content: center;
    align-items: center;}


.group6 div .fb a{border:none;font-size:.75rem;color:#fff;}
.group6>div{
max-width: 600px;
    width: 100%;
    height: auto;
    margin: .5em;
    padding:0 10px 10px 10px;
    border-radius: 1em;
    display: grid;
    align-items: stretch;
    justify-content: center;
    }
.border{border:1px solid rgba(0,0,0,.2)}
    
.group6 div img{max-width:600px;width:100%;max-height:400px;height:auto;margin:0 auto 0;border-radius:1em;display:block;
border:1px ridge rgba(0, 0, 0, .15);}    

.group10{}
.group10 div{max-width:1000px;width:100%;height:auto;margin:1em auto .5em;}
.group10 div:nth-child(even){background-color:#e2e2e2;padding:5px 15px 20px 15px;border-radius:1em;}
.group10 div img{max-width:600px;width:100%;height:auto;margin:0 auto 0;border-radius:1em;display:block;
border:1px ridge rgba(0, 0, 0, .15);}

.color>div:nth-child(2),.color div:nth-child(3){border:none}
.color>div:nth-child(4),.color div:nth-child(5),.color div:nth-child(6){background-color:#e6e7e8;}  
.color>div:nth-child(6){display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;}     
.center{display:flex;justify-content:center;max-width:700px!important;padding:0 5px 10px!important;text-align:center;}
div[data-panzoom-ignore][style*="overflow-x:auto"]{outline:1px solid red;scrollbar-width:thin}

.video{
column-count: initial;
    column-gap: initial;
    margin: 1em auto -1em;
    height: auto;
    max-width: 1280px;
    width: 100%;
    padding: .5em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;   
}
.video div{
aspect-ratio: 2 / 1;
    margin: .5em;
}

.video2{width: 100%;
    min-height: 300px;
    height: auto;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    margin: 1em auto;
    align-items: center;
    padding: 0 10px;
    }
    
.video2 div{
max-width: 600px;
width:100%;
max-height: 300px;
height: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin:0;
    background-color:rgba(230,231,232,.5);
    margin-bottom: 1em;
    }
.intel{max-width:1200px!important;text-align:center}
.intel ul{
width: 100%;
    display: flex;
    gap: 0.5em;
    margin: 1em auto;
    padding: 0 5px;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    }
.intel ul li{
width: 180px;
height: 100px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:.2em;
    font-size: .95rem;
    }
    
.intel_form{
height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin: auto;}
    
.intel_form h4,.intel_form h4 a{width:280px;height:90px;margin:.5em;border-radius:1em;}
.intel_form h4{position:relative;padding-left:75px;border:1px solid rgba(0, 0, 0, .2);background-color:#e6e7e8;display:block;font-size:1rem;display:grid;align-content:center;justify-content:center;transition:.9s}

.intel_form h4::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-repeat: no-repeat; 
    background-position: center;
    background-size: contain; 
    background-image: url('/data_files/img/webp/abc.webp');
}
.intel_1::before{background-image:url('/data_files/img/webp/logic_mathematical.webp')!important}
.intel_2::before{background-image:url('/data_files/img/webp/emotionally_aesthetic.webp')!important}
.intel_3::before{background-image:url('/data_files/img/webp/social.webp')!important}
.intel_4::before{background-image:url('/data_files/img/webp/bio.webp')!important}
.intel_5::before{background-image:url('/data_files/img/webp/linguistic.webp')!important}
.intel_6::before{background-image:url('/data_files/img/webp/researcher.webp')!important}

.intel_layer{display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    padding-top: 1em!important;
    }
.intel_layer img{border-radius: 1em;
    max-width: 400px;
    width: 100%;
    height: auto;
    }
.intel_layer picture+div{max-width:500px;width:100%;height:auto;padding: 1em;}

.intel_form h4 a{width:100%;height:auto;border:none;}
.in{margin:.5em;}

@media (max-width: 980px){
.intel li{width:240px!important;font-size:1.15rem!important;}
}    
    
    
.video2>div>a{border:none;}
.video2>div>a> img{display:block;max-width:600px;width:100%;border:1px solid rgba(0,0,0,.15);} 

.video3{min-height:240px;height:auto;display:flex;justify-content:center;flex-wrap:wrap;align-content:flex-start;}
.video3 div{max-width:300px;width:100%;height:auto;margin:.5em}
.video3 h4,.video3 h3{width:100%;height:auto;text-align:center;line-height:1.2;margin-bottom:.5em;}
.video3 h4 a,.video3 h3 a{font-size:1.3rem;}
.video3 div picture,.video3 div picture img{max-width:300px;width:100%;height:auto;display:block;aspect-ratio:2/1;border-radius:1em;border: 1px solid rgba(0, 0, 0, .15);}
.h_a div picture img{transition:.9s}

.unit6 hr,.unit8 hr,.unit10 hr{max-width:500px;width:75%;margin:1em auto 0}
.unit6 hr+p,.unit8 hr+p,.unit10 hr+p{text-indent:0;text-align:center;}

.column{ column-count: initial;
height: 1840px; 
display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 20px;
}

.column>div p{padding:0 5px;text-indent:0;}
.column>div{width: 32%;
    height: auto;
    background-color: rgba(230, 231, 232, .5);
    border-radius: 1em;
    margin: 0;
    padding: 0 5px 15px 5px;
    text-align: center;}
.column>div>picture>img{border:1px solid rgba(0,0,0,.15);}
    
@media (min-width: 1201px){.column{height:1900px;}}    
@media (max-width: 1200px){.column{height:2000px;}.ya_st{max-width:450px!important}}
@media (max-width: 980px){
.unit6{column-count: auto;
        max-width: fit-content;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-content: flex-start;
        padding:.5em 0;}

.unit8 div,.unit10 div{padding:0;}.column{width:100%;height:auto;padding:0 .5em;display:block;}
.column>div{width:100%;margin:.5em auto;text-align:center;}
}

.h_a div img:hover,.video2 div picture img:hover,.unit6>div picture img:hover,.schem figure:hover figcaption,.intel_form h4:hover{transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.4);transition:.2s;border:1px solid rgba(0,0,0,.1)}
.h_a div img:active,.video2 div picture img:active,.unit6>div picture img:active,.schem figure:active figcaption,.intel_form h4:active{transform:translateY(1px);box-shadow:0 5px 10px rgba(0,0,0,.1);transition:.2s;border:1px solid rgba(0,0,0,.1)} 

.ya {
    width:90%!important;
    height: 580px!important;
    margin: 0 auto 1.5em!important;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ya>iframe{width:100%;height:100%;border:none;}

.grey div{background-color:#e2e2e2}
.grey div ul{display:inline-block;list-style-position:inside;margin:0 auto .5em;width:100%;text-align:center;}
.no div{background:none}
table{width:100%;min-width:900px;height:auto;font-size:.9rem;color:#000;background-color:#fff;border-spacing:5px;border-bottom:solid 1px rgba(0, 0, 0, .1)}
table tbody tr:nth-child(2n + 1){background-color:#e6e7e8}
table td:first-child{font-weight:bold;width:130px;text-align:center}
td{width:auto;padding:.5em;text-align:center;}

.option{height:auto!important;min-height:100px!important;}
.option h4{color:#000}
.option img{width:50px;height:50px;margin:.5em auto;}

.board {width:95%;display:flex;overflow-x:auto;gap:20px;padding:10px;justify-content:safe center;
border:5px solid #ddd;
border-bottom-width:12px;
border-radius:1em 1em .75em .75em;
background-color:#e6e7e8;
scrollbar-color: #666 #e6e7e8;}
@supports not (justify-content: safe center){.board{justify-content:center}}

.board figure{flex: 0 0 auto;margin:0;width:200px;text-align:center;border-radius:1em;}
.board figure img{width: 200px;height:300px;border-radius: 1em;border: 1px solid rgba(0, 0, 0, .2);display: block;}
.board figure figcaption{width:100%;height:35px;position:relative;margin-top:-35px;padding:5px 10px;background-color:rgba(0, 0, 0, .5);border-radius:0 0 1em 1em;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#fff;display: grid;
    align-content: center;
    justify-content: center;}

.board+h3{margin-bottom:0;}    
.ul{display:flex;justify-content:center;flex-wrap:wrap;align-content:flex-start;}
.ul>p:first-of-type{width:100%;max-width:1000px;margin-top:-.5em}
.ul>strong:first-of-type{width:100%;text-align:center;margin:.5em 0}
.ul>div{max-width: 600px;
    width: 100%;
    height: 300px;
    margin: .5em;
    padding:.75em;
    border-radius: 1em;
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: #e2e2e2;
    position: relative;
    overflow: hidden;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;}
.ul>div h4{width: 100%;
        height: auto;
    font-size: 1rem;
    display: block;
    margin:-.25em auto -.25em;}    


.ul>div h4+ul,.ul>ul{
width: 100%;
    height: auto;
overflow-y: scroll;
    list-style-type: disc;
    list-style-position: outside;
    padding:5px 5px 5px 30px;
    margin-left: 0;
    border-radius:.75em;
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    flex-direction: column;
    background-color:#fff;
    } 

.uls{max-width: 1050px;
    width: 100%;
    height: auto;
    background-color: #e2e2e2;
    padding: 10px 10px 20px 10px;
    border-radius: 1em;
    margin-top: 1em;
    }
    
.uls>ul{overflow-y: scroll;
    max-width: 1000px;
    width: 100%;
    height: 300px;
    margin: auto;
    display: block;
    border-radius: 0.9em;
    background-color: #fff;
    padding: 10px 10px 10px 30px;
    }
.ul>div h4+ul li,.uls>ul li{margin-bottom:5px;}
.ul>div h4+ul li a,.ul>div h4+ul li span,.uls>ul li a,.uls>ul li span{font-size:.9rem;}  
.ul>div h4+ul li span,.uls>ul li span{border-bottom:dashed 1px #666;} 
.ul>div h4+ul li span:hover,.uls>ul li span:hover{border-bottom-color:transparent;}

.l_slide{
    background-image: linear-gradient(rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), 
    url(/data_files/img/webp/story.webp)!important;
    background-repeat: no-repeat!important;
    background-position: right bottom!important;
    background-size: 20%!important;
} 

.fancybox__thumbs{display:none!important;}
.in+p{font-size:.8rem;text-indent:0;margin:0 auto 0;text-align:center;}