@font-face {
  font-family: 'graphik';
  src: url('../fonts/GraphikRegular.otf')  format('opentype'); 
}
@font-face {
  font-family: "Graphik Semibold";
  src: url('../fonts/GraphikSemibold.otf')  format('opentype'); 
}

@font-face {
  font-family: "Graphik Bold";
  src: url('../fonts/GraphikBold.otf')  format('opentype'); 
}

 @font-face {font-family: "Georgia"; 
 src: url("https://db.onlinewebfonts.com/t/08a3a3f82f0c66432e780f79e74924cd.eot"); 
 src: url("https://db.onlinewebfonts.com/t/08a3a3f82f0c66432e780f79e74924cd.eot?#iefix") format("embedded-opentype"), 
 url("https://db.onlinewebfonts.com/t/08a3a3f82f0c66432e780f79e74924cd.woff2") format("woff2"), 
 url("https://db.onlinewebfonts.com/t/08a3a3f82f0c66432e780f79e74924cd.woff") format("woff"), 
 url("https://db.onlinewebfonts.com/t/08a3a3f82f0c66432e780f79e74924cd.ttf") format("truetype"), 
 url("https://db.onlinewebfonts.com/t/08a3a3f82f0c66432e780f79e74924cd.svg#Georgia") format("svg"); } 

:root {
--primary :#f58613;
--primary1 :#FC9149;	
--gradient : #FF5962;	
--gradient-hover :#FC9149;	

--gradient1 : #FF5962;	
--gradient1-hover : #FC9149;	

}
body {
font-family: "Poppins regular", sans-serif;
line-height: 1.5;
    font-size: 0.95rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;	
font-weight: 600;
}
.font-title-alt {
font-family: 'Poppins', sans-serif;	
}
.font-graphik {
  font-family: 'graphik';
  font-weight: normal;
}
.font-graphik-sb {
  font-family: "Graphik Semibold";
  font-weight: normal;
}
.font-graphik-b {
  font-family: "Graphik Bold";
  font-weight: normal;
}

.banner .h1, .banner h1 {
    font-size: 2.3rem;
}

.h2, h2 {
        font-size: 2.5rem;
}
.h3, h3 {
	font-size: 1.125rem;
}
.h4, h4 {
	font-size: 1rem;
}
p{
	
	    line-height: 23px;
}

.lead {
	font-size: 1rem;
}
.small, small {
	font-size: .9em;
}


.timeline .small, small {
	font-size: 1.3em;
}

a {
	color: inherit;
	text-decoration: none;
}
.theme-bg {
background: var(--primary);	
}

.dark-theme-bg {
background:#0A0D35;	
}



footer{
	background:#0A0D35;
}

footer .container-xl{
	padding-top:60px;
}




footer ul li{
	line-height:25px;
}


footer .col-md-3 .prime-ul{
	min-height:125px;
	
}
.footer-last-divider{
	margin:60px auto 40px;
	opacity:.5;
	width:60%;
}

footer hr{
	border-top:1px dashed #7A7878;
	opacity:1;
	width:80%;
	opacity:.7;
}

.text-left {
    text-align: left !important;
}

.owl-carousel .owl-stage-outer {
  
    z-index: 9;
}

.theme-color {
color: var(--primary);	
}
.white-theme-color {
color: #fff;	
}

.theme-gr {
	background-image: linear-gradient(45deg, var(--primary), var(--primary1));;
}
.with-ease {
    transition:all 1s cubic-bezier(0.550,0.085,0.000,0.990);
}
.form-control {
	font-size:inherit;
}

.owl-stage-outer .owl-stge{
	margin:0 auto;
}

.banner.home-banner p{

display:block;
font-size: 1.6rem;
    width: 90%;
}



.btn {
	font-size: 14px;
	padding:0.575rem 1.3rem;
	border-radius:40px;
	}
	
	.btn-secondary1 {
		color: white;
	background-image: linear-gradient(45deg, var(--primary), var(--primary1));
	box-shadow: 0px 6px 20px #2A84FC important;
	transition: all 1s cubic-bezier(0.550,0.085,0.000,0.990);
	border: 0;
	padding: 0.75rem 1.3rem;
	box-shadow: 0 .5rem 1rem rgba(255,88,0,.4)!important;
	border-radius:40px;
	}
	
	.btn-secondary1:hover {
background-image: linear-gradient(45deg, var(--primary1), var(--primary));
color: white;
	}	
	
.btn-outline-primary{	
	
    box-shadow: 0px 6px 20px #2A84FC important;
    transition: all 1s cubic-bezier(0.550,0.085,0.000,0.990);
   
    padding: 0.75rem 1.5rem;
    border-radius: 40px;
}
	
.btn-primary {
	color: white;
	background-image:linear-gradient(45deg, var(--primary), var(--primary1));
	box-shadow: 0px 6px 20px #2A84FC important;
	transition: all 1s cubic-bezier(0.550,0.085,0.000,0.990);
	border: 0;
	padding: 0.75rem 1.5rem;
	box-shadow: 0 .5rem 1rem rgba(0,95,255,.5)!important;
	border-radius:40px;
}

.home-banner .btn-primary {
padding: 0.85rem 1.5rem;

}

.we-bring  .home-c-grid p{
font-size: 0.80rem;
}


.btn-primary:hover, .btn-outline-primary:hover {
	border-color: transparent;
	color: white;
	background-image: linear-gradient(45deg, var(--primary1), var(--primary));
}
.btn-white, .btn-white:hover {
background:#fff ;	
color:var(--primary);
}
button:focus {
    outline: none;
}
.sub-heading {
color: var(--primary1);
    font-weight: 500;
    margin-bottom: 0.7rem;
    font-size: 20px;
	
}
.z-0 {
z-index: 0;	
}
.z-1 {
z-index: 1;	
}
.z-2 {
z-index: 2;	
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.rounded-3 {
	border-radius: .875rem !important;
}
.rounded-end.rounded-3 {
	border-top-left-radius: 0rem !important;
	border-bottom-left-radius: 0rem !important;
}

.rounded-start.rounded-3 {
	border-top-right-radius: 0rem !important;
	border-bottom-right-radius: 0rem !important;
}


.top-header {
	font-size: calc(15rem/16);
	background: linear-gradient(45deg, var(--primary), var(--primary1));
	color:#ffffff;
	    padding-bottom: 6px;
		margin-bottom: 0px;
}
.top-header a {
color: #ffffff;	
}
.top-header a:hover  {
color: #000000 ;	
}

.top-header .dropdown-menu a{
	color:#444;
}



.banner p{
	line-height:initial !important;
}

.banner.inner-banner p{
	font-size:16px;
}


.banner.inner-banner .banner-form.p-4  p{
	font-size:22px;
	    color: #000000 !important;
}

.pricing.banner{
	background:none !important;
}

.banner-form.p-4{
	padding: 30px 40px 60px !important;
    margin: 30px 0px -150px 100px;
}

.banner-form.p-4 form{
margin-top: 20px;
}

.banner-form.p-4 .h2 {
    font-size: 1.2rem !important;
}

.inner-banner.banner .shadow{
 box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 7%) !important;
}


.inner-banner.banner .shadow h3{
font-size: 1.225rem;
margin-top:15px;
    margin-bottom: 0;
}

.banner-form.p-4 .mb-4{
margin-bottom: 1rem!important;
}

.client-result1 .small, small {
    font-size: .9em;
}



.navbar-brand  {
	transform: translatey(-0px);
}
.navbar-brand img {
	max-width: 160px;
}

.main-menu-item{
	    position: absolute;
       width: 100%;
}
#mymain-head{
	z-index:1000; 
}

.fix-header .main-menu-item{
	    position: fixed;
       width: 100%;
	   background:#fff;
	   top:0;
	   box-shadow: 0 .5rem 1rem rgba(0,0,0,.129)!important;
	   
}

.fix-header .main-menu-item ul{
	padding-bottom:0 !important;
}



.fix-header .main-menu-item .navbar-brand img{
	max-width: 120px;
	margin-top: 5px;
}

.navbar-light .navbar-nav .nav-link {
	color: #000409;
    font-size: 18px;
}

.navbar-light .navbar-nav .nav-item .btn{
 font-size: 17px;
}

.dropdown-toggle::after {
	margin-left: 0.5em;
	border: 1px solid currentColor;
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
	border-width: 0 1px 1px 0px;
}
.dropdown-menu::before {
	position: absolute;
	border: 0 solid white;
	transform: rotate(45deg);
	border-width: 13px 0px 0px 13px;
	left: 0;
	right: 0;
	top: -7px;
	content: '';
	width: 13px;
	height: 13px;
	margin: auto;
}
.dropdown-item small {
font-size:16px;	
}

.dropdown-item span {
width: 35px;
height: 35px;
padding:5px !important;	
}


.navbar-nav .dropdown-menu {
  
    padding: 15px 0;
}

.banner {
	background: linear-gradient(45deg, #d5e9f3, #ebe1e4);
    padding-top: 120px;
    padding-bottom: 59px;
    min-height: 90vh;

}
.inner-banner {
	border-radius:0 0 100px 0;

}
.banner::before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	right: 0;
	
	height: 126px;
	z-index: 1;
}
.inner-banner::before {
	background: none;
	height: 126px;
	bottom: -8px;
}

