.section-padding {
    padding: 0px 0 110px;
    background: url(../images/1.png) no-repeat 100% 0;
}
.section {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.section-heading .subtitle {
    color: #c75c6f;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
    font-family: 'Roboto Condensed', sans-serif;
}
.section-heading .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -.025em;
    color:#000000;
    font-family: 'Roboto Slab', serif;
}
.heading-left p {
    margin: 0 0 30px;
}
.services-grid.service-style-2 {
    background: url(../images/mm.png);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    background-size: 100%;
    min-height: 394px;
    text-align: center;
}
.services-grid {
    display: flex;
    padding: 50px 30px 40px;
    border-radius: 30px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
    transition: all .3s ease-in-out;
}
.services-grid:hover {
    transform: scale(1.2);
}
.services-grid .content {
    padding-top: 60px;    
    margin: 0 auto;
}
.services-grid .content h5 {
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #fff;
}
.services-grid .content h6 {
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    color: #fff;
}
.services-grid .content p {
    font-weight: 400;
    color:#ffffff;
    margin-bottom: 8px;
}
.logo {
    position: absolute;
    max-width: 135px;
    left: 90px;
    top: 10px;
}
.more-btn {
    background: #ede90e;
    padding: 7px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
}
.more-btn:hover {
    background:#a57a25;
    color:#ffffff;
}
.mt--230 {
    margin-top: 230px;
}
.mt--130 {
    margin-top: 130px;
}
.mt--30 {
    margin-top: 30px;
}
.oval-one {
    position: absolute;
    right: -3%;
    top: 26%;
    animation: jump 8s linear infinite;
    z-index: -1;
}
.shape-three {
    position: absolute;
    top: 21%;
    right: 22%;
    animation: animationFramesTwo 13s linear infinite;
    z-index: -1;
}
.shape-four {
    position: absolute;
    top: 27%;
    left: 7%;
    animation: animationFramesFour 25s linear infinite alternate;
    z-index: -1;
}
.shape-five {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: animationFramesThree 35s linear infinite alternate;
    z-index: -1;
}
.shape-six {
    position: absolute;
    top: 70%;
    right: 3%;
    animation: animationFramesFour 20s linear infinite alternate;
    z-index: -1;
}
.shape-seven {
    position: absolute;
    bottom: 2%;
    right: 28%;
    animation: animationFramesOne 15s linear infinite;
    z-index: -1;
}
.shape-eight {
    position: absolute;
    bottom: 3%;
    left: 38%;
    animation: animationFramesFour 20s linear infinite alternate;
    z-index: -1;
}
.shape-nine {
    position: absolute;
    bottom: 4%;
    left: 4%;
    animation: animationFramesOne 17s linear infinite;
    z-index: -1;
}
.shape-ten {
    position: absolute;
    top: 60%;
    left: 4%;
    animation: animationFramesOne 20s linear infinite alternate;
    z-index: -1;
}
.shape-eleven {
    position: absolute;
    top: 22%;
    left: 41%;
    animation: animationFramesOne 15s linear infinite;
    z-index: -1;
}


@keyframes animationFramesOne {
	0% {
		transform: translate(0) rotate(0deg)
	}

	20% {
		transform: translate(73px, -1px) rotate(36deg)
	}

	40% {
		transform: translate(141px, 72px) rotate(72deg)
	}

	60% {
		transform: translate(83px, 122px) rotate(108deg)
	}

	80% {
		transform: translate(-40px, 72px) rotate(144deg)
	}

	to {
		transform: translate(0) rotate(0deg)
	}
}
@keyframes animationFramesTwo {
	0% {
		transform: translate(0) rotate(0deg) scale(1)
	}

	20% {
		transform: translate(73px, -1px) rotate(36deg) scale(.9)
	}

	40% {
		transform: translate(141px, 72px) rotate(72deg) scale(1)
	}

	60% {
		transform: translate(83px, 122px) rotate(108deg) scale(1.2)
	}

	80% {
		transform: translate(-40px, 72px) rotate(144deg) scale(1.1)
	}

	to {
		transform: translate(0) rotate(0deg) scale(1)
	}
}

@keyframes animationFramesThree {
	0% {
		transform: translate(165px, -179px)
	}

	to {
		transform: translate(-346px, 617px)
	}
}

@keyframes animationFramesFour {
	0% {
		transform: translate(-300px, 151px) rotate(0deg)
	}

	to {
		transform: translate(251px, -200px) rotate(180deg)
	}
}
@keyframes jump {
	0% {
		transform: translateZ(0)
	}

	40% {
		transform: translate3d(0, 50%, 0)
	}

	to {
		transform: translateZ(0)
	}
}
@media only screen and (min-device-width: 920px) and (max-device-width: 1120px)  {
    .services-grid .content {
        padding-top: 20px;
    }
    .services-grid .content h5 {
        font-size: 15px;
    }
    .services-grid .content h6 {
        font-size: 15px;
    }
    .services-grid .content p {
        font-size: 13px;
    }
  }
  @media only screen and (min-device-width: 320px) and (max-device-width: 421px)  {
    .services-grid .content {
        padding-top: 40px;
    }
    .services-grid .content h5 {
        font-size: 15px;
    }
    .services-grid .content h6 {
        font-size: 15px;
    }
    .services-grid .content p {
        font-size: 13px;
    }
    .mt--130 {
        margin-top: 30px;
    }
  }