/*technology page*/
.technology-banner {background-image: url(https://admedia.com/admobile/assets/img/banner/bg_banner.jpg);}
.technology-cards {border-radius: 20px;}
.technology-card-img {width: 100%;height: 320px;object-fit: cover;object-position: center;border-radius: 10px;}
.about-imgs {width: 100%;height: 500px;object-fit: cover;object-position: center;border-radius: 10px;}
/*technology page end*/

/*brand page*/
.brands-card-img {width: 100%;height: 240px;object-fit: cover;object-position: center;border-radius: 10px;}
.navbar-brand{
    height: 46px;
    width: 198px;
}
.maximizeRio{}
.maximizeRio figure{
    height: 100%;
    width: 100%;
    margin: 0;
}
.maximizeRio figure img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.maximizeRio .roiCard {gap:30px;border: 1px solid #ccc;}
/*brand page end*/

/*index page*/
.bg_pronomix { background-image: url(../img/banner/bg_banner.jpg);}
.bg_pronomix_publisher{background-image: url(../img/pronomix/publishers/banner.jpg); background-size: cover;background-position:top center;}
.pronomix-logo-img{width: 200px}
.brand-points-section .all-well-services,.centerContent{background: #ecebeb; border-radius: 20px}
.well-services {
    background: #fff;
    text-align: center;
    position: relative;
    box-shadow: 0 5px 25px rgba(0,0,0,.1);
    z-index: 1;
    padding: 20px;
    overflow: hidden;
    border-radius: 10px;
    transition: .4s;
    z-index: 1;
    margin-bottom: 30px
}
.well-services::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(img/about/wl.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: .4s;
    border-radius: 10px;
    opacity: 0;
    z-index: -1
}
.well-services::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-width: 4px;
    border-style: solid;
    border-radius: 10px;
    -webkit-border-image: -webkit-linear-gradient(top,#e83f40 30%,#fa7058 70%);
    border-image: linear-gradient(to bottom,#e83f40 30%,#fa7058 70%);
    border-image-slice: 1;
    transition: .4s;
    opacity: 0;
    z-index: -1
}
.big-icon img{width: 60px;height: 60px}
.main-wel {padding: 20px 0 0}
.wel-content {height: 168px;overflow: hidden}
.wel-content p {margin-bottom: 0;font-size: 16px}
.wel-content h4 {
    display: inline-block;
    font-size: 20px;
    margin-bottom: 0;
    padding: 0 0 10px;
    font-weight: 600
}
.well-services:hover .big-icon {transition: .4s;color: #fff}
.well-services:hover::before,.well-services:hover::after {transition: .4s;opacity: 1}
.listBlockContent{padding-left: 0;display: flex; align-items: center; border-radius: 20px;
    border: 1.2px solid #f44336;    background: #fff;}
.listBlockContent li span{
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.listBlockContent li{
    list-style: none;
    text-align: left;
    margin-right: 20px;
    margin-bottom: 15px;
}
.listBlockContent li .title-6{
    color: #000;
    font-size: 25px;font-weight: 600;
    margin-bottom: 10px;
}
.listBlockContent li span.activateImg{width: 100px;height:100px;margin-left: -40px;border-radius: 10px}
.pronomix-revenue-section.yield-features .features-box img,
.pronomix-conversion-section img{height: 250px;width: 100%;object-fit: cover;border-radius: 10px}

/*index page end*/

/*@media screen*/
@media only screen and (max-width: 550px){
    .listBlockContent li span.activateImg{margin-left: 0;}
    .listBlockContent{display: block;}
}
@media screen and (max-width: 991px) {
    .about-imgs {height: 320px;}
}
@media screen and (max-width: 767px) {
    .technology-card-img, .about-imgs, .brands-card-img {height: auto;}
}
/*@media screen end*/