.banner::after {
	position: absolute;
	top: 0;
	content: '';
	left: 0;
	right: 0;
	
	height: 100%;
}
.inner-banner::after {
	background: url('../images/bannerbg1.svg') no-repeat center center / 100% auto;
}

.inner-banner.aboutus::after {
	background: url('../images/bannerbg.svg') no-repeat center center / 100% auto;
}

.inner-banner.contactus::after {
	background: none;
}

.inner-banner.contactus{
    padding-top: 120px;
    padding-bottom: 50px;
    min-height: 69vh;
}
 .seo-page-banner.banner h1 {
       margin-top: 50px;
    font-size: 3rem !important;
}

 .seo-page-banner.banner.only-heading h1 {
       margin-top: 50px;
    font-size: 2.8rem !important;
}




 .seo-page-banner.banner h1 p{
    font-size: 1.7rem !important;
	color: #051a41;
	padding-top:10px;
}

 .seo-page-banner.banner.inner-banner p {
      font-size: 1.6rem;
}


.seo-page-banner .banner-form.p-4 .h2 {
    font-size: 1.5rem !important;
	color: var(--primary);
padding-bottom:10px;
}





.seo-page-banner .banner-form .border-bottom{
	border-bottom: 1px solid #dee2e6!important;

    background:#ffffff;
    color: #fff;
	font-size:13px !important;
    
    padding: 15px 0px !important;
}

.seo-page-banner .banner-form .btn-secondary1{
	font-size: 18px;
}
.seo-page-banner .banner-form .btn-secondary1:hover{
	background-color:#fff;
	color:var(--primary1);
}

.footer_form .btn-secondary1:hover{
	background-color:#fff;
	color:var(--primary1);
}



.seo-page-banner.inner-banner::after {
	  background: url(../images/banner-texture.svg) no-repeat center center / 100% auto;
   
    width: 300px;
    right: 390px;
    
    left: initial;
    opacity: .2;
}

.banner-form{
	position:relative;
}

.seo-page-banner .banner-form::after {
  background: url(../images/form-element-2.svg) no-repeat center center / 100% auto;
    width: 110px;
    height: 110px;
    content: '';
    position: absolute;
    bottom: 64px;
    left: -64px;
	z-index: -9;
}
.seo-page-banner .banner-form::before {
   	    width: 110px;
    height: 110px;
    content: '';
    background: url(../images/form-element-1.svg) no-repeat center center / 100% auto;
    position: absolute;
    right: -63px;
    z-index: -9;
	
}



.seo-page-banner ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(110, 110, 110) !important;
  opacity: 1; /* Firefox */
}

.seo-page-banner :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white !important;
}

.seo-page-banner ::-ms-input-placeholder { /* Microsoft Edge */
  color: white !important;
}


.content-market h3{
	    font-size: 1.5rem;
}

.inner-banner.no-curve::before{
	content: none;
}
.banner.home-banner h1 p{
	color: #051a41;
	margin-top:50px;
font-size: 3rem !important;
line-height: 3.8rem !important;
margin-bottom:50px ;

}

.banner h5 {
	color: #EE4E52;
	font-size: 1.2rem;
}



.banner .font-graphik-b p {

	font-family: "Graphik Bold";
    font-weight: normal;

}

.banner p {

	font-size: .9rem;
}
.text-right{
	text-align:right;
}
.img-fluid.banner-right-img{
	max-width: 75%;
	margin-bottom:-60px;
	
}
.banner-form-area{
	margin-top:40px;
}

.banner h1 + p {
color:#051a41;
font-size: 1.125rem;
}
.banner .form-control, .analysis .form-control, .inline-form .form-control {
	    padding: 0.90rem 1.4rem;
    border-radius: 40px;
    font-weight: normal;
    font-size: 12px;
    border:1px solid var(--primary);
}
.logo-slider .owl-nav, .case-slider .owl-nav, .partner-slider .owl-nav, .media-slider .owl-nav {
display: flex;	
}
.logo-slider .owl-nav button.owl-next, .logo-slider .owl-nav button.owl-prev, .partner-slider .owl-nav button.owl-next, .partner-slider .owl-nav button.owl-prev, .media-slider .owl-nav button.owl-next, .media-slider .owl-nav button.owl-prev {
	font-size: 27px;
}
.fst h2 .d-block, .fst i {
	-webkit-text-stroke-width: 0.4px;
	-webkit-text-stroke-color: #fff;
	-webkit-text-fill-color: #e02b2f;
}
.choose-grid img, .c-grid img {
	max-height: 45px;
}
.choose-grid h3 {
	border-color: rgba(255, 255, 255, 0.2) !important;
}
.c-grid > div {
border-color:rgba(255,255,255,0.2) !important	
}

.owl-theme .owl-nav{
	z-index:99999;
}

.services-we-Offer .bg-white img{
	width: 76px;
    margin-top: 15px;
}

.servs {
background: url(../images/bck_shape.svg) no-repeat right -300px top / auto 150%;
position:relative;	
}


.servs.dgs .ver-divider{
position:absolute;
height:100%;
left:45%;
width:1px;
background:#EDE8E8;
top:0;

}

.servs.dgs .ver-divider:after{
content:'';
position:absolute;
height:10px;
border-radius:50px;
width:10px;
background:var(--primary1);
top:30%;
left: -4px;
}


.servs.dgs .ver-divider1{
left:78%;
position:absolute;
height:100%;
width:1px;
background:#EDE8E8;
top:0;

}


.servs.dgs .ver-divider1:after{
content:'';
position:absolute;
height:10px;
border-radius:50px;
width:10px;
background:var(--primary);
top:60%;
left: -4px;
}


 .servs.dgs .pr-3{
    padding-right: 6rem !important;
}


