@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,600,700,800);
.text-white{
    color:#fff
}
.how-we-help .list-title,.smart-targeting .list-title,.targeting-ads .list-title{
    font-size:30px;
    font-weight:500
}
.how-we-help .list-custom,.smart-targeting .list-custom,.targeting-ads .list-custom{
    list-style:none;
    -webkit-padding-start:45px;
    padding-inline-start:45px
}
.how-we-help .list-custom li,.smart-targeting .list-custom li,.targeting-ads .list-custom li{
    position:relative
}
.how-we-help .list-custom li:before,.smart-targeting .list-custom li:before,.targeting-ads .list-custom li:before{
    content:" ";
    position:absolute;
    top:calc(50% - 3px);
    background-image:linear-gradient(74.71deg,#51b255,#9db731);
    width:20px;
    left:-35px;
    height:6px
}
@media screen and (min-width:768px){
    .how-we-help .list-custom.w-50,.smart-targeting .list-custom.w-50,.targeting-ads .list-custom.w-50{
        width:50%;
        float:left
    }
}
.social-channel{
    padding-left:0;
    padding-right:0;
    background-image:linear-gradient(224.52deg,#fff,#f1f3f9)
}
@media screen and (min-width:768px){
    .social-channel .social-row{
        display:flex;
        margin-top:35px
    }
}
.social-channel .social-row>div{
    margin-top:25px
}
.social-channel .social{
    padding:15px;
    height:100%
}
.social-channel .social img{
    margin-top:-40px
}
.social-channel .social .title{
    margin-top:30px;
    margin-bottom:30px;
    color:#fff;
    font-size:35px;
    font-weight:500;
    line-height:42px
}
.social-channel .social.facebook{
    background-image:linear-gradient(180deg,#5fa4ff,#1877f3)
}
.social-channel .social.instagram{
    background-image:linear-gradient(180deg,#d0328a,#e3247c 38.26%,#f99b3e)
}
.social-channel .social.linkedin{
    background-image:linear-gradient(0deg,#023f87,#2867b2)
}
.social-channel .social.pinterest{
    background-image:linear-gradient(180deg,#af1b21,#e6001a)
}
.social-channel .social.youtube{
    background-image:linear-gradient(180deg,#bd0000,#ff0101)
}
.social-channel .social.twitter{
    background-image:linear-gradient(180deg,#4fbfe8,#1da1f2)
}
.social-channel .social.spotify{
    background-image:linear-gradient(180deg,#49925b,#0ec94f)
}
.social-channel .social.tiktok{
    background-image:linear-gradient(180deg,#08addd,#f7096b)
}
.campaign-objective .boost-conversions .background,.campaign-objective .grow-engagement .background,.campaign-objective .raise-brand-awareness .background{
    position:absolute;
    top:0;
    z-index:0
}
.campaign-objective .boost-conversions .icon,.campaign-objective .grow-engagement .icon,.campaign-objective .raise-brand-awareness .icon{
    position:absolute;
    top:25px;
    z-index:5
}
.campaign-objective .boost-conversions .title,.campaign-objective .grow-engagement .title,.campaign-objective .raise-brand-awareness .title{
    font-size:25px;
    font-weight:500;
    z-index:7;
    position:relative;
    margin-top:20px
}
@media screen and (min-width:992px){
    .campaign-objective .boost-conversions .title,.campaign-objective .grow-engagement .title,.campaign-objective .raise-brand-awareness .title{
        margin-top:120px;
        font-size:30px
    }
}
.campaign-objective .boost-conversions .list,.campaign-objective .grow-engagement .list,.campaign-objective .raise-brand-awareness .list{
    position:relative;
    z-index:7;
    margin-top:25px
}
.campaign-objective .boost-conversions .list>div,.campaign-objective .grow-engagement .list>div,.campaign-objective .raise-brand-awareness .list>div{
    padding-left:20px
}
.campaign-objective .boost-conversions .list>div .list-title,.campaign-objective .grow-engagement .list>div .list-title,.campaign-objective .raise-brand-awareness .list>div .list-title{
    position:relative;
    font-size:16px;
    font-weight:500
}
.campaign-objective .boost-conversions .list>div .list-title:before,.campaign-objective .grow-engagement .list>div .list-title:before,.campaign-objective .raise-brand-awareness .list>div .list-title:before{
    content:" ";
    position:absolute;
    top:calc(50% - 3px);
    background-image:linear-gradient(74.71deg,#51b255,#9db731);
    width:20px;
    left:-25px;
    height:6px
}
.campaign-objective .boost-conversions .list>div .list-description,.campaign-objective .grow-engagement .list>div .list-description,.campaign-objective .raise-brand-awareness .list>div .list-description{
    font-size:16px;
    margin-bottom:15px
}
.campaign-objective .raise-brand-awareness{
    padding-bottom:20px
}
@media screen and (min-width:992px){
    .campaign-objective .raise-brand-awareness{
        padding-bottom:130px
    }
}
.campaign-objective .raise-brand-awareness .background{
    right:-70px
}
.campaign-objective .raise-brand-awareness .icon{
    right:-20px
}
.campaign-objective .grow-engagement{
    padding-bottom:20px
}
@media screen and (min-width:992px){
    .campaign-objective .grow-engagement{
        padding-bottom:80px
    }
}
.campaign-objective .grow-engagement .background{
    left:-170px
}
.campaign-objective .grow-engagement .icon{
    left:-160px
}
.campaign-objective .boost-conversions{
    padding-bottom:20px
}
@media screen and (min-width:992px){
    .campaign-objective .boost-conversions{
        padding-bottom:130px
    }
}
.campaign-objective .boost-conversions .background{
    right:-100px
}
.campaign-objective .boost-conversions .icon{
    right:-70px
}
.smart-targeting{
    background-image:linear-gradient(224.52deg,#fff,#f1f3f9)
}
.google-ads{
    background-color:#fff280;
    background-position:100%;
    background-repeat:no-repeat
}
@media screen and (min-width:992px){
    .google-ads{
        background-image:url(/img/servizi/marketing/social-ads/bg-google-ads.jpg)
    }
}
.owl-dots{
    text-align:center;
    -webkit-tap-highlight-color:transparent
}
.owl-dots .owl-dot{
    display:inline-block;
    zoom:1;
    *display:inline
}
.owl-dots .owl-dot span{
    width:10px;
    height:10px;
    margin:5px 7px;
    background:#fff;
    display:block;
    -webkit-backface-visibility:visible;
    transition:opacity .2s ease;
    border-radius:30px;
    border:1px solid #777
}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{
    background:#eee
}
@media screen and (min-width:992px){
    .mt-md-20{
        margin-top:2em!important
    }
}

.social-row .social a:hover {
    text-decoration: underline;
}