img.shining { -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
	animation: shining22 3s ease infinite;}

@keyframes shining22{
  50% {transition: mask-position 2s ease,
       -webkit-mask-position 2s ease;
        -webkit-mask-position: 120%;
      mask-position: 120%;
    opacity: 1;}
 }
.p1_hole{
    animation-name: rotate;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


.p2_hole{
    animation-name: rotate;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.p3_hole{
    animation-name: rotate;
    animation-duration: 90s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


.p4_hole{
    animation-name: rotate;
    animation-duration: 120s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {0% {transform: rotate(0)} 100% {transform: rotate(360deg);}}


.bg-about{
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    background-image: linear-gradient(90deg, rgb(131, 58, 180) 0%, rgb(253, 29, 29) 50%, rgb(252, 176, 69) 100%);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}


@media(max-width: 767px)
{
    .a1{width: 100%;}
    .a2{width: 100%;display:block;}
    .a21{width: 100%;display:block;padding: 0px 0px 0px 0px;}
    .a211{}
    .a211_1{font-size: 28px;}
    .a211_2{font-size: 16px;}

    .a22{width: 100%;padding: 0px 0px 0px 0px;justify-content: center;}

    .a221{width: 240px !important;height: 228px !important;}

    .a3{width: calc(100% - 16px - 16px);padding: 30px 16px 30px 16px;}
    .a31{width: 100%;}
    .a31_1{width: 100%;padding: 0px 0px 0px 0px;flex-wrap: wrap;}
    .a31_2{width: 100%;padding: 0px 0px 30px 0px;}
    .a31_3{width: 100%;padding: 0px 0px 0px 0px;}

    .a4{width: 100%;padding: 0px 0px 0px 0px;}
    .a41{width: 100%;padding: 16px 16px 0px 16px;}

    .a41_1{width: 100%;padding: 0px 0px 0px 0px;flex-wrap: wrap;}
    .a41_2{width: 100%;padding: 0px 0px 30px 0px;}
    .a41_3{width: 100%;padding: 0px 0px 0px 0px;}


}