.serv-grid, .smc-grid {
	flex: 0 0 150px;
	max-width: 150px;
	max-height: 140px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.km .serv-grid {
	flex: 0 0 250px;
	max-width: 250px;
	max-height: 220px;
}


.know-more-about .serv-grid{
	    max-height: 257px !important;
    padding: 20px 15px !important;
}

.know-more-about .serv-grid:hover h3{
	color:var(--primary1);
}

.know-more-about .serv-grid:before{
	display:none !important;
}


.know-more-about .serv-grid:hover img{ 
	filter:brightness(1) invert(0);
}
.know-more-about .serv-grid:hover{
	    color: #000;
}

.term-and-condition a{
	color:var(--primary1);
}

.banner.inner-banner.term-and-condition{
	padding-top: 60px;
    padding-bottom: 0px;
    min-height: 48vh;
}

.thank-you-page{
	border:1px solid #ddd;
	
	padding:100px 0;
}

.thank-you-page a{
	color:#fff;
}




.serv-grid::before, .job-grid .box::before  {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
opacity: 0;
	background-image: linear-gradient(45deg, var(--primary), var(--primary1));;
	z-index: -1;
    transition:all 1s cubic-bezier(0.550,0.085,0.000,0.990);
}
.serv-grid.active, .serv-grid:hover {
	color: white;
}
.serv-grid.active::before, .serv-grid:hover::before, .job-grid .box:hover::before {
opacity: 1;
}
.serv-grid img, .smc-grid img {
	max-width: 61px;
	

}
.serv-grid.active img, .serv-grid:hover img {
filter:brightness(0) invert(1);
}

.serv-grid:hover img {
filter:brightness(0) invert(1);
}

.numb-grid {
background: url(../images/map.svg) no-repeat center center / auto 100%;	
}
.img-holder {
	height: 230px;
}
.numb-grid span {
color:#002147;	
font-family: "Georgia";
}



.testimonial-img{
	position:absolute;
	left:70px;
	top:30%;
	width:150px;
	height:150px;
	border-radius:6px;
	padding:15px 15px 0 15px;
	background:var(--primary);
}

.case-slider .item > .row, .c-r{
border: 1px solid #E5E5E5;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.review-slider .item > .row {
padding:60px 50px 30px 120px;
margin:0px 80px;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
	
}


.review-slider .owl-dots {
      margin-top: 10px;
    position: absolute;
    right: 7%;
    transform: rotate(90deg);
    bottom: 45%;
}

.review-slider .owl-dots {
      margin-top: 10px;
    position: absolute;
    right: 6%;
    transform: rotate(90deg);
    bottom: 45%;
	z-index:99;
}



.review-slider .owl-dots .owl-dot.active span {
    background: var(--primary);
    width: 50px;
}

.case-slider .item .row img {
border-top-right-radius: 12px !important;
border-bottom-right-radius: 12px !important;	
}
.case-slider .owl-nav button.owl-next, .case-slider .owl-nav button.owl-prev, .review-nav .btn {
	font-size: 47px;
}
.partner-slider .item {
background: #fff;	
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
transition-duration:0.5s;
border:2px solid #fff;
}

.partner-slider .item:hover {
transform: scale(1.1);
border:2px solid var(--primary1);
}
.partner-slider .item  img{
max-height: 90px;
}
.blog-date {
bottom: -20px;	
}


.review-slider .item p {
        background: url(../images/left-quote.svg) no-repeat 30px 0px;
    font-style: italic;
    font-size: 20px;
    font-weight: normal;
    line-height: 31px;
    font-family: Segoe UI;
    background-size: 40px;
    color: #3C4C68;
    padding: 55px 50px 0px 30px;
}

.review-slider .item .name {
	font-size:26px;
	color:#000306;
}

.review-slider .item .organization {
	font-size:13px;
	color:#7B8085;
}

.review-bot{
	width:100%;
}

.review-bot{
	width:100%;
padding-left:32px;
}

.pt-6{
padding-top: 4rem!important;
}

.form-box {
	box-shadow: 0 0 50px rgba(96,233,255,0.27);
	border-radius:10px;
	background:#00384f;
}
.form-box .form-control {
	box-shadow: 0 0 20px rgba(96,233,255,0.27);
	border-radius:30px;
	background:#12485c;
	padding:10px 17px;
	color:#fff;
}


.form-box .form-control::-webkit-input-placeholder { /* Edge */
  color: white;
}

.form-box .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.form-box .form-control::placeholder {
  color: white;
}



.blog-section .fw-400{
	font-size:14px;
}

.blog-section .blog-date{
	font-size:14px;
}



.whatsapp_call {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: none;
    z-index: 9999;
}

.timline-bg {
height: 367px;	
    background: url(../images/timeline-map.svg) no-repeat center center / auto 100%;
	margin-top:90px !important;
		margin-bottom:30px;

}



.timeline::before {
	position: absolute;
	left: 0;
	width: 0;
	content: '';
	top: 50%;
	height: 4px;
	background: #fff;
	
}

.timeline .t-box .fw-600{
	background: #fff;
    color: var(--primary) !important;
    display: block !important;
    width: 60px;
    padding: 0px !important;
    margin-top: 82px;
    margin-left: 90px;
}

.timeline .t-box .fw-600:after{
	    position: absolute;
    border: 0 solid white;
    transform: rotate(45deg);
    border-width: 15px 0px 0px 15px;   
    right: -8px;   
    content: '';
    width: 10px;
    height: 10px;
    margin: auto;
    top: 3px;
}

.timeline .t-box:nth-child(2), .timeline .t-box:nth-child(4)    {
	margin-top:167px;
}
.timeline .t-box:nth-child(2) .fw-600, .timeline .t-box:nth-child(4) .fw-600{
   margin: 8px 0 81px 92px;
    z-index: 99;
}

.timeline .t-box:nth-child(2) small, .timeline .t-box:nth-child(4) small   {
	padding-top: 130px;
}


.t-box > div {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	height: 50px;
	display: flex;
	align-items: center;
	padding-bottom:50px !important
	
}

.t-box > .vl, .t-box > .circle {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	display: block;
	margin: auto;
	margin-top:23px;
	transform: scale(0);
}
.t-box > .vl::before {
	width:2px;
	height: 0px;
	background-color: #fff;
	top: 100%;
	content: '';
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	opacity: 1;
	    padding: 48px 0;
}
.t-box > .circle {
	width: 25px;
	height: 25px;
	margin-top: -20px;
	box-shadow: 0px 0px 0px 5px var(--primary) inset;
	background: #fff;
	border: 1px solid #fff;
}
.t-box > .circle::before, .t-box > .circle::after {
	width: 35px;
	height: 35px;
	top: 0;
	content: '';
	left: 0;
	margin: auto;
	position: absolute;
	border: 1px solid white;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transform: translatex(-6px) translatey(-6px) scale(0.7);
	
}
.t-box > .circle::after {
	width: 45px;
	height: 45px;
	transform: translatex(-11px) translatey(-11px) rotate(-45deg) scale(0.75);
	border-color: white transparent transparent transparent;
}

.t-box.alt > .vl, .t-box.alt > .circle, .t-box.alt > .vl::before {
	background-color: #fff;
}
.t-box.alt > .circle {
	border-color: #fff;
	margin-bottom: 0px;
	margin-top: 0;
	background: #fff;
}
.t-box.alt > .vl {
	margin-bottom: -9px;
	margin-top: 0;
	
}
.t-box.alt > .vl::before {
	bottom: 100%;
	top: auto;
	background-color: #fff;
}
.t-box.alt > div::before {
	top: -6px;
	bottom: auto;
}

.timeline.anim-start::before {
	-webkit-animation: tline 0s linear ;
	animation: tline 0s linear ;
	  animation-fill-mode: forwards;
}
@keyframes tline {
  0% {
	  width:0;
  }
  4%, 20% {
	width: calc(50vw - 37%);
  }
  24%, 40% {
	width: calc(50vw - 20%);
  }
  44%, 60% {
	width: 50vw;
  }
  64%, 80% {
	width: calc(50vw + 18%);
  }
  84%, 97% {
	width: calc(50vw + 37%);
  }
  100% {
	width: 100%;
  }
}
.anim-start .t-box > .circle, .anim-start .t-box > .vl {
	-webkit-animation: circle 0.5s linear 0.5s ;
	animation: circle 0.5s linear 0.5s;
	  animation-fill-mode: forwards;
}
@keyframes circle {
  0% {
	  transform: scale(0);
  }
  100%{
  	 transform: scale(1);
  }
}
.anim-start .t-box > .circle::before {
	-webkit-animation: circleb 0.5s linear 1s ;
	animation: circleb 0.5s linear 1s;
	  animation-fill-mode: forwards;
}
@keyframes circleb {
  0% {
  	opacity:0;
	  transform: translatex(-6px) translatey(-6px) scale(0.7);
  }
  100%{
  	opacity:1;
  	 transform: translatex(-6px) translatey(-6px) scale(1);
  }
}
.anim-start .t-box > .circle::after {
	-webkit-animation: circlea 0.5s linear 1.5s ;
	animation: circlea 0.5s linear 1.5s;
	  animation-fill-mode: forwards;
}
@keyframes circlea {
  0% {
  	opacity:0;
	  transform: translatex(-11px) translatey(-11px) rotate(-45deg) scale(0.75);
  }
  100%{
  	opacity:1;
  	 transform: translatex(-11px) translatey(-11px) rotate(-45deg) scale(1);
  }
}
.anim-start .t-box > .vl {
	animation-delay: 0s;
}
.anim-start .t-box > .vl::before {
	-webkit-animation: vlb 0s linear 2.5s ;
	animation: vlb 0s linear 2.5s;
	  animation-fill-mode: forwards;
}
@keyframes vlb {
  0% {
  	height: 0
  }
  100%{
  	height: 55px
  }
}
.anim-start .t-box > div {
	-webkit-animation: box 0.5s linear 3s ;
	animation: box 0.5s linear 3s;
	  animation-fill-mode: forwards;
}
@keyframes box {
  0% {
  	opacity:0;
  	transform: translatey(-15px);
  }
  100%{
  	opacity:1;
  	transform: translatey(0);
  }
}
.anim-start .t-box.alt > div {
	-webkit-animation: boxalt 0.5s linear 3s ;
	animation: boxalt 0.5s linear 3s;
	  animation-fill-mode: forwards;
}
@keyframes boxalt {
  0% {
  	opacity:0;
  	transform: translatey(15px);
  }
  100%{
  	opacity:1;
  	transform: translatey(0);
  }
}
.anim-start .t-box > .fw-600 {
	-webkit-animation: yr 0.5s linear 3s ;
	animation: yr 0.5s linear 3s;
	  animation-fill-mode: forwards;
}
@keyframes yr {
  0% {
  	opacity:0;
  	transform: translatey(8px);
  }
  100%{
  	opacity:1;
  	transform: translatey(0);
  }
}
.anim-start .t-box.alt > .fw-600 {
	-webkit-animation: yralt 0.5s linear 3s ;
	animation: yralt 0.5s linear 3s;
	  animation-fill-mode: forwards;
}
@keyframes yralt {
  0% {
  	opacity:0;
  	transform: translatey(-8px);
  }
  100%{
  	opacity:1;
  	transform: translatey(0);
  }
}
.anim-start .t-box:nth-child(2) > .circle{
animation-delay: 4.5s;
}
.anim-start .t-box:nth-child(2) > .circle::before {
animation-delay: 5s;
}
.anim-start .t-box:nth-child(2) > .circle::after {
animation-delay: 5.5s;
}
.anim-start .t-box:nth-child(2) > .vl {
animation-delay: 0;
margin-top: -18px
}

.anim-start .t-box:nth-child(4) > .vl {
animation-delay: 0;
margin-top: -18px
}

.anim-start .t-box:nth-child(2) > .vl::before {
animation-delay: 0;

}
.anim-start .t-box:nth-child(2) > div, .anim-start .t-box:nth-child(2) > .fw-600 {
animation-delay: 7s;
}
.anim-start .t-box:nth-child(3) > .circle{
animation-delay: 8s;
}
.anim-start .t-box:nth-child(3) > .circle::before {
animation-delay: 8.5s;
}
.anim-start .t-box:nth-child(3) > .circle::after {
animation-delay: 9s;
}
.anim-start .t-box:nth-child(3) > .vl {
animation-delay: 0;
}
.anim-start .t-box:nth-child(3) > .vl::before {
animation-delay: 0;
}
.anim-start .t-box:nth-child(3) > div, .anim-start .t-box:nth-child(3) > .fw-600 {
animation-delay: 10.5s;
}
.anim-start .t-box:nth-child(4) > .circle{
animation-delay: 11.5s;
}
.anim-start .t-box:nth-child(4) > .circle::before {
animation-delay: 12s;
}
.anim-start .t-box:nth-child(4) > .circle::after {
animation-delay: 12.5s;
}
.anim-start .t-box:nth-child(4) > .vl {
animation-delay: 0;
}
.anim-start .t-box:nth-child(4) > .vl::before {
animation-delay: 0;
}
.anim-start .t-box:nth-child(4) > div, .anim-start .t-box:nth-child(4) > .fw-600 {
animation-delay: 14s;
}
.anim-start .t-box:nth-child(5) > .circle{
animation-delay: 15s;
}
.anim-start .t-box:nth-child(5) > .circle::before {
animation-delay: 15.5s;
}
.anim-start .t-box:nth-child(5) > .circle::after {
animation-delay: 16s;
}
.anim-start .t-box:nth-child(5) > .vl {
animation-delay: 0;
}
.anim-start .t-box:nth-child(5) > .vl::before {
animation-delay: 0;
}
.anim-start .t-box:nth-child(5) > div, .anim-start .t-box:nth-child(5) > .fw-600 {
animation-delay: 17.5s;
}
.wave span {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	-webkit-animation: wave 8s linear infinite;
	animation: wave 8s linear infinite;
	border-radius: 50%;
	border: 1px solid white;
	margin: auto;
	top: 0;
	transform: translatex(50%);
	  opacity:0;
}
.wave span:nth-child(2) {
animation-delay:0.5s;	
}
.wave span:nth-child(3) {
animation-delay:1s;	
}
.wave span:nth-child(4) {
animation-delay:1.5s;	
}
.wave span:nth-child(5) {
animation-delay:2s;	
}
.wave span:nth-child(6) {
animation-delay:2.5s;	
}
.wave span:nth-child(7) {
animation-delay:3s;	
}
.wave span:nth-child(8) {
animation-delay:3.5s;	
}
.wave span:nth-child(9) {
animation-delay:4s;	
}
.wave span:nth-child(10) {
animation-delay:4.5s;	
}
.wave span:nth-child(11) {
animation-delay:5s;	
}
.wave span:nth-child(12) {
animation-delay:5.5s;	
}
.wave span:nth-child(13) {
animation-delay:6s;	
}
.wave span:nth-child(14) {
animation-delay:6.5s;	
}
.wave span:nth-child(15) {
animation-delay:7s;	
}
.wave span:nth-child(16) {
animation-delay:7.5s;	
}
@keyframes wave {
  0% {
	  opacity:0;
  }
  1% {
	width: 20px;
	height: 20px;
	  opacity:0.2;
  }
  99% {
	width: 800px;
	height: 800px;
	opacity:0.2;
  }
  100% {
	width: 800px;
	height: 800px;
	  opacity:0;
  }
}


.media-slider .item {
    background: #fff;
	box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition-duration: 0.5s;
	padding:10px 15px;
    border: 2px solid #fff;
}

.media-slider.owl-theme .owl-nav [class*=owl-]:hover{
	    color: var(--primary) !important;
}

.improve-search{
	background: url(../images/improve-search.jpg);
	background-size: cover;
}

.improve-search .btn{
margin-top:30px;
}


.media-slider .item img {
max-height: 52px;	
}

.footer-menu li a {
color:white !important;	
}
.footer-menu li a:not(:hover) {
	opacity: 0.8;
}
.social a {
	width: 35px;
	height: 35px;
	transition-duration:0.5s
}
.social a:hover {
	background: white;
}
.process-tab {
transform:translateY(50%);	
}
.process-tab::before {
position: absolute;
left: 0;	
right: 0;
top: 0;
bottom: 0;
margin: auto;
opacity: 16%;
width: 100%;
content: '';
height: 3px;
background: #707070;
z-index: -1;	
}
.process-tab > button, .opti-img > span {
height: 100px;
width: 100px;	
background: #fff !important;
}
.process-tab > button.active, .opti-img.active > span, .opti-img:hover > span {
background: var(--primary) !important;
}
.process-tab > button.active img, .opti-img.active > span img, .opti-img:hover > span img{
-webkit-filter:brightness(0) invert(1);	
filter:brightness(0) invert(1);	
}
.factors .wave {
height: 100%;	
}
.analysis .form-control {
background: rgba(255,255,255,0.15);	
border-color: rgba(255,255,255,0.3);	
}
.analysis .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.analysis .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.analysis .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.gp-quality-shadow{
border-radius: 10px;
    box-shadow: 0 14px 22px -1px #ededed;
position:relative;
}

.gp-round-element1{
background: url(../images/gp-element1.svg);
    background-size: contain;
    position: absolute;
    height: 146px;
    width: 118px;
    top: -80px;
    right: -31px;
    z-index: -9;
}

.gp-round-element2{
background: url(../images/gp-element2.svg);
    background-size: cover;
    position: absolute;
    height: 146px;
    width: 128px;
    top: -80px;
    left: -31px;
    z-index: -9;
}




.faqs{
position:relative;
}

.faqs::before {
position: absolute;
left: 0;
top: 0;
width: 65%;
height: 100%;
content: '';	
background: #F1F8FF;
}
.accordion-button {
	font-size: 0.875rem;
}
.accordion-button::after {
	content: "\f055";
	font-family:"Font Awesome 5 Pro";
	background: none;
	color:var(--primary);
}
.accordion-button:not(.collapsed)::after {
	background:none;
	transform: none;
	color:white;
}
.accordion-button:not(.collapsed) {
	color: #fff !important;
	background-color: var(--primary);
}



.request-free-audit .h2{
	font-size: 1.8rem;
}


.request-free-audit .h2:after{
	    background: var(--primary);
    content: '';
    position: absolute;
    top: 101px;
    height: 3px;
    width: 80px;
    left: 48px;
	
}



	.main-testimonials p{
		    font-style: italic;
    font-size: 15px;
    font-weight: 400;
    font-family: Segoe UI;
	    min-height: 241px;
	}
	


.gp-numbers svg{
width:100% !important;
}

.gpost-benefits img {
    width: 60px;
}

.faqs .accordion-body{
	color: #000 !important;
	
}


.faq-content {
	overflow: auto;
	height: 781px;

}




.accordion-header button {
      padding: 13px 20px;
}

.faqs {
    padding:0px 0 0;
}


.faqs h2 {
    margin-top:50px;
}

.faqs .accordion-header{
  margin-top:10px;

}

.faqs h3 {
      font-size: 1.45rem;
}

.scroll-faq-acordin{
	height:529px;
}

.scroll-faq-acordin .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      background-color: rgba(0,0,0,0.18) !important;
}

