section.choose-smo h2,section.choose-smo p,section.cta1 a.main-btn span,section.cta1 h3,section.cta1 p,section.cta2 h2 {
    color: var(--white-color)
}

section.about,section.about-us .head h2,section.benefits,section.choose-us h2,section.seo-process,section.social-platform .head h2 {
    text-align: center
}
section.about {
    text-align:left;
}
section.about li{
    line-height: 30px;
    list-style:initial;
}
section.about ul{
    padding-left:24px;
    margin-bottom:20px;
}
section.about h2,section.choose-smo h2 {
    margin-bottom: var(--m30);
    text-align: center
}

section.about-us .about-us-img {
    width: 50%;
    height: 450px;
    float: right;
    margin-left: 30px;
    margin-bottom: 20px
}

section.about .head {
    margin-bottom: 0
}

section.faq, section.services {
    background: #f4f4f4
}

section.seo-process .nav-pills .nav-link {
    border-radius: 0;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid transparent
}

section.seo-process .nav-pills .nav-link.active,section.seo-process .nav-pills .show>.nav-link {
    background-color: transparent;
    border-color: var(--primary-color)
}

section.seo-process ul#pills-tab {
    gap: 20px;
    justify-content: center;
    margin-bottom: 20px!important
}

section.seo-process img,section.social-platform img {
    width: 40px
}

section.choose-us .col-6.choose-cont p,section.seo-process .tab-content img {
    width: 100%
}

section.seo-process .col-7.cont {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center
}

section.seo-process .col-7.cont li {
    font-size: var(--f16);
    margin-bottom: 12px;
    list-style: disc;
    color: var(--black-color)
}

section.seo-process .col-7.cont ul {
    padding-left: 16px
}

section.benefits .btn-area {
    margin-top: var(--m30);
    text-align: center
}

section.benefits .btn-area a {
    text-align: center;
    width: 220px;
    margin: auto
}

section.benefits .btn-area a.main-btn:hover .icon-container {
    transform: translateX(120%)
}

section.benefits .benefits-box {
    padding: 20px;
    background: var(--white-color);
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    box-shadow: 0 0 8px 2px #0b165d4d
}

section.benefits .benefits-box:hover {
    transform: scale(1.05)
}

section.benefits img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    margin-bottom: 20px
}

section.benefits .benefits-box h4 {
    font-size: var(--f24)
}

section.benefits .row,section.social-platform .row {
    gap: 30px 0
}

section.choose-smo {
    background-color: #014f99;
    background-image: url(../images/call.png);
    text-align: center;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

section.choose-smo a.main-btn,section.cta2 a {
    width: 220px;
    margin: auto;
    margin-top: var(--m30);
    background-color: var(--white-color);
    border-color: var(--white-color)
}

section.cta2 a {
    width: 270px
}

section.cta2 a.main-btn:hover::after {
    transform: translateX(79%)
}

section.choose-smo a.main-btn:hover .icon-container,section.cta2 a.main-btn:hover .icon-container {
    transform: translateX(50%)
}

section.cta2 a.main-btn:hover .icon-container {
    transform: translateX(30%)
}

.blog-wrapper,section.choose-us,section.demo {
    background: #fff
}

section.choose-us img {
    width: 80%
}

section.choose-us .col-6.choose-img {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

section.choose-us li {
    list-style: circle;
    margin-bottom: 15px
}

section.choose-us ul {
    padding-left: 16px;
    /* margin-top: var(--m20); */
}

section.choose-us .col-6.choose-cont {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

section.choose-us .col-6.choose-cont ul {
    padding-left: 20px
}

section.cta {
    padding-top: 70px;
    background: #fff;
}

section.cta1 {
    background: var(--gradient);
    text-align: center
}

section.cta1 p {
    font-size: var(--f20);
    width: 80%;
    margin: auto
}

section.cta1 a.main-btn {
    margin: 30px auto auto;
    width: 220px
}

section.cta1 a.main-btn::after {
    background: var(--btn-color)
}

section.cta1 a.main-btn:hover .icon-container {
    transform: translateX(110%)
}

section.cta2 {
    background: url(../images/cta-background.jpg) center top/cover no-repeat;
    text-align: center;
    padding: var(--p50) var(--p12)
}

section.cta2 h2 {
    font-size: var(--f40)
}

section.social-difference {
    text-align: center;
    background: #f4f4f4
}

section.social-difference .head h2 {
    margin-bottom: var(--m20)
}

section.social-difference .content {
    box-shadow: 0 3px 12px 8px rgba(0,0,0,8%);
    padding: var(--p30);
    text-align: left;
    height: 100%;
    background: var(--white-color)
}

section.social-difference .content h4 {
    text-align: center;
    font-size: var(--f28)
}

section.social-difference .content li {
    margin-bottom: var(--m15);
    display: flex;
    align-items: center;
    gap: 20px
}

section.social-difference .content li i {
    font-size: var(--f35);
    color: var(--secondary-color);
    display: flex
}

section.social-platform .upper-sec {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: var(--m15)
}

section.social-platform h5 {
    font-size: var(--f22);
    margin-bottom: 0
}

section.banner .main-btn:hover .icon-container {
    transform: translateX(75%)
}
section.small-about {
    background: #E5F8FF;
}
.small-info, .small-list{
  text-align:center;
}
.small-list h4{
    font-size: 24px;
    /* margin-bottom: 0; */
    }
section.small-about h2{
    text-align:center;
    margin-bottom: 30px;
}
section.small-about img{
    margin:auto;
    text-align: center;
}
section.small-about .img-sec {
    text-align: center;
}
section.marketing-services .marketing-info img{
  width: 55px;
  height: auto;
}
section.marketing-services .marketing-info h4{
 /* font-size: var(--f21); */
 /* color: var(--black-color); */
 font-size: var(--f24);
}
section.marketing-services .marketing-info ul h6{
  font-size: 18px;
    margin-bottom: 0px;
    font-family: var(--primary-font);
    color: var(--black-color);
}
section.marketing-services .marketing-info ul li{
 list-style:initial;
  margin-bottom:15px;
}
section.marketing-services .marketing-info ul li:last-child{
 margin-bottom:0; 
}
section.marketing-services .marketing-info ul{
  padding-left: 20px;
}
section.marketing-services .marketing-content {
    height: 100%;
    overflow: hidden;
}
section.marketing-services .row{
 gap:30px 0; 
}
section.marketing-services .head{
  text-align: center;
  margin-bottom:30px;
}
section.marketing-services .marketing-info {
    display: flex;
    gap: 15px;
    padding: 30px;
    box-shadow: 0 0 3px #00000047;
    border-radius: 20px;
    align-items: flex-start;
    height: 100%;
}