body {
	margin: 0;
	padding: 0
}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important
}

h3 {
	font-family: Helvetica, sans-serif;
	font-weight: 700 !important
}

p {
	font-family: inherit !important
}

span {
	color: #078dff;
}

@media (max-width:680px) {
	#sec1 {
		padding-top: 35%
	}
	#sec1 h1 {
	font-size:26px;
    }
    #sec2 h3{
        font-size:24px;
    }
    #sec2 p {
    font-size:16px !important;
    }
}

@media (min-width:440px) {
	#sec1 {
		padding-top: 12%
	}
}

#sec1 h1 {
	color: #078dff;
}

#sec button,
#sec1 button {
	color: #fff;
	border-radius: 30px;
	background-color: #078dff;
	border-color: #fff;
	padding-left: 4%;
	padding-right: 4%;
	font-weight: 700
}

img.d-block.w-100 {
	width: 61% !important;
	margin: auto
}

#sec2 {
	background-image: url(images/free-seo-audit_optimized_optimized.png);
	background-position: center center;
	background-size: auto;
	margin-top: 3%;
	color: #fff
}

#sec2 p {
	font-size: 19px;
	margin-top: 2%
}

#sec2 button {
	background-color: #fff;
	border-radius: 30px;
	color: #078dff;
	border-color: #fff;
	padding-left: 4%;
	padding-right: 4%;
	font-weight: 700;
	margin-bottom: 2%;
	margin-top: 1%
}

.form-inline {
	margin-left: 20% !important
}

@media (max-width:450px) {
	.form-inline {
		margin-left: 1% !important
	}
}

input.form-control {
	background-color: #078dff
}

input.form-control::placeholder {
	color: #fff
}

#sec3a .para {
	padding-left: 20%;
	padding-right: 20%;
	font-size: 19px;
	text-align: left
}

#sec3a p {
	font-size: 19px
}

#sec3a {
	background-image: url(images/background-of-seo-is-every-business-need_optimized_optimized.png);
	background-position: intial;
	background-size: cover
}

#sec3a .web img {
	width: 130%
}

#sec3a .col-10 {
	max-width: 71.333333%;
	margin-left: 3%
}

#sec3a .col-10 h4 {
	color: #078dff;
	text-align: center;
	padding-bottom: 2%
}

@media (max-width:680px) {
	#sec3a .web {
		display: none
	}

	#sec3a .nav-link.active {
		box-shadow: 0px 0px 14px #078dff;
	}
}

@media (min-width:441px) {

	#sec3a .mobile,
	.mobile2 {
		display: none
	}
}

#sec3a .mobile {
    flex-wrap: wrap;
	flex-direction: row;
    justify-content: space-around;
}

#sec3a .mobile li a img{
  width:100%;
  height:auto;
}

#sec3a .mobile li span {
	display: block
}

#sec3a .mobile a {
	width: 80px;
	height: 100%;
}

#sec3a .mobile2 {
	padding-left: 15px;
	padding-right: 15px;
}

#sec3a .mobile2 h4 {
	text-align: center;
	color: #078dff
}

#sec3a .mobile2 p {
	text-align: left
}

#sec3 div p {
	font-size: 20px;
	padding-top: 1.5%;
	color: #000;
	padding-left: 20%;
	padding-right: 20%;
	text-align: left
}

#sec3 div h4 {
	font-size: 22px;
	padding-top: 2%
}

@media (max-width:680px) {
	.col-2 img {
		width: 142% !important
	}

	.nav-link {
		padding: 0rem 0 !important
	}
}

.nav-link {
	padding: .5rem 1rem;
	color: #fff;
	margin-top: -6%
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: #eef7ff !important
}

.col-10 .tab-pane {
	margin-top: 3%
}

@media (min-width:440px) {
	#sec3a .col-10 .tab-pane {
		padding-left: 10%;
		padding-right: 10%
	}
}

.tab {
	float: left;
	border: 1px solid #000;
	background-color: #fff;
	width: 30%;
	height: 300px
}

.tab button {
	display: block;
	background-color: inherit;
	color: #000;
	padding: 22px 16px;
	width: 100%;
	border: none;
	outline: 0;
	text-align: left;
	cursor: pointer;
	transition: .3s;
	font-size: 17px
}

