.solutions-section{
    background: #E4E8EF 0% 0% no-repeat padding-box;
    padding:20px;
color: #4B6492 !important;
padding-top:50px;
}

.solutions-section h3{
    font-weight:bold;
}

img {
    max-width: 100%;
    height: auto;
}

#primeagile__10969, #primeagile__11102, .about{ padding: 0px 0 !important;}


.slide-body {
align-items: center;
	 background: #e3e3e3;
	 display : flex;
	 justify-content: center; 
   width:100%;
   
}
*{
  padding:0;
  margin:0;
}
 .slide-section h2{
  text-align:center;
  color:#123E92;
  padding:0;
  margin:0;
}

 .slide-section img{
   mix-blend-mode: inherit;
 }
 @keyframes scroll {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(calc(-250px * 7));
	}
}
 .slider {
background: #e4e8ef 0 0 no-repeat padding-box;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
 .slider::before, .slider::after {
	 content: "";
	 height: 100px;
	 position: absolute;
	 width: 200px;
	 z-index: 2;
}
 .slider::after {
	 right: 0;
	 top: 0;
	 transform: rotateZ(180deg);
}
 .slider::before {
	 left: 0;
	 top: 0;
}
 .slider .slide-track {
	    animation: scroll 30s linear infinite;
    display: flex;
    width: calc(250px* 20);
    align-items: center;
    gap: 100px;
    margin-top:50px;
}
 /* .slider .slide {
	 height: 100px;
	 width: 250px;
} */


div#primeagile__12809 .row>div img {
    height: 89px;
    margin-bottom: 20px;
}
div#primeagile__12809 .row>div h3{
    font-size:23px;
    color:#123e92;
}

div#primeagile__12809 .row>div p{
    margin-top:20px;
}


 

 div#primeagile__11105 {
    margin: 50px auto;
}

 section.slide-section {
    background: #e4e8ef 0 0 no-repeat padding-box;
    padding: 20px;
}

 /* FLOATING BOXES BEGIN*/
.main-container-boxes {
display: flex;
    flex-wrap: wrap;
    background: url(https://images.primeagile.com/primeagile_com/image/13273/bg.webp);
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 50px;

}

.req-demo{
    background: #E6E8DC 0% 0% no-repeat padding-box;
    border-radius: 11px;
    padding: 10px 20px;
    border: none;
    color: #123E92;
}

.blue-bar{
    min-height:150px !important;
}

button.learn-more {
    background: #E6E8DC 0% 0% no-repeat padding-box;
    border-radius: 11px;
    border: none;
    padding: 10px 20px;
}

.container-boxes {
  position: relative;
  min-height:550px;
  margin:20px;

}

.home-banner-image {
    background: url(https://images.primeagile.com/primeagile_com/image/13272/banner.webp);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding-top: 100px;
    text-align: center;
    color: #fff;
}


@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}

.box {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: grey;
  text-align: center;
/*   line-height: 100px; */
  margin: 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 4px 15px #00000063;
color:#9F9F9F;
cursor:pointer;

}

.box a{
    text-decoration:none;
    color:inherit;
}

#box1 {
  top: 0;
  left: 0;
   animation: bounce 2s infinite; 
  
}

#box2 {
  top: 70px;
  left: 130px;
   animation: bounce 3s infinite; 
   
}

#box3 {
  top: 200px;
  left: 10px;
   animation: bounce 2s infinite; 
}

#box4 {
  top: 350px;
  left: 150px;
  animation: bounce 3s infinite; 
}

#box5 {
  top: 400px;
  left: 0px;
  animation: bounce 2s infinite; 
}

.container-boxes:nth-child(2) {
  margin-left: auto;
}

#box6 {
  top: 0;
  right: 0;
  animation: bounce 3s infinite; 
}

#box7 {
  top: 70px;
  right: 130px;
  animation: bounce 2s infinite; 
}

#box8 {
  top: 200px;
  right: 10px;
  animation: bounce 3s infinite; 
}

#box9 {
  top: 350px;
  right: 150px;
  animation: bounce 2s infinite; 
}

#box10 {
  top: 400px;
  right: 0px;
  animation: bounce 3s infinite; 
}

#box13 {
  top: 500px;
  right: 150px;
  animation: bounce 3s infinite; 
 
}

#box14 {
  top: 190px;
  right: 200px;
  animation: bounce 3s infinite; 
 
}

#box11 {
  top: 500px;
  left: 150px;
  animation: bounce 4s infinite; 
}

#box12 {
  top: 190px;
  left: 200px;
  animation: bounce 3s infinite; 
}


@media screen and (max-width: 708px) {
  .box {
   position:static;
    clear: left;
    text-align:center;
  }
  .container-boxes {
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
}
}

 /* FLOATING BOXES END*/

.easy-to-publish{
    background: #F6F6FA 0% 0% no-repeat padding-box;
    padding:20px;
}

.bwSlji{ box-shadow: none !important;}
.kyppAA{ gap: 40px !important;}