h1{margin-bottom: 5vh;}
.icons{background-color: var(--primary-color-opacity);justify-content: end;position: relative;padding-right: 1vw;}
.icons svg{width: 70%;}
.abt1 img{width: 90%;}
.about{flex-wrap: wrap;}
.abt1,.abt2{width: 100%;} 
.abt1{position: relative;}
.intro{position: absolute;background-color:rgba(255, 255, 255, 0.76);width: 90%;left: 2%;top: -2vh;}
.intro::before,.icons::before{position: absolute;content:'';height:2vh;clip-path:url(#clipPathID);top: -2vh;background-color: var(--primary-color);}
.icons::before{left: -10%;width: 110%;}
.intro::before{width:105% ;left: -4%;}
.icons{width: 15vh;height: 15vh;}
.content{width: 80%;margin-left: 5vw;}.content p{padding: 0;}
.mvv{padding: 0 5%;}
@media only screen and (min-width: 600px){

}
@media only screen and (min-width: 992px){
h1{margin-bottom: 0;width: fit-content;margin-left: 2%;}
.abt1,.abt2{width: 50%;} 
.intro{width: 70%;left: 2%;top: 2vh;}
.icons{width: 20vh;height: 20vh;margin-left: -15%;}
.content{width: 80%;}
}
@media only screen and (min-width: 1700px) {
}