.tab button:hover {
	background-color: #ddd
}

.tab button.active {
	background-color: #078dff
}

.tabcontent {
	float: left;
	padding: 0 12px;
	border: 1px solid #ccc;
	width: 70%;
	border-left: none;
	height: 300px
}

#sec4 {
	background-color: #078dff !important;
	color: #fff;
	background-size: auto
}

#sec4 p {
	color: #fff;
	padding-top: 1% !important;
	font-size: 19px ;
	padding-left: 16%;
	padding-right: 16%
}

#sec4 h3 {
	padding-top: 2%
}

#sec4 h5 {
	padding-top: 1%
}

@media (max-width:440px) {
	#sec4 img {
		margin-left: 10%
	}
}

#sec5 img {
	width: 100%;
	padding-left: 2%;
	padding-right: 2%
}

#sec6 h3 {
	padding-top: 2%
}

#sec6 h5 {
	font-size: 22px
}

#sec6 {
	background-image: url(images/background_optimized_optimized.png);
	color: #fff;
	padding-bottom: 2px;
	background-position: top top;
	background-size: cover
}

#sec6 .row {
	padding-left: 2%
}

#sec6 .col-md-3 {
	border-right: 1px solid #078dff
}

#sec6 .non {
	border-right: 0 solid #078dff !important
}

#sec7 {
	background-color: #078dff;
	color: #fff
}

#sec7 .row {
	padding-left: 8% !important;
	padding-right: 8% !important
}

#sec7 img {
	width: 20%
}

#sec7 button {
	background-color: #254461;
	color: #fff;
	padding-left: 22px;
	padding-right: 22px;
	margin-top: 2%
}

#sec7 .click1 {
	margin-top: 6.2%
}

#sec7 .click3 {
	margin-top: 16.4%
}

#sec7 .click4 {
	margin-top: 7%
}

#sec7 h3 {
	padding-top: 3%
}

#sec7 .col-md-4 {
	padding-top: 3%
}

#sec7 .col-md-4 h5 {
	padding-top: 4%
}

#sec7 .col-md-4 p {
	padding-top: 3%
}

@media (min-width:440px) {

	#sec7 .border1,
	.border2,
	.border3,
	.border4 {
		border-right: 0 solid #fff
	}
}

#sec8 {
	background-image: url(images/rectangle-without-bg_optimized_optimized.png);
	background-color: #254461;
	color: #fff;
	background-position: top top;
	background-size: cover
}

#sec8 .form-inline {
	padding-top: 3%
}

#sec8 .form-inline input {
	background-color: #254461
}

#sec8 button {
	border-radius: 30px;
	border-color: #078dff;
	color: #fff;
	padding-left: 4%;
	padding-right: 4%;
	font-weight: 700;
	margin-bottom: 2%;
	margin-top: 2.5%
}

#sec9 h3 {
	padding-top: 3%
}

#sec9 video {
	width: 100%;
	height: 100%
}

#sec9 .content-slider {
	margin-top: -5% !important
}

.slider {
	height: 28%;
	width: 62%;
	margin: 30px auto 0;
	overflow: visible;
	position: relative
}

.mask {
	overflow: hidden;
	height: 300px
}

.slider ul {
	margin: 0;
	padding: 0;
	position: relative
}

.slider li {
	width: 100%;
	height: 32%;
	position: absolute;
	top: -325px;
	list-style: none
}

.slider .quote {
	font-size: 15px;
	color: #078dff;
	text-align: left
}

.slider .source {
	font-size: 18px;
	text-align: left;
	color: #078dff;
	margin-top: 4%
}

.slider li.anim1 {
	animation: cycle 15s linear infinite
}

.slider li.anim2 {
	animation: cycle2 15s linear infinite
}

.slider li.anim3 {
	animation: cycle3 15s linear infinite
}

.slider:hover li {
	animation-play-state: paused
}

