.wrapper-vi{
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    height: 100vh;
}
.section-vi{
    flex:0 0 auto;
    width: 100%;
}
.section-footer{
    flex:0 0 auto;
    width: 100%;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    z-index: 10;
}
.main-vi{
    position: relative;
    z-index: 0;
}
.vi-ladder{
    position: relative;
    z-index: 0;
    width: 12%;
    top:18%;
    left: 36%;
}
.vi-paper{
    position: relative;
    z-index: 1;
    width: 98%;
    margin-left: -15%;
    margin-top:-49%
}
.vi-paper2{
    position: relative;
    z-index: 2;
    width: 126%;
    margin-left: -19.2%;
    margin-top:-36.5%
}
.vi-hat{
    position: relative;
    z-index: 1;
    width: 32%;
    margin-top:-31%;
    margin-left:68.5%;
}
.vi-climb{
    position: relative;
    z-index: 2;
    width: 6%;
    margin-top:-12%;
    margin-left: 57%;
}
.vi-book{
    position: relative;
    z-index: 3;
    width: 10%;
    margin-top:0%;
    margin-left:60%;
}
.vi-gift{
    position: relative;
    z-index: 4;
    width: 17%;
    margin-top:-10%;
    margin-left:80%;
}
.vi-writer{
    position: relative;
    z-index: 4;
    width: 60%;
    margin-top:-53%;
    margin-left:2%;
}
.vi-run{
    position: relative;
    z-index: 5;
    width: 49%;
    margin-top:-11%;
    margin-left:-17%;
}
.vi-read{
    position: relative;
    z-index: 5;
    width: 35%;
    margin-top:-29%;
    margin-left:-17%;
}
.vi-woman{
    position: absolute;
    z-index: 6;
    width: 16%;
   top:9%;
   left:0%;
}
.vi-call{
    position: absolute;
    z-index: 6;
    width: 10%;
    top:60%;
   left:91%;
}

.vi-logo{
    position: absolute;
    z-index: 6;
    width: 30%;
    left:45%;
    top:5% 
}
@media screen and (min-width: 768px) {
    .section-footer{
    margin-top: -11%;
    }
}
@media screen and (min-width: 950px) {
.section-vi{
    flex:0 0 auto;
    width: 95%;
}
.wrapper-vi{
    padding-right: var(--headerWidth);
}

}
@media screen and (min-width: 1024px) {
.vi-logo{
    width: 44%;
    left:81%;
    top:5% 
}
}
@media screen and (min-width: 1520px) {
    .section-footer{
        margin-top: -7%;
       }
}
/*
*.inew
*/
.inews{
    margin-top:30px;
    margin-left: 5%;
    margin-right: 5%;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(var(--bs-primary-rgb),0.3);
position: relative;
z-index: 20;}
.inews li{
    color: var(--bs-primary);   
    background-image: url(../img/all/dot.png);
    background-size:30px auto ;
    background-repeat:no-repeat ;
    background-position:left 3px;
    padding-left: 40px;
    font-weight: bold;
    line-height: normal;
    font-size: 0.95rem;
    transition: all 0.5s cubic-bezier(.19, 1, .22, 1);
    margin-bottom: 0.5rem
}
.inews li:hover{
    color:#02516e
}
.inewstitle{
    font-size: clamp(1.2rem, 2vw, 2rem);
    font-weight: bolder;
    color: var(--bs-primary)
}
@media screen and (min-width: 768px) {    
    .inews{
        border-bottom: 1px solid rgba(var(--bs-primary-rgb),0)
    }
}
@media screen and (min-width: 1024px) {
    .inews{margin-top:180px;}}