.about-deyeSolar-wrapper {
   --padding-tb: clamp(70px, 8vw, 120px);
   padding-top: var(--padding-tb);
   padding-bottom: var(--padding-tb);
   overflow: hidden;
}

.about-deyeSolar-new {
   display: grid;
   /* grid-template-rows: 2fr 2fr 1fr 4fr 4fr 3fr 1fr;
   grid-template-columns: 3fr 2fr 2fr 3fr 1fr 6fr 6fr; */
   grid-template-rows: 120px 105px 100px 150px 180px 130px 30px;
   grid-template-rows: 120px 105px 100px 150px 1fr 1fr 0.03fr;
   grid-template-columns: 160px 80px 100px 250px 50px 1fr 1fr;
   max-width: 1340px;
   margin: auto;
   padding: 0 15px;
}

.about-deyeSolar-new__image-1 img,
.about-deyeSolar-new__image-2 img {
   width: auto;
   height: 100%;
   object-fit: cover;
}

.about-deyeSolar-new__image-1 {
   grid-row: 2 / -1;
   grid-column: 2 / -2;
   z-index: -1;
   background-image: var(--bg-image, '');
   background-size: auto;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
}

.about-deyeSolar-new__image-2 {
   grid-row: 1 / span 3;
   grid-column: 3 / span 3;
   z-index: 1;
   opacity: 0.9;
}

.about-deyeSolar-new__image-3 {
    grid-row: -3 / span 3;
    grid-column: 1 / span 3;
    z-index: 0;
    opacity: 0.8;
}

.about-deyeSolar-new__image-1 img {
   mask-image: linear-gradient(to right, white 80%, transparent);
}

main .about-deyeSolar-new__image-2 img {
   border-radius: 0 28% 28% 0;!i;!;
   box-shadow: -18px 16px 10px -6px rgb(30 30 30 / 57%);
}

.about-deyeSolar-new__circle {
   --diametr: clamp(200px, 20vw, 300px);
   position: relative;
   grid-row: 5 / span 2;
   grid-column: 1 / span 3;
   height: var(--diametr);
   width: var(--diametr);
   background-color: var(--blue-l-2);
   background-image: linear-gradient(45deg, var(--blue-d-2), var(--blue-l-2));
   border-radius: 100%;
   opacity: 0.85;
   box-shadow: -12px 12px 10px -6px rgb(30 30 30 / 57%);
   animation: 30s linear 0s infinite alternate none running circleAnimation_aboutUs;
}

.about-deyeSolar-new__circle:after {
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   right: 0;
   bottom: 37%;
   margin: auto;
   width: 10px;
   height: 10px;
   background: #fff;
   border-radius: 100%;
   /* opacity: 0.6; */
   filter: blur(6px);
}

.about-deyeSolar-new__text {
   grid-row: 2 / -2;
   grid-column: -3 / span 2;
}
.about-deyeSolar-new__text-box {
   display: grid;
   align-content: center;
   /* font-size: clamp(1rem, 2vw, 1.4rem); */
   /* line-height: clamp(1.4rem, 2vw, 1.8rem); */
   background-color: #fff;
   opacity: 0.85;
   border: solid 1px;
   padding: clamp(10px, 2vw, 20px) clamp(10px, 2vw, 35px);
   border-radius: 20px;
   /* box-shadow: -18px 16px 10px -6px rgb(30 30 30 / 57%); */
   /* overflow: auto; */
   /* max-height: 630px; */
}
.about-deyeSolar-new__text-box p:first-child ~ * {
   margin-top: 20px;
}

/* .about-deyeSolar-new__button {
   grid-row: -3 / span 1;
   grid-column: -3 / span 1;
} */

@keyframes circleAnimation_aboutUs {
   0% {
      transform: translate(-10%, -35%) scale(0.7);
   }
   100% {
      transform: translate(55%, 0%) scale(1.3);
      box-shadow: -18px 18px 18px -6px rgb(30 30 30 / 33%);
   }
}

@media (min-width: 769px) and (max-width: 1000px) {
   .about-deyeSolar-new__text {
      grid-row: 3 / -2;
      grid-column: -5 / span 3;
   }
}

@media (max-width: 768px) {
   .about-deyeSolar-new {
      grid-template-columns: 1fr 2fr 5fr 7fr 1fr 1fr 1fr;
      grid-template-rows: 120px 105px 100px 150px 1fr 1fr 0.03fr;
   }

   .about-deyeSolar-new__text {
      grid-row: 3 / -2;
      grid-column: 2 / span 3;
   }
   .about-deyeSolar-new__image-1 {
      grid-row: 2 / -1;
      grid-column: 1 / -1;
   }
   .about-deyeSolar-new__circle {
      grid-row: 5 / span 2;
      grid-column: 4 / span 2;
   }
}

@media (max-width: 510px) {
   .about-deyeSolar-new {
      grid-template-columns: 1fr 7fr 1fr;
      grid-template-rows: 120px 105px 100px 150px 1fr 1fr 0.03fr;
   }
   .about-deyeSolar-new__image-1 {
      grid-row: 2 / -3;
      /* display: none; */
   }
   .about-deyeSolar-new__image-1 img {
      width: 100%;
      object-fit: cover;
   }
   .about-deyeSolar-new__image-2 {
      grid-column: 1 / -1;
      z-index: 0;
   }
   .about-deyeSolar-new__text {
      grid-column: 2 / -1;
   }
   .about-deyeSolar-new__circle {
      /* display: none; */
      grid-row: 3 / span 2;
      grid-column: 2 / span 2;
   }
}