@keyframes cycle {
	0% {
		top: 0
	}

	4% {
		top: 0
	}

	16% {
		top: 0;
		opacity: 1;
		z-index: 0
	}

	20% {
		top: 325px;
		opacity: 0;
		z-index: 0
	}

	21% {
		top: -325px;
		opacity: 0;
		z-index: -1
	}

	50% {
		top: -325px;
		opacity: 0;
		z-index: -1
	}

	92% {
		top: -325px;
		opacity: 0;
		z-index: 0
	}

	96% {
		top: -325px;
		opacity: 0
	}

	100% {
		top: 0;
		opacity: 1
	}
}

@keyframes cycle2 {
	0% {
		top: -325px;
		opacity: 0
	}

	16% {
		top: -325px;
		opacity: 0
	}

	20% {
		top: 0;
		opacity: 1
	}

	24% {
		top: 0;
		opacity: 1
	}

	36% {
		top: 0;
		opacity: 1;
		z-index: 0
	}

	40% {
		top: 325px;
		opacity: 0;
		z-index: 0
	}

	41% {
		top: -325px;
		opacity: 0;
		z-index: -1
	}

	100% {
		top: -325px;
		opacity: 0;
		z-index: -1
	}
}

@keyframes cycle3 {
	0% {
		top: -325px;
		opacity: 0
	}

	36% {
		top: -325px;
		opacity: 0
	}

	40% {
		top: 0;
		opacity: 1
	}

	44% {
		top: 0;
		opacity: 1
	}

	56% {
		top: 0;
		opacity: 1;
		z-index: 0
	}

	60% {
		top: 325px;
		opacity: 0;
		z-index: 0
	}

	61% {
		top: -325px;
		opacity: 0;
		z-index: -1
	}

	100% {
		top: -325px;
		opacity: 0;
		z-index: -1
	}
}

#sec9 .card {
	width: 92%;
	border-radius: 8%;
	box-shadow: -2px 3px 17px 7px rgba(199, 195, 199, .58)
}

@media (max-width:450px) {
	#sec9 .card {
		width: 119%;
		margin-left: -40px
	}
}

#sec9 .body2 {
	margin-top: 9%
}

#sec10 {
	background-image: url(images/our-seo-process_optimized_optimized.png);
	background-position: bottom;
	background-size: cover
}

#sec10 h3 {
	padding-top: 3%
}

#sec10 p {
	font-size: 18px;
	margin-top: 2%;
	margin-bottom: -3%;
	padding-left: 20%;
	padding-right: 20%
}

#sec10 img {
	width: 80%;
	margin-bottom: -9%
}

#sec10 .paragraph p {
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 1%
}

#sec10 .paragraph h5 {
	margin-top: 2%;
	padding-left: 20%;
	padding-right: 20%
}

#sec10 .paragraph {
	padding-left: 2%
}

#sec11 h3 {
	padding-top: 4%
}

#sec11 .col-md-6 p {
	font-size: 19px;
	padding-left: 2%;
	margin-top: 5%
}

#sec11 .row {
	margin-top: 4%
}

#sec11 img {
	width: 90%;
	margin-top: -6%
}

#sec11 .accordion {
	width: 100%
}

#sec11 .card-header {
	padding: .25rem 1.25rem !important;
	background-color: #fff
}

#sec11 button {
	background-color: #078dff !important;
	font-size: 20px;
	margin-left: 3%;
	color: #fff
}

#sec11 .fas {
	color: #fff;
	font-size: 10px;
	font-size: 20px
}

@media (min-width:450px) {
	#sec11 .accordion .first {
		margin-left: 705px
	}

	#sec11 .accordion .second {
		margin-left: 775px
	}
}

#sec12 {
	padding-left: 4%;
	padding-right: 9%
}

#sec12 h3 {
	padding-top: 2.5%;
	padding-bottom: 1%;
	margin-left: 2%
}

#sec12 .allhead {
	width: 96%;
	margin: auto
}

.accordio {
	background-color: #078dff;
	color: #fff;
	cursor: pointer;
	padding: 11px;
	width: 100%;
	border: none;
	text-align: left;
	outline: 0;
	font-size: 15px;
	transition: .4s;
	margin-top: .3%
}

.panel {
	padding: 0 18px;
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height .2s ease-out
}

#sec12 .panel p {
	margin-top: 9px
}

