.digital-campaign{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 770px;
    margin: 0 ;
    font-family: Archivo;
    overflow: hidden; 
    background:
    linear-gradient(180deg, rgba(247, 247, 247, 1) 0%, transparent 100%),
    radial-gradient(circle at -100% 100%, rgba(187, 224, 243, 1), rgba(187, 224, 243, 0)),
    radial-gradient(circle at 100% -100%, rgba(255, 223, 0, 0.8), rgba(255, 223, 0, 0));
}
.digital-campaign h2{
    font-weight: 700;
    font-size: 62px;
    line-height: normal;
    letter-spacing: 0;
    text-align: center;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 0;
    padding-bottom: 26px;
    padding-top: 66px;
}
.digital-campaign-swiper-container{
    /* padding-top: 24px; */
    width: calc(100% - 142px);
    max-width: 1298px;
    margin-left: 142px;
}
.digital-campaign-swiper-container .swiper {
    /* overflow: visible ; */
    padding-right: 142px;
}
.swiper-wrapper:first-child {
    padding: 0 !important;
}
.ds-swiper-content {
    padding-top: 177px;
    transition: all 1.5s ease;
}
.digital-campaign-swiper-container .swiper-slide{
    width: max-content;
}
.swiper-slide-active .ds-swiper-content {
    padding-top: 24px;
    /* transform: scale(1.2); */
}
.ds-swiper-content img {
    width: 365px;
    object-fit: contain;
}
@media (max-width: 1024px){
    .digital-campaign{
        margin: 40px 0 30px;
        height: 667px;
    }
    .digital-campaign h2{
        font-size: 35px;
        padding: 55px 0 37px;
        color: #000000;
        margin: 0 50px;
    }
    .digital-campaign-swiper-container{
        width: 100%;
        margin: 0;
    }
    .digital-campaign-swiper-container .swiper{
        padding: 0;
    }
    .swiper-slide-active .ds-swiper-content{
        padding-top: 0px;
    }
    .ds-swiper-content{
        padding-top: 129px;
    }
    /* .ds-swiper-content{
        padding: 47px 0;
    } */
    .ds-swiper-content img{
        width: 265px;
        height: 496px;
    }
    /* .digital-campaign-swiper-container .swiper-slide{
        width: 35%;
    } */
}
@media (min-width: 767px) and (max-width: 1024px){
        .digital-campaign h2 {
            /* max-width: 40%; */
            margin: auto;
        }
}