.scroll-faq-acordin .mCSB_draggerRail {
    background-color: rgba(0,0,0,0.06) !important;
}


.faqs .accordion-item {
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
}

.faqs .accordion-header button {
    padding: 15px 20px;
}


.faq-content::before {
	position: absolute;
	left: 0;
	top:0px;
	width: 1100px;
	height: 100%;
	content: '';
	background-color: var(--primary);
    /*background-image: url(../images/faq-img.jpg);*/
}
.mCSB_scrollTools {
	top: 30px;
	bottom: 30px;
}
.mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(255,255,255,0.22)
}
.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 5px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
}
.cform {
	background: url('../images/Mask%20Group%201.svg') no-repeat top 0px right / 400px auto;
}
.cform .form-control {
box-shadow: 0 0 11px #a1ddf1;
    font-size: inherit;
    padding: 14px 20px;
    border-radius: 60px;  
    font-size: 12px;
}

textarea.form-control {
	  border-radius: 20px !important;  
}

.cform  h3{
	font-size: 1.7rem;
}


.cform  form{
margin:0 40px;
}


.col-md-6.col-xl-6.mb-4.mb-md-0.pr-5{
	border-right: 1px solid #E6E6E7;
}

.cform  h5{
    margin: 0 45px 25px;
    font-weight: normal;
    font-size: 17px;
    line-height: 24px;
}

.ptm-4{
	margin-top:-40px;
}


.ld {
	width: 28px;
	height: 28px;
	bottom: 116px;
	right: -12px;
}

.team-single-section{
background:#fff;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 7%);
       padding: 0px 0 0;
    margin-bottom: 60px;
}

.team-single-section h2{
font-size:27px;
color:#FD5D6D;
margin-bottom:30px;
padding-top: 35px !important;
}


.awesome-team .container-xl .team-single-section:nth-child(5) .row .col-md-3:nth-child(1) .name-degination{
background:#FD5D6D;
}
.awesome-team .container-xl .team-single-section:nth-child(5) .row .col-md-3:nth-child(2) .name-degination{
background:#2A84FC;
}
.awesome-team .container-xl .team-single-section:nth-child(5) .row .col-md-3:nth-child(3) .name-degination{
background:#34D4B3;
}
.awesome-team .container-xl .team-single-section:nth-child(5) .row .col-md-3:nth-child(4) .name-degination{
background:#4232A8;
}


