/* CSS Document */

@media (max-width:991px){
	.intro{
		    display: flex;
    justify-content: space-around;
    margin: -10rem 0 3rem 0;
	}
	
}
.about-content h2, h3, h4{
		    text-align: center;
	}
.section-padding {
    padding-top: 120px;
    padding-bottom: 40px;
}

/*service row*/
.service-item{
   background: linear-gradient(148deg, #54d6eb 0%, #055fdd 100%)!important;
}

.service-item a{
color: #fff!important;
}
.service-item{
	    padding: 1rem!important;
    margin: 2rem 2rem;
}

.service-section .service-wrap .service-item::before {
	background: #8EC87C!important;
    
   }

@media (max-width:575px){
	.floats, .floats2{
width: 50%!important;
		padding: 0!important;
		    margin: 0!important;
	}
	.service-item {
    margin: 1rem 1rem;
}
.particles-js-canvas-el{

	
}

}


@keyframes moveUpDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

.floats {
    display: inline-block;
    animation: moveUpDown 3s infinite;
}


@keyframes moveDownUp {
  0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
}

.floats2 {
    display: inline-block;
    animation: moveDownUp 3s infinite;
}


/*web sites slider*/
.single-case-study::before {
	background: none!important;
}
.single-case-study::after {
	background: none!important;	
}
.single-case-study {
	justify-content: center;
}

.single-case-study {
	    background-size: contain!important;
}

.frame {
 width: 70%;
    height: 70%;
    overflow: hidden;
    position: absolute;
    top: 0;
    border: solid 10px #404040;
    border-radius: 8px;
    margin: 10%;
}

.scrolling-image {
           /* Make the image fill the frame's width */
    position: relative;
    top: 0;                 /* Start position - at the top of the frame */
    animation: scrollDown 5s linear infinite;  /* Animation name, duration, timing function, and iteration */
	width: -webkit-fill-available;
}

@keyframes scrollDown {
    0% {
        top: 0;
    }
    100% {
        top: calc(100% - 100vh);  /* This will scroll the image downwards */
    }
}

/*click to view icon for websites*/
.case-study-link{
z-index: 9;
    position: absolute;
    top: 50%;
}

@media (min-width: 300px){
.d-md-flex {
    display: flex!important;
}
}
.skill-section::before {background: #fff;}

@media only screen and (max-width: 767px){
h3 {
	font-size: 19px;}
}
.about-section .about-wrap .about-content p {
	font-size: 15px;
}
.fa-check:before {
    content: "\f00c";
    color: #005de0;
}
.section-padding{
top: 10vh;
}