.pbmit-ihbox-style-12 .pbmit-ihbox-box-number, .pbmit-ihbox-style-12 .pbmit-element-subtitle, .pbmit-ihbox-style-12:hover .pbmit-icon-type-icon, .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-12:hover .pbmit-ihbox-icon-type-text, .pbmit-ihbox-style-12 .pbmit-number-wrap { -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; } .pbmit-ihbox-style-12 { position: relative; } .pbmit-ihbox-style-12 .pbmit-ihbox-headingicon { text-align: center; display: inline-block; position: relative; z-index: 1; } .pbmit-ihbox-style-12 .pbmit-icon-type-icon, .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-text { min-width: 80px; height: 80px; line-height: 80px; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; text-align: center; font-size: 40px; z-index: 1; position: relative; fill: var(--pbmit-xhyre-global-color); color: var(--pbmit-xhyre-global-color); background-color: transparent; } .pbmit-ihbox-style-12:hover .pbmit-icon-type-icon, .pbmit-ihbox-style-12:hover .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-12:hover .pbmit-ihbox-icon-type-text { fill: var(--pbmit-xhyre-white-color); color: var(--pbmit-xhyre-white-color); } .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-image img { width: 80px; height: auto; border-radius: 6px; } .pbmit-ihbox-style-12 .pbmit-icon-type-icon::after, .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper::after, .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-text::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border-radius: 50%; z-index: -1; transform: scale(0); background-color: var(--pbmit-xhyre-global-color); transition: all 200ms linear; transition-delay: 0.1s; } .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-text { line-height: 80px; } .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-box-number, .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-element-subtitle, .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-icon-type-icon, .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper, .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-text { fill: var(--pbmit-xhyre-white-color); color: var(--pbmit-xhyre-white-color); } .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-number-wrap { background-color: var(--pbmit-xhyre-global-color); } .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-icon-type-icon::after, .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper::after, .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-text::after{ transform: scale(1.1); background-color: var(--pbmit-xhyre-global-color); } .pbmit-ihbox-style-12:hover .pbmit-icon-type-icon::after, .pbmit-ihbox-style-12:hover .pbmit-ihbox-svg-wrapper::after, .pbmit-ihbox-style-12:hover .pbmit-ihbox-icon-type-text::after { transform: scale(1.1); } .pbmit-ihbox-style-12 .pbmit-ihbox-icon, .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper { margin-bottom: 20px; display: inline-block; } .pbmit-ihbox-style-12 .pbmit-element-title { font-size: 18px; line-height: 22px; margin-bottom: 10px; } .pbmit-ihbox-style-12 .pbmit-heading-desc { margin-bottom: 40px; padding: 0 60px; } .pbmit-ihbox-style-12 .pbmit-heading-desc, .pbmit-ihbox-style-12 .pbmit-element-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-transform: capitalize; } .pbmit-ihbox-style-12 .pbmit-number-wrap { padding: 10px 20px; border-radius: 6px; display: inline-flex; z-index: 2; background-color: var(--pbmit-xhyre-white-color); } .pbmit-ihbox-style-12:hover .pbmit-number-wrap { background-color: var(--pbmit-xhyre-global-color); } .pbmit-ihbox-style-12:hover .pbmit-ihbox-box-number, .pbmit-ihbox-style-12:hover .pbmit-element-subtitle a, .pbmit-ihbox-style-12:hover .pbmit-element-subtitle { color: var(--pbmit-xhyre-white-color); } .pbmit-ihbox-style-12 .pbmit-ihbox-box-number, .pbmit-ihbox-style-12 .pbmit-element-subtitle { font-size: 16px; line-height: 16px; margin: 0; color: var(--pbmit-xhyre-global-color); } .pbmit-ihbox-style-12 .pbmit-ihbox-box-number { padding-left: 5px; } .pbmit-ihbox-style-12 .pbmit-ihbox-btn { display: block; } .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12 { position: relative; } .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12:first-child .pbmit-ihbox-style-12::before, .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12:last-child .pbmit-ihbox-style-12::before, .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12 .pbmit-ihbox-headingicon::before, .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12 .pbmit-ihbox-headingicon::after { content: ''; width: 100%; height: 4px; position: absolute; bottom: 16px; left: 0; background-image: linear-gradient(90deg, rgba(var(--pbmit-xhyre-blackish-color-rgb), 0.5) 50%, rgb(var(--pbmit-xhyre-blackish-color-rgb), 0) 50%); background-size: 6px 3px, 0px 0px, 0px 0px, 0px 0px; background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px; background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; animation: pbmit-lines-move 5s infinite linear; -webkit-animation: pbmit-lines-move 5s infinite linear; z-index: -1; } .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12 .pbmit-ihbox-headingicon::before { width: calc(100% - 70%); right: -15%; bottom: 26%; left: inherit; transform: rotate(-90deg); writing-mode: vertical-lr; } .pbmit-element-column-three.pbmit-element-viewtype-row-column .pbmit-miconheading-style-12 .pbmit-ihbox-headingicon::before { width: calc(100% - 76%); right: -12%; } .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12:first-child .pbmit-ihbox-style-12::before { left: -99%; } .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12:last-child .pbmit-ihbox-style-12::before { right: -99%; left: inherit; } .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12:last-child .pbmit-ihbox-headingicon::before { content: none; } .pbmit-element-miconheading-style-12.pbmit-element-viewtype-row-column .multi-columns-row { padding-top: 150px; } .pbmit-element-viewtype-row-column.pbmit-element-column-two .pbmit-miconheading-style-12:nth-child(4) .pbmit-ihbox-style-12, .pbmit-element-viewtype-row-column.pbmit-element-column-two .pbmit-miconheading-style-12:nth-child(2) .pbmit-ihbox-style-12, .pbmit-element-viewtype-row-column.pbmit-element-column-three .pbmit-miconheading-style-12:nth-child(2) .pbmit-ihbox-style-12, .pbmit-element-viewtype-row-column.pbmit-element-column-four .pbmit-miconheading-style-12:nth-child(2) .pbmit-ihbox-style-12 { margin-top: -115px; } .pbmit-element-viewtype-row-column.pbmit-element-column-three .pbmit-miconheading-style-12:nth-child(3) .pbmit-ihbox-style-12, .pbmit-element-viewtype-row-column.pbmit-element-column-four .pbmit-miconheading-style-12:nth-child(3) .pbmit-ihbox-style-12 { margin-top: -232px; } .pbmit-element-viewtype-row-column.pbmit-element-column-four .pbmit-miconheading-style-12:nth-child(4) .pbmit-ihbox-style-12 { margin-top: -350px; } @keyframes pbmit-lines-move { 0% { background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px; } 100% { background-position: 100px 0px, 0px 0px, 0px 0px, 0px 0px; } } /* For Bg Color */ .pbmit-elementor-bg-color-gradient .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper, .pbmit-elementor-bg-color-globalcolor .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper, .pbmit-elementor-bg-color-gradient .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-icon-type-icon, .pbmit-elementor-bg-color-globalcolor .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-icon-type-icon { color: var(--pbmit-xhyre-white-color); fill: var(--pbmit-xhyre-white-color); background-color: var(--pbmit-xhyre-blackish-color); } .pbmit-elementor-bg-color-gradient .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-icon-type-icon::after, .pbmit-elementor-bg-color-gradient .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper::after, .pbmit-elementor-bg-color-gradient .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-text::after, .pbmit-elementor-bg-color-globalcolor .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-icon-type-icon::after, .pbmit-elementor-bg-color-globalcolor .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper::after, .pbmit-elementor-bg-color-globalcolor .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-text::after { background-color: var(--pbmit-xhyre-blackish-color); } .pbmit-elementor-bg-color-gradient .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper::after, .pbmit-elementor-bg-color-globalcolor .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper::after .pbmit-elementor-bg-color-gradient .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-icon-type-icon::after, .pbmit-elementor-bg-color-globalcolor .pbmit-mihbox-hover-active .pbmit-ihbox-style-12 .pbmit-icon-type-icon::after { background-color: var(--pbmit-xhyre-white-color); } .pbmit-elementor-bg-color-gradient .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper, .pbmit-elementor-bg-color-globalcolor .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper, .pbmit-elementor-bg-color-gradient .pbmit-ihbox-style-12 .pbmit-icon-type-icon, .pbmit-elementor-bg-color-globalcolor .pbmit-ihbox-style-12 .pbmit-icon-type-icon { fill: var(--pbmit-xhyre-blackish-color); color: var(--pbmit-xhyre-blackish-color); } @media (max-width: 1400px) { .pbmit-ihbox-style-12 .pbmit-heading-desc { margin-bottom: 20px; padding: 0 40px; } .pbmit-element-viewtype-row-column.pbmit-element-column-four .pbmit-miconheading-style-12:nth-child(2) .pbmit-ihbox-style-12 { margin-top: -105px; } .pbmit-element-viewtype-row-column.pbmit-element-column-four .pbmit-miconheading-style-12:nth-child(3) .pbmit-ihbox-style-12 { margin-top: -212px; } .pbmit-element-viewtype-row-column.pbmit-element-column-four .pbmit-miconheading-style-12:nth-child(4) .pbmit-ihbox-style-12 { margin-top: -320px; } } @media (max-width: 1200px) { .pbmit-element-miconheading-style-12.pbmit-element-viewtype-row-column .multi-columns-row { padding: 0; } .pbmit-element-viewtype-row-column.pbmit-element-miconheading-style-12 .pbmit-miconheading-style-12:nth-child(4) .pbmit-ihbox-style-12, .pbmit-element-viewtype-row-column.pbmit-element-miconheading-style-12 .pbmit-miconheading-style-12:nth-child(3) .pbmit-ihbox-style-12, .pbmit-element-viewtype-row-column.pbmit-element-miconheading-style-12 .pbmit-miconheading-style-12:nth-child(2) .pbmit-ihbox-style-12 { margin: 0; } .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12 .pbmit-ihbox-headingicon::before { bottom: 22%; } } @media (max-width: 991px) { .pbmit-element-miconheading-style-12 .pbmit-ele-miconheading:not(:last-child) .pbmit-ihbox-style-12 { margin-bottom: 40px !important; } .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12 .pbmit-ihbox-headingicon::before { bottom: 32%; } .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12:last-child .pbmit-ihbox-style-12::before, .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12:first-child .pbmit-ihbox-style-12::before, .pbmit-element-viewtype-row-column .pbmit-miconheading-style-12 .pbmit-ihbox-headingicon::before { content: none; } }