.awesome-team .container-xl .team-single-section:nth-child(6) .row .col-md-3:nth-child(2) .name-degination{
background:#FD5D6D;
}
.awesome-team .container-xl .team-single-section:nth-child(6) .row .col-md-3:nth-child(1) .name-degination{
background:#2A84FC;
}
.awesome-team .container-xl .team-single-section:nth-child(6) .row .col-md-3:nth-child(4) .name-degination{
background:#34D4B3;
}
.awesome-team .container-xl .team-single-section:nth-child(6) .row .col-md-3:nth-child(3) .name-degination{
background:#4232A8;
}

.awesome-team .container-xl .team-single-section:nth-child(7) .row .col-md-3:nth-child(3) .name-degination{
background:#FD5D6D;
}
.awesome-team .container-xl .team-single-section:nth-child(7) .row .col-md-3:nth-child(4) .name-degination{
background:#2A84FC;
}
.awesome-team .container-xl .team-single-section:nth-child(7) .row .col-md-3:nth-child(2) .name-degination{
background:#34D4B3;
}
.awesome-team .container-xl .team-single-section:nth-child(7) .row .col-md-3:nth-child(1) .name-degination{
background:#4232A8;
}





.awesome-team .container-xl .team-single-section:nth-child(6) h2{
color:#2A84FC;
}
.awesome-team .container-xl .team-single-section:nth-child(7) h2{
color:#34D4B3;
}




.team-img {
	max-width:75%;
	    margin: 0 auto;
}
.name-degination{
background:#2A84FC;
border-radius:6px;
color:#fff;
display:inline-block;
    padding: 12px 25px 5px;
top: -39px;
    position: relative;
    margin-left: 116px;
    text-align: left;
}

.name-degination p{
margin:0;
line-height: 16px;
}


.awesome-team .lead {
    font-size: 1rem;
    margin-bottom:0 !important;


}

.awesome-team .director .team-img {
	max-width:35%;
}


.awesome-team small{
	    font-size: .7em !important;
letter-spacing:2px;

}


.bq {
	border-left: 3px solid var(--primary);	
}
.ind-list > a {
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	box-shadow: 0px 2px 3px #cdcaca;
}
.ind-list > a:hover, .ind-list > a.active {
color:white;
background: var(--primary);	
}

.tellus-project .form-control{
	background:rgba(255,255,255,.5);
}

.tellus-project .h2.font-graphik small{
	font-size: 1.4rem;
}

.tellus-project p{
    font-size: 19px;
   
}
.tellus-project .small.text-black-50{
	 font-size: 14px;
}

.website-analy-testimonial p{
		font-size: 18px;
		 font-family: 'Roboto';
}
.tellus-3steps.fsa-grid img {
    max-height: 223px;

}

.case-study-single {
	margin-top: -340px;
}
.job-grid {
	background: url('../images/career-2.svg') no-repeat top left 100px / auto 100%;
}
.job-grid .box .badge, .job-description .badge {
background: var(--primary1);
color:#fff !important;	
}
.job-grid .box:hover h3, .job-grid .box:hover p, .job-grid .box:hover a {
	color:white
}
 .job-grid .box:hover a {
	border-color:white !important;
}
.clients-logo > div {
border-bottom: 1px solid #EFEFEF;	
border-left: 1px solid #EFEFEF;	
height: 150px;
}
.clients-logo > div:nth-child(6n+1) {
border-left: none;	
}
.clients-logo > div img {
	max-width:80%;
}
.test-grid::before {
position: absolute;
bottom: 0;
left: 0;
width: 120px;
content: '';
background: var(--primary);	
height: 5px;
}
.test-grid img {
max-width: 100px;	
}
.test-grid p {
	background: url(../images/left-quote.png) no-repeat left top / 60px auto;
	padding-top: 35px;
	margin-top: -25px;
}
.blog-desc {
	background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 7%, rgba(0,0,0,0.8) 85%);
}
.blog-slider .owl-nav {
display: flex;	
}
.blog-slider .owl-nav button {
width: 25px;
height: 25px;
background: var(--primary) !important;	
}
.blog-img::before {
	position: absolute;
	content: '';
	border: 12px solid transparent;
	border-color: #003AA6 #003AA6 transparent transparent;
	left: 0;
	bottom: -24px;
}
.cat-list .active a {
color:#000	
}
.cat-list .active a i {
	color: var(--primary);
	background: var(--primary);
}
.ts {
 -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--primary);	
  -webkit-text-fill-color: transparent;
}

.gp{
	    margin: 0px 5px 30px !important;
}
.gp:hover, .gp.active {
background: var(--primary) !important;
}
.gp:hover * {
color:white !important;
}

.gp.active *  {
color:white !important;
}

.make-it-this-one{
	position:relative;
}
.make-it-this-one:after{
	background: url(../images/pattern-bg.png) no-repeat;
    background-size: contain;
	content:'';
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:-9;
    opacity: .7;
}

.works .vl {
	width: 166px;
	height: 100%;
	border: 0 solid var(--primary);
	left: 100%;
	top: 0;
	border-width: 0 0 2px 2px;
}
.works:nth-child(2) .vl {
	left: 0;
	border-width: 0px 0px 0px 2px;
}
.works:nth-child(3) .vl {
	border-width: 2px 0 0px 2px;
}
.works .vl::before {
	position: absolute;
	left: -11px;
	top: -12px;
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: white;
	border: 6px solid var(--primary);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.works:nth-child(2) .vl::before {
top: 0;
bottom: 0;
margin: auto;	
}
.works:nth-child(3) .vl::before {
top: auto;
bottom: -12px;	
}

.how-its-work h3{
	font-size: 1.7rem;
}

.quality-control h3{
	font-size: 2.2rem;}



.pl-5{
padding-left:70px;
}

.avail-services img{
	width:55px;
margin-top:-40px;
}

.avail-services .text-start .col-md-4{
border-right:1px solid #EAE8E8;
border-bottom:1px solid #EAE8E8;
}

.avail-services .text-start .col-md-4:nth-child(4), .avail-services .text-start .col-md-4:nth-child(5), .avail-services .text-start .col-md-4:nth-child(6){
border-bottom:0px solid #EAE8E8;
}
.avail-services .text-start .col-md-4:nth-child(3), .avail-services .text-start .col-md-4:nth-child(6){
border-right:0px solid #EAE8E8;
}



.avail-services .text-start .col-md-4 .h-100{
padding:20px 20px;
}





.gp-table > :not(caption) > * > * {
	background-color:#F1F8FF;
	box-shadow:none !important;
	padding:1.4rem 0;
}
.gp-table th {
	background: #fff;
	white-space: nowrap;
}
.gp-table > tbody > tr:nth-of-type(2n+1) td {
	background-color: rgba(233,233,233,0.18) !important;
}
.workss > span::before {
	counter-increment: my-sec-counter;
	content: counter(my-sec-counter);
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary);
	font-size: 2rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 3px solid var(--primary);
	background: #F1F8FF;
	font-weight: 400;
}
.workss:hover > span::before {
color:white;
background: var(--primary);	
}
.workss > span::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	margin: auto;
	top: 55px;
	width: 2px;
	height: 100%;
	background: var(--primary);
}
.pro-btn .btn {
font-size: 1.5rem;	
}
.suc span {
height: 20px;
max-width: 20px;
flex:0 0 20px	
}
.suc> div:hover span {
background: currentcolor;	
}
.type-grid:hover {
background: var(--primary) !important;	
}
.type-grid:hover * {
color:white;	
}
.built-grid:hover {
background: white;	
}
.built-grid {
	background: white;	
	}
.built-grid:hover * {
color: var(--primary);	
}

.circular-chart {
  display: block;
  margin: 0 auto 20px auto;
  max-width: 180px;
  max-height: 180px;
}
.circle-bg {
  fill: none;
  stroke: #004DBC;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 3.8;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart .circle {
  stroke: #fff;
}
.percentage {
	fill: #fff;
	font-size: 0.5rem;
	text-anchor: middle;
}
.title-bg::before {
	position: absolute;
	left: 0;
	top: 128px;
	content: '';
	background: #377DFF;
	height: 113px;
	width: 95%;
	border-radius: 0 100px;
	margin: auto;
	z-index: -1;
	right: 0;
}




.let-talk-sec{
	background-color:#E6F1FF;
	background-image:url(../images/let-talk-bg.png) ;
	background-repeat:no-repeat;
	background-size:48% 100%;
	position:relative;
	padding: 100px 0 0;	
}

.let-talk-sec h2{
color:var(--primary);

	
}

.indutries-we-serve .indutries-box.health{
    background: var(--primary);
color:#fff;

}

.indutries-we-serve .indutries-box.health img{
 width:120px;
}


.indutries-box{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px #83838329;
    margin: 0px 0 20px 0;
min-height:168px;
    padding: 1.5em;
}

.indutries-box h3{
border-bottom:1px solid rgba(0,0,0,.06);
padding-bottom:5px;
}

