.ibm-banner{
    /*background: radial-gradient(80.44% 142.11% at 70% 30%, #5C75BC 0%, #C0D2FF 100%);*/
    /*background-color: #fff;*/
    background: url("/images/apptio/ibm-bg.webp");
    background-size: cover;
}
.ibm-banner .pibythree-logo-wp {
    width: 24%;
}
.ibm-head-detail h1{
    font-size: 250%;
    color: #000;
    font-weight: 800;
    max-width: 600px;
    margin: 1rem 0;
}
.ibm-head-detail p{
    font-size: 14px;
    color: #000;
    font-weight: 400;
}
.ibm-banner-wp{
    display: flex;
    justify-content: space-between;
}
.ibm-head{
    width: 48%;
}
.ibm-details{
    width: 45%;
    background-color: #1D3991;
    border-radius: 40px;
    padding: 40px;
}
.apptio-logo-wp{
   margin: 0rem auto 1rem;
   width: 22%; 
}
.apptio-services .tab-card-wrapper{
    width: 70%;
    margin: 0 auto;
    border-top: unset;
}
.apptio-lable{
    width: 30%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #5C75BC;
    border-radius: 6px;
    display: none;
}
.apptio-lable span{
    color: #fff;
}
.ibm-banner-detail h3{
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.ibm-banner-detail p{
    text-align: center;
    color: #fff;
    max-width: 400px;
    margin: 0 auto;
}
.cetificate-details{
    display: flex;
    margin-top: 2rem;
    justify-content: center;
    align-items: stretch;
}
.certificate-card{
    width: 50%;
    background-color: #DBEAFE;
    margin-right: 1rem;
    padding: 10px 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.certificate-card:nth-child(2){
    margin-right: 0;
}
.certificate-card h4{
    color: #000;
    font-size: 96%;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
}
.fin-img{
    width: 21%;   
}
.certificate-card p{
    color: #000;
    margin-bottom: 0;
    text-align: center;
    font-weight: 600;
}
.ibm-head-detail .partner2-hero-cta a{
    background-color:  #2563EB;
    color: #fff;
    border: 1px solid #FFFFFF4D;
    text-transform: unset;
    justify-content: center;
}
.ibm-head-detail .partner2-hero-cta a:hover{
    background-color: #2563EB;
}
.apptio-label span{
    color: #2563EB;
}
.apptio-label{
    background-color: #DBEAFE;
    padding: 5px;
    width: 33%;
    border-radius: 8px
}
.apptio-info-head-detail h2{
    color: #0F172A;
    font-size: 200%;
    margin-top: 2rem;
    font-weight: 700;
}
.apptio-info-wp{
    display: flex;
    justify-content: space-between;
}
.apptio-card{
    width: 48%;
    padding: 40px;
    border: 1px solid #F1F5F9;
    border-radius: 24px;
}
.apptio-transform-card{
    width: 40%;
    background-color: #EFF6FF80;
    border: 1px solid #DBEAFE;
    border-radius: 24px;
    padding: 40px;
}
.apptio-transform-icon{
    text-align: center;
}
.apptio-transform-details h3{
    margin-top: 2rem;
    font-weight: 700;
    font-size: 150%;
}
.apptio-info-head-detail ul li{
    position: relative;
    font-size: 14px;
    margin: 10px 0;
}
.apptio-info-head-detail ul li:before{
    content: url("/images/apptio/apptio-tick.png");
    position: absolute;
    left: -30px;
    margin-right: 5px;
}
.apptio-info-head-detail ul{
    list-style: none;
}
.ibm-numbers .stat-item{
    display: flex;
    align-items: center;
}
.ibm-numbers .stats-container1{
    background: #2563eb63;
}
.apptio-stats .stat-number{
    color: #0F172A;
     background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: #0F172A;
    text-align: left;
    font-size: 45px;
}
.apptio-stats .stat-label1{
    color: #64748B;
    text-align: left;
    font-weight: 600;
}
.apptio-stats{
    padding-left: 15px;   
}
.apptio-focus h2{
    position: relative;
}
.apptio-focus h2::after{
    background: #2563EB;
    content: "";
    width: 100px;
    height: 3px;
    margin: 8px auto;
    display: flex;
    justify-content: center;
    
}
.focus-areas .acc-wrap .acc-btn {
    color: #1E293B;
    background-color: #F8FAFC80;
}
.focus-areas .acc-wrap .acc-item{
    margin-bottom: 20px;
}
.focus-areas .acc-wrap{
    border: unset;
    box-shadow: unset;
}
.apptio-faq{
    display: none;   
}
.apptio-faq .wp{
    display: block;
}
.apptio-faq .wp .hero{
    text-align: center;
    position: relative;
}
.apptio-faq .wp .hero::after{
    content: "";
    background: #2563EB;
    width: 100px;
    height: 4px;
    display: block;
    justify-content: center;
    margin: 10px auto;
}
.apptio-faq .wp .hero h2{
    text-align: center;
}
.apptio-faq .faq-q{
    border-left: none;
    border-right: none;
}
.apptio-faq .faq-item{
    border-bottom: none;
}
.apptio-cta{
    background: url("/images/apptio/cta-bg.png");
    background-size: cover;
    background-color: #0C1221;
}
.apptio-cta-wp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.apptio-cta-content{
    display: flex;
    width: 75%;
    align-items: center;
}
.apptio-cta-head h2{
    color: #fff;
    font-size: 200%;
}
.apptio-cta-head p{
    color: #fff;
}
.apptio-cta-btn{
    color: #0F172A;
    background-color: #fff;
    border-radius: 12px;
    padding: 8px 12px;
}
.apptio-cta-wp a{
    text-align: center;
    width: 13%;
}
.apptio-services .main-tabs{
    height: calc(5 * 72px);
}
.tabs-wrapper1 .tab-content label{
    color: #2563EB;
    font-size: 12px;
    margin-bottom: 10px;
}
.apptio-services .tabs-wrapper1{
    margin-top: 0;
}
.apptio-services-head h2{
  position: relative;
  color: #000;
  text-align: center;
  margin-bottom:2rem;
  font-size: 200%;
}
.apptio-services-head h2::after{
    background: #2563EB;
    content: "";
    width: 100px;
    height: 3px;
    margin: 8px auto;
    display: flex;
    justify-content: center;
    
}
.fin-wp{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 2500px){

}

@media (min-width: 2000px) and (max-width: 2499px) {
    .ibm-head-detail p{
        font-size: 18px;
    }
    .ibm-head-detail .partner2-hero-cta a {
        font-size: 16px;
    }
    .apptio-lable {
        width: 32%;
    }
    .apptio-logo-wp1{
        width: 34%;   
    }
    .ibm-banner-detail h3{
        padding: 18px 0;
    }
    .apptio-info-head-detail ul li{
        font-size: 18px;
    }
    .ibm-numbers .stats-container1{
        padding: 3rem 60px;
    }
    .apptio-services .main-tabs{
        padding: 0;
        height: calc(5 * 72px);
    }
    .apptio-cta-btn{
        font-size: 112%;
        font-weight: 500;
    }
    .apptio-info-wp{
        align-items: center;
    }
}
@media (min-width: 1600px) and (max-width: 2000px) {
    .apptio-q{
        font-size: 105%;
    }
    .apptio-services .tab-card-wrapper {
        width: 80%;
    }
    .apptio-info-wp{
        align-items: center;
    }
    .ibm-head-detail p{
        font-size: 18px;
    }
    .ibm-head-detail .partner2-hero-cta a {
        font-size: 16px;
    }
    .apptio-lable {
        width: 32%;
    }
    .apptio-info-head-detail ul li{
        font-size: 18px;
    }
    .ibm-numbers .stats-container1{
        padding: 2rem 60px;
    }
    .apptio-services .main-tabs{
        padding: 0;
        height: calc(6 * 72px);
    }
    .apptio-cta-btn{
        font-size: 112%;
        font-weight: 500;
    }
    .apptio-stats {
        padding-left: 22px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    /* ipad-pro */
    .apptio-services .tab-card-wrapper {
        width: 75%;
    }
    .apptio-info-wp{
        align-items: center;
    }
    .ibm-banner .pibythree-logo-wp {
        width: 28%;
    }
    .apptio-lable {
        width: 40%;
    }
    .certificate-card h4 {
        font-size: 120%;
    }
    .ibm-details {
        padding: 30px;
    }
    .apptio-logo-wp1{
        width: 38%;   
    }
    .apptio-label{
        width: 45%;
    }
    .apptio-info-head-detail ul li{
        font-size: 100%;
    }
    .apptio-stats .stat-number{
        font-size: 40px;
    }
    .apptio-stats .stat-label1{
        font-size: 13px;
    }
    .focus-areas .acc-wrap .acc-btn{
        font-size: 16px;
    }
    .apptio-services .main-tabs{
        padding: 0;
        height: calc(6 * 72px);
    }
    .ibm-head-detail .partner2-hero-cta a{
        font-size: 12px;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    /* ipad-air */
     .ibm-banner .pibythree-logo-wp {
        width: 40%;
    }
    .apptio-services .tab-card-wrapper {
        width: 100%;
    }
    .apptio-logo-wp1{
        width: 53%;   
    }
    .ibm-head-detail h1{
        font-size: 200%;
    }
    .ibm-head-detail .partner2-hero-cta a{
        width: 46%;
        line-height: 20px;
    }
    .ibm-details{
        padding: 20px 10px;
        width: 48%;
    }
    .certificate-card h4{
        font-size: 100%;
    }
    .apptio-label {
        width: 60%;
    }
    .apptio-info-head-detail h2{
        font-size: 180%;
    }
    .apptio-transform-card {
        width: 48%;
    }
    .apptio-transform-card {
        padding: 20px;
    }
    .apptio-transform-details .partner2-hero-cta .btn {
        width: 100%;
    }
    .apptio-card{
        padding: 20px;
    }
    .apptio-stats .stat-number{
        font-size: 36px;
    }
    .apptio-stats .stat-label1{
        font-size: 13px;
    }
    .apptio-focus h2{
        font-size: 180%;
    }
    .apptio-services .main-tabs{
        padding: 0;
        height: calc(6 * 72px);
    }
    .apptio-cta-head h2{
        font-size: 180%;
    }
    .apptio-cta-wp a{
        width: 21%;
    }
    .apptio-lable {
        width: 43%;
    }
    .apptio-services-head h2{
        font-size: 180%;
    }
}
@media (min-width: 569px) and (max-width: 768px){
    /* ipad-mini */
    .ibm-banner .pibythree-logo-wp {
        width: 40%;
    }
    .ibm-banner-wp{
        align-items: center;
    }
    .apptio-logo-wp1{
        width: 50%;   
    }
    .ibm-head-detail h1{
        font-size: 200%;
    }
    .ibm-head-detail .partner2-hero-cta a{
        width: 46%;
        line-height: 20px;
    }
    .ibm-details{
        padding: 20px;
        width: 48%;
    }
    .certificate-card h4{
        font-size: 100%;
    }
    .apptio-label {
        width: 60%;
    }
    .apptio-info-head-detail h2{
        font-size: 180%;
    }
    .apptio-transform-card {
        width: 48%;
    }
    .apptio-transform-card {
        padding: 20px;
    }
    .apptio-transform-details .partner2-hero-cta .btn {
        width: 100%;
    }
    .apptio-card{
        padding: 20px;
    }
    .apptio-stats .stat-number{
        font-size: 36px;
    }
    .apptio-stats .stat-label1{
        font-size: 13px;
    }
    .apptio-focus h2{
        font-size: 180%;
    }
    .apptio-services .main-tabs{
        padding: 0;
        height: calc(6 * 72px);
    }
    .apptio-cta-head h2{
        font-size: 180%;
    }
    .apptio-cta-wp a{
        width: 21%;
    }
    .apptio-services-head h2{
        font-size: 180%;
    }
}
@media (min-width: 320px) and (max-width: 568px){
/* mobile devices */
.ibm-banner-wp{
    flex-wrap: wrap;
}
.ibm-head{
    width: 100%;
}
.ibm-details{
    width: 100%;   
    margin-top: 2rem;
}
.ibm-banner .pibythree-logo-wp {
    width: 30%;
}
.ibm-head-detail h1{
    font-size: 200%;
    text-align: center;
}
.ibm-head-detail p{
    text-align: center;
}
.apptio-lable{
    width: 46%;
    font-size: 88%;
}
.apptio-info-wp{
    flex-wrap: wrap;
}
.apptio-card{
    width: 100%;
    padding: 24px;
}
.apptio-transform-card{
    width: 100%;   
}
.apptio-label {
    width: 49%;
}
.apptio-info-head-detail h2{
    font-size: 170%;
}
.apptio-transform-details h3 {
    margin-top: 1rem;
}
.apptio-transform-details p{
    text-align: center;
}
.ibm-numbers .stat-item{
    align-items: center;
}
.apptio-stats .stat-number {
    font-size: 35px;
}
.apptio-stats .stat-label1{
    font-size: 11px;
}
.apptio-focus h2{
    font-size: 170%;
}
.apptio-cta-head h2{
    font-size: 170%;
}
.apptio-cta-wp{
    flex-wrap: wrap;   
}
.apptio-cta-content{
    width: 100%;
}
.apptio-cta-wp a{
    width: 100%;
}
.apptio-services-head h2{
    font-size: 170%;
}
}