@media (max-width:680px) {

	section {
		padding-left: 15px ;
		padding-right: 15px;
		padding-top:20px;
		padding-bottom:20px;
}
	#sec3 h2, #sec3a h3, #sec4 h2, #sec5 h3, #sec6 h3 {
		font-size: 24px;
	}#sec3 h3, #sec4 h4{
	    font-size:18px;
	}
	#sec3 div p, #sec3a .para, #sec3a p, #sec4 p, #sec10 p{
	    font-size:16px;
	    text-align:center;
	    padding-left: 10px;
    padding-right: 10px;
	}
    #sec10 .paragraph h5{
        padding-left: 10px;
    padding-right: 10px;
    }
    #sec10 .paragraph p{
        font-size:16px;
        text-align: left;
    }
	#sec3 p,
	#sec3a p,
	#sec4 h3,
	#sec4 p {
		line-height: 1.3;
	}

	#sec7 .col-md-4,
	#sec7 .pb-5 p {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	#sec7 .mb {
		margin-top: -11% !important
	}

	#sec11 h3 {
		font-size: 24px
	}
	#sec11 .col-md-6 p{
	    font-size:16px;
	    padding-left: 10px;
    padding-right: 10px;
	}
}

#footer {
	background-color: #262e45
}

#footer .star p {
	text-align: center
}

#footer a {
	color: #fff !important;
	font-weight: 400 !important;
	font-size: 15px
}

#footer h2 {
	color: #078dff;
	text-align: left;
	font-size: 20px
}

#footer .images {
	display: flex;
	justify-content: space-around
}

#footer2 {
	background-color: #656364
}

#footer2 p {
	text-align: center;
	color: #fff
}

#header {
	position: fixed;
	background: #fff;
	height: 116px;
	z-index: 99999;
	width: 100%
}

#header .dropbtn,
a {
	color: rgba(0, 0, 0, .9) !important;
	border: none;
	background-color: #fff;
	font-weight: 600 !important
}

#header .dropdown {
	position: relative;
	display: inline-block;
	margin-top: 2px
}

#header .dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 160px;
	z-index: 9999;
	width: 240px;
	border-top: 3px solid #2ea3f2;
	text-align: left
}

#header .dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block
}

#header .dropdown:hover .dropdown-content {
	display: block
}

#navbarNav {
	margin-left: 25%
}

#header .fas {
	font-size: 14px
}

#header img {
	width: 40%;
	margin-left: 14%
}

@media (max-width:440px) {
	#header .navbar-collapse {
		background-color: #fff
	}

	#header li {
		padding-right: 6px !important;
		padding-top: 11px !important
	}
}

@media (min-width:440px) {
	#header .dropdown2 {
		width: 1000%;
		margin-left: -434px
	}

	#header li {
		padding-right: 22px;
		padding-top: 10px
	}
}

#header nav .sidebar {
	position: fixed;
	background-image: url(images/mobile-_1_.webp);
	background-position: top top;
	background-size: auto;
	width: 280px;
	right: 0;
	top: 0;
	height: 100% !important;
	display: block
}

#header nav .sidebar ul {
	height: 100%;
	width: 100%;
	list-style: none
}

#header nav .sidebar ul li {
	line-height: 30px;
	text-transform: uppercase
}

#header .sidebar ul li a {
	position: relative;
	text-decoration: none;
	font-size: 20px;
	display: block;
	width: 100%;
	color: #fff !important;
	text-transform: uppercase
}

#header .sidebar ul ul {
	position: static;
	display: none
}

#header .sidebar ul .feat-show.show {
	display: block
}

#header .sidebar ul .serve-show.show1 {
	display: block
}

#header .sidebar ul .serve1-show.show2,
#header .sidebar ul .serve2-show.show3,
#header .sidebar ul .serve3-show.show4 {
	display: block
}

#header .sidebar ul ul li a {
	font-size: 17px;
	color: #fff !important;
	text-transform: uppercase
}

@media (min-width:440px) {
	#header nav .closes {
		display: none !important
	}
}

#header nav .collapse nav a span {
	color: #fff !important;
	font-size: 30px;
	margin-top: 30px;
	margin-right: 20px
}