.indutries-box img{
width:70px;
}


.services-seo-box .row .col-md-4{
margin:5px;
padding:20px 10px 0 ;
width:19%;
}


.services-seo-box .row .col-md-4 img{
max-height:160px;
}

.services-seo-box .row .col-md-4 h3{
color:#000;
}


.services-seo-box .row .col-md-4:nth-child(1){
    background-color: #F4DD20;
    background-image: url(../../../www.eseosolutions.com/assets/images/global-seo-img.png);
    width: 40%;
    padding: 30px 0 30px 30px;
    background-size: 70% 100%;
    background-repeat: no-repeat;
    background-position: center right;
}

.services-seo-box .row .col-md-4:nth-child(1) h3{
margin-top:50px;
}

.services-seo-box .row .col-md-4:nth-child(1) img{
    max-height: initial;
    max-width: 100%;
}



.services-seo-box .row .col-md-4:nth-child(2){
background:#EDCFD6;

}

.services-seo-box .row .col-md-4:nth-child(3){
 background-color: #31DFF6;
    background-image: url(../../../www.eseosolutions.com/assets/images/national-seo-img.png);
    padding: 170px 15px 0;
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-position: top center;


}
.services-seo-box .row .col-md-4:nth-child(4){
background:#EEB89C;
}
.services-seo-box .row .col-md-4:nth-child(5){
background:var(--primary);
color:#fff;
}

.services-seo-box .row .col-md-4:nth-child(5) h3, .services-seo-box .row .col-md-4:nth-child(6) h3, .services-seo-box .row .col-md-4:nth-child(7) h3, .services-seo-box .row .col-md-4:nth-child(8) h3{
color:#fff;
}

.services-seo-box .row .col-md-4:nth-child(6){
background:#68BDE2;
color:#fff;
}
.services-seo-box .row .col-md-4:nth-child(7){
background:#34D4B3;
color:#fff;
}

.services-seo-box .row .col-md-4:nth-child(8){
background:#4232A8;
width:40%;
color:#fff;
padding:30px 0 30px 30px;
}
.services-seo-box .row .col-md-4:nth-child(8) h3{
margin-top:50px;
}

.services-seo-box .row .col-md-4:nth-child(8) img{
    max-height: initial;
    max-width: 100%;
}




.orage-color{
color:var(--primary);
}

.blue-color{
color:var(--primary);
}


.client-result1 h3, .servs h3, .blog-section h3, .testimoni h3, .services-we-Offer h3, .indutries-we-serve h3{

    font-size: 1.45rem;
}

.let-talk-sec h3{
font-size: 1.45rem;
	
}


.let-talk-sec .let-talk-content{
	    padding: 15px 30px 90px !important;
	background:url(../images/pattern-lets.svg) no-repeat 0 0;
	    background-size: 59%;
    background-position: 260px -20px;
}



.let-talk-sec .work-numbers{
	background: var(--primary1);
    margin: -3px;
    display: inline-block;
    text-align: center;
    padding: 40px 30px 10px;
    width: 18%;
    color: #fff;
    vertical-align: bottom;
    min-height: 174px;
}

.mb-7{
margin-bottom:70px;
}

.mb-5{
margin-bottom:50px;
}



#shiva
{
  width: 100px;
	height: 100px;
	background: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
  float:left;
  margin:5px;
}

#talkbubble {
   width: 120px;
   height: 80px;
   background: red;
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
  float:left;
  margin:20px;
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid red;
   border-bottom: 13px solid transparent;
}

.linker
{
  font-size : 20px;
  text-decoration-color: black;
}


 .client-result1 .owl-stage-outer .logo-img .btn-primary{
padding: 0.50rem 1.3rem;
}



.let-talk-sec .work-numbers h2{
	margin-bottom:0;
	color:#fff;
	font-family:Georgia;
}

.let-talk-sec .work-numbers h2 span{
	
	font-family:Georgia;
}

.let-talk-sec .work-numbers h2 .counter{
	
	font-family:Georgia;
}



.work-number-area .work-numbers:nth-child(2) h2{
	color:#fff;
}



.work-number-area{
text-align:center;
	bottom:0;
}



.work-number-area .work-numbers:nth-child(2){
	background:var(--primary);
	color:#fff;
}

.work-number-area .work-numbers:nth-child(4){
	background:var(--primary);
}


.our-journey{
	background-color:#00384f;
	position:relative;
	background-repeat:no-repeat;
	color:#fff;
padding:100px 0;
	
}

.our-journey .container-fluid{
	z-index:999;
	padding-left:100px;
	padding-right:100px;
position: relative;
}

.our-journey:before{
position:absolute;
	background:url(../images/timeline-bg.png);
	background-repeat:no-repeat;
    background-position: bottom;
	opacity:.7;
	width:100%;
	height:100%;
	content:'';
	bottom:0;
	
}

.our-journey h2{
	color:#fff;
	      font-size: 2.5rem;
}

.improve-search h2{
 font-size: 2.2rem;

}

.year-journey{
display:inline-flex;
vertical-align:bottom;

}


.timeline-border .year-journey{
display:inline-flex;
vertical-align:top;


}


.timeline-border .year-journey .journey-content{
	padding-top:50px;
}





.year-journey img{
	    width: 70px;
		margin-right:20px;
margin-top:96px;
		
}

.timeline-border .year-journey img{
	    width: 70px;
		margin-right:20px;
margin-top:0;
		
}



.year-journey h2{
color:#fff;
font-weight:black;
font-size:50px;
margin-bottom:0;
}
.year-journey h4{
color:var(--primary);
font-weight:bold;
}

.year-journey h3{
	font-size:24px;
	font-weight:bold;
	position:relative;
	padding-bottom:30px;
}

.year-journey h3:after{
	content:'';
	position:absolute;
	height:4px;
	width:100px;
	background:var(--primary);
	left:0;
	top:40px;
}




.timeline-border{
	border-top:2px solid #fff;
	
}


.timeline-border:after{
content:'';
position:absolute;
width:100%;
top:0;
left:0;	
}

.media-coverage .item{
display: inline-block;
    background: #F2F4F9;
    margin: 10px;
    padding: 10px 15px;
border:1px solid #F2F4F9;
}

.media-coverage .item:hover{
border:1px solid var(--primary1);
background:#fff;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 5%);
}


.seo-servs > div {
background :linear-gradient(90deg, #eee, #fff);	
flex: 0 0 calc(25% - 16px);
max-width: calc(25% - 16px);
}
.seo-servs > div img  { 
width:30px;	
}
.seo-servs > div:hover {
background :var(--primary);	
}
.seo-servs > div:hover * {
color:white	
}
.seo-servs > div:hover img {
filter:brightness(0) invert(1);
}
.aso-tab > button::before {
	counter-increment: my-sec-counter;
	content: '0'counter(my-sec-counter);
	position: absolute;
	left: 0;
	top: 4px;
	font-size: 13px;
}
.aso-tab > .active {
opacity:1 !important;	
}
.aso-ft > div {
border-color:rgba(255,255,255,0.25)	 !important;
}
.aso-ft img {
max-width: 36px;	
}
.aso-bfts  {
	counter-reset: my-sec-counter;
}
.aso-bfts::before {
	position: absolute;
	left: -260px;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: url('../images/cc.png') no-repeat left top / auto 100%;
}
.aso-bft > div:first-child {
height: 148px;	
}
.aso-bft > div:first-child::before {
	counter-increment: my-sec-counter;
	content: '0'counter(my-sec-counter)'.';
	position: absolute;
	left: 10px;
	top: -45px;
	font-size: 53px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #545454;
	-webkit-text-fill-color: transparent;
}
.aso-bft:nth-child(even) > div:first-child::before {
	top: auto;
	bottom: -45px;
}
.aso-bft > div:first-child::after {
	position: absolute;
	content: '';
	border: 16px solid transparent;
	border-color: var(--primary) transparent transparent transparent;
	left: 0;
	bottom: -32px;
	right: 0;
	margin: auto;
	width: 32px;
	height: 32px;
}
.aso-bft:nth-child(even) > div:first-child::after {
bottom: auto;
top: -32px;	
	border-color: transparent transparent var(--primary) transparent;
}
.aso-bft .ico-box::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 48px;
	border:1px dotted #333;
	border-width:0 0 0 1px;
	content: '';
}
.aso-bft:nth-child(even) .ico-box::before {
top: auto;
bottom: 0;	
}
.aso-bft > span {
height: 54px;	
}
.ico-box img {
	max-width: 116px;
}
.orm-sol img {
max-height: 174px;	
}

#demo-modal .request-free-audit .h2:after{
	    top: 122px;
}


.case-slider.case-studies-slide .item .row .logo-img img{
	border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
	max-width:200px !important;
	  
}

.case-studies-head{
	font-size: 1.8rem !important; 
}

.case-studies-head span{
	padding-top:10px;
	display:block;
}


.aso-tabbing .nav-pills .nav-link{
	    font-size: 2rem;
}


