.elementor-9498 .elementor-element.elementor-element-98b0314{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9498 .elementor-element.elementor-element-8edc3ac{width:100%;max-width:100%;}.elementor-9498 .elementor-element.elementor-element-01b52eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9498 .elementor-element.elementor-element-1c00e0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1d8fe70 *//*====================================
WHY SEO MATTERS
====================================*/

.seo-timeline{

padding:100px 8%;
background:#ffffff;

}

.timeline-container{

max-width:1350px;
margin:auto;

}

.timeline-heading{

text-align:center;
margin-bottom:80px;

}

.timeline-heading span{

display:inline-block;
padding:10px 24px;
background:#EAF8EC;
color:#61CE70;
border-radius:40px;
font-weight:600;

}

.timeline-heading h2{

font-size:48px;
color:#071A2D;
margin:20px 0;

}

/*.timeline-heading p{*/

/*max-width:750px;*/
/*margin:auto;*/
/*color:#666;*/
/*line-height:1.8;*/

/*}*/

/* Timeline */

.timeline{

display:grid;
grid-template-columns:repeat(5,1fr);
position:relative;
gap:30px;

}

/* Line */

.timeline::before{

content:"";
position:absolute;
top:45px;
left:8%;
right:8%;
height:4px;
background:#DCEEDF;
z-index:0;

}

.timeline-item{

position:relative;
text-align:center;
z-index:2;

}

/* Circle */

.timeline-circle{

width:90px;
height:90px;
margin:auto;

border-radius:50%;

background:#61CE70;

color:#fff;

display:flex;
align-items:center;
justify-content:center;

font-size:24px;
font-weight:bold;

border:8px solid #F5FCF6;

transition:.4s;

}

/* Hover */

.timeline-item:hover .timeline-circle{

background:#071A2D;

transform:translateY(-12px) scale(1.08);

box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.timeline-item h3{

margin-top:30px;
color:#071A2D;
font-size:24px;
transition:.3s;

}

.timeline-item:hover h3{

color:#61CE70;

}

.timeline-item p{

color:#666;
line-height:1.7;
padding:0 10px;

}

/* Responsive */

@media(max-width:1100px){

.timeline{

grid-template-columns:repeat(2,1fr);

}

.timeline::before{

display:none;

}

}

@media(max-width:600px){

.timeline{

grid-template-columns:1fr;

}

.timeline-heading h2{

font-size:36px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fb2542 *//*=========================================================
        TYPES OF SEO SERVICES
=========================================================*/

.seo-types-section{
    width:100%;
    padding:100px 7%;
    /*background:linear-gradient(135deg,#F7FFF9 0%,#FFFFFF 45%,#F2FCF5 100%);*/
    background:#e0f3e2;
    overflow:hidden;
}

.seo-types-container{
    max-width:1320px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}

/*==========================
LEFT CONTENT
==========================*/

.seo-content{
    flex:1;
}

.seo-content h2{
    font-size:56px;
    line-height:1.15;
    color:#071A2D;
    font-weight:600;
    margin-bottom:22px;
}

.seo-content h2 span{
    display:inline;
    color:#61CE70;
}
/*==========================
SEO LIST
==========================*/

.seo-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.seo-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:18px 22px;
    background:#FFFFFF;
    border-radius:18px;
    border:1px solid #EDF2F7;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
    transition:.35s;
}

.seo-item:hover{
    transform:translateX(8px);
    border-color:#61CE70;
    box-shadow:0 20px 45px rgba(97,206,112,.18);
}

.seo-item span{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:50%;
    background:#61CE70;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:700;
}

.seo-item h4{
    margin:0 0 6px;
    color:#071A2D;
    font-size:20px;
    font-weight:700;
}

.seo-item p{
    margin:0;
    color:#6A7483;
    font-size:15px;
    line-height:1.7;
}

/*==========================
BUTTON
==========================*/

.seo-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:45px;
    padding:16px 34px;
    background:#61CE70;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border-radius:12px;
    transition:.35s;
    box-shadow:0 12px 30px rgba(97,206,112,.35);
}

.seo-btn:hover{
    background:#071A2D;
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 20px 40px rgba(7,26,45,.25);
}

/*==========================
RIGHT IMAGE
==========================*/

.seo-image{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
}

.seo-image img{
    width:100%;
    max-width:650px;
    border-radius:25px;
    transition:.5s;
    animation:floatImage 5s ease-in-out infinite;
}

.seo-image img:hover{
    transform:scale(1.03);
}

/*==========================
FLOAT ANIMATION
==========================*/

@keyframes floatImage{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-12px);
    }

    100%{
        transform:translateY(0px);
    }

}

/*==========================
TABLET
==========================*/

@media(max-width:1024px){

.seo-types-container{
    flex-direction:column;
    gap:60px;
}

.seo-content{
    order:2;
}

.seo-image{
    order:1;
}

.seo-content h2{
    font-size:46px;
}

.seo-intro{
    max-width:100%;
}

.seo-image img{
    max-width:520px;
}

}

/*==========================
MOBILE
==========================*/

@media(max-width:767px){

.seo-types-section{
    padding:70px 20px;
}

.seo-content h2{
    font-size:34px;
}

.seo-intro{
    font-size:16px;
}

.seo-item{
    padding:16px;
    gap:15px;
}

.seo-item h4{
    font-size:18px;
}

.seo-item p{
    font-size:14px;
}

.seo-btn{
    width:100%;
    justify-content:center;
}

.seo-image img{
    max-width:100%;
}

}/* End custom CSS */