.dna-banner{mix-blend-mode: difference;opacity:.2; position:absolute;top:0;left:-19%;width:100%;height:100%; display:flex;align-items: center;justify-content: center;overflow: hidden;}
/* .dna-banner::before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:1;background:rgb(0,0,0);background:linear-gradient(15deg, rgba(17,25,32,0.883911) 0%, rgba(17,25,32,0.744257703087) 40%, rgba(17,25,32,0) 70%, rgba(17,25,32) 100%)} */
.dna-wraper{mix-blend-mode:color-dodge;position:relative;transform:scale(1.2) rotate(-55deg)}
.dna-wraper{width:1920px;height:1080px;opacity:1;}
.dna-wraper .dna:nth-child(1){z-index:1;}
.dna-wraper .dna:nth-child(2){z-index:3;transform:scale(1);display:none;}
.dna-wraper .dna:nth-child(3){z-index:3;transform:scale(1);display:none;}
.dna-wraper .dna:nth-child(1) div::before{background-color:rgba(0,171,190,0.5);}
.dna-wraper .dna:nth-child(1) div::after{background-color:rgba(0,171,190,0.5);}
.dna{position:absolute;top:50%;height:1080px;left:50%;width:1920px;margin-top:-475px;margin-left:-952px;perspective:1000px;}
.dna div{position:relative;top:50%;left:-15px;width:25px;height:413px;margin-top:-270px;float:left;transform-style:preserve-3d;margin-left:38px;animation:rotation 4s linear infinite;}
.dna div::before{content:"";position:absolute;top:-5px;left:-10px;right:-2px;height:45px;border-radius:45px;animation:rotation 4s linear infinite reverse;z-index:1;width:45px;}
.dna div::after{content:"";position:absolute;bottom:-5px;left:-10px;right:-2px;height:45px;border-radius:45px;animation:rotation 4s linear infinite reverse;z-index:1;width:45px;}
.dna div{background-image:radial-gradient(circle at center, #00abbe 0.1rem, transparent 0),radial-gradient(circle at center, #00abbe 0.1rem, transparent 0);background-size: 0.5rem 0.5rem;background-position: 0 0, 0.45rem 0.7rem;}
.dna div::before,.dna div::after{background-image:radial-gradient(circle at center,#00abbe 0.1rem,transparent 0),radial-gradient(circle at center, #00abbe 0.1rem, transparent 0);background-size: 0.5rem 0.5rem;background-position: 0 0, 0.45rem 0.7rem;}
.dna div:nth-child(30) {
  animation-delay: -55.5s;
}
.dna div:nth-child(30)::before {
  animation-delay: -55.5s;
}
.dna div:nth-child(30)::after {
  animation-delay: -55.5s;
}
.dna div:nth-child(29) {
  animation-delay: -55.65s;
}
.dna div:nth-child(29)::before {
  animation-delay: -55.65s;
}
.dna div:nth-child(29)::after {
  animation-delay: -55.65s;
}
.dna div:nth-child(28) {
  animation-delay: -55.8s;
}
.dna div:nth-child(28)::before {
  animation-delay: -55.8s;
}
.dna div:nth-child(28)::after {
  animation-delay: -55.8s;
}
.dna div:nth-child(27) {
  animation-delay: -55.95s;
}
.dna div:nth-child(27)::before {
  animation-delay: -55.95s;
}
.dna div:nth-child(27)::after {
  animation-delay: -55.95s;
}
.dna div:nth-child(26) {
  animation-delay: -56.1s;
}
.dna div:nth-child(26)::before {
  animation-delay: -56.1s;
}
.dna div:nth-child(26)::after {
  animation-delay: -56.1s;
}
.dna div:nth-child(25) {
  animation-delay: -56.25s;
}
.dna div:nth-child(25)::before {
  animation-delay: -56.25s;
}
.dna div:nth-child(25)::after {
  animation-delay: -56.25s;
}
.dna div:nth-child(24) {
  animation-delay: -56.4s;
}
.dna div:nth-child(24)::before {
  animation-delay: -56.4s;
}
.dna div:nth-child(24)::after {
  animation-delay: -56.4s;
}
.dna div:nth-child(23) {
  animation-delay: -56.55s;
}
.dna div:nth-child(23)::before {
  animation-delay: -56.55s;
}
.dna div:nth-child(23)::after {
  animation-delay: -56.55s;
}
.dna div:nth-child(22) {
  animation-delay: -56.7s;
}
.dna div:nth-child(22)::before {
  animation-delay: -56.7s;
}
.dna div:nth-child(22)::after {
  animation-delay: -56.7s;
}
.dna div:nth-child(21) {
  animation-delay: -56.85s;
}
.dna div:nth-child(21)::before {
  animation-delay: -56.85s;
}
.dna div:nth-child(21)::after {
  animation-delay: -56.85s;
}
.dna div:nth-child(20) {
  animation-delay: -57s;
}
.dna div:nth-child(20)::before {
  animation-delay: -57s;
}
.dna div:nth-child(20)::after {
  animation-delay: -57s;
}
.dna div:nth-child(19) {
  animation-delay: -57.15s;
}
.dna div:nth-child(19)::before {
  animation-delay: -57.15s;
}
.dna div:nth-child(19)::after {
  animation-delay: -57.15s;
}
.dna div:nth-child(18) {
  animation-delay: -57.3s;
}
.dna div:nth-child(18)::before {
  animation-delay: -57.3s;
}
.dna div:nth-child(18)::after {
  animation-delay: -57.3s;
}
.dna div:nth-child(17) {
  animation-delay: -57.45s;
}
.dna div:nth-child(17)::before {
  animation-delay: -57.45s;
}
.dna div:nth-child(17)::after {
  animation-delay: -57.45s;
}
.dna div:nth-child(16) {
  animation-delay: -57.6s;
}
.dna div:nth-child(16)::before {
  animation-delay: -57.6s;
}
.dna div:nth-child(16)::after {
  animation-delay: -57.6s;
}
.dna div:nth-child(15) {
  animation-delay: -57.75s;
}
.dna div:nth-child(15)::before {
  animation-delay: -57.75s;
}
.dna div:nth-child(15)::after {
  animation-delay: -57.75s;
}
.dna div:nth-child(14) {
  animation-delay: -57.9s;
}
.dna div:nth-child(14)::before {
  animation-delay: -57.9s;
}
.dna div:nth-child(14)::after {
  animation-delay: -57.9s;
}
.dna div:nth-child(13) {
  animation-delay: -58.05s;
}
.dna div:nth-child(13)::before {
  animation-delay: -58.05s;
}
.dna div:nth-child(13)::after {
  animation-delay: -58.05s;
}
.dna div:nth-child(12) {
  animation-delay: -58.2s;
}
.dna div:nth-child(12)::before {
  animation-delay: -58.2s;
}
.dna div:nth-child(12)::after {
  animation-delay: -58.2s;
}
.dna div:nth-child(11) {
  animation-delay: -58.35s;
}
.dna div:nth-child(11)::before {
  animation-delay: -58.35s;
}
.dna div:nth-child(11)::after {
  animation-delay: -58.35s;
}
.dna div:nth-child(10) {
  animation-delay: -58.5s;
}
.dna div:nth-child(10)::before {
  animation-delay: -58.5s;
}
.dna div:nth-child(10)::after {
  animation-delay: -58.5s;
}
.dna div:nth-child(9) {
  animation-delay: -58.65s;
}
.dna div:nth-child(9)::before {
  animation-delay: -58.65s;
}
.dna div:nth-child(9)::after {
  animation-delay: -58.65s;
}
.dna div:nth-child(8) {
  animation-delay: -58.8s;
}
.dna div:nth-child(8)::before {
  animation-delay: -58.8s;
}
.dna div:nth-child(8)::after {
  animation-delay: -58.8s;
}
.dna div:nth-child(7) {
  animation-delay: -58.95s;
}
.dna div:nth-child(7)::before {
  animation-delay: -58.95s;
}
.dna div:nth-child(7)::after {
  animation-delay: -58.95s;
}
.dna div:nth-child(6) {
  animation-delay: -59.1s;
}
.dna div:nth-child(6)::before {
  animation-delay: -59.1s;
}
.dna div:nth-child(6)::after {
  animation-delay: -59.1s;
}
.dna div:nth-child(5) {
  animation-delay: -59.25s;
}
.dna div:nth-child(5)::before {
  animation-delay: -59.25s;
}
.dna div:nth-child(5)::after {
  animation-delay: -59.25s;
}
.dna div:nth-child(4) {
  animation-delay: -59.4s;
}
.dna div:nth-child(4)::before {
  animation-delay: -59.4s;
}
.dna div:nth-child(4)::after {
  animation-delay: -59.4s;
}
.dna div:nth-child(3) {
  animation-delay: -59.55s;
}
.dna div:nth-child(3)::before {
  animation-delay: -59.55s;
}
.dna div:nth-child(3)::after {
  animation-delay: -59.55s;
}
.dna div:nth-child(2) {
  animation-delay: -59.7s;
}
.dna div:nth-child(2)::before {
  animation-delay: -59.7s;
}
.dna div:nth-child(2)::after {
  animation-delay: -59.7s;
}
.dna div:nth-child(1) {
  animation-delay: -59.85s;
}
.dna div:nth-child(1)::before {
  animation-delay: -59.85s;
}
.dna div:nth-child(1)::after {
  animation-delay: -59.85s;
}
@keyframes rotation {
  from {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(359deg);
  }
}