/*=== pbmit-icon-heading-style-10 ===*/

.pbmit-ihbox-style-10 {
    padding: 50px 40px;
    background-color: var(--pbmit-xido-white-color);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 2px 40px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 40px 0px rgb(0 0 0 / 5%);
}

.pbmit-ihbox-style-10 .pbmit-ihbox-icon .pbmit-icon-type-icon i::before {
    background-image: -moz-linear-gradient(left,  #3224e9 0%, #5ad0ff 100%);
    background-image: -webkit-linear-gradient(left,  #3224e9 0%,#5ad0ff 100%);
    background-image: linear-gradient(to right,  #3224e9 0%,#5ad0ff 100%); 
}

.pbmit-infobox-10-one .pbmit-ihbox-style-10 .pbmit-ihbox-icon .pbmit-icon-type-icon i::before {
    background-image: -moz-linear-gradient(left,  #ff4200 0%, #ffc600 100%);
    background-image: -webkit-linear-gradient(left,  #ff4200 0%,#ffc600 100%);
    background-image: linear-gradient(to right,  #ff4200 0%,#ffc600 100%); 
}

.pbmit-infobox-10-two .pbmit-ihbox-style-10 .pbmit-ihbox-icon .pbmit-icon-type-icon i::before {
    background-image: -moz-linear-gradient(left,  #57c613 0%, #81e64e 100%);
    background-image: -webkit-linear-gradient(left,  #57c613 0%,#81e64e 100%);
    background-image: linear-gradient(to right,  #57c613 0%,#81e64e 100%); 
}

.pbmit-ihbox-style-10 .pbmit-ihbox-icon .pbmit-icon-type-icon i::before {
    font-size: 60px;
    line-height: 60px;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pbmit-ihbox-style-10 .pbmit-ihbox-icon,
.pbmit-ihbox-style-10 .pbmit-ihbox-svg {
    margin-bottom: 20px;
}

.pbmit-ihbox-style-10 .pbmit-ihbox-svg .pbmit-ihbox-svg-wrapper {
    font-size: 30px;
    line-height: 60px;
    fill: var(--pbmit-xido-global-color);
}

.pbmit-ihbox-style-10 .pbmit-element-title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 15px;
    color: var(--pbmit-xido-blackish-color);
}

.pbmit-ihbox-style-10 .pbmit-element-heading,
.pbmit-ihbox-style-10 .pbmit-element-subtitle {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    color: var(--pbmit-xido-blackish-color);
}

.pbmit-ihbox-style-10:hover .pbmit-ihbox-icon-type-image,
.pbmit-ihbox-style-10:hover .pbmit-ihbox-icon-type-text,
.pbmit-ihbox-style-10:hover .pbmit-icon-type-icon,
.pbmit-ihbox-style-10:hover .pbmit-ihbox-svg-wrapper {
    transition: all 1s ease 0s;
}

.pbmit-ihbox-style-10:hover .pbmit-ihbox-icon-type-image,
.pbmit-ihbox-style-10:hover .pbmit-ihbox-icon-type-text,
.pbmit-ihbox-style-10:hover .pbmit-icon-type-icon,
.pbmit-ihbox-style-10:hover .pbmit-ihbox-svg-wrapper {
    animation: jelly 2.10s;
    -webkit-animation: jelly 2.10s;
    -moz-animation: jelly 2.0s;
    -o-animation: jelly 2.10s;
}

@keyframes jelly { from,  11.1%,  to { transform: none; }
    22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
    33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
    44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
    55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
    66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
    77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
    88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
}

.pbmit-ihbox-style-10 .pbmit-ihbox-icon-type-text {
    font-size: 45px;
    line-height: 45px;
    font-weight: 700;
    color: var(--pbmit-xido-global-color);
}

.pbmit-ihbox-style-10 .pbmit-ihbox-icon-wrapper.pbmit-ihbox-icon-type-image img {
    max-width: 70px;
    height: 70px;
}

.pbmit-ihbox-style-10 .pbmit-ihbox-btn {
    margin-top: 20px;
}

.pbmit-text-color-white .pbmit-ihbox-style-10 .pbmit-heading-desc {
    color: #787c8b;
}