/************Our Portfolio Page***********/
.opf-banner{
    background: linear-gradient(101.23deg, #54ADFF 0%, #CBABFF 96.35%);
}

.opf-tab-bg{
    background: #111D30;
    padding: 30px 0px;
}

.opf-tab-bg .nav-tabs {
    border-bottom: 1px solid transparent;
}

.opf-tab-bg .nav-tabs .nav-link{
    font-family: var(--font-bold);
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 10px;
}

.opf-tab-bg .nav-tabs .nav-link:hover{
    border-color: #111D30;
}

.opf-tab-bg .nav {
    justify-content: center;
}

.opf-tab-bg .nav-tabs .nav-link.active{
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #111D30;
    border-radius: 20px;
}

.opf-company-box{
    padding: 20px;
    border-radius: 20px;
}

.pcb-color-1{
    background: #A8DFFF;
}

.pcb-color-2{
    background: #CBFFE6;
}

.pcb-color-3{
    background: #D9B6FF;
}

.pcb-color-4{
    background: #BDDBFF;
}

.pcb-color-5{
    background: #B9F7FF;
}

.pcb-color-6{
    background: #5EB2FF;
}

.pcb-color-7{
    background: #FFC1C4;
}

.pcb-color-8{
    background: #FFF7E7;
}

.pcb-color-9{
    background: #FFE7E7;
}

.pcb-color-10{
    background: #B1D8FC;
}

.pcb-color-11{
    background: #D7D7D7;
}

.pcb-color-12{
    background: #FFEBCF;
}

.pcb-color-13{
    background: #FFE9A7;
}

.pcb-color-14{
    background: #FFCABB;
}

.pcb-color-15{
    background: #FFDDDE;
}

.pcb-color-16{
    background: #FFC4C6;
}

.pcb-color-17{
    background: #BAE0FE;
}

.pcb-color-18{
    background: #FDB8BB;
}

.pcb-color-19{
    background: #9ED0FF;
}

.pcb-color-20{
    background: #D9B6FF;
}

.pcb-color-21{
    background: #FFA5AB;
}

.opf-company-box p{
    display: flex;
    justify-content: space-between;
    color: #000000;
    margin-bottom: 10px;
}

.opf-company-box p::after{
    content: url('../images/portfolio/arrow-right.png');
}

.opf-company-box .c-small{
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    display: flex;
}

@media(min-width: 768px){
    .max-560{
        max-width: 560px;
        margin: auto;
    }

    .opf-tab-bg .nav-tabs .nav-link{
        font-size: 24px;
        margin-right: 30px;
        padding: 10px 30px;
    }

    .opf-company-box{
        padding: 30px;
    }
}

@media(min-width: 992px){
    .opf-tab-bg .nav-tabs .nav-link{
        margin-right: 60px;
        padding: 20px 50px;
    }
}

/************Portfolio Individual Pages***********/

.pof-individul-banner{
    background: url('../images/portfolio/individual/individual-banner.jpg') no-repeat center;
    background-size: cover;
}

.pof-individul-banner h3{
    padding: 12px 30px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    display: inline-block;
    margin-bottom: 0;
}

.pofi-content img{
    margin-bottom: 30px;
    display: block;
}

@media(min-width: 1200px){
    .max-960{
        max-width: 960px;
        margin: auto;
    }
}

@media(min-width: 1336px){
    .pof-individul-banner h3{
        font-size: 36px;
        padding: 18px 50px;
    }
}

/****************SEO Company / services Pages**********************/

.seo-manchester-banner{
    background: url('../images/seo/seo-manchester-banner.jpg') no-repeat center center;
    background-size: cover;
}

.seo-firms p {
    display: flex;
    align-items: flex-start;
}

.seo-firms p::before{
    content: url('../images/seo/seo-arrow-right.png');
    margin-right: 12px;
}

.seo-outcome-bg{
    padding: 20px;
    background: #111D30;
    border-radius: 21px;
}

.so-content-right{
    text-align: center;
}


.so-content-right a{
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
    word-break: break-word;
}

.rated-1{
    background: linear-gradient(99.64deg, #B064F3 0.61%, #FDA342 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.so-content-right .para{
    background: linear-gradient(68.46deg, #B76AE8 68.25%, #F49D5A 91.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 400;
    font-family: var(--font-bold);
}

.seo-feature-box{
    text-align: center;
}

.seo-feature-box p{
    margin-top: 20px;
    padding-top: 20px;
}

.feature-border-1{
    border-top: 2px solid #656EF8;
}

.feature-border-2{
    border-top: 2px solid #C459D5;
}
.feature-border-3{
    border-top: 2px solid #FF7176;
}
.feature-border-4{
    border-top: 2px solid #ED6E30;
}
.feature-border-5{
    border-top: 2px solid #FF4B52;
}
.feature-border-6{
    border-top: 2px solid #009DFA;
}

.sp-bg{
    padding: 20px;
    background: #FFFAF5;
    border-radius: 25px;
}

.sp-bg .sub-para{
    margin: 30px 0px;

}

.sp-bg-london{
    padding: 20px;
    background: #FFFAF5;
    border-radius: 25px;
}

.sp-bg-london .sub-para{
    margin: 30px 0px;

}

.sp-points p{
    display: flex;
    align-items: flex-start;
    font-family: var(--font-medium);
    color: #000000;
}

.sp-points p::before{
    content: url('../images/seo/seo-tick-icon.png');
    margin-right: 12px;
    margin-top: 4px;
}

.sp-points p a{ color: #000; font-size: 16px;}

.roi-lead .sub-para{
    margin: 30px 0px;
    text-align: center;
}

.latest-trends .sub-para{
    margin: 30px 0px;
    text-align: center;
}

.roi-box{
    text-align: center;
}

.roi-box .para{
    margin: 20px 0px 10px 0px;
    font-family: var(--font-bold);
}

.roi-box .btn:hover{
    color: #ffffff;
}

.btn-s-blue{
    background: #6100FF;
    color: #ffffff;
}

.btn-s-orange{
    background: #ED6E30;
    color: #ffffff;
}

.btn-s-yellow{
    background: #F1B849;
    color: #ffffff;
}

.btn-s-lblue{
    background: #009DFA;
    color: #ffffff;
}

.btn-s-red{
    background: #FF4B52;
    color: #ffffff;
}

.seo-process{
    background: #111D30;
}

.seo-london-banner{
    background: url('../images/seo/seo-london-banner.jpg') no-repeat center center;
    background-size: cover;
}

.sf-london h4{
    margin: 15px 0px;
}

.digital-marketing-banner{
    background: url('../images/seo/digital-marketing-banner.jpg') no-repeat center center;
    background-size: cover;
}

.online-marketing-banner{
    background: url('../images/seo/online-marketing-banner.jpg') no-repeat center center;
    background-size: cover;
}

.sem-bg{
    background: #081222;
    box-shadow: 0px 14px 20px rgba(8, 18, 34, 0.6);
    border-radius: 20px;
    padding: 20px;
}

.sem-bg h4, .sem-bg p{
    color: #ffffff;
}

.sm-marketing-banner{
    background: url('../images/seo/services/sm-marketing-banner.jpg') no-repeat center center;
    background-size: cover;
}

.smm-services p, .smm-services h4{
    color: #ffffff;
}

.smm-service-points p{
    display: flex;
    align-items: flex-start;
}

.smm-service-points p::before{
    content: url('../images/seo/services/tick-white.png');
    margin-right: 12px;
    margin-top: 3px;
}

.smm-services h4{
    font-size: 16px;
}

.ui-design-banner{
    background: url('../images/seo/services/ui-design-banner.jpg') no-repeat center center;
    background-size: cover;
}

.mobile-app-banner{
    background: url('../images/seo/services/mobile-app-banner.jpg') no-repeat center center;
    background-size: cover;
}

.web-ui-design-banner{
    background: url('../images/seo/web-ui/web-ui-design-banner.jpg') no-repeat center center;
    background-size: cover;
}

.il-cr-points p{
    display: flex;
    align-items: flex-start;
    font-family: var(--font-medium);
    margin-bottom: 10px;
    text-transform: capitalize;
}

.il-cr-points p::before{
    content: url('../images/seo/web-ui/tick-icon.png');
    margin-right: 12px;
    margin-top: 4px;
}

.parent-position{
    position: relative;
}

.lc-ri-content p{
    padding-left: 20px;
}

.lc-border-1{
    border-left: 4px solid #FF800B;
}

.lc-border-2{
    border-left: 4px solid #883FFF;
}

.lc-border-3{
    border-left: 4px solid #6AD7C3;
}

.lc-border-4{
    border-left: 4px solid #FBDB35;
}

.lc-border-5{
    border-left: 4px solid #FF4B52;
}

.lc-rc-points p{
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 10px;
}

.lc-rc-points p::before{
    content: url('../images/seo/web-ui/tick-icon-2.png');
    margin-right: 12px;
    margin-top: 2px;
}

.ecommerce-banner{
    background: url('../images/seo/ecommerce/ecommerce-banner.jpg') no-repeat center center;
    background-size: cover;
}

.website-development-banner{
    background: url('../images/seo/web-dev/website-development-banner.jpg') no-repeat center center;
    background-size: cover;
}

.lc-rc-bg{
    background: #111D30;
}

.lc-rc-bg h2, .lc-rc-bg h3, .lc-rc-bg p{
    color: #ffffff;
}

.lc-rc-bg h3{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.max-1150{
    max-width: 1150px;
    margin:auto;
}

.wds-m-content {
    counter-reset: section;
}

.wds-m p{
    margin-bottom: 30px;
}

.wds-m-content p{
    display: flex;
    align-items: flex-start;
}

.wds-m-content p::before {
    counter-increment: section;
    content: "0" counter(section);
    font-family: var(--font-medium);
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: rgba(0, 0, 0, 0.3);
    margin-right: 20px;
    margin-top: 6px;
}

.email-marketing-banner{
    background: url('../images/seo/email-marketing/email-marketing-banner.jpg') no-repeat center center;
    background-size: cover;
}

.tw-box-1{
    padding: 30px 55px;
    min-height: 722px;
}

.tw-box-2{
    padding: 30px;
}

.tw-ppc .tw-box-1 {
    padding: 30px 55px;
    /* min-height: 540px; */
}

.types-of-web-bg-1{
    background: linear-gradient(180deg, rgba(255,190,193,1) 70%, rgba(249,249,249,1) 65%);
}

.types-of-web-bg-2{
    background: linear-gradient(180deg, rgba(193,255,244,1) 70%, rgba(249,249,249,1) 65%);
}

.types-of-web-bg-3{
    background: linear-gradient(180deg, rgba(255,240,160,1) 70%, rgba(249,249,249,1) 65%);
}

.types-of-web-bg-4{
    background: linear-gradient(180deg, rgba(203,194,255,1) 70%, rgba(249,249,249,1) 65%);
}

.types-of-web-bg-5{
    background: linear-gradient(180deg, rgba(155,218,255,1) 70%, rgba(249,249,249,1) 65%);
}

.types-of-web-bg-6{
    background: linear-gradient(180deg, rgba(255,198,242,1) 70%, rgba(249,249,249,1) 65%);
}

.types-of-web-bg-7{
    background: linear-gradient(180deg, rgba(255,190,193,1) 70%, rgba(249,249,249,1) 65%);
}

.types-of-web-bg-8{
    background: linear-gradient(180deg, rgba(193,255,244,1) 70%, rgba(249,249,249,1) 65%);
}

.types-of-web .swiper-button-next:after{
    content: url('../images/seo/web-dev/tw-right-arrow.png');
}

.types-of-web .swiper-button-prev:after{
    content: url('../images/seo/web-dev/tw-right-arrow.png');
    transform: rotateY(170deg);
}

.types-of-web .swiper-button-next{
    top: 205px;
}

.types-of-web .swiper-button-prev{
    top: 205px;
}

.tw-ppc .swiper-button-next {
    top: 406px;
}

.tw-ppc .swiper-button-prev{
    top: 406px;
}


/*************Swiper*********/

.types-of-web .swiper {
    width: 100%;
    height: 100%;
    max-width: 1440px;
  }

  .types-of-web .swiper-slide {
    text-align: left;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .types-of-web .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.ppc-banner{
    background: url('../images/seo/ppc/ppc-banner.jpg') no-repeat center center;
    background-size: cover;
}

/*********Show More / Show Less*******/
.read-more-state {
    display: none;
}

.read-more-target {
    /* opacity: 0; */
    display: none;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
}

.read-more-state:checked ~ .read-more-target {
    /* opacity: 1; */
    display: block;
    font-size: inherit;
    max-height: 999em;
}

.read-more-state ~ .trigger-button-sec p > label.read-more-trigger::before {
    content: 'Show more';
}

.read-more-state:checked ~ .trigger-button-sec p > label.read-more-trigger::before {
    content: 'Show less';
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
}

.g-ads-content p{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.g-ads-content p:nth-last-child(-n+2)::before {
    content: "" counter(section);
}

@media(max-width: 767px){
    .sm-roi-lead img{
        transform: rotate(130deg);
    }

    .tw-ppc .types-of-web-bg-1{
        background: linear-gradient(180deg, rgba(255,190,193,1) 65%, rgba(249,249,249,1) 50%);
    }
    
    .tw-ppc .types-of-web-bg-2{
        background: linear-gradient(180deg, rgba(193,255,244,1) 65%, rgba(249,249,249,1) 50%);
    }
    
    .tw-ppc .types-of-web-bg-3{
        background: linear-gradient(180deg, rgba(255,240,160,1) 65%, rgba(249,249,249,1) 50%);
    }
    
    .tw-ppc .types-of-web-bg-4{
        background: linear-gradient(180deg, rgba(203,194,255,1) 65%, rgba(249,249,249,1) 50%);
    }
    
    .tw-ppc .types-of-web-bg-5{
        background: linear-gradient(180deg, rgba(155,218,255,1) 65%, rgba(249,249,249,1) 50%);
    }
    
    .tw-ppc .types-of-web-bg-6{
        background: linear-gradient(180deg, rgba(255,198,242,1) 65%, rgba(249,249,249,1) 50%);
    }
    
    .tw-ppc .types-of-web-bg-7{
        background: linear-gradient(180deg, rgba(255,190,193,1) 65%, rgba(249,249,249,1) 50%);
    }
    
    .tw-ppc .types-of-web-bg-8{
        background: linear-gradient(180deg, rgba(193,255,244,1) 65%, rgba(249,249,249,1) 50%);
    }
}

@media(min-width: 768px){
    .seo-outcome-bg{
        padding: 40px 40px 30px 40px;
    }

    .so-content-right{
        text-align: right;
        margin-right: 90px;
        position: relative;
    }
    
    .so-content-right img {
        position: absolute;
        top: 0;
    }

    .sp-bg{
        padding: 30px;
    }

    .sp-bg-london{
        padding: 30px;
    }

    .roi-box{
        text-align: left;
    }

    .sem-bg{
        padding: 30px;
        min-height: 475px;
    }

    .sem-border{
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }

    .sem-img{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .sem-content{
        padding-left: 20px;
    }

    .sm-roi-lead .so-content-right img {
        right: -100px;
        top: -90px;
    }

    .il-cr-img img{
        max-width: none;
        width: 420px;
        margin-left: -80px;
    }

    .wds-m p{
        margin-bottom: 50px;
    }

    .wds-m-content p::before {
        font-size: 36px;
    }

    .tw-box-1{
        padding: 50px 50px 50px 80px;
        min-height: auto;
    }
    
    .tw-box-2{
        padding: 50px 50px 50px 50px;
    }

    .tw-ppc .tw-box-1 {
        padding: 50px 50px 50px 80px;
        min-height: auto;
    }

    .types-of-web-bg-1{
        background: linear-gradient(90deg, rgba(255,190,193,1) 50%, rgba(249,249,249,1) 50%);
    }

    .types-of-web-bg-2{
        background: linear-gradient(90deg, rgba(193,255,244,1) 50%, rgba(249,249,249,1) 50%);
    }
    
    .types-of-web-bg-3{
        background: linear-gradient(90deg, rgba(255,240,160,1) 50%, rgba(249,249,249,1) 50%);
    }
    
    .types-of-web-bg-4{
        background: linear-gradient(90deg, rgba(203,194,255,1) 50%, rgba(249,249,249,1) 50%);
    }
    
    .types-of-web-bg-5{
        background: linear-gradient(90deg, rgba(155,218,255,1) 50%, rgba(249,249,249,1) 50%);
    }
    
    .types-of-web-bg-6{
        background: linear-gradient(90deg, rgba(255,198,242,1) 50%, rgba(249,249,249,1) 50%);
    }

    .types-of-web-bg-7{
        background: linear-gradient(90deg, rgba(255,190,193,1) 50%, rgba(249,249,249,1) 50%);
    }

    .types-of-web-bg-8{
        background: linear-gradient(90deg, rgba(193,255,244,1) 50%, rgba(249,249,249,1) 50%);
    }

    .g-ads-content p{
        margin-bottom: 20px;
    }

    .types-of-web .swiper-button-next{
        top: 160px;
    }
    
    .types-of-web .swiper-button-prev{
        top: 160px;
    }

    .tw-ppc .swiper-button-next {
        top: 290px;
    }
    
    .tw-ppc .swiper-button-prev{
        top: 290px;
    }

}

@media(min-width: 992px){
    .il-cr-img img{
        width: 520px;
    }
}

@media(min-width: 1200px){
    .roi-box .small-para{
        min-height: 220px;
    }

    /* .sf-london h4{
        font-size: 18px;
    } */

    /* .seo-feature-box p{
        font-size: 16px;
        line-height: 26px;
    } */

    /* .sf-online-marketing p, .sf-online-marketing a{
        font-size: 16px;
        line-height: 26px;
    } */

    .sem-bg{
        min-height: 350px;
    }

    /* .smm-services p{
        font-size: 16px;
        line-height: 26px;
    } */

    /* .lc-ri-main{
        margin-top: -25px;
    } */

    .il-cr-img img{
        width: 590px;
    }

    .google-adwords h4{
        min-height: 65px;
    }

    .types-of-web .swiper-button-next{
        left: 140px;
        bottom: 85px;
        top: auto;
    }
    
    .types-of-web .swiper-button-prev{
        left: 85px;
        bottom: 85px;
        top: auto;
    }

    .tw-box-1 {
        min-height: 777px;
    }

    .tw-ppc .tw-box-1 {
        min-height: 670px;
    }

    .smm-services h4{
        font-size: 20px;
    }

}

@media(min-width: 1336px){
    /* .seo-services p{
        font-size: 16px;
        line-height: 26px;
    } */

    .so-content-right a{
        font-size: 20px;
    }

    .sp-bg p{
        font-size: 14px;
        line-height: 26px;
    }

    .sp-bg .sub-para{
        font-size: 18px;
    }

    /* .roi-box .small-para{
        min-height: 160px;
    } */

    .roi-box .small-para{
        min-height: 225px;
    }

    /* .roi-lead p{
        font-size: 16px;
        line-height: 26px;
    } */

    .roi-box .btn{
        font-size: 16px;
    }

    .sem-bg h4{
        font-size: 24px;
    }

    .sem-bg p{
        font-size: 16px;
        line-height: 26px;
    }

    .sem-bg{
        min-height: 300px;
    }

    .sm-roi-lead .so-content-right .para {
        font-size: 32px;
    }

    .content-left-right h3{
        font-size: 36px;
        line-height: 47px;
    }

    /* .content-left-right p{
        font-size: 16px;
        line-height: 26px;
    } */

    /* .il-cr p{
        font-size: 16px;
        line-height: 26px;
    } */

    /* .lc-ri-content p{
        font-size: 16px;
        line-height: 26px;
    } */

    .lc-ri-content p{
        margin-bottom: 30px;
    }

    /* .lc-rc p{
        font-size: 16px;
        line-height: 26px;
    } */

    .il-cr-img img{
        width: 663px;
    }

    /* .lc-rc-bg p{
        font-size: 16px;
        line-height: 26px;
    } */

    /* .wds-m p{
        font-size: 16px;
        line-height: 26px;
    } */

    .web-dev-points p{
        font-size: 16px;
    }

    .types-of-web p{
        font-size: 18px;
        line-height: 26px;
    }

    /* .google-adwords h4{
        font-size: 18px;
        line-height: 23px;
    } */

    /* .google-adwords p{
        font-size: 16px;
        line-height: 26px;
    } */

    .google-adwords h4{
        min-height: 68px;
    }

    .types-of-web .swiper-button-next{
        bottom: 35px;
    }
    
    .types-of-web .swiper-button-prev{
        bottom: 35px;
    }

    .tw-box-1 {
        min-height: auto;
    }

    .tw-ppc .tw-box-1{
        min-height: auto;
    }
}

@media(min-width: 1600px){
    .sp-bg p{
        font-size: 16px;
    }

    .sem-bg{
        min-height: 275px;
    }

    .roi-box .small-para{
        min-height: 195px;
    }

    .il-cr-img img {
        width: 750px;
        margin-left: -93px;
    }

    .google-adwords h4{
        min-height: 0px;
    }
}

/********************GDPR Policy page*********************/

.gdpr-banner{
    background: #111D30;
}

@media(min-width: 1200px){
    .gdpr-banner h1{
        font-size: 28px;
    }

    .gdpr-content p{
        font-size: 16px;
        line-height: 21px;
    }

    .gdpr-content li{
        font-size: 16px;
    }

    .gdpr-content h4{
        font-size: 20px;
    }
}


/************Extra Updates**********************/

@media(min-width: 1336px){
    .smm-services p{
        font-size: 18px;
        line-height: 28px;
    }
}


/****************SEO page for all countries*****************/

.banner-bg-blue{
    background: url('../images/seo/banner-bg/banner-bg-blue.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-red{
    background: url('../images/seo/banner-bg/banner-bg-red.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-pink{
    background: url('../images/seo/banner-bg/banner-bg-pink.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-violet{
    background: url('../images/seo/banner-bg/banner-bg-violet.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-green{
    background: url('../images/seo/banner-bg/banner-bg-green.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-light-blue{
    background: url('../images/seo/banner-bg/banner-bg-light-blue.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-light-pink{
    background: url('../images/seo/banner-bg/banner-bg-light-pink.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-orange{
    background: url('../images/seo/banner-bg/banner-bg-orange.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-light-violet{
    background: url('../images/seo/banner-bg/banner-bg-light-violet.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-ul-blue{
    background: url('../images/seo/banner-bg/banner-bg-ul-blue.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-light-green{
    background: url('../images/seo/banner-bg/banner-bg-light-green.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-dark-violet{
    background: url('../images/seo/banner-bg/banner-bg-dark-violet.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-light-orange{
    background: url('../images/seo/banner-bg/banner-bg-light-orange.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-dark-green{
    background: url('../images/seo/banner-bg/banner-bg-dark-green.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-dark-pink{
    background: url('../images/seo/banner-bg/banner-bg-dark-pink.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-dark-yellow{
    background: url('../images/seo/banner-bg/banner-bg-dark-yellow.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-dark-orange{
    background: url('../images/seo/banner-bg/banner-bg-dark-orange.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-dark-blue{
    background: url('../images/seo/banner-bg/banner-bg-dark-blue.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-ultra-light-blue{
    background: url('../images/seo/banner-bg/banner-bg-ultra-light-blue.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-ultra-dark-pink{
    background: url('../images/seo/banner-bg/banner-bg-ultra-dark-pink.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-ulta-light-orange{
    background: url('../images/seo/banner-bg/banner-bg-ulta-light-orange.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-pink-orange{
    background: url('../images/seo/banner-bg/banner-bg-pink-orange.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-violet-red{
    background: url('../images/seo/banner-bg/banner-bg-violet-red.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-violet-blue{
    background: url('../images/seo/banner-bg/banner-bg-violet-blue.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-light-yellow{
    background: url('../images/seo/banner-bg/banner-bg-light-yellow.jpg') no-repeat center center;
    background-size: cover;
}

.banner-bg-red-yellow{
    background: url('../images/seo/banner-bg/banner-bg-red-yellow.jpg') no-repeat center center;
    background-size: cover;
}

.wh-service{
    background: #FFFAF5;
}

.wh-best-seo-points p{
    display: flex;
    align-items: flex-start;
}

.wh-best-seo-points p::before{
    content: url('../images/seo/wolverhampton/wh-best-seo-icon.png');
    margin-right: 10px;
}

.top-search-points p{
    display: flex;
    align-items: flex-start;
}

.top-search-points p::before{
    content: url('../images/seo/wolverhampton/top-search-icon.png');
    margin-right: 10px;
}

.pm-seo-company-points p{
    display: flex;
    align-items: flex-start;
}

.pm-seo-company-points p::before{
    content: url('../images/seo/portsmouth/pm-right-arrow.png');
    margin-right: 10px;
}

.sl-feature p{
    margin-top: 0px;
    padding-top: 0px;
}

.sl-feature h4{
    padding-top: 20px;
    margin-top: 20px;
}

.sheffield-services .wh-best-seo-points p::before{
    content: url('../images/seo/sheffield/seo-points-icon.png');
}

.sheffield-feauture h3{
    font-size: 18px;
    line-height: 26px;
}


@media(max-width: 767px){
    .tw-leed .tw-box-1 {
        padding: 30px 25px;
    }

    .tw-leed .types-of-web-bg-1 {
        background: linear-gradient(180deg, rgba(255,190,193,1) 70%, rgba(249,249,249,1) 50%);
    }

    .tw-derby .types-of-web-bg-1 {
        background: linear-gradient(180deg, rgba(255,190,193,1) 73%, rgba(249,249,249,1) 50%);
    }
    .tw-wh .tw-box-1 {
        min-height: 0px;
    }

    .tw-wh .types-of-web-bg-5 {
        background: linear-gradient(180deg, rgba(155,218,255,1) 57%, rgba(249,249,249,1) 50%);
    }

    .tw-sm .types-of-web-bg-2 {
        background: linear-gradient(180deg, rgba(193,255,244,1) 74%, rgba(249,249,249,1) 50%);
    }

    .tw-bn .types-of-web-bg-1 {
        background: linear-gradient(180deg, rgba(255,190,193,1) 72%, rgba(249,249,249,1) 50%);
    }

    .tw-sa .types-of-web-bg-1 {
        background: linear-gradient(180deg, rgba(255,190,193,1) 71%, rgba(249,249,249,1) 50%);
    }
}

@media(min-width: 768px){

}

@media(min-width: 1200px){
    .min-height-common-90 h4 {
        min-height: 90px;
    }
}

@media(min-width: 1336px){
    .p-parent-18 p {
        font-size: 18px;
        line-height: 26px;
    }

    .min-height-common-40 h4 {
        min-height: 40px;
    }

    .ui-design-seo p{
        font-size: 18px;
        line-height: 26px;
    }

    .yk-service p{
        font-size: 18px;
        line-height: 26px;
    }

    .gr-services p{
        font-size: 18px;
    }

}