.orm-serv > div.position-relative::before {
	position: absolute;
	content: '';
	height: 20px;
	width: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #F1F8FF;
	border: 1px solid #dee2e6;
	right: -11px;
	bottom: -10px;
}
.fsa::before {
position: absolute;
content: '';
height: 100%;
width: 50%;
right: 0;
background: #F1F8FF;
top: 0;	
}
.fsa-grid img {
max-height: 270px;	
}
.fsa .test-grid::before {
	display: none;
}
/*media query starts here*/
@media (min-width:576px) {
	
}

@media (min-width:768px) {
 .c-r {
width: 670px;	
} 
.blog-list {
margin-top: -70px;	
}
}

@media (min-width:992px) {
.c-grid > div.position-relative::before {
	position: absolute;
	content: '';
	height: 20px;
	width: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#fff;
	border: 1px solid rgba(255,255,255,0.2)	;
	right: -11px;
	bottom: -10px;
	z-index: 1;
}
}

@media (min-width:1200px) {
.navbar-light .navbar-nav .nav-item + .nav-item {
	margin-left: 13px;
}
.nav-item.dropdown:hover > .dropdown-menu {
display: block;
}
.choose-grid .col + .col h3::before, .choose-grid .col-md-4 + .col-md-4 h3::before {
	position: absolute;
	left: -32px;
	bottom: -8px;
	content: '';
	width: 15px;
	height: 15px;
	background: url('../images/divide.png') no-repeat center center/ 15px auto;
}
.choose-grid .col-md-4:not(.col-6):nth-child(4) h3::before {
display: none;	
}
.serv-grid, .smc-grid {
	flex: 0 0 180px;
	max-width: 180px;
	max-height: 150px;
}

}

@media (max-width:1199.99px) {
header{
background: white;	
}
.navbar-brand img {
	max-width: 120px;
}
.logo-slider .owl-nav button.owl-next, .logo-slider .owl-nav button.owl-prev, 
.partner-slider .owl-nav button.owl-next, .partner-slider .owl-nav button.owl-prev,
.media-slider .owl-nav button.owl-next, .media-slider .owl-nav button.owl-prev {
	font-size: 19px;
} 
.banner {
	padding-bottom: 50px;
}
.banner::before{
	content: none;
} 
.gp-table > :not(caption) > * > * {
	padding: 1rem 0.5rem;
} 
.gp-table > tbody > tr:nth-of-type(2n+1) td {
	background-color: #F1F8FF !important;
}
.gpost-benefits {
background: var(--primary)  !important;	
}
.works .vl {
	width: 173px;
}
}

@media (max-width:991.99px) {
	
	.c-grid > div {
	border-color:transparent !important	
	}
.t-box > div {
	font-size: 11px;
}
.works .vl {
	width: 130px;
}
}

@media (max-width:767.98px) {

.h3, h3 {
	font-size: 1rem !important;
}
.top-header .dropdown-toggle::after {
	display: none;	
	}
.top-header .dropdown-toggle {
	background: var(--primary);
	padding: 6px 10px;
	border-radius: 3px;
}
	.top-header .dropdown-toggle i {
color: #fff !important;
	}
.banner h1 {
	font-size: 2.3rem;
}
.serv-grid, .smc-grid {
	flex: 0 0 45%;
	max-width: 45%;
}
.c-r .h2 {
	font-size: 1rem;
}
.process-tab > button {
	height: 60px;
	width: 60px;
}
.faq-content::before {
	width: 100%;
}
.case-study-single {
	margin-top: 0px;
}
.works .vl {
display: none;	
}
.factors .wave {
	height: 570px;
}
.seo-servs > div {
	flex: 0 0 calc(50% - 16px);
	max-width: calc(50% - 16px);
}
.title-bg::before {
	height: 553px;
}
}

@media (max-width:575.99px) {
 
}#ck_front_content img{display:none}


@media (min-width: 576px){
#free-modal .modal-dialog {
    max-width: 450px;
    margin: 1.75rem auto;
}

}


@media (max-width: 640px) and (min-width: 320px) { 
    	.top-header{
		    padding-bottom: 3px;
    margin-bottom: 8px;
    padding-top: 0px;
	display:none;
	}
	
	header .navbar-collapse .navbar-nav{
	    background: #fff;
    padding: 20px 25px;
}

.banner.home-banner p { 
    width: 100%; }

.banner.home-banner h1 p {   
    margin-top: 0px;
    font-size: 2.3rem !important;
    line-height: 3rem !important;
    margin-bottom: 30px;
}


.ver-divider, .ver-divider1{
display:none;
}
.year-journey h3:after {  
    top: 30px;
}

.year-journey h3 {  
    padding-bottom: 20px;
}

.year-journey {  
    margin-bottom: 30px;
}

.servs.dgs .pr-3 {
    padding-right: 2rem !important;
}

.let-talk-sec .work-numbers {
width: 48%;
}

 .quality-control h3{
    font-size: 1.7rem !important;
}
.gp-quality-shadow {   
    margin-top: 50px;
}

.gp-round-element1 {  
    top: -31px;
    right: 17px;   
}

.gp-round-element2 {  
    top: -21px;
    left: 10px;   
}



.review-slider .item p {
      font-size: 15px;   
    line-height: 25px;  
    padding: 55px 10px 0px 10px;
background: url(../images/left-quote.svg) no-repeat 5px 0px;
    background-size: 14%;
}

.review-bot {   
    padding-left: 9px;
}

.banner-form-area {
    margin-top: 30px;
}

.let-talk-sec {      
  background-size:cover;   
position:relative;
}

.let-talk-sec .container{  
z-index:99;
    position: relative;
}

.let-talk-sec:after { 
content:'';
background:rgba(255,255,255,.9);
position:absolute;
width:100%;
height:100%;
top:0;

}

.home-banner.banner #free_website_audit{
margin-top:10px;
}

.let-talk-sec .let-talk-content {
    padding: 0px 30px 30px !important;    
}

.work-number-area .work-numbers:nth-child(3) {
    background: var(--primary1);
}

.work-number-area .work-numbers:nth-child(4) {
    background: #0C3986;
}

.our-journey .container-fluid {
    z-index: 9;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.year-journey img { 
     margin-top: 0px;

}
.timeline-border {
    border-top: 0px solid #fff;
}




.timeline-border .year-journey .journey-content {
  padding-top: 0px; 
}

.our-journey:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 310px;
    left: 52px;
    background: #fff;
}

.our-journey .image-holder{

height:70px;
}

.seo-page-banner .banner-form::before {
     right: -19px;
      top: -40px;
}
.seo-page-banner .banner-form::after {
      bottom: -50px;
    left: -14px;
    z-index: -9;
}

.seo-page-banner.banner h1 {
margin-top: 0px;
       font-size: 2.3rem !important;
   }




.analysis .form-control{
 margin-bottom:10px;
}

.analysis form{
margin:0 10px;
}

.analysis #free_website_seo{
 width:100%;
padding: 0.875rem 1.3rem;
font-size: 14px;
}


.faqs::before {   
    width: 100%;  
}

.faq-content {   
    height: 441px;
}

.seo-page-banner.banner.inner-banner p {
    font-size: 20px;
}

.seo-page-banner.banner{
	padding-top: 80px !important;
}


.services-seo-box .row .col-md-4{
  
    width:97%;
margin-bottom: .5rem!important;
}

.services-seo-box .row .col-md-4 h3{
    font-size: 1.45rem !important;
}
.services-seo-box .row .col-md-4:nth-child(1) {
       width: 97%;     
padding: 100px 0 30px 30px;
background-size: 65% 55%;
    background-repeat: no-repeat;
    background-position: top center;
}

.services-seo-box .row .col-md-4 .text-left{
text-align:center !important;
}

.services-seo-box .row .col-md-4:nth-child(8) img {
  max-width: 70%;
}


.services-seo-box .row .col-md-4:nth-child(8) {
       width: 97%; 
    padding: 30px 10px 30px 10px;    
}


	.tellus-project h2 {
    font-size: 25px;
}
	
		.tellus-project {
   
	background:#F1F8FF;
	margin-top: 60px;
    background: #F1F8FF;
    padding-top: 20px;
}
	
	.website-free.fsa:before{
		display:none !important;;
	}
	

	
	.top-header .dropdown-toggle {
    background: none;
    padding: 0;
   }
   
  .top-header .border-start {
    border-left: 1px solid ragba(255,255,255,.4) important;
}
	
header nav .navbar-brand img {
       margin-bottom: 6px;
	   margin-top: 7px;
}


.banner-form.p-4 {
   padding: 30px 30px !important;
    margin: 40px 10px 0;
}

.inner-banner::after {
    background: url(../images/bannerbg1.svg) no-repeat 0 70%;
    background-size: cover;
}



.client-result .text-secondary {
	font-size: 11px;
    line-height: 15px;}


.case-slider .item .row .client-logoimg{
	    width: 160px !important;
    margin-right: 15px;
}

.cform .container-xl  .p-xl-6.mt-4{
	padding:30px !important;
}
.col-md-6.col-xl-6.mb-4.mb-md-0.pr-5 {
    border-right: 0px solid #E6E6E7;
}

.col-md-6.col-xl-6.mb-4.mb-md-0.pr-5 .align-items-center{
	align-items:top !important;
}




