@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@600&display=swap');

.header-wb365 {
    /* background: linear-gradient(179deg,#2B0556,#483276,#CDB8E9); */
    /* background-image: url('../img/digital-marketing/image-banner.png') ; */
    /* animation: gradient 10s ease infinite; */
    background-image:  linear-gradient(179deg,#2b0556af,#8e82a88c,#cdb8e97c),  url(../img/digital-marketing/image-banner.png); 
    background-size: cover;
    width: 100vw;
    height: 402px;
    overflow: hidden;
}
.SEO-background{
    background-image:  linear-gradient(179deg,#2b0556af,#8e82a88c,#cdb8e97c),  url(../img/SEO/b.png); 
}
.UX-background{
    background-image:  linear-gradient(179deg,#2b0556af,#8e82a88c,#cdb8e97c),  url(../img/UX/b.png); 
}
.IT-background{
    background-image:  linear-gradient(179deg,#2b0556af,#8e82a88c,#cdb8e97c),  url(../img/IT/b.png); 
}
.webdevelopment-background{
    background-image:  linear-gradient(179deg,#2b0556af,#8e82a88c,#cdb8e97c),  url(../img/WEB/b.png);   
}
.APP-background{
    background-image:  linear-gradient(179deg,#2b0556af,#8e82a88c,#cdb8e97c),  url(../img/APP/b.png);   
}
.branding-background{
    background-image:  linear-gradient(179deg,#2b0556af,#8e82a88c,#cdb8e97c),  url(../img/branding/b.png);   
}
.terms-background{
    background-image:  linear-gradient(179deg,#2b0556af,#8e82a88c,#cdb8e97c),  url(../img/terms/b.png);   
}
.about-background{
    background-image:  linear-gradient(179deg,#2b0556af,#8e82a88c,#cdb8e97c),  url(../img/about/b.png);   
}
.background{
	background-image: url('../img/digital-marketing/Banner.svg');
    width: 100vw;
    height: 402px;
	display: grid;
	justify-content: center;
	align-content: center;
    align-items: center;
}

.animate-slide{
	position:relative;
	animation:animatetop 1s
	}
	@keyframes animatetop{
	from{
	top:-230px;
	opacity:0
} 
	to{
	top:0;
	opacity:1
}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.text-wrapper {
    width: 80vw;
    height: 10em;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-top: 3em;
    /* background-color: red; */
}
.terms-text-wrapper{
    justify-content: left;
}
.static-text{
    color:#FFFFFF;
    font: normal normal 900 40px/72px Poppins;
    letter-spacing: 1.2px;
    width:50%;
}
.fixed-text{
    color:#FFFFFF;
    font: normal normal normal 12px/20px Poppins;
    letter-spacing: 1.2px;
    width:50%;
    text-align: right;
}
@media only screen and (max-width: 900px){
    .text-wrapper {
        width:70vw;
        display: grid;
        height: 15em;
    }
    .static-text{
        font: normal normal 900 30px/36px Poppins;
    }
}
@media only screen and (max-width: 500px){
    .text-wrapper{
        margin: 5em 2em 0 2em;
    }
    .fixed-text{
        width:auto;
    }
}