/*---------------Payment&TP---------------*/
/*---------------------------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
/*------------------------------------*/
.area-payment-tp .d-flex>div{
    background: rgb(42,136,220);
background: linear-gradient(90deg, rgba(42,136,220,1) 0%, rgba(13,101,182,1) 100%);
}
.area-payment-tp .d-flex>div h2,.area-payment-tp .d-flex>div p{
    color:#fff;
}
.area-payment-tp .d-flex img {
    width: 4em;
}
@media(max-width:496px){
    .area-payment-tp>.d-flex{
        flex-direction: column!important;
    }
.area-payment-tp .w-50{
    width: 100%!important;
        margin: auto!important;
    padding-left:calc(1.5rem * 0.5)!important;
    padding-right: calc(1.5rem * 0.5)!important;
}
    
}
/*---------------Advantages---------------*/
/*---------------------------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
/*------------------------------------*/
.area-interactive-tv .bg{
   background-image: url(/templates/template2/images/bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 90%;

}
.area-interactive-tv img{
    width:100%;
}
.area-interactive-tv ul  li {
    list-style: none;
    background: url(/templates/template2/images/tvmarker.svg) no-repeat 0 1.3em;
    padding-left: 3.2em;
    line-height: 4em;
    background-size: 2em;
   }  
/*-----------Tarif----------------*/
/*-------------------------------*/
/*------------------------------*/
/*-----------------------------*/
/*----------------------------*/
.area-tarif img.text-center.arrow{
    width:10em;
}
.area-tarif .card img{
    height: 1.5em;
    width: auto!important;
    margin: 0 auto;
}
.area-tarif .card{
    position:relative;
}
.area-tarif .card .hit{
     position: absolute;
    background-image: url(/templates/template1/images/hit.png);
    top: 2em;
    right: -2.6em;
    width: 5em;
    height: 5em;
    background-size: 5em;
    
}
@media(max-width:496px){
    .area-tarif .d-flex.justify-content-between {
         flex-direction: column!important;
    }
.area-tarif .card {
    margin-bottom: 3em;
}
.area-tarif .card .hit{
     right: 0em;
}
}    
/*-----------Interactive-tv---------------*/
/*---------------------------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
/*------------------------------------*/
.area-advantages img{
    width:8em;
}
/*---------------News---------------*/
/*---------------------------------*/
/*--------------------------------*/
/*-------------------------------*/
/*------------------------------*/
.area-news .card .card-footer a{
   color: #6F6F6E;
}
.area-news .card .card-footer a span{
   color: #0056A6;
}

.container.top-slider h2{
    font-size: 3.4rem;
} 



@media(max-width:496px){
    
.container.top-slider h2{
    font-size: 2rem;
} 
.container.center-slider {
    height: 500px;
    background-size: 600%;
    background-color: #2887DB;
    color: #fff;
    padding-top: 3.5em;
    background-position-x: left;
    background-position-y: bottom;
}
.container.center-slider>.row{
    padding-left:calc(1.5rem * 0.5)!important;
}
.container .bottom-slider{
    background-size: 285%!important;
    background-position-x: right!important;
}
.col-md-7.col-sm-12.mb-4.ps-5.ms-5{
    padding-left:calc(1.5rem * 0.5)!important;
    margin-bottom: 0px!important;
    margin-left: 0px!important;
}
}

.owl-carousel.two-elements .owl-stage{
margin: 0 auto;}

.owl-carousel.two-elements .owl-stage-outer{
width: 63%;
    margin: 0 auto;}
    @media (max-width: 496px){
        .owl-carousel.two-elements .owl-stage-outer{
width: initial;
    margin: 0 auto;}
    }