.accordion-body.small {
	color:#000000;
}

.banner-form.p-4 .h2 {
    font-size: 1.2rem !important;
}

.banner-form.p-4 .mb-4 {
    margin-bottom: 1rem!important;
    font-size: 14px;
}

.banner h1 p {
font-size: 2.3rem;
}

.banner.inner-banner h1 {
font-size: 2rem;
}




.banner h5 {
  font-size: 1.3rem;
}
.banner p {
    font-size: 1rem;
}

.banner{
background: linear-gradient(45deg, #d5e9f3, #ebe1e4);
    padding-top: 120px;
    padding-bottom: 0 !important;
    min-height: 65vh;
}
.banner-form-area .col-auto, .banner-form-area .col-auto button{
	width:100%;
}
.btn{
	
    font-size: 12px;
}

.media-coverage .item {   
    margin: 5px;
    padding: 10px 15px;   
    width: 46%;
}



.let-discuss{
	margin-top:15px;
}

.let-discuss a{
	margin-top:20px;
	display: block;
}



.home-c-grid .let-discuss img {
    margin-top: -2px;
    position: absolute;
}


.serv-grid img{
    max-width: 49px;
	
}
	
.home-c-grid .mb-3{
	margin-bottom:0 !important;
	
}	
.home-c-grid .py-4 {
padding-bottom: 0.5rem!important;
}
	.home-c-grid img{
	
    margin-top: 34px;
    position: absolute;
}

	.home-c-grid h3{
	margin-left:61px; 
}	
	.home-c-grid p{
	margin-left:61px; 
}



.numb-grid {
    background: url(../images/map.svg) no-repeat top left/ auto 70%;
}


.numb-grid .img-holder {
    height: 183px;
}

.review-slider .item > .row {
      padding: 170px 30px 50px 30px;
    margin: 0px 15px;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
}

.testimonial-img {
    left: 107px;
    top: 3%;
    width: 130px;
    height: 125px;
    
}

.review-slider .owl-dots {
    margin-top: 10px;
    position: absolute;
    right: 31%;
    transform: rotate(0deg);
    bottom: 45px;
    z-index: 9;
}

.phone-call-mobile{
	background: var(--primary);
    padding: 8px 10px;
       align-items: normal;
    margin-left: 100px;
}

footer.pt-5 {
     padding: 0px 20px 80px !important;
}

.footer-last-divider {
    margin: 20px auto 20px;
width: 90%;
}
.footer-menu li img{
	display:inline-block;
	     width: 78px;
}
footer .col-md-3 .prime-ul {
    min-height: 0;
}


.fsa.website-free-audit{
	padding-top:20px !important;
}

.fsa.website-free-audit:before {
display:none;
}



	
	
	
}
.banner-form{
	box-shadow: 0 0 50px rgb(96 233 255 / 27%);
    border-radius: 10px;
    background: #ffffff ;
}

.banner-form  .form-control {
      border-bottom: 1px solid #dee2e6!important;
    color: #dee2e6;
    font-size: 13px !important;
   
    padding: 15px 0px !important;
	background:#ffffff;
}
.banner-form  .form-control::placeholder{color:#5d5d5d}
.analysis{background:#00384f}

.btn-outline-primary{
	color: var(--primary);
    border-color: var(--primary);
}
.btn-outline-primary.active{ 
background-image: linear-gradient(45deg, var(--primary), var(--primary1));
 border-color: var(--primary);
}



.dg-content-development-services h2, .dg-content-development-services i{
color:#FCC859;
}
.dg-content-development-services h3{
    font-size: 1.5rem;
    font-weight: normal;
line-height: 2.1rem;
}

.dg-content-development-services ul{
margin-top:20px;
}

.dg-content-development-services ul li{
line-height:35px;
}

.dg-content-development-services .btn-outline-primary{
color:#FCC859;
    border-color: #FCC859;
}
.dg-content-development-services .btn-primary{
background:#FCC859;
box-shadow: 0 .5rem 1rem rgba(252,200,89,.5)!important;
margin-right:10px;
}



.dg-mobile-app-marketing{
background:#E6F1FF;
}

.dg-mobile-app-marketing h2, .dg-mobile-app-marketing i{
color:#2A84FC;
}
.dg-mobile-app-marketing h3{
    font-size: 1.5rem;
    font-weight: normal;
line-height: 2.1rem;
}

.dg-mobile-app-marketing ul{
margin-top:20px;
}

.dg-mobile-app-marketing ul li{
line-height:35px;
}

.dg-mobile-app-marketing .btn-outline-primary{
color:#2A84FC;
    border-color: #2A84FC;
}
.dg-mobile-app-marketing .btn-primary{
background:#2A84FC;
box-shadow: 0 .5rem 1rem rgba(66,50,168,.5)!important;
margin-right:10px;
}

.dg-guest-post-services h2, .dg-guest-post-services i{
color:#52BD95;
}
.dg-guest-post-services h3{
    font-size: 1.5rem;
    font-weight: normal;
line-height: 2.1rem;
}

.dg-guest-post-services ul{
margin-top:20px;
}

.dg-guest-post-services ul li{
line-height:35px;
}

.dg-guest-post-services .btn-outline-primary{
color:#52BD95;
    border-color: #52BD95;
}
.dg-guest-post-services .btn-primary{
background:#52BD95;
box-shadow: 0 .5rem 1rem rgba(82,189,149,.5)!important;
margin-right:10px;
}






.dg-social-media-marketing h2, .dg-social-media-marketing i{
color:#F58669;
}
.dg-social-media-marketing h3{
    font-size: 1.5rem;
    font-weight: normal;
line-height: 2.1rem;
}

.dg-social-media-marketing ul{
margin-top:20px;
}

.dg-social-media-marketing ul li{
line-height:35px;
}

.dg-social-media-marketing .btn-outline-primary{
color:#3633A7;
    border-color: #3633A7;
}
.dg-social-media-marketing .btn-primary{
background:#3633A7;
box-shadow: 0 .5rem 1rem rgba(66,50,168,.5)!important;
margin-right:10px;
}



.dg-search-engine-marketing .floating-bg{
background:#EEF9F7;
position:absolute;
width:80%;
height:100%;
z-index: -1;
border-bottom-right-radius:100px;
}

.dg-content-development-services .floating-bg{
background:#FFF9EC;
position:absolute;
width:80%;
height:100%;
z-index: -1;
border-bottom-right-radius:100px;
}




.dg-search-engine-marketing h2, .dg-search-engine-marketing i{
color:#52BD95;
}
.dg-search-engine-marketing h3{
    font-size: 1.5rem;
    font-weight: normal;
line-height: 2.1rem;
}

.dg-search-engine-marketing ul{
margin-top:20px;
}

.dg-search-engine-marketing ul li{
line-height:35px;
}

.dg-search-engine-marketing .btn-outline-primary{
color:#52BD95;
    border-color: #52BD95;
}
.dg-search-engine-marketing .btn-primary{
background:#52BD95;
box-shadow: 0 .5rem 1rem rgba(52,212,179,.5)!important;
margin-right:10px;
}


.dg-social-media-marketing.dg-seo h2, .dg-social-media-marketing.dg-seo i{
color:#3633A7;
}

.dm-how-we-work{
background:#0A0D35;
position:relative;

}

.dm-how-we-work:before{
    background: url(../images/dm-how-we-work.png) left center;
    position: absolute;
    content: '';
    background-size: cover;
    width: 68%;
    height: 100%;
    top: 0;
    right: 0;
}

.dm-how-we-work .suc .align-items-start{
background: transparent linear-gradient(90deg, #4232A8 0%, #0A0D35 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
padding: 30px 30px;
margin-bottom: 35px;
}
.dm-how-we-work .suc .align-items-start span{
border-radius:100px;
background:#fff;
    padding: 10px;
    height: 50px;
    width: 50px;
   display: inline-block;
    max-width: initial;
    color: #000;
    font-size: 25px;
   
    text-align: center;
    line-height: 30px;
}

.dm-how-we-work .suc .align-items-start dd{
border-radius:100px;
    border: 1px dashed #FF5800;
    padding: 4px;
    height: 60px;
    width: 60px;
    display: block;
    margin-right: 20px;
position: relative;
   
}

.dm-how-we-work .suc .align-items-start dd:after{
    content: '';
    position: absolute;
    height: 122px;
    width: 1px;
    border: 1px dashed #FF5800;
    top: 60px;
    left: 49%;
}

.dm-how-we-work .suc .align-items-start.result-driven dd:after{
display:none;
}


.dg-first-sec{

background-image: url(../images/curve-line-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
padding-bottom: 70px !important;

}

.dg-first-sec .gp{
    border: 1px solid #E1DEDE;
 padding: 20px 50px 10px 20px;
position: relative;
    border-radius: 10px;
}


.dg-first-sec .gp img{
position: absolute;
    right: 14px;
    width: 36px;
    top: 32px;
}

.dg-first-sec .gp h3{
    font-size: 1.2rem;
	color:#0A0D35;
}

.dg-first-sec .gp p{
font-size:13px;
}


.dg-first-sec .gp:hover{
background:#005FFF !important;
}