/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 10 2026 | 09:56:32 */
.bgS-section{
  position:relative;
  overflow:hidden;
  padding:80px 0;
}


.bgS-inner{
  display:flex;
  max-width:1200px;
  margin:auto;
  position:relative;
  z-index:2;
}

.bgS-left{
  width:30%;
  padding:20px;
}
.bgS-right{
  width:70%;
  padding:20px;
}


.bgS-bg{
  position:absolute;
  inset:0;
  background-image:url("http://3a-inc.com/wp-content/uploads/2026/03/newsBG.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  z-index:1;
  opacity:0;
  width:80%;
  margin: auto;
  visibility:hidden;
  transform:scale(5);
  filter:blur(80px);
  will-change:transform,opacity,filter;
}

.bgS-section.is-visible .bgS-bg{
  visibility:visible;
  animation:bgSReveal 4s ease-out forwards;
  animation-delay:0.05s;

}

@keyframes bgSReveal {
  0%{
    opacity:0;
    transform:scale(6);
    filter:blur(90px);
  }
  25%{
    opacity:.1;
    transform:scale(3);
    filter:blur(50px);
  }
  50%{
    opacity:.35;
    transform:scale(0.1);
    filter:blur(40px);
  }
  75%{
  opacity:.7;
    transform:scale(1.2);
    filter:blur(30px);
  }
  100%{
    opacity:1;
    transform:scale(1);
    filter:blur(8px);
  }
}


@media (max-width:768px){
  .bgS-inner{
    flex-direction:column;
  }
  .bgS-left,
  .bgS-right{
    width:100%;
  }
}