|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/profileposting/css/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
/******************************
INDEX:
00 - Section Title
01 - Icon Box
02 - Team Member
03 - Counter
04 - Service
05 - Projects
06 - Blog
07 - Testimonial
08 - Header
09 - Footer
10 - Title Bar
11 - Overlap Colomn
12 - Progress Bar
13 - Accordion
14 - Tab
15 - Circle Progress
16 - Static-box
17 - List Gourp
18 - Revolution
******************************/
body {
counter-reset: pbmitbox1 pbmitbox2 pbmitbox3 pbmit-rev-counter;
}
/*----------------------------------------*/
/* 00 - Section Title
/*----------------------------------------*/
/** Style 1**/
.pbmit-heading-subheading{
position: relative;
margin-bottom: 60px;
}
.pbmit-heading-subheading h4.pbmit-subtitle{
font-size: 14px;
line-height: 20px;
font-weight: 700;
letter-spacing: 3px;
margin-bottom: 0;
color: #b0b6bf;
margin-bottom: 10px;
}
.pbmit-heading-subheading h2.pbmit-title{
font-size: 42px;
line-height: 48px;
letter-spacing: 0px;
margin-bottom: 0;
color: #0c121d;
margin-bottom: 15px;
}
.pbmit-heading-subheading p.pbmit-heading-desc{
max-width:800px;
margin-left: auto;
margin-right: auto;
font-weight: normal;
font-size: 18px;
line-height: 1.8;
letter-spacing: 0;
color: #6d7a8c;
text-transform: none;
font-style: normal;
}
.pbmit-heading-subheading h2.pbmit-title em{
color: var(--pbmit-global-color);
font-style: normal;
}
.pbmit-heading-subheading h2.pbmit-title em.right{
color: var(--pbmit-blackish-color);
}
.pbmit-heading-subheading h2.pbmit-title.right{
color: var(--pbmit-secondary-color);
}
.pbmit-heading-subheading h4.pbmit-subtitle.right{
color: #636363;
}
.pbmit-heading-subheading h2.pbmit-subtitle.right{
color: #1c232f;
}
.pbmit-heading-subheading.home-6 h4.pbmit-subtitle{
color: var(--pbmit-global-color);
margin-bottom: 10px;
font-family: 'Outfit',sans-serif,sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 20px;
letter-spacing: 1px;
text-transform: uppercase;
font-style: normal;
}
.pbmit-heading-subheading.home-6 h2.pbmit-title{
color: #101010;
margin-bottom: 15px;
font-family: 'Outfit',sans-serif,sans-serif;
font-weight: 700;
font-size: 50px;
line-height: 50px;
letter-spacing: 0;
color: #101010;
text-transform: none;
font-style: normal;
}
.pbmit-heading-subheading.home-6 .pbmit-heading-desc{
font-family: 'Jost',sans-serif,sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 1.8;
letter-spacing: 0;
color: #666;
text-transform: none;
font-style: normal;
margin-bottom: 30px;
max-width: 100%;
}
.pbmit-heading-subheading.home-8 h4.pbmit-subtitle{
color: var(--pbmit-global-color);
margin-bottom: 10px;
padding-left: 10px;
position: relative;
display: inline-block;
letter-spacing: 0.5px;
font-size: 16px;
line-height: 24px;
}
.pbmit-heading-subheading.home-8 h4.pbmit-subtitle::before{
background-color: var(--pbmit-global-color);
position: absolute;
left: 0;
content: '';
right: auto;
width: 3px;
height: 20px;
top: 0;
}
.pbmit-heading-subheading.home-8 h4.pbmit-subtitle.text-white::before{
background-color:#fff;
}
.pbmit-heading-subheading.home-8 h2.pbmit-title{
font-family: 'Quicksand',sans-serif;
color: #101010;
margin-bottom: 15px;
font-size: 55px;
line-height: 60px;
font-weight: 700;
color: #353b6e;
}
.pbmit-heading-subheading.home-8 p.pbmit-heading-desc{
max-width:800px;
margin-left: auto;
margin-right: auto;
font-family: 'DM Sans',sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 26px;
letter-spacing: 0;
color: #666;
text-transform: none;
font-style: normal;
}
/*----------------------------------------*/
/* 01 - Icon Box
/*----------------------------------------*/
/** Style 1**/
.pbmit-ihbox-style-1,
.pbmit-ihbox-style-1 .pbmit-ihbox-icon-wrapper {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}.pbmit-ihbox-style-1 {
position: relative;
padding-right: 30px;
padding-bottom: 30px;
margin-top: 10px;
}
.pbmit-ihbox-style-1.pbmit-ihbox h2 {
font-size: 18px;
line-height: 20px;
font-weight: 800;
margin-bottom: 5px;
}
.pbmit-ihbox-style-1 .pbmit-ihbox-content {
margin-bottom: 15px;
margin-top: 10px;
}
.pbmit-ihbox-style-1 .pbmit-ihbox-icon-wrapper {
font-size: 70px;
line-height: 70px;
margin-bottom: 25px;
color: var(--pbmit-global-color);
}
/** Style 2**/
.pbmit-ihbox-style-2 .pbmit-ihbox-icon-wrapper {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-ihbox-style-2 {
position: relative;
border-radius: 6px;
box-shadow: 0px 9px 24px 0px rgba(26, 47, 106, 0.05);
padding: 30px 25px;
border: 1px solid #dce5e7;
margin-bottom: 20px;
}
.pbmit-ihbox-style-2 .pbmit-ihbox-icon {
padding-right: 25px;
}
.pbmit-text-color-white .pbmit-ihbox-style-2 .pbmit-ihbox-icon i {
color: rgba(255, 255, 255, 0.8);
}
.pbmit-ihbox-style-2.pbmit-ihbox h2 {
font-size: 18px;
line-height: 20px;
font-weight: 800;
margin-bottom: 0;
}
.pbmit-ihbox-style-2 .pbmit-ihbox-content {
margin-bottom: 0px;
margin-top: 5px;
}
.pbmit-ihbox-style-2 .pbmit-ihbox-icon-wrapper {
font-size: 30px;
line-height: 65px;
background-color: var(--pbmit-global-color);
color: #fff;
width: 65px;
text-align: center;
height: 65px;
border-radius: 50%;
}
/** Style 5**/
.pbmit-ihbox-style-5.pbmit-ihbox {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.pbmit-ihbox-style-5.pbmit-ihbox h2 {
font-size: 22px;
line-height: 24px;
font-weight: 800;
margin-bottom: 10px;
}
.pbmit-ihbox-style-5 .pbmit-ihbox-icon-wrapper {
font-size: 60px;
margin-bottom: 35px;
width: 110px;
height: 110px;
color: var(--pbmit-global-color);
line-height: 110px;
display: inline-block;
border-radius: 6px;
position: relative;
box-shadow: 0px 0px 24px 0px rgba(26, 47, 106, 0.13);
}
.pbmit-ihbox-style-5 .pbmit-ihbox-contents {
padding-top: 10px;
}
.pbmit-ihbox-style-5 .pbmit-ihbox-content {
margin-top: 5px;
padding: 0 15px;
}
.pbmit-ihbox-style-5 .pbmit-ihbox-icon-wrapper:before {
content: counter(pbmitbox1, decimal-leading-zero) " ";
counter-increment: pbmitbox1;
color: #fff;
height: 35px;
width: 35px;
font-size: 13px;
line-height: 35px;
text-align: center;
border-radius: 50%;
position: absolute;
font-weight: 700;
bottom: -10px;
right: -5px;
z-index: 0;
background-color: var(--pbmit-secondary-color);
}
.pbmit-ihbox-style-5:before {
content: '';
top: 55px;
right: -30%;
z-index: 0;
width: 192px;
height: 15px;
display: block;
position: absolute;
background: url(../images/bg/bg-15.png)
}
.pbmit-ihbox-style-5:after{
color: #fff;
}
.last:last-child .pbmit-ihbox-style-5:before{
display: none;
}
.pbmit-bg-color-globalcolor .pbmit-ihbox-style-5 .pbmit-ihbox-icon-wrapper:after {
background: #fff !important;
}
.pbmit-ihbox-style-5 .pbmit-ihbox-icon-wrapper:before {
background-color: var(--pbmit-secondary-color);
}
/** Style 7**/
.pbmit-ihbox-style-7 .pbmit-ihbox-headingicon {
align-items: center;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-icon {
display: inline-block;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-icon-wrapper {
width: 110px;
height: 110px;
line-height: 110px;
text-align: center;
border-radius: 50%;
color: var(--pbmit-global-color);
background: #fff;
font-size: 50px;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-content {
padding-left: 15px;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-heading h2,
.pbmit-ihbox-style-7 .pbmit-ihbox-content h2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 0;
line-height: 30px;
color: #fff;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-content h2 em {
font-style: normal;
color: var(--pbmit-secondary-color);
}
/** Style 8**/
.pbmit-ihbox-style-8 {
position: relative;
margin: 20px 0 10px;
}
.pbmit-ihbox-style-8 .pbmit-ihbox-icon {
padding-right: 20px;
}
.pbmit-ihbox-style-8.pbmit-ihbox h2 {
font-size: 18px;
line-height: 20px;
font-weight: 800;
margin-bottom: 0;
}
.pbmit-ihbox-style-8 .pbmit-ihbox-content,
.pbmit-ihbox-style-8 .pbmit-heading-desc {
margin-bottom: 15px;
margin-top: 5px;
}
.pbmit-ihbox-style-8 .pbmit-ihbox-icon-wrapper {
font-size: 68px;
line-height: 68px;
}
.pbmit-ihbox-style-8 .pbmit-ihbox-icon i {
color: var(--pbmit-global-color);
}
/*** style-9 ***/
.pbmit-ihbox-style-9 {
position: relative;
margin-bottom: 15px;
}
.pbmit-ihbox-style-9 .pbmit-ihbox-icon {
padding-right: 20px;
}
.pbmit-ihbox-style-9.pbmit-ihbox h2 {
font-size: 20px;
line-height: normal;
font-weight: 800;
margin-bottom: 0;
}
.pbmit-ihbox-style-9 .pbmit-ihbox-content,
.pbmit-ihbox-style-9 .pbmit-heading-desc {
margin-bottom: 15px;
margin-top: 10px;
}
.pbmit-ihbox-style-9 .pbmit-ihbox-icon-wrapper {
font-size: 38px;
line-height: 38px;
color: var(--pbmit-global-color);
background-color:#fff;
border-radius: 10px;
padding: 12px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
}
/*** style-10 ***/
.pbmit-ihbox-style-10 .pbmit-ihbox-icon {
padding-right: 25px;
}
.pbmit-ihbox-style-10 .pbmit-ihbox-icon-wrapper {
font-size: 80px;
line-height: 80px;
color: #fff;
}
.pbmit-ihbox-style-10 .pbmit-ihbox-subheading h4 {
font-weight: 700;
font-size: 22px;
margin-bottom: 10px;
}
.pbmit-ihbox-style-10.pbmit-ihbox h2 {
font-size: 48px;
line-height: 55px;
color: var(--pbmi-secondary-color);
}
.pbmit-ihbox-style-10.pbmit-ihbox h2,
.pbmit-bg-color-blackish .pbmit-ihbox-style-10.pbmit-ihbox h2 {
color: var(--pbmit-global-color);
}
.pbmit-ihbox-style-10 h4.pbmit-ihbox-subheading {
font-weight: 700;
font-size: 22px;
margin-bottom: 10px;
color: #fff;
}
/*** style-11 ***/
.pbmit-ihbox-style-11 {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.pbmit-ihbox-style-11 .pbmit-ihbox-box {
background-color: #fff;
border-radius: 6px;
box-shadow: 0px 9px 24px 0px rgba(26, 47, 106, 0.05);
padding: 30px 25px;
border: 1px solid #dce5e7;
transform: translateY(0);
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-ihbox-style-11.pbmit-ihbox h2 {
font-size: 22px;
line-height: 24px;
margin-bottom: 5px;
}
.pbmit-ihbox-style-11 .pbmit-ihbox-content {
margin-bottom: 0;
margin-top: 0;
}
.pbmit-ihbox-style-11 .pbmit-ihbox-icon-wrapper {
font-size: 70px;
line-height: 70px;
margin-bottom: 30px;
color: var(--pbmit-secondary-color);
}
.pbmit-ihbox-style-11:hover .pbmit-ihbox-box {
transform: translateY(-5px);
box-shadow: 0px 9px 30px 0px rgba(26, 47, 106, 0.07);
}
/** Style 12 **/
.pbmit-ihbox-style-12 {
position: relative;
padding: 30px 60px 40px 30px;
background: #fff;
border-radius: 6px;
box-shadow: 0px 9px 24px 0px rgba(26, 47, 106, 0.05);
overflow: hidden;
margin-bottom: 30px;
}
.pbmit-ihbox-style-12.pbmit-ihbox h2 {
font-size: 22px;
line-height: 24px;
margin-bottom: 10px;
}
.pbmit-ihbox-style-12 .pbmit-ihbox-contents {
padding-top: 30px;
}
.pbmit-ihbox-style-12 .pbmit-ihbox-content {
margin-bottom: 0;
margin-top: 0;
}
.pbmit-ihbox-style-12:before {
content: counter(pbmitbox2, decimal-leading-zero) " ";
counter-increment: pbmitbox2;
color: transparent;
font-family: Nunito, sans-serif;
font-size: 80px;
line-height: 80px;
position: absolute;
font-weight: 900;
top: 20px;
right: 20px;
z-index: 99;
-webkit-text-stroke: 1px #e3e4e9;
}
.pbmit-ihbox.pbmit-ihbox-style-12 .vc_general.vc_btn3 {
border-radius: 50%;
padding: 0;
width: 130px;
height: 130px;
text-align: left;
background-image: none;
}
.pbmit-ihbox.pbmit-ihbox-style-12 .vc_btn3.vc_btn3-icon-right .vc_btn3-icon {
position: absolute;
display: inline;
font-size: 18px;
left: 45px;
top: 40px;
}
.pbmit-ihbox.pbmit-ihbox-style-12 .pbmit-ihbox-btn {
position: absolute;
bottom: -85px;
right: -50px;
margin: 0;
}
.pbmit-ihbox.pbmit-ihbox-style-12 .vc_btn3.vc_btn3-icon-right .vc_btn3-icon.typcn:before {
font-family: "pbminfotech-base-icons";
content: '\e839';
}
.pbmit-bg-color-globalcolor .pbmit-ihbox-style-12.pbmit-ihbox h2 {
color: var(--pbmit-secondary-color);
}
.pbmit-ihbox.pbmit-ihbox-style-12 .pbmit-ihbox-btn a {
border-radius: 50%;
padding: 0;
width: 130px;
height: 130px;
display: block;
text-align: left;
background-image: none;
font-size: 0;
position: relative;
margin-bottom: 22px;
}
.pbmit-ihbox.pbmit-ihbox-style-12 .pbmit-ihbox-btn a:after {
font-family: 'pbminfotech-base-icons';
content: '\e839';
position: absolute;
display: inline;
left: 45px;
top: 40px;
color: #fff;
height: 14px;
font-size: 18px;
line-height: 14px;
font-weight: 400;
background-color: transparent;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
body .pbmit-ihbox.pbmit-ihbox-style-12 .pbmit-ihbox-btn a,
body .pbmit-ihbox.pbmit-ihbox-style-12 .vc_general.vc_btn3 {
background-color: var(--pbmit-secondary-color)!important;
}
.pbmitor-bg-color-globalcolor .pbmit-ihbox-style-12 h2.pbmit-ihbox-heading {
color: var(--pbmit-secondary-color);
}
.pbmit-ihbox.pbmit-ihbox-style-12 .pbmit-ihbox-icon {
font-size: 70px;
line-height: 70px;
color: var(--pbmit-global-color);
}
/** Style 13 **/
.pbmit-ihbox-style-13 {
margin-bottom: 30px;
}
.pbmit-ihbox-style-13 h2 {
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
}
.pbmit-ihbox-style-13 .pbmit-ihbox-icon-wrapper.pbmit-ihbox-icon-type-image {
width: 50px;
margin-right: 20px;
}
.pbmit-ihbox-style-13 .pbmit-ihbox-icon-wrapper {
font-size: 45px;
line-height: 45px;
color: var(--pbmit-global-color);
margin-right: 20px;
}
/** Style 14 **/
.pbmit-ihbox-style-14 {
overflow: hidden;
padding: 38px 30px 12px;
color: #fff;
border-radius: 6px;
position: relative;
background-color: var(--pbmit-global-color);
}
.pbmit-ihbox-style-14 .pbmit-ihbox-icon {
position: absolute;
right: -25%;
top: 0;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper {
font-size: 200px;
line-height: 200px;
color: rgba(255, 255, 255, 0.2);
}
.pbmit-ihbox-style-14 h2 {
font-size: 22px;
line-height: 30px;
color: #fff;
font-weight: 700;
padding-top: 10px;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-heading:before {
content: '';
display: inline-block;
width: 36px;
height: 2px;
background: #fff;
transition: 0.4s;
}
.pbmit-ihbox.pbmit-ihbox-style-14 .vc_general.vc_btn3 {
padding: 0;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
border-radius: 50%;
color: #0c121d !important;
background-color: #fff !important;
box-shadow: 4px 5px 16px 0px rgba(0, 0, 0, 0.2);
margin-bottom: 5px;
margin-top: 20px;
}
.pbmit-ihbox.pbmit-ihbox-style-14 .vc_btn3.vc_btn3-size-md .vc_btn3-icon {
font-size: 20px;
line-height: 60px;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-contents:before {
content: '';
display: inline-block;
width: 36px;
height: 2px;
background: #fff;
transition: 0.4s;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-heading:before {
display: none;
}
.pbmit-ihbox.pbmit-ihbox-style-14 .pbmit-ihbox-btn a {
padding: 0;
height: 60px;
width: 60px;
display: block;
text-align: center;
line-height: 60px;
border-radius: 50%;
color: #0c121d !important;
background-color: #fff !important;
box-shadow: 4px 5px 16px 0px rgb(0 0 0 / 20%);
margin-bottom: 27px;
margin-top: 35px;
font-size: 0;
letter-spacing: 0!important;
}
.pbmit-ihbox.pbmit-ihbox-style-14 .pbmit-ihbox-btn a:after {
font-family: 'pbminfotech-base-icons';
content: '\e818';
left: 45px;
top: 40px;
height: 14px;
font-size: 20px;
line-height: 60px;
background-color: transparent;
color: #0c121d !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
/** Style 15 **/
.pbmit-ihbox-style-15 {
position: relative;
margin-top: 55px;
margin-bottom: 10px;
}
.pbmit-ihbox-style-15 .pbmit-ihbox-icon {
padding-right: 15px;
margin-top: 5px;
}
.pbmit-ihbox-style-15.pbmit-ihbox h2 {
font-size: 18px;
line-height: 22px;
font-weight: 800;
margin-bottom: 0;
}
.pbmit-ihbox-style-15 .pbmit-ihbox-content {
margin-bottom: 30px;
margin-top: 10px;
}
.pbmit-ihbox-style-15 .pbmit-ihbox-icon-wrapper {
font-size: 30px;
line-height: 30px;
}
.pbmit-ihbox-style-15 .pbmit-ihbox-icon-wrapper i {
color: var(--pbmit-global-color);
}
/** Style 16 **/
.pbmit-ihbox-style-16 {
overflow: hidden;
border-radius: 6px;
box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.05);
margin: 0 15px 30px;
}
.pbmit-ihbox-style-16 .pbmit-ihbox-contents {
padding-top: 50px;
padding-right: 57px;
padding-bottom: 45px;
padding-left: 57px;
border-radius: 6px;
text-align: center;
position: relative;
}
.pbmit-ihbox-style-16 .pbmit-ihbox-contents:before {
content: '';
position: absolute;
width: 500px;
height: 500px;
background: rgba(255, 255, 255, 0.07);
border-radius: 50%;
left: -250px;
top: -250px;
}
.pbmit-ihbox-style-16 .pbmit-ihbox-heading h2 {
font-size: 22px;
line-height: 24px;
font-weight: 800;
margin-bottom: 15px;
}
.pbmit-ihbox-style-16 .pbmit-ihbox-icon-wrapper {
font-size: 55px;
line-height: 110px;
width: 110px;
height: 110px;
border-radius: 50%;
background: #fff;
text-align: center;
display: inline-block;
margin-bottom: 35px;
}
.pbmit-ihbox-style-16 .pbmit-ihbox-content {
margin-bottom: 20px;
}
.pbmit-ihbox-style-16 .vc_btn3.vc_btn3-size-md {
background: none;
padding: 0;
padding-right: 20px;
}
.pbmit-ihbox-style-16-white-bg .pbmit-ihbox-icon-wrapper i {
color: #fff !important;
}
.pbmit-ihbox-style-16-white-bg .pbmit-ihbox-contents:before {
background: #f9f9f9;
z-index: 0;
}
.pbmit-ihbox-style-16 .pbmit-ihbox-icon,
.pbmit-ihbox-style-16 .pbmit-ihbox-heading,
.pbmit-ihbox-style-16 .pbmit-ihbox-content {
position: relative;
z-index: 1;
}
.pbmit-ihbox-style-16 .pbmit-ihbox-btn a {
display: inline-block;
padding-right: 20px;
margin-bottom: 20px;
font-family: Nunito,sans-serif;
font-weight: 800;
font-size: 13px;
line-height: normal;
letter-spacing: 1px;
text-transform: uppercase;
font-style: normal;
}
.pbmit-ihbox-style-16 .pbmit-ihbox-btn a:after {
position: absolute;
content: '\e839';
font-family: 'pbminfotech-base-icons';
background-color: transparent;
margin: 1px 0 0 5px;
}
.pbmit-ihbox-style-16-theme-bg .pbmit-ihbox-style-16 .pbmit-ihbox-btn a,
.pbmit-ihbox-style-16-dark-bg .pbmit-ihbox-style-16 .pbmit-ihbox-btn a {
color: #fff;
}
.pbmit-ihbox-style-16-white-bg.pbmit-ihbox-style-16 .pbmit-ihbox-btn a {
color: var(--pbmit-secondary-color)!important;
}
.pbmit-ihbox-style-16 h2.pbmit-ihbox-heading {
font-family: 'Nunito',sans-serif;
font-size: 22px;
line-height: 24px;
font-weight: 800;
margin-bottom: 15px;
}
.pbmit-ihbox-style-16-white-bg .pbmit-ihbox-icon-wrapper {
background-color: var(--pbmit-global-color);
}
.pbmit-ihbox-style-16-dark-bg .pbmit-ihbox-contents {
background-color: var(--pbmit-secondary-color);
}
.pbmit-ihbox-style-16 .pbmit-ihbox-icon-wrapper i {
color: var(--pbmit-global-color);
}
.pbmit-ihbox-style-16-white-bg.pbmit-ihbox-style-16 .pbmit-ihbox-btn a:hover,
.pbmit-ihbox-style-16-dark-bg.pbmit-ihbox-style-16 .pbmit-ihbox-btn a:hover,
.pbmit-ihbox-style-16-dark-bg .pbmit-ihbox-style-16 .pbmit-ihbox-btn a:hover {
color: var(--pbmit-global-color)!important;
}
.pbmit-ihbox-style-16-theme-bg.pbmit-ihbox-style-16 .pbmit-ihbox-btn a:hover,
.pbmit-ihbox-style-16-theme-bg .pbmit-ihbox-style-16 .pbmit-ihbox-btn a:hover {
color: var(--pbmit-secondary-color)!important;
}
/** Style 17 **/
.pbmit-ihbox-style-17 {
padding: 20% 0% 20% 15%;
}
.pbmit-ihbox-style-17 h2 {
margin-bottom: 0;
font-size: 18px;
line-height: 24px;
color: #fff;
}
.pbmit-ihbox-style-17 .pbmit-ihbox-icon-wrapper {
font-size: 50px;
line-height: 50px;
padding-right: 20px;
}
.pbmit-ihbox-style-17 .pbmit-ihbox-icon-wrapper i {
color: var(--pbmit-global-color);
}
/** Style 18 **/
.pbmit-ihbox-style-18 {
position: absolute;
padding: 30px;
bottom: -10px;
border-radius: 6px;
z-index: 3;
max-width: 190px;
left: 50px;
background-color: var(--pbmit-global-color);
}
.pbmit-ihbox-style-18 h2 {
margin-bottom: 0;
font-size: 18px;
line-height: 24px;
color: #fff;
}
.pbmit-ihbox-style-18 .pbmit-ihbox-icon-wrapper {
font-size: 50px;
line-height: 50px;
padding-right: 20px;
color: #fff;
margin-bottom: 20px;
}
.elementor-widget-pbmit_icon_heading .pbmit-ihbox-style-18 {
position: static;
}
/** Style 19 **/
.pbmit-ihbox-style-19 .pbmit-ihbox-icon-wrapper {
width: 90px;
height: 90px;
line-height: 90px;
}
.pbmit-ihbox-style-19 .pbmit-ihbox-icon-wrapper img {
border-radius: 50%;
border: 2px solid;
padding: 3px;
border-color: var(--pbmit-global-color);
}
/** Style 20 **/
.vc_column-inner {
padding: 0;
}
.pbmit-ihbox-style-20 {
margin-bottom: 30px;
}
.pbmit-ihbox-style-20 {
position: relative;
padding-top: 88px;
margin-bottom: 40px;
}
.pbmit-ihbox-style-20.pbmit-ihbox h2 {
font-size: 24px;
line-height: 36px;
margin-bottom: 10px;
}
.pbmit-ihbox-style-20 .pbmit-ihbox-box {
position: relative;
padding-top: 24px;
padding-right: 35px;
}
.pbmit-ihbox-style-20 .pbmit-ihbox-box:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 21px;
height: 21px;
background-color: var(--pbmit-global-color);
border-radius: 50%;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.pbmit-ihbox-style-20:hover .pbmit-ihbox-box:before {
background-color: var(--pbmit-blackish-color);
}
.pbmit-ihbox-style-20 .pbmit-ihbox-box:after {
content: '';
top: 10px;
width: 100%;
position: absolute;
border-top: 1px dashed #cacaca;
z-index: -1;
}
.pbmit-ihbox-style-20 .pbmit-ihbox-contents {
padding-top: 30px;
}
.pbmit-ihbox-style-20:before {
content: counter(pbmitbox3, decimal-leading-zero) " ";
counter-increment: pbmitbox3;
color: transparent;
font-size: 70px;
line-height: 50px;
position: absolute;
font-weight: 900;
top: 0px;
left: 0px;
z-index: 99;
-webkit-text-stroke: 1px #cacaca;
}
.pbmit-ihbox-style-20 .pbmit-ihbox-icon {
display: none;
}
/** Style 21 **/
.pbmit-ihbox-style-21.pbmit-ihbox h2 {
font-size: 20px;
line-height: 30px;
font-weight: 700;
margin-bottom: 18px;
}
.pbmit-ihbox-style-21 .pbmit-ihbox-content {
margin-bottom: 15px;
margin-top: 10px;
}
.pbmit-ihbox-style-21 .pbmit-ihbox-icon-wrapper {
font-size: 60px;
line-height: 60px;
margin-bottom: 25px;
color: var(--pbmit-secondary-color);
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-ihbox-style-21:hover .pbmit-ihbox-icon-wrapper {
color: var(--pbmit-global-color);
}
/** Style 22 **/
.pbmit-ihbox-style-22{
padding: 0 50px;
}
.pbmit-ihbox-style-22 .pbmit-ihbox-contents {
text-align: center;
position: relative;
}
.pbmit-ihbox-style-22 h2.pbmit-ihbox-heading,
.pbmit-ihbox-style-22 .pbmit-ihbox-heading h2 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 15px;
color: #353b6e;
}
.pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper {
display: inline-block;
margin-bottom: 55px;
width: 182px;
position: relative;
z-index: 2;
}
.pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper:after {
position: absolute;
content: '';
top: -45px;
left: 20px;
width: 180px;
height: 168px;
z-index: -1;
background-image: url(../images/bg/bg-12.png);
}
.pbmit-ihbox-style-22 .pbmit-ihbox-content {
margin-bottom: 25px;
}
.pbmit-ihbox-style-22 .pbmit-ihbox-btn a {
position: relative;
display: inline-block;
padding: 0;
padding-right: 20px;
letter-spacing: 0;
color: var(--pbmit-secondary-color)!important;
font-family: Quicksand,sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
font-style: normal;
}
.pbmit-ihbox-style-22 .pbmit-ihbox-btn a:hover {
color: var(--pbmit-global-color)!important;
}
.pbmit-ihbox-style-22 .pbmit-ihbox-btn:not(.pbmit-no-icon-btn) a:after {
font-family: "pbminfotech-base-icons";
content: '\e839';
position: absolute;
right: -2px;
top: 0;
background-color: transparent;
}
.pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper,
.pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper img {
transition: all 0.3s ease 0s;
}
.pbmit-ihbox-style-22:hover .pbmit-ihbox-icon-wrapper,
.pbmit-ihbox-style-22:hover .pbmit-ihbox-icon-wrapper img {
transform: translateY(-10px);
}
.pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper i {
font-size: 70px;
line-height: 75px;
color: var(--pbmit-global-color);
}
/** Style 23 **/
.pbmit-ihbox-style-23 .pbmit-ihbox-box {
display: flex;
margin-bottom: 20px;
}
.pbmit-ihbox-style-23 .pbmit-ihbox-heading h2 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 10px;
}
.pbmit-ihbox-style-23 .pbmit-ihbox-contents {
padding: 0 0px 0 30px;
margin-bottom: 20px;
}
.pbmit-ihbox-style-23 .pbmit-ihbox-contents h2 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 10px;
}
.pbmit-ihbox-style-23 .pbmit-ihbox-icon {
max-width: 70px;
}
.pbmit-ihbox-style-23 .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper i {
font-size: 70px;
line-height: 70px;
color: var(--pbmit-global-color);
}
/** Style 24 **/
.pbmit-ihbox-style-24 .pbmit-ihbox-box {
display: flex;
flex-direction: row-reverse;
text-align: right;
}
.pbmit-ihbox-style-24 .pbmit-ihbox-contents h2,
.pbmit-ihbox-style-24 .pbmit-ihbox-heading h2 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 10px;
}
.pbmit-ihbox-style-24 .pbmit-ihbox-contents {
padding: 0 30px 0 0;
margin-bottom: 20px;
}
.pbmit-ihbox-style-24 .pbmit-ihbox-icon {
max-width: 70px;
}
.pbmit-ihbox.pbmit-ihbox-style-24 .pbmit-title {
font-size: 50px;
line-height: 50px;
}
.pbmit-ihbox-style-24 .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper i {
font-size: 70px;
line-height: 70px;
color: var(--pbmit-global-color);
}
/** Style 25 **/
.pbmit-ihbox-style-25 .pbmit-ihbox-icon-wrapper i {
-webkit-text-stroke-color: var(--pbmit-global-color)!important;
}
.pbmit-ihbox-style-25 {
width: 110px;
position: relative;
}
.pbmit-ihbox-style-25 path {
fill: transparent;
}
.pbmit-ihbox-style-25 .pbmit-ihbox-btn {
z-index: 0;
}
.pbmit-ihbox-style-25 .pbmit-ihbox-btn a {
color: transparent;
}
.pbmit-ihbox-style-25 .pbmit-ihbox-btn,
.pbmit-ihbox-style-25 .pbmit-ihbox-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.pbmit-ihbox-style-25 .pbmit-ihbox-icon-wrapper i {
-webkit-text-stroke: 1px #000;
color: transparent;
font-size: 24px;
line-height: 34px;
}
.pbmit-ihbox-style-25 text {
fill: #101010;
letter-spacing: 6px;
transform-origin: 50% 50% 0;
transform: rotate(0deg);
-webkit-animation: spin 15s linear infinite;
-moz-animation: spin 15s linear infinite;
animation: spin 15s linear infinite;
font-size: 22px;
text-transform: uppercase;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*----------------------------------------*/
/* 02 - Team Member
/*----------------------------------------*/
/** Style 1 **/
.pbmit-team-style-1 {
position: relative;
margin-bottom: 50px;
padding-bottom: 0px;
}
.pbmit-team-style-1 .col-md-5 {
-ms-flex: 0 0 43.666667%;
flex: 0 0 43.666667%;
max-width: 43.666667%;
}
.pbmit-team-style-1 .col-md-7 {
-ms-flex: 0 0 56.333333%;
flex: 0 0 56.333333%;
max-width: 56.333333%;
}
.pbmit-team-style-1 .col-md-5 .pbmit-team-1-inner {
padding-top: 50px;
margin-left: 15px;
}
.pbmit-team-style-1 .col-md-7.pbmit-team-1-carousel-area .pbmit-team-1-inner:after {
content: "";
width: 1000%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.pbmit-team-style-1 .col-md-7.pbmit-team-1-carousel-area .pbmit-team-1-inner:after {
height: 60%;
}
.pbmit-team-style-1 .col-md-7.pbmit-team-1-carousel-area .pbmit-team-1-inner {
padding-left: 33px;
}
.pbmit-team-style-1 .pbmit-carousel-navs a {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border: 2px solid #dbdbdb;
color: #9b9b9b;
display: inline-block;
border-radius: 50%;
}
.pbmit-team-style-1 .pbmit-carousel-navs a.pbmit-carousel-next {
margin-left: 10px;
}
.pbmit-team-style-1 .pbmit-carousel-navs a i:before,
.pbmit-team-style-1 .pbmit-carousel-navs a i:after {
margin: 0;
line-height: normal;
padding: 0;
}
.pbmit-team-style-1,
.pbmit-team-style-1 .pbminfotech-box-social-links,
.pbmit-team-style-1 .pbminfotech-box-content {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-team-style-1 .pbminfotech-box-content {
background-color: #fff;
border-radius: 2px;
margin: 0 15px;
box-shadow: 0 30px 50px rgb(0 0 0 / 3%);
border-bottom: 1px solid transparent;
bottom: -50px;
position: absolute;
width: calc(100% - 30px);
}
.pbmit-team-style-1 .pbminfotech-box-content {
padding: 20px 30px 10px 25px;
text-align: center;
}
.pbmit-team-style-1 .pbmit-featured-wrapper img {
border-radius: 2px;
}
.pbmit-team-style-1 .pbminfotech-box-content .pbmit-team-title {
font-size: 18px;
line-height: 26px;
margin-bottom: 8px;
}
.pbmit-team-style-1 .pbminfotech-box-content .pbmit-team-title,
.pbmit-team-style-1 .pbminfotech-box-content .pbmit-team-title a {
color: #232323;
}
.pbmit-team-style-1 .pbminfotech-box-team-position {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
margin-bottom: 0;
color: var(--pbmit-global-color);
}
.pbmit-team-style-1 .pbminfotech-box-social-links {
height: 0;
opacity: 0;
overflow: hidden;
}
.pbmit-team-style-1:hover .pbminfotech-box-social-links {
height: 32px;
opacity: 1;
}
.pbmit-team-style-1 .pbminfotech-box-social-links .fa-share-alt {
display: none;
}
.pbmit-team-style-1 .pbminfotech-box-content ul {
margin: 0;
padding: 0;
}
.pbmit-team-style-1 .pbminfotech-box-content ul li {
display: inline-block;
margin: 0px 5px;
padding: 0px;
}
.pbmit-team-style-1 .pbminfotech-box-content ul li:first-child {
margin-left: 0;
}
.pbmit-team-style-1 .pbminfotech-box-content ul li a {
display: inline;
font-size: 15px;
line-height: 15px;
}
/** Style 4 **/
.pbmit-team-style-4,
.pbmit-team-style-4 .pbminfotech-box-social-links li a,
.pbmit-team-style-4 .pbminfotech-box-social-links,
.pbmit-team-style-4 .pbminfotech-box-content {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-team-style-4 {
position: relative;
background-color: #fff;
border-radius: 6px;
box-shadow: 0px 0px 24px 0px rgba(26, 47, 106, 0.07);
margin-bottom: 40px;
overflow: hidden;
border-bottom: 3px solid;
transform: translateY(0);
border-color: var(--pbmit-global-color)!important;
}
.pbmit-team-style-4:hover {
transform: translateY(-5px);
}
.pbmit-team-style-4 .pbminfotech-box-content {
padding: 20px 30px 20px 25px;
text-align: center;
}
.pbmit-team-style-4 .pbminfotech-box-content .pbmit-team-title {
font-size: 22px;
line-height: 24px;
margin-top: 5px;
font-weight: 800;
margin-bottom: 0;
}
.pbmit-team-style-4 .pbmit-social-links li a:hover {
color: #272727;
}
.pbmit-team-style-4 .pbminfotech-box-team-position {
margin-bottom: 0;
text-transform: uppercase;
font-size: 12px;
display: inline-block;
padding: 0 10px;
line-height: inherit;
font-weight: 600;
letter-spacing: 1px;
}
.pbmit-team-style-4 .pbmit-icons {
position: absolute;
right: 50px;
top: 15px;
z-index: 1;
text-align: center;
}
.pbmit-team-style-4 .pbmit-icons .pbmit-team-info-icons-plus {
width: 40px;
height: 40px;
position: absolute;
z-index: -1;
top: 0;
line-height: 40px;
vertical-align: middle;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
cursor: pointer;
background: #fff;
color: #1c325b;
}
.pbmit-team-style-4 .pbminfotech-box-social-links {
position: absolute;
top: 50px;
opacity: 0;
visibility: hidden;
left: -30px;
}
.pbmit-team-style-4 .pbmit-icons:hover .pbminfotech-box-social-links {
left: 0;
opacity: 1;
visibility: visible;
}
.pbmit-team-style-4 .pbminfotech-box-social-links li {
display: block;
margin-right: 0;
padding-bottom: 5px;
}
.pbmit-team-style-4 .pbminfotech-box-social-links li a {
display: block;
height: 40px;
width: 40px;
text-align: center;
background: #fff;
line-height: 40px;
color: #1c325b;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 15px;
}
.pbmit-team-style-4 .pbminfotech-box-social-links li a:hover {
color: #fff!important;
}
.pbmit-team-style-4 .pbminfotech-box-social-links li:last-child {
margin-bottom: 0;
}
.pbmit-team-style-4 .pbminfotech-box-social-links li a:hover {
background-color: var(--pbmit-global-color);
}
.pbmit-team-style-4:hover {
border-color: var(--pbmit-secondary-color)!important;
}
/** Style 5 **/
.pbmit-team-style-5,
.pbmit-team-style-5 .pbminfotech-box-content,
.pbmit-team-style-5 .pbminfotech-box-content-inner {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-team-style-5 {
position: relative;
}
.pbmit-team-style-5 .pbminfotech-box-content {
padding: 150px 0 0;
text-align: center;
position: absolute;
top: 0;
width: 100%;
height: 100%;
color: #fff;
background-color: rgba(0, 0, 0, .6);
}
.pbmit-team-style-5 .pbmit-featured-wrapper img {
width: 100%;
}
.pbmit-team-style-5 .pbminfotech-box-content {
visibility: hidden;
opacity: 0;
}
.pbmit-team-style-5:hover .pbminfotech-box-content {
visibility: visible;
opacity: 1;
background-color: rgba(234, 41, 41, 0.90);
}
.pbmit-team-style-5 .pbminfotech-box-content-inner {
position: absolute;
bottom: 50px;
width: 100%;
}
.pbmit-team-style-5 .pbminfotech-box-content .pbmit-team-title a {
color: #fff;
}
.pbmit-team-style-5 .pbminfotech-box-content .pbmit-team-title {
font-size: 20px;
line-height: 24px;
font-weight: 700;
margin-bottom: 0;
}
.pbmit-team-style-5 .pbminfotech-box-social-links li {
display: inline-block;
margin-right: 0;
}
.pbmit-team-style-5 .pbminfotech-box-social-links li a {
font-size: 24px;
line-height: 24px;
color: #fff;
margin: 0 2px;
}
/*----------------------------------------*/
/* 03 - counter
/*----------------------------------------*/
/** Style 2 **/
.pbminfotech-fid-style-2 {
text-align: center;
margin:20px auto;
border-color: rgba(10,173,235, 0.10);
}
.pbminfotech-fid-style-2 .pbmit-fid-inner {
margin-bottom: 0;
line-height: 58px;
text-align: center;
font-size: 48px;
color: #fff;
}
.pbminfotech-fid-style-2 .pbmit-fid-inner .pbmit-fid-sub {
margin-left: 0px;
font-size: 22px;
position: relative;
top: -16px;
}
.pbminfotech-fid-style-2 .pbmit-fid-title {
font-size: 14px;
line-height: 24px;
font-weight: 500;
letter-spacing: 1.5px;
color: #fff;
}
/** Style 5 **/
.pbminfotech-fid-style-5 {
position: relative;
text-align: center;
}
.elementor-widget .pbminfotech-fid-style-5 {
position: static;
transform: none;
}
.pbminfotech-fid-style-5 {
background: #fff;
position: absolute;
padding: 15px 20px;
padding-right: 40px;
border-radius: 6px;
box-shadow: 9px 0px 30px 0px rgba(26, 47, 106, 0.09);
top: 50px;
z-index: 9;
right: 10px;
display: inline-table;
}
.pbmit-circle {
position: relative;
text-align: center;
}
.pbmit-circle canvas {
max-width: 100%;
height: auto!important;
background-color: transparent;
border-radius: 50%;
}
.pbminfotech-fid-style-5 .pbmit-circle-inner {
padding-left: 15px;
}
.pbminfotech-fid-style-5 .pbmit-circle-number {
font-size: 30px;
line-height: 32px;
font-weight: 900;
position: static;
text-align: left;
-khtml-transform: translateX(0%) translateY(0%);
-moz-transform: translateX(0%) translateY(0%);
-ms-transform: translateX(0%) translateY(0%);
-o-transform: translateX(0%) translateY(0%);
transform: translateX(0%) translateY(0%);
color: var(--pbmit-secondary-color);
}
.pbminfotech-fid-style-5 .pbmit-circle-number sup {
position: relative;
top: -8px;
font-size: 18px;
}
.pbminfotech-fid-style-5 .pbmit-fid-title {
text-align: center;
font-size: 15px;
line-height: 20px;
font-weight: 600 !important;
margin-top: 0;
}
/** Style 7 **/
.pbminfotech-fid-style-7 {
margin-bottom: 30px;
}
.pbminfotech-fid-style-7 .pbmit-sbox-icon-wrapper {
display: none;
}
.pbminfotech-fid-style-7 .pbmit-fld-contents {
padding-top: 40px;
border-top: 2px solid #eeeeee;
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbminfotech-fid-style-7 .pbmit-fid-inner sub {
bottom: 3px;
left: -10px;
}
.pbminfotech-fid-style-7 .pbmit-fid-title {
font-size: 16px;
font-weight: normal;
line-height: 18px;
margin-bottom: 0;
margin-top: 0;
color: #a9a9a9;
padding-left: 20px;
}
.pbminfotech-fid-style-7 .pbmit-fid-inner .pbmit-number-rotate {
display: inline-block;
}
.pbminfotech-fid-style-7 .pbmit-fid-inner {
font-size: 50px;
line-height: 50px;
font-weight: 600;
margin-bottom: 0;
}
.pbminfotech-fid-style-7:hover .pbmit-fld-contents {
border-color: var(--pbmit-global-color);
}
/** Style 8 **/
.pbminfotech-fid-style-8 {
text-align: center;
margin: 0 auto 30px;
}
.pbminfotech-fid-style-8 .pbmit-fid-inner {
font-size: 50px;
line-height: 50px;
font-weight: 600;
margin-bottom: 0;
color: var(--pbmit-global-color);
}
.pbminfotech-fid-style-8 .pbmit-fid-inner .pbmit-fid-sub {
margin-left: -6px;
font-size: 45px;
position: relative;
top: -16px;
}
.pbminfotech-fid-style-8 .pbmit-fid-title {
font-size: 16px;
font-weight: normal;
line-height: 20px;
margin-bottom: 0;
color: #a9a9a9;
}
/*----------------------------------------*/
/* 04 - Service */
/*----------------------------------------*/
/** Style 2 **/
.pbmit-service-style-2 {
position: relative;
background-color: #fff;
border-radius: 6px;
padding: 60px 40px 0;
margin-bottom: 30px;
}
.pbmit-service-style-2:after {
content: "";
position: absolute;
margin: 10px;
border: 1px solid #ededed;
width: calc(100% - 20px);
left: 0;
height: calc(100% - 20px);
top: 0;
z-index: 0;
}
.pbmit-service-style-2,
.pbmit-service-style-2 .pbmit-service-btn,
.pbmit-service-style-2 .pbmit-service-btn .round-btn,
.pbmit-service-style-2 .pbmit-service-icon-wrapper {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-service-style-2 .pbminfotech-post-item {
position: relative;
z-index: 2;
}
.pbmit-service-style-2 .pbmit-featured-wrapper {
padding: 12px;
}
.pbmit-service-style-2 .pbmit-featured-wrapper img {
border-radius: 6px;
}
.pbmit-service-style-2 .pbminfotech-box-content {
text-align: center;
position: relative;
}
.pbmit-service-style-2 .pbmit-service-content {
padding-bottom: 10px;
padding-top: 10px;
}
.pbmit-service-style-2 .pbmit-service-icon-wrapper img {
width: 60px;
height: 60px;
margin-bottom: 5px;
}
.pbmit-service-style-2 .pbmit-service-title {
position: relative;
font-size: 22px;
line-height: 28px;
font-weight: 800;
margin: 0px 0 5px;
}
.pbmit-service-style-2 .pbmit-service-icon {
display: inline-block;
margin-bottom: 40px;
}
.pbmit-service-style-2 .pbmit-service-cat a {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 700;
line-height: 26px;
color: var(--pbmit-global-color);
}
.pbmit-service-style-2 .pbmit-service-icon-wrapper {
height: 120px;
width: 120px;
line-height: 120px;
text-align: center;
border-radius: 50%;
color: var(--pbmit-global-color);
border: 1px dashed;
position: relative;
border-color: var(--pbmit-global-color);
}
.pbmit-service-style-2 .pbmit-service-icon-wrapper i {
font-size: 60px;
}
.pbmit-service-style-2 .pbmit-service-btn {
display: inline-block;
margin-bottom: -35px;
border: 10px solid #000;
width: 75px;
border-radius: 50%;
}
.pbmit-service-style-2 .pbmit-service-btn .round-btn {
height: 55px;
width: 55px;
display: block;
line-height: 55px;
text-align: center;
border-radius: 50%;
color: #fff;
background: #000;
}
.pbmit-service-style-2 .pbmit-service-btn .round-btn:after {
color: #fff !important;
}
.pbmit-service-style-2 .pbmit-services-circle {
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: red;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.pbmit-service-style-2 .pbmit-services-circle-wrapper {
position: absolute;
z-index: 1;
width: 85px;
height: 85px;
left: 16px;
top: 16px;
}
.pbmit-service-style-2 .pbmit-services-circle-wrapper:nth-child(1) {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation: service-hex-1 2s infinite linear;
-moz-animation: service-hex-1 2s infinite linear;
-o-animation: service-hex-1 2s infinite linear;
animation: service-hex-1 2s infinite linear;
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.pbmit-service-style-2 .pbmit-services-circle-wrapper:nth-child(2) {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation: service-hex-2 2s infinite linear;
-moz-animation: service-hex-2 2s infinite linear;
-o-animation: service-hex-2 2s infinite linear;
animation: service-hex-2 2s infinite linear;
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.pbmit-service-style-2:hover .pbmit-services-circle-wrapper:nth-child(1),
.pbmit-service-style-2:hover .pbmit-services-circle-wrapper:nth-child(2) {
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
}
.pbmit-service-style-2 .pbmit-service-btn i:before {
font-weight: bold;
}
.pbmit-service-style-2 .pbmit-service-btn a:hover {
color: #fff !important;
}
.pbmit-service-style-2 .pbmit-service-btn a:after {
padding-left: 0px !important;
}
@-webkit-keyframes service-hex-1 {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(450deg);
transform: rotate(450deg);
}
}
@-moz-keyframes service-hex-1 {
0% {
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-moz-transform: rotate(450deg);
transform: rotate(450deg);
}
}
@-o-keyframes service-hex-1 {
0% {
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-o-transform: rotate(450deg);
transform: rotate(450deg);
}
}
@keyframes service-hex-1 {
0% {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(450deg);
-moz-transform: rotate(450deg);
-o-transform: rotate(450deg);
transform: rotate(450deg);
}
}
@-webkit-keyframes service-hex-2 {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@-moz-keyframes service-hex-2 {
0% {
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-moz-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@-o-keyframes service-hex-2 {
0% {
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@keyframes service-hex-2 {
0% {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
}
.pbmit-service-style-2 .pbmit-service-style-2 {
margin-bottom: 30px;
}
.pbmit-text-color-white .pbmit-service-style-2 .pbmit-service-style-2 {
color: #6d7a8c !important;
}
.pbmit-text-color-white .pbmit-service-style-2 .pbmit-service-btn,
.pbmit-service-style-2:hover .pbmit-service-btn {
border-color: rgba(var(--pbmit-global-color-rgb), 0.10);
}
.pbmit-text-color-white .pbmit-service-style-2:hover .pbmit-service-btn,
.pbmit-service-style-2 .pbmit-service-btn {
border-color: rgba(var(--pbmit-secondary-color-rgb), 0.10);
}
.pbmit-service-style-2 .vc_btn3-color-globalcolor.vc_general.vc_btn3:hover {
color: var(--pbmit-blackish-color);
}
.pbmit-service-style-2:hover .pbminfotech-box-content-inner .pbmit-service-btn a.round-btn,
.pbmit-text-color-white .pbmit-service-style-2 .pbmit-service-btn .round-btn,
.pbmit-service-style-2 .pbmit-services-circle {
background-color: var(--pbmit-global-color)!important;
}
.pbmit-service-style-2 .pbmit-service-btn .round-btn {
background-color: var(--pbmit-secondary-color);
}
.pbmit-bg-color-light .pbmit-service-style-2:hover .pbmit-service-btn .round-btn {
background-color: var(--pbmit-blackish-bg-color);
}
/** service-Style 3 **/
.pbmit-service-style-3 {
position: relative;
margin-bottom: 40px;
}
.pbmit-service-style-3 .pbmit-featured-wrapper img,
.pbmit-service-style-3 .pbmit-service-btn a,
.pbmit-service-style-3 .pbminfotech-box-content {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-service-style-3 .pbmit-featured-wrapper {
padding-bottom: 0;
overflow: hidden;
border-radius: 6px;
}
.pbmit-service-style-3 .pbmit-featured-wrapper img {
box-shadow: 0px 9px 24px 0px rgba(26, 47, 106, 0.05);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.pbmit-service-style-3 .pbminfotech-box-content {
position: relative;
transform: translateY(0);
}
.pbmit-service-style-3 .pbmit-service-cat a {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 700;
line-height: 26px;
color: var(--pbmit-global-color);
}
.pbmit-service-style-3 .pbmit-service-content {
padding-top: 10px;
}
.pbmit-service-style-3 .pbminfotech-box-content-inner {
padding: 25px 30px 10px;
background: #fff;
margin: -30px 20px 0;
text-align: center;
border-radius: 6px;
box-shadow: 0px 9px 24px 0px rgba(26, 47, 106, 0.05)
}
.pbmit-service-style-3 .pbmit-service-title {
position: relative;
font-size: 22px;
line-height: 28px;
font-weight: 800;
margin: 0px;
}
.pbmit-service-style-3 .pbmit-service-btn {
margin-bottom: -35px;
}
.pbmit-service-style-3 .pbmit-service-btn a {
width: 55px;
display: inline-block;
height: 55px;
line-height: 55px;
background: var(--pbmit-global-color);
color: #fff;
border-radius: 50%;
font-size: 18px;
}
.pbmit-service-style-3:hover .pbminfotech-box-content {
transform: translateY(-10px);
}
.pbmit-service-style-3:hover .pbmit-featured-wrapper img {
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
.pbmit-service-style-3 .pbmit-service-btn:hover i{
color: var(--pbmit-global-color);
transition-delay: .3s;
transition-duration: .4s;
}
.pbmit-service-style-3 .btn-arrow {
font-size: 24px;
line-height: 24px;
}
.pbmit-service-style-3:hover .pbmit-service-btn a,
.pbmit-service-style-3:hover .pbmit-service-icon-wrapper {
background-color: var(--pbmit-secondary-color);
}
.pbmit-service-style-3:hover .pbmit-service-btn a{
color: #fff;
}
/** service-Style 4 **/
.pbmit-service-style-4 {
position: relative;
background-color: #fff;
border-radius: 6px;
overflow: hidden;
border: 1px solid #dce5e7;
box-shadow: 0px 9px 24px 0px rgba(26, 47, 106, 0.05);
margin-bottom: 24px;
}
.pbmit-service-style-4,
.pbmit-service-style-4 .pbmit-service-icon,
.pbmit-service-style-4 .pbmit-service-icon-wrapper {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-service-style-4 .pbmit-featured-wrapper {
padding: 10px;
padding-bottom: 0;
}
.pbmit-service-style-4 .pbmit-featured-wrapper img {
border-radius: 6px;
}
.pbmit-service-style-4 .pbminfotech-box-content {
position: relative;
}
.pbmit-service-style-4 .pbminfotech-box-content-inner {
padding: 35px 30px 35px;
text-align: center;
}
.pbmit-service-style-4 .pbmit-service-icon-wrapper img {
width: 36px;
height: 36px;
margin-bottom: 5px;
}
.pbmit-service-style-4 .pbmit-service-title {
position: relative;
font-size: 22px;
line-height: 28px;
font-weight: 800;
margin: 0px 0 12px;
}
.pbmit-service-style-4 .pbmit-service-icon-wrapper {
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
border-radius: 4px;
color: #fff;
background-color: var(--pbmit-global-color);
}
.pbmit-service-style-4 .pbmit-service-icon-wrapper i {
font-size: 36px;
}
.pbmit-service-style-4 .pbmit-service-icon {
position: absolute;
top: 20px;
right: 20px;
}
.pbmit-service-style-4:hover {
box-shadow: 0px 9px 30px 0px rgba(26, 47, 106, 0.07);
}
.pbmit-service-style-4:hover .pbmit-service-icon-wrapper {
background-color: var(--pbmit-secondary-color);
}
/** service-Style 5 **/
.pbmit-service-style-5 {
position: relative;
margin-top: 40px;
}
.pbmit-service-style-5,
.pbmit-service-style-5 .pbmit-service-icon-wrapper i,
.pbmit-service-style-5 .pbmit-service-icon,
.pbmit-service-style-5 .pbmit-service-icon-wrapper {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-service-style-5 .pbmit-featured-wrapper img {
border-radius: 6px;
overflow: hidden;
}
.pbmit-service-style-5 .pbmit-service-cat a {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 700;
line-height: 26px;
color: var(--pbmit-global-color);
}
.pbmit-service-style-5 .pbmit-service-title {
position: relative;
font-size: 22px;
line-height: 28px;
font-weight: 800;
margin: 0px 0 0;
}
.pbmit-service-style-5 .pbmit-service-title a {
color: #fff;
}
.pbmit-service-style-5 .pbminfotech-box-wrap {
flex: 1;
}
.pbmit-service-style-5 .pbmit-service-btn {
margin-top: 15px;
}
.pbmit-service-style-5 .pbmit-service-btn a i {
color: #fff;
font-size: 24px;
}
.pbmit-service-style-5 .pbmit-service-icon {
display: inline-block;
border: 10px solid rgba(255, 255, 255, 0.2);
width: 90px;
border-radius: 50%;
position: absolute;
top: -35px;
left: 35px;
z-index: 9;
overflow: visible;
}
.pbmit-service-style-5 .pbmit-service-icon-wrapper img {
width: 40px;
height: 40px;
margin-bottom: 5px;
}
.pbmit-service-style-5 .pbmit-service-icon-wrapper {
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
border-radius: 50%;
color: #fff;
background: #fff;
}
.pbmit-service-style-5 .pbmit-service-icon-wrapper i {
font-size: 40px;
color: var(--pbmit-global-color);
}
.pbmit-service-style-5:hover .pbmit-service-icon-wrapper i {
color: #fff;
}
.pbmit-service-style-5 .pbminfotech-box-content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.pbmit-service-style-5 .pbminfotech-box-content-inner {
position: absolute;
left: 30px;
bottom: 25px;
z-index: 9;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
width: calc(100% - 60px);
}
.pbmit-service-style-5 .pbminfotech-box-content:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
text-align: left;
position: absolute;
transition: all ease 500ms;
-moz-transition: all ease 500ms;
-webkit-transition: all ease 500ms;
border-radius: 6px;
background: -moz-linear-gradient(top, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
background: -webkit-linear-gradient(top, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
background: linear-gradient(to bottom, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001c232f', endColorstr='#d41c232f', GradientType=0);
}
.pbmit-service-style-5 .pbmit-service-btn a:after {
display: none;
}
.pbmit-service-style-5:hover .pbmit-service-icon-wrapper {
background-color: var(--pbmit-global-color);
}
/** service-Style 6 **/
.pbmit-service-style-6 .pbmit-service-icon-wrapper i {
font-size: 60px;
line-height: 60px;
color: #fff;
}
.pbmit-service-style-6 .pbmit-service-icon-wrapper {
margin-bottom: 35px;
}
.pbmit-service-style-6 .pbminfotech-box-content-inner {
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 50px 40px 15px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.pbmit-service-style-6 .pbmit-service-icon-wrapper img {
width: 60px;
height: 60px;
}
.pbmit-service-style-6 .pbmit-service-cat a {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 700;
line-height: 26px;
color: var(--pbmit-global-color);
}
.pbmit-service-style-6 .pbmit-service-title {
font-family: 'Nunito',sans-serif;
position: relative;
font-size: 22px;
line-height: 28px;
font-weight: 800;
margin: 0px 0 10px;
}
.pbmit-service-style-6 .pbmit-service-title a {
color: #fff;
}
.pbmit-service-style-6 .pbmit-service-content {
color: rgb(255 255 255 / 0.6);
}
/** service-Style 7 **/
.pbmit-service-style-7 {
position: relative;
padding: 50px;
}
.pbmit-service-style-7,
.pbmit-service-style-7 .pbmit-service-btn,
.pbmit-service-style-7 .pbmit-service-btn a,
.pbmit-service-style-7 .pbmit-service-icon-wrapper {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-service-style-7 .pbmit-service-title {
position: relative;
font-size: 22px;
line-height: 28px;
font-weight: 800;
margin: 0px 0 20px;
}
.pbmit-service-style-7 .pbminfotech-box-content-inner {
margin-top: 25px;
}
.pbmit-service-style-7 .pbmit-service-icon {
display: inline-block;
}
.pbmit-service-style-7 .pbmit-service-icon-wrapper {
font-size: 60px;
line-height: 60px;
color: #040404;
}
.pbmit-service-style-7 .pbmit-service-custom-icon-wrapper img {
width: 60px;
height: 60px;
}
.pbmit-service-style-7 {
margin-bottom: 30px;
}
.pbmit-service-style-7 .pbmit-service-btn {
visibility: hidden;
opacity: 0;
}
.pbmit-service-style-7 .pbmit-service-btn.top-link {
visibility: hidden;
opacity: 0;
}
.pbmit-service-style-7:hover .pbmit-service-btn {
visibility: visible;
opacity: 1;
}
.pbmit-service-style-7:hover {
background-color: #fff;
box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 6%);
}
.pbmit-service-style-7.pbminfotech-viewtype-carousel .pbmit-posts-wrapper.owl-carousel {
position: unset;
}
.pbmit-service-style-7.pbminfotech-viewtype-carousel .owl-carousel .owl-nav {
top: 46px;
right: 0;
width: auto;
}
.pbmit-service-style-7.pbminfotech-viewtype-carousel .owl-carousel .owl-nav button.owl-next,
.pbmit-service-style-7.pbminfotech-viewtype-carousel .owl-carousel .owl-nav button.owl-prev {
position: relative;
border-color: transparent;
}
.pbmit-service-style-7.pbminfotech-viewtype-carousel .owl-carousel .owl-nav .owl-prev {
left: -10px;
color: #1c232f;
background-color: #fff;
}
.pbmit-service-style-7.pbminfotech-viewtype-carousel .owl-carousel .owl-nav .owl-next {
right: 0;
color: #fff;
background-color: #1c232f;
}
.pbmit-service-style-7 .active:nth-child(4n+2) .pbmit-service-style-7,
.pbmit-service-style-7.active {
background-color:#fff;
box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 6%);
}
.pbmit-service-style-7 .owl-stage .active:nth-child(4n+2) .pbmit-service-style-7 .pbmit-service-btn{
visibility: visible;
opacity: 1;
}
.pbmit-service-style-7 .owl-stage .active:nth-child(4n+2) .pbmit-service-style-7 .pbmit-service-icon-wrapper,
.pbmit-service-style-7:hover .pbmit-service-btn a,
.pbmit-service-style-7:hover .pbmit-service-icon-wrapper,
.pbmit-service-style-7.active .pbmit-service-icon-wrapper {
color: var(--pbmit-global-color);
}
.pbmit-service-style-7:hover .pbmit-service-btn span:after {
background-color: var(--pbmit-global-color);
}
/** service-Style 8 **/
.pbmit-service-style-8 {
position: relative;
overflow: hidden;
}
.pbmit-service-style-8,
.pbmit-service-style-8 .pbmit-featured-wrapper img,
.pbmit-service-style-8 .pbminfotech-box-content,
.pbmit-service-style-8 .pbmit-service-btn a {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-service-style-8:hover .pbmit-featured-wrapper img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.pbmit-service-style-8 .pbmit-service-cat a {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 600;
line-height: 20px;
}
.pbmit-service-style-8 .pbmit-service-title {
font-size: 24px;
line-height: 28px;
font-weight: 700;
margin: 0px 0 15px;
}
.pbmit-service-style-8 .pbmit-service-title a {
color: #fff;
}
.pbmit-service-style-8 .pbmit-service-icon-wrapper {
display: none;
}
.pbmit-service-style-8 .pbminfotech-box-content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
}
.pbmit-service-style-8:hover .pbminfotech-box-content {
visibility: visible;
opacity: 1;
}
.pbmit-service-style-8 .pbminfotech-box-content-inner {
position: absolute;
left: 35px;
right: 35px;
bottom: 40px;
z-index: 9;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
transform: translateY(100%);
transition: transform .6s cubic-bezier(.5, 1, .89, 1);
}
.pbmit-service-style-8:hover .pbminfotech-box-content-inner {
transform: translateY(0%);
}
.pbmit-service-style-8 .pbminfotech-box-content:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
text-align: left;
transition: all ease 500ms;
-moz-transition: all ease 500ms;
-webkit-transition: all ease 500ms;
background: -moz-linear-gradient(top, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
background: -webkit-linear-gradient(top, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
background: linear-gradient(to bottom, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001c232f', endColorstr='#d41c232f', GradientType=0);
}
.pbmit-service-style-8 .pbmit-service-content {
color: #a9a9a9;
}
.pbmit-service-style-8:hover .pbmit-service-btn a,
.pbmit-service-style-8 .pbmit-service-cat a {
color: var(--pbmit-global-color);
}
.pbmit-service-style-8:hover .pbmit-service-btn span:after {
background-color: var(--pbmit-global-color);
}
.pbmit-service-style-8 .pbminfotech-service-expand-right .container {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.pbmit-service-style-8 .pbmit-new-button .elementor-button {
background-color: transparent;
padding: 0;
padding-left: 25px !important;
padding-right: 0px !important;
}
.pbmit-service-style-8 .pbmit-new-button .elementor-button a {
color: var(--pbmit-global-color);
line-height: 50px;
font-weight: 700;
}
.pbmit-service-style-8 .pbmit-new-button .elementor-button:hover a {
padding-left: 35px;
}
.pbmit-service-style-8 .pbmit-new-button .elementor-button:before {
font-family: "pbminfotech-base-icons";
content: '\e839';
position: absolute;
top: 0px;
right: 0;
border-color: var(--pbmit-global-color);
color: var(--pbmit-global-color);
}
/** service-Style 9 **/
.pbmit-service-style-9 {
position: relative;
overflow: hidden;
border-radius: 6px;
}
.pbmit-service-style-9 .pbmit-featured-wrapper img {
border-radius: 6px;
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-service-style-9:hover .pbmit-featured-wrapper img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.pbmit-service-style-9 .pbmit-service-cat a {
font-size: 13px;
font-weight: 700;
line-height: 26px;
color: #fff;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.pbmit-service-style-9 .pbmit-service-cat {
display: inline-block;
padding: 3px 10px;
border-radius: 4px;
background-color: #000;
}
.pbmit-service-style-9 .pbmit-service-title {
font-family: 'Quicksand',sans-serif;
font-size: 24px;
line-height: 34px;
font-weight: 700;
margin: 8px 0 0;
}
.pbmit-service-style-9 .pbmit-service-title a {
color: #fff;
}
.pbmit-service-style-9 .pbminfotech-box-content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.pbmit-service-style-9 .pbminfotech-box-content-inner {
position: absolute;
left: 30px;
bottom: 25px;
z-index: 9;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
width: calc(100% - 40px);
}
.pbmit-service-style-9 .pbminfotech-box-content:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
text-align: left;
border-radius: 6px;
transition: all ease 500ms;
-moz-transition: all ease 500ms;
-webkit-transition: all ease 500ms;
background: -moz-linear-gradient(top, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
background: -webkit-linear-gradient(top, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
background: linear-gradient(to bottom, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001c232f', endColorstr='#d41c232f', GradientType=0);
}
.pbmit-bg-gradiant::after {
position: absolute;
content: '';
left: 0;
top: 0;
right: auto;
height: 100%;
width: 100%;
z-index: -1;
background-image: -webkit-linear-gradient(bottom, rgba(170, 128, 249, 1) 0%, rgba(108, 105, 220, 1) 100%) !important;
}
.pbmit-testimonial-style-9 .pbminfotech-box-img:after,
.pbmit-service-style-9 .pbmit-service-cat {
background-color: var(--pbmit-global-color);
}
.pbmit-service-style-9 .pbminfotech-service-expand-right .container {
margin: 0;
padding: 0;
}
.pbmit-service-style-9 .pbmit-new-button .elementor-button {
background-color: transparent;
padding: 0;
padding-left: 25px !important;
padding-right: 0px !important;
}
.pbmit-service-style-9 .pbmit-new-button .elementor-button a {
color: var(--pbmit-global-color);
line-height: 50px;
font-weight: 700;
}
.pbmit-service-style-9 .pbmit-new-button .elementor-button:hover a {
padding-left: 35px;
}
.pbmit-service-style-9 .pbmit-new-button .elementor-button:before {
font-family: "pbminfotech-base-icons";
content: '\e839';
position: absolute;
top: 3px;
right: 0;
border-color: #fff;
}
.pbmit-service-style-9 .pbmit-portfolio-button.pbmit-new-button {
display: none;
}
/*----------------------------------------*/
/* 05 - Project
/*----------------------------------------*/
/** Style 1 **/
.pbmit-portfolio-style-1 .pbminfotech-post-item {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.pbmit-portfolio-style-1 img {
width: 100%;
height: auto;
transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transition: all ease 400ms;
-moz-transition: all ease 400ms;
-webkit-transition: all ease 400ms;
}
.pbmit-portfolio-style-1:hover img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.pbmit-portfolio-style-1 .pbminfotech-box-content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.pbmit-portfolio-style-1 .pbminfotech-box-content:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
text-align: left;
opacity: 0;
position: absolute;
transition: all ease 500ms;
-moz-transition: all ease 500ms;
-webkit-transition: all ease 500ms;
background-color: rgba(var(--pbmit-secondary-color-rgb), 0.8);
}
.pbmit-portfolio-style-1:hover .pbminfotech-box-content:after {
visibility: visible;
opacity: 1;
}
.pbmit-portfolio-style-1 .pbminfotech-icon-box {
width: 37px;
height: 37px;
position: absolute;
right: 15px;
top: 10px;
font-size: 16px;
line-height: .8;
color: #fff;
display: inline-block;
text-align: center;
z-index: 2;
padding: 11px 17px;
visibility: hidden;
opacity: 0;
transition: all ease 800ms;
-moz-transition: all ease 800ms;
-webkit-transition: all ease 800ms;
}
.pbmit-portfolio-style-1:hover .pbminfotech-icon-box {
visibility: visible;
opacity: 1;
right: 40px;
}
.pbmit-portfolio-style-1 .pbminfotech-icon-box a {
background-color: #fff;
width: 45px;
height: 45px;
line-height: 45px;
display: inline-block;
color: #1c325b;
border-radius: 50%;
font-size: 24px;
}
.pbmit-portfolio-style-1 .pbminfotech-titlebox {
position: absolute;
left: 30px;
bottom: 15px;
z-index: 2;
visibility: hidden;
opacity: 0;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
}
.pbmit-portfolio-style-1:hover .pbminfotech-titlebox {
visibility: visible;
opacity: 1;
bottom: 32px;
}
.pbmit-portfolio-style-1 .pbminfotech-box-content .pbmit-portfolio-title {
font-size: 22px;
line-height: 26px;
font-weight: 800;
margin-top: 0px;
margin-bottom: 5px;
}
.pbmit-portfolio-style-1 .pbminfotech-box-content .pbmit-portfolio-title a {
color: #fff;
}
.pbmit-portfolio-style-1 .pbminfotech-box-content .pbminfotech-box-content-inner {
position: relative;
z-index: 5;
height: 100%;
}
.pbmit-portfolio-style-1 .pbmit-ihbox.pbmit-ihbox-style-hsbox {
margin-bottom: 40px;
}
.pbmit-portfolio-style-1 .pbminfotech-titlebox .pbmit-port-cat a {
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
/** Style 2 **/
.pbmit-portfolio-style-2 .pbmit-portfolio-icon-wrapper i,
.pbmit-portfolio-style-2 .pbmit-portfolio-icon-wrapper,
.pbmit-portfolio-style-2 img {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-portfolio-style-2 .pbmit-image-wrapper {
overflow: hidden;
}
.pbmit-portfolio-style-2,
.pbmit-portfolio-style-2 .pbmit-image-wrapper {
position: relative;
}
.pbmit-portfolio-style-2 .pbmit-content-wrapper {
padding: 30px;
box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
background: #ffffff;
position: relative;
}
.pbmit-portfolio-style-2 .pbmit-portfolio-title {
font-size: 22px;
font-weight: 800;
line-height: 30px;
margin-bottom: 0px;
}
.pbmit-portfolio-style-2 .pbmit-portfolio-title a {
color: #2c2c2c;
}
.pbmit-portfolio-style-2 .pbmit-port-cat {
position: relative;
line-height: 13px;
margin-bottom: 10px;
}
.pbmit-portfolio-style-2 .pbmit-port-cat a {
text-transform: uppercase;
font-size: 13px;
line-height: 13px;
font-weight: 700;
letter-spacing: 1px;
display: inline-block;
color: var(--pbmit-global-color);
}
.pbmit-portfolio-style-2 .pbmit-content-wrapper .pbmit-link-icon {
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.pbmit-portfolio-style-2 .pbmit-content-wrapper .pbmit-link-icon a {
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background: var(--pbmit-global-color);
border-radius: 50%;
margin-left: -20px;
color: #fff;
margin-bottom: -20px;
box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
display: inline-block;
font-size: 22px;
}
.pbmit-portfolio-style-2 .pbmit-content-wrapper .pbmit-link-icon a:hover {
background-color: var(--pbmit-blackish-color);
}
.pbmit-portfolio-style-2:hover .pbmit-portfolio-icon-wrapper {
border-top-color: var(--pbmit-global-color);
}
/** Style 5 **/
.pbmit-portfolio-style-5 {
margin-bottom: 30px;
overflow: hidden;
}
.pbmit-portfolio-style-5 .pbmit-featured-wrapper:before,
.pbmit-portfolio-style-5 .pbmit-portfolio-icon-wrapper i,
.pbmit-portfolio-style-5 .pbmit-portfolio-icon-wrapper,
.pbmit-portfolio-style-5 img {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-portfolio-style-5:hover .pbmit-featured-wrapper img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.pbmit-portfolio-style-5 .pbmit-portfolio-icon-wrapper {
height: 40px;
width: 40px;
font-size: 22px;
line-height: 40px;
text-align: center;
color: #fff;
background: #000;
}
.pbmit-portfolio-style-5 .pbmit-portfolio-icon-wrapper a {
color: #fff;
display: block;
}
.pbmit-portfolio-style-5 .pbmit-port-cat a {
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
font-weight: 500;
letter-spacing: 0px;
display: inline-block;
color: #a8a8a8;
}
.pbmit-portfolio-style-5 .pbmit-content-wrapper {
padding: 20px 0px 0px;
}
.pbmit-portfolio-style-5 .pbmit-portfolio-title {
font-size: 24px;
font-weight: 700;
line-height: 36px;
margin-bottom: 0px;
}
.pbmit-portfolio-style-5 .pbmit-portfolio-title a{
color: #fff;
}
.pbmit-portfolio-style-5 .pbmit-featured-wrapper {
position: relative;
overflow: hidden;
}
.pbmitpbmit-portfolio-style-5:hover .pbmit-featured-wrapper:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
transition: .5s ease;
}
.pbmit-portfolio-style-5 .pbminfotech-icon-box a {
color: #fff;
font-size: 30px;
}
.pbmitor-bg-color-secondary .pbmit-portfolio-style-5 .pbmit-portfolio-title a,
.pbmit-bg-color-secondarycolor .pbmit-portfolio-style-5 .pbmit-portfolio-title a {
color: #fff;
}
.pbmit-portfolio-style-5 .pbmit-port-cat:before {
content: '';
left: 0;
top: 12px;
position: absolute;
width: 30px;
height: 3px;
background-color: var(--pbmit-global-color);
}
.pbmit-portfolio-style-5 .pbmit-port-cat {
position: relative;
padding-left: 40px;
}
.pbmit-portfolio-style-5 .pbmit-portfolio-title a:hover {
color: var(--pbmit-global-color);
}
.pbmit-portfolio-style-5 .pbmit-portfolio-title {
color: var(--pbmit-blackish-color);
}
.pbmit-portfolio-style-5 .pbminfotech-portfolio-expand-right .container {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.pbmit-portfolio-style-5 .pbmit-new-button .elementor-button {
background-color: transparent;
padding: 0;
padding-left: 25px !important;
padding-right: 0px !important;
}
.pbmit-portfolio-style-5 .pbmit-new-button .elementor-button a {
color: var(--pbmit-global-color);
line-height: 50px;
}
.pbmit-portfolio-style-5 .pbmit-new-button .elementor-button:hover a {
padding-left: 35px;
}
.pbmit-portfolio-style-5 .pbmit-new-button .elementor-button:before {
font-family: "pbminfotech-base-icons";
content: '\e839';
position: absolute;
top: 3px;
right: 0;
border-color: var(--pbmit-global-color);
color: var(--pbmit-global-color);
}
/*----------------------------------------*/
/* 06 - blog
/*----------------------------------------*/
/** Style 1 **/
.pbmit-blogbox-style-1 {
border-radius: 6px;
overflow: hidden;
background: #fff;
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
margin-bottom: 30px;
}
.pbmit-blogbox-style-1 .pbmit-featured-wrapper img {
border-radius: 6px;
}
.pbmit-blogbox-style-1 .pbmit-featured-container {
position: relative;
}
.pbmit-blogbox-style-1 .pbmit-featured-container .pbmit-meta-date {
position: absolute;
right: 10px;
top: 10px;
border-radius: 6px;
padding: 12px 15px;
color: #fff;
background-color: var(--pbmit-global-color);
text-align: center;
text-transform: uppercase;
font-family: "Nunito", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 34px;
}
.pbmit-blogbox-style-1 .pbmit-featured-container .pbmit-meta-date span {
font-weight: normal;
font-size: 14px;
display: block;
letter-spacing: 3px;
line-height: 14px;
}
.pbmit-blogbox-style-1 .pbmit-meta-category a {
color: #fff;
}
.pbmit-blogbox-style-1 .pbminfotech-box-content {
padding: 31px;
background: #fff;
}
.pbmit-blogbox-style-1 .pbminfotech-box-content .pbmit-post-title {
font-size: 22px;
line-height: 28px;
font-weight: 800;
margin-bottom: 0;
}
.pbmit-blogbox-style-1 .pbmit-meta-container {
margin-bottom: 15px;
}
.pbmit-blogbox-style-1 .pbminfotech-box-desc {
margin-top: 10px;
}
.pbmit-blogbox-style-1 .pbminfotech-box-desc-text {
margin-bottom: 15px;
}
.pbmit-blogbox-style-1 .pbmit-meta-container .pbmit-meta-line {
display: inline-block;
margin-left: 10px;
position: relative;
font-size: 13px;
letter-spacing: 0.5px;
color: #201846;
font-weight: 600;
}
.pbmit-blogbox-style-1 .pbmit-meta-container .pbmit-meta-line a,
.pbmit-blogbox-style-1 .pbmit-meta-container .pbmit-meta-line {
color: #6d7a8c;
}
.pbmit-blogbox-style-1 .pbmit-meta-container .pbmit-meta-line:last-child:after {
display: none;
}
.pbmit-blogbox-style-1 .pbmit-meta-container .pbmit-meta-line:first-child {
margin-left: 0;
}
.pbmit-blogbox-style-1 .pbmit-meta-container .pbmit-meta-line:first-child i:before {
margin-left: 0;
}
.pbmit-blogbox-style-1 .pbmit-read-more-link span:before {
background-color: var(--pbmit-global-color);
}
.pbmit-blogbox-style-1 .post-item .pbmit-read-more-link a {
color: #232323;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 800;
display: inline-block;
position: relative;
}
.pbmit-blogbox-style-1 .post-item .pbmit-read-more-link a:after {
content: "\e839";
font-family: "pbminfotech-base-icons";
font-size: 16px;
padding-left: 10px;
background: none !important;
line-height: 16px;
vertical-align: middle;
top: -2px;
position: relative;
}
.pbmit-blogbox-style-1 .pbminfotech-box-content .pbmit-post-title a:hover,
.pbmit-blogbox-style-1 .pbmit-meta-container .pbmit-meta-line a:hover,
.pbmit-blogbox-style-1 .pbmit-meta-container .pbmit-meta-line i,
.pbmit-blogbox-style-1 .post-item .pbmit-read-more-link a:hover:after,
.pbmit-blogbox-style-1 .post-item .pbmit-read-more-link a:hover {
color: var(--pbmit-global-color);
}
.pbmit-blogbox-style-1 .pbminfotech-box-content .pbmit-post-title a,
.pbmit-blogbox-style-1 .pbminfotech-box-content .pbmit-post-title a {
color: var(--pbmit-blackish-color);
}
.pbmit-blogbox-style-1 .post-item .vc_general.vc_btn3.vc_btn3-color-secondarycolor:hover {
background-color: var(--pbmit-blackish-bg-color);
}
.pbmit-blogbox-style-1 .pbmit-featured-wrapper:before {
background-color: rgba(var(--pbmit-blackish-bg-color-rgb), 0.75);
}
/** Style 2 **/
.pbmit-blogbox-style-2 {
position: relative;
background-color: #fff;
border-radius: 6px;
padding: 40px 40px 30px;
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
}
.pbmit-blogbox-style-2:after {
content: "";
position: absolute;
margin: 10px;
border: 1px solid #ededed;
width: calc(100% - 20px);
left: 0;
height: calc(100% - 20px);
top: 0;
z-index: 0;
}
.pbmit-blogbox-style-2 .post-item {
position: relative;
z-index: 2;
}
.pbmit-blogbox-style-2 .pbmit-meta-date {
border-radius: 6px;
padding: 6px 25px;
color:#fff;
background-color: var(--pbmit-global-color);
text-align: center;
text-transform: uppercase;
font-family: "Nunito", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 14px;
letter-spacing: 2px;
display: inline-block;
margin-bottom: 20px;
}
.pbmit-blogbox-style-2 .pbmit-meta-category a {
color: #fff;
}
.pbmit-blogbox-style-2 .pbminfotech-box-content .pbmit-post-title {
font-size: 22px;
line-height: 28px;
font-weight: 800;
margin-bottom: 0;
}
.pbmit-blogbox-style-2 .pbminfotech-box-content .pbmit-post-title a {
color: var(--pbmit-blackish-color);
}
.pbmit-blogbox-style-2 .pbmit-meta-container {
padding-top: 10px;
margin-top: 30px;
border-top: 1px solid #ededed;
}
.pbmit-blogbox-style-2 .pbminfotech-box-desc {
margin-top: 10px;
}
.pbmit-blogbox-style-2 .pbminfotech-box-desc-text {
margin-bottom: 15px;
}
.pbmit-blogbox-style-2 .pbmit-meta-container .pbmit-meta-line {
display: inline-block;
margin-left: 10px;
position: relative;
font-size: 13px;
letter-spacing: 0.5px;
color: #201846;
}
.pbmit-blogbox-style-2 .pbmit-meta-container .pbmit-meta-line a {
color: #484746;
}
.pbmit-blogbox-style-2 .pbmit-meta-container .pbmit-meta-line i {
color: #000;
}
.pbmit-blogbox-style-2 .pbmit-meta-container .pbmit-meta-line:last-child:after {
display: none;
}
.pbmit-blogbox-style-2 .pbmit-meta-container .pbmit-meta-line:first-child {
margin-left: 0;
}
.pbmit-blogbox-style-2 .pbmit-meta-container .pbmit-meta-line:first-child i:before {
margin-left: 0;
}
.pbmit-blogbox-style-2 .post-item .pbmit-read-more-link a {
color: #232323;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 700;
display: inline-block;
position: relative;
}
.pbmit-blogbox-style-2 .post-item .pbmit-read-more-link a:after {
content: "\e839";
font-family: "pbminfotech-base-icons";
font-size: 16px;
padding-left: 10px;
background: none !important;
line-height: 16px;
vertical-align: middle;
top: -2px;
position: relative;
}
.pbmit-blogbox-style-2 .pbmit-meta-container .pbmit-meta-line i,
.pbmit-blogbox-style-2 .post-item .pbmit-read-more-link a:hover:after,
.pbmit-blogbox-style-2 .post-item .pbmit-read-more-link a:hover,
.pbmit-blogbox-style-2 .pbminfotech-box-content .pbmit-post-title a:hover {
color: var(--pbmit-global-color);
}
/** Style 3 **/
.pbmit-blogbox-style-3 {
margin-bottom: 30px;
border-radius: 6px;
overflow: hidden;
background: #fff;
box-shadow: 0px 9px 24px 0px rgba(26, 47, 106, 0.06);
}
.pbmit-blogbox-style-3 .pbmit-featured-wrapper img {
border-radius: 6px;
}
.pbmit-blogbox-style-3 .pbmit-featured-container {
position: relative;
padding: 20px;
}
.pbmit-blogbox-style-3 .pbmit-meta-category {
position: absolute;
right: 30px;
top: 30px;
font-size: 0;
}
.pbmit-blogbox-style-3 .pbmit-meta-category a {
display: inline-block;
border-radius: 4px;
padding: 5px 15px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 800;
margin-left: 10px;
background-color: var(--pbmit-global-color);
color: #fff;
line-height: normal;
}
.pbmit-blogbox-style-3 .pbmit-featured-container .pbmit-meta-date span {
font-weight: normal;
font-size: 14px;
display: block;
letter-spacing: 3px;
line-height: 14px;
}
.pbmit-blogbox-style-3 .pbminfotech-box-content {
padding: 0 20px 20px 20px;
background: #fff;
}
.pbmit-blogbox-style-3 .pbminfotech-box-content .pbmit-post-title {
font-size: 22px;
line-height: 28px;
font-weight: 800;
margin-bottom: 0;
}
.pbmit-blogbox-style-3 .pbminfotech-box-desc {
margin-top: 10px;
}
.pbmit-blogbox-style-3 .pbminfotech-box-desc-text {
margin-bottom: 15px;
}
.pbmit-blogbox-style-3 .pbmit-meta-container .pbmit-meta-line {
display: inline-block;
position: relative;
font-size: 13px;
letter-spacing: 0.5px;
color: #6d7a8c;
font-weight: 600;
}
.pbmit-blogbox-style-3 .pbmit-post-footer {
margin-top: 25px;
padding-top: 15px;
border-top: 1px solid #dce5e7;
justify-content: space-between;
}
.pbmit-blogbox-style-3 .pbmit-meta-container .pbmit-meta-line i {
color: var(--pbmit-global-color);
}
.pbmit-blogbox-style-3 .pbmit-meta-category a:hover {
background-color: var(--pbmit-secondary-color);
}
/** Style 4 **/
.pbmit-blog-style-4 .pbmit-posts-wrapper {
padding-top: 40px;
}
.pbmit-blogbox-style-4 {
position: relative;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.pbmit-blogbox-style-4{
border-bottom: 1px solid #dddddd;
margin-bottom: 30px;
}
.pbmit-blogbox-style-4:last-child{
border: 0;
}
.pbmit-blogbox-style-4 .pbminfotech-box-content {
display: flex;
align-items: center;
padding-bottom: 30px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.pbmit-blogbox-style-4 .pbmit-meta-date .pbmit-date-wrap {
font-size: 48px;
font-weight: 600;
line-height: 48px;
margin-bottom: 18px;
}
.pbmit-blogbox-style-4 .pbmit-meta-date span {
font-weight: normal;
font-size: 14px;
display: block;
letter-spacing: 0px;
line-height: 18px;
color: #999;
}
.pbmit-blogbox-style-4 .pbminfotech-box-content .pbmit-post-title {
font-size: 24px;
line-height: 28px;
font-weight: 600;
margin-bottom: 0;
margin-top: 15px;
}
.pbmit-blogbox-style-4 .pbmit-meta-line {
display: inline-block;
font-size: 10px;
line-height: 10px;
letter-spacing: 0.25px;
color: #201846;
font-weight: 500;
}
.pbmit-blogbox-style-4 .pbmit-meta-cat-wrapper.pbmit-meta-line {
text-transform: uppercase;
padding: 8px 12px;
border: 1px solid #000;
border-radius: 50px;
border-color: var(--pbmit-global-color);
}
.pbmit-blogbox-style-4 .pbmit-content-wrapper {
padding: 0 100px;
}
.pbmit-blogbox-style-4 .pbmit-read-more-link {
padding-left: 50px;
margin-left: auto!important;
}
.pbmit-blogbox-style-4 .pbmit-read-more-link a {
position: relative;
padding-left: 28px;
padding-top: 13px;
}
.pbmit-blogbox-style-4 .pbmit-read-more-link a:before {
content: '\e839';
font-family: 'pbminfotech-base-icons';
text-align: center;
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
background-color: transparent;
border-radius: 50%;
border: 2px solid #000;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transform: translate(0%, 0%) scale(0);
transform: translate(0%, 0%) scale(0);
border-color: var(--pbmit-global-color);
}
.pbmit-blogbox-style-4 .pbmit-read-more-link a:hover:before {
-webkit-transform: translate(0%, 0%) scale(1);
transform: translate(0%, 0%) scale(1);
}
.pbmit-blogbox-style-4 .pbmit-read-more-link a:after {
content: '';
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
background-color: #fff;
border-radius: 50%;
border: 2px solid #000;
z-index: -1;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transform: translate(0%, 0%) scale(1);
transform: translate(0%, 0%) scale(1);
border-color: var(--pbmit-global-color);
}
.pbmit-blogbox-style-4 .pbmit-read-more-link a:hover:after {
-webkit-transform: translate(0%, 0%) scale(0);
transform: translate(0%, 0%) scale(0);
opacity: 0;
visibility: hidden;
}
.pbmit-blogbox-style-4 .pbmit-read-more-link a>span {
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.pbmit-blogbox-style-4 .pbmit-read-more-link a:hover span {
padding-left: 30px;
}
.pbmit-blogbox-style-4 .pbmit-read-more-link a>span::before,
.pbmit-blogbox-style-4 .pbmit-read-more-link a>span::after {
display: none;
}
.pbmit-blogbox-style-4 .pbmit-featured-wrapper {
position: absolute;
left: auto;
right: 200px;
z-index: 1;
visibility: hidden;
opacity: 0;
top: -86px;
transform: translateY(40px);
transform-origin: top center;
transition: all .45s;
}
.pbmit-blogbox-style-4:hover .pbmit-featured-wrapper {
visibility: visible;
opacity: 1!important;
transform: translateY(0) skewY(0) scaleZ(1);
}
.pbmit-blogbox-style-4 .post-item .pbmit-read-more-link a:hover {
color: var(--pbmit-secondary-color);
}
.pbmit-blogbox-style-4 .pbmit-meta-cat-wrapper a {
color: var(--pbmit-global-color) !important;
}
.pbmit-blogbox-style-4 .pbmit-meta-date .pbmit-date-wrap {
color: var(--pbmit-blackish-color);
}
/** Style 5 **/
.pbmit-blogbox-style-5,
.pbmit-blogbox-style-5 .pbmit-meta-data,
.pbmit-blogbox-style-5 .pbminfotech-box-desc,
.pbmit-blogbox-style-5 .pbmit-meta-line,
.pbmit-blogbox-style-5 .pbmit-read-more-link,
.pbmit-blogbox-style-5 .pbminfotech-box-content,
.pbmit-blogbox-style-5 .pbmit-box-content-wrapper {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-blogbox-style-5 {
position: relative;
overflow: hidden;
margin: 30px 0 40px;
}
.pbmit-blogbox-style-5::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
}
.pbmit-blogbox-style-5 .pbmit-meta-data {
position: absolute;
left: 0;
bottom: 0;
padding: 30px 30px 50px;
z-index: 1;
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.pbmit-blogbox-style-5:hover .pbmit-meta-data {
-webkit-transform: translateY(100%);
-khtml-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.pbmit-blogbox-style-5 .pbmit-box-content-wrapper {
position: absolute;
bottom: -5px;
padding: 50px 45px 60px;
}
.pbmit-blogbox-style-5:hover .pbmit-box-content-wrapper {
top: 0;
bottom: auto;
}
.pbmit-blogbox-style-5 .pbminfotech-box-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transform: translateY(100%);
-khtml-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.pbmit-blogbox-style-5:hover .pbminfotech-box-content {
background-color: #fff;
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.pbmit-blogbox-style-5 .pbmit-meta-date {
position: relative;
}
.pbmit-blogbox-style-5 .pbmit-meta-date span {
font-weight: normal;
font-size: 14px;
display: block;
letter-spacing: 3px;
line-height: 14px;
}
.pbmit-blogbox-style-5 .pbmit-meta-data .pbmit-post-title,
.pbmit-blogbox-style-5 .pbminfotech-box-content .pbmit-post-title {
font-size: 20px;
line-height: 24px;
font-weight: 600;
margin-bottom: 0;
}
.pbmit-blogbox-style-5 .pbmit-meta-data .pbmit-post-title a {
color: #fff;
}
.pbmit-blogbox-style-5 .pbmit-meta-container {
margin-bottom: 22px;
}
.pbmit-blogbox-style-5 .pbminfotech-box-desc {
visibility: hidden;
opacity: 0;
height: 0;
}
.pbmit-blogbox-style-5:hover .pbminfotech-box-desc {
margin-top: 22px;
height: auto;
visibility: visible;
opacity: 1;
}
.pbmit-blogbox-style-5 .pbminfotech-box-desc-text {
margin-bottom: 45px;
}
.pbmit-blogbox-style-5 .pbmit-meta-line {
display: inline-block;
font-size: 10px;
line-height: 10px;
letter-spacing: 0px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
.pbmit-blogbox-style-5:hover .pbmit-meta-line {
color: #999;
}
.pbmit-blogbox-style-5 .pbmit-meta-cat-wrapper.pbmit-meta-line {
padding: 8px 12px;
border: 1px solid;
border-radius: 50px;
letter-spacing: 0.5px;
background-color: #fff;
border-color: transparent;
}
.pbmit-blogbox-style-5 .pbmit-meta-date:before {
content: '/';
margin-right: 5px;
}
.pbmit-blogbox-style-5 .pbmit-meta-line:not(:first-child) {
margin-left: 12px;
}
.pbmit-blogbox-style-5 .pbminfotech-box-content .pbmit-post-title a {
color: #fff;
}
.pbmit-blogbox-style-5:hover .pbminfotech-box-content .pbmit-post-title a {
color: var(--pbmit-blackish-color);
}
.pbmit-blogbox-style-5 .pbmit-read-more-link a,
.pbmit-blogbox-style-5 .pbmit-meta-category a {
color: var(--pbmit-global-color);
}
.pbmit-blogbox-style-5:hover .pbmit-meta-cat-wrapper.pbmit-meta-line {
border-color: var(--pbmit-global-color);
}
.pbmit-blogbox-style-5 .pbmit-read-more-link span:after {
background-color: var(--pbmit-global-color);
}
/** Style 6 **/
.pbmit-blogbox-style-6 {
margin-bottom: 30px;
border-radius: 15px;
padding: 20px 20px 30px;
overflow: hidden;
background: #fff;
box-shadow: 0px 2px 40px 0px rgb(0 0 0 / 5%);
}
.pbmit-blogbox-style-6 .pbmit-featured-wrapper img {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pbmit-blogbox-style-6:hover .pbmit-featured-wrapper img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.pbmit-blogbox-style-6 .pbmit-featured-container {
overflow: hidden;
border-radius: 15px;
}
.pbmit-blogbox-style-6 .pbminfotech-box-content {
position: relative;
}
.pbmit-blogbox-style-6 .pbminfotech-box-content .pbmit-meta-category {
position: absolute;
left: 20px;
top: -15px;
font-size: 12px;
line-height: 14px;
letter-spacing: 1px;
font-weight: 600;
border-radius: 6px;
padding: 10px 20px;
text-transform: uppercase;
background-color: var(--pbmit-global-color)
}
.pbmit-blogbox-style-6 .pbminfotech-box-content .pbmit-meta-category a {
color: #fff;
}
.pbmit-blogbox-style-6 .pbmit-meta-date {
font-size: 12px;
line-height: 12px;
font-weight: 500;
letter-spacing: 0px;
text-transform: uppercase;
align-items: center;
display: flex;
}
.pbmit-blogbox-style-6 .pbmit-meta-comment {
align-items: center;
display: flex;
}
.pbmit-blogbox-style-6 .pbmit-meta-comment span,
.pbmit-blogbox-style-6 .pbmit-meta-date span {
padding-left: 5px;
}
.pbmit-blogbox-style-6 .pbminfotech-box-content {
padding-top: 45px;
}
.pbmit-blogbox-style-6 .pbminfotech-box-content .pbmit-post-title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 0;
}
.pbmit-blogbox-style-6 .pbmit-meta-container {
margin-top: 20px;
}
.pbmit-blogbox-style-6 .pbmit-meta-container .pbmit-meta-line {
display: inline-block;
margin-left: 10px;
position: relative;
font-size: 13px;
letter-spacing: 0.5px;
color: #201846;
font-weight: 600;
}
.pbmit-blogbox-style-6 .pbmit-meta-container .pbmit-meta-line a,
.pbmit-blogbox-style-6 .pbmit-meta-container .pbmit-meta-line {
color: #777777;
}
.pbmit-blogbox-style-6 .pbmit-meta-container .pbmit-meta-line:last-child:after {
display: none;
}
.pbmit-blogbox-style-6 .pbmit-meta-container .pbmit-meta-line:first-child {
margin-left: 0;
}
.pbmit-blogbox-style-6 .pbmit-meta-container .pbmit-meta-line:first-child i:before {
margin-left: 0;
}
.pbmit-blogbox-style-6 .pbmit-meta-container .pbmit-meta-line i {
font-size: 18px;
color: var(--pbmit-global-color);
}
.pbmit-blogbox-style-6 .pbmit-meta-container .pbmit-meta-line i:before {
font-weight: 500;
}
/*----------------------------------------*/
/* 07 - Testimonial
/*----------------------------------------*/
/** Style 1 **/
.pbmit-testimonial-style-1 {
position: relative;
padding: 70px 28px 40px;
background: #fff;
border-radius: 6px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
margin: 50px 0 40px 0;
}
.owl-carousel .owl-item .pbmit-testimonial-style-1 img,
.pbmit-testimonial-style-1 .pbminfotech-box-img img {
border-radius: 50%;
height: 70px;
width: 70px;
}
.pbmit-testimonial-style-1 .pbminfotech-box-desc {
padding-bottom: 30px;
padding-top: 0;
}
.pbmit-testimonial-style-1 .pbminfotech-box-author {
position: relative;
text-align: left;
display: inline-block;
color: var(--pbmit-global-color);
}
.pbmit-testimonial-style-1 .pbminfotech-box-title {
font-size: 18px;
line-height: 20px;
font-weight: 800;
margin-bottom: 0;
margin-top: 12px;
color: var(--pbmit-blackish-color);
}
.pbmit-testimonial-style-1 blockquote {
font-family: var(--pbmit-heading-typography-font-family);
font-size: 18px;
color: #6d7a8c;
line-height: 28px;
padding: 0;
margin: 0;
border: 0;
background: transparent;
font-style: normal;
}
.pbmit-testimonial-style-1 .pbminfotech-box-img {
padding-right: 15px;
}
.pbmit-testimonial-style-1 .pbminfotech-box-desc {
position: relative;
}
.pbmit-testimonial-style-1:after {
position: absolute;
content: "\e805";
font-family: "pbminfotech-base-icons";
font-size: 26px;
line-height: 50px;
top: -40px;
left: 40px;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
border-radius: 50%;
color: #fff;
background: var(--pbmit-secondary-color);
}
/** Style 3 **/
.pbmit-testimonial-style-3 {
position: relative;
}
.pbmit-testimonial-style-3 img,
.pbmit-testimonial-style-3 .pbminfotech-box-img img {
border-radius: 6px;
height: 75px;
width: 75px;
border: 5px solid #fff;
box-shadow: 0px 0px 40px 0px rgba(26, 47, 106, 0.08)
}
.pbmit-testimonial-style-3 .pbminfotech-box-desc {
padding-bottom: 10px;
padding-top: 0;
}
.pbmit-testimonial-style-3 .pbminfotech-box-author {
position: relative;
text-align: left;
display: inline-block;
padding-bottom: 20px;
}
.pbmit-testimonial-style-3 .pbminfotech-box-title {
font-size: 18px;
line-height: 24px;
font-weight: 800;
margin-bottom: 0;
margin-top: 15px;
color: var(--pbmit-global-color);
}
.pbmit-testimonial-style-3 blockquote {
font-size: 24px;
line-height: 36px;
padding: 0;
margin: 0;
margin-top: 15px;
border: 0;
font-weight: 300;
font-style: normal;
background: transparent;
color: var(--pbmit-secondary-color);
}
.pbmit-testimonial-style-3 .pbminfotech-box-img {
padding-right: 20px;
}
.pbmit-testimonial-style-3 .pbminfotech-box-desc {
position: relative;
}
.pbmit-testimonial-style-3:after {
position: absolute;
content: "\e805";
font-family: "pbminfotech-base-icons";
font-size: 120px;
line-height: 120px;
top: 0px;
right: 3px;
z-index: -1;
color: transparent;
-webkit-text-stroke: 8px #eef7f9;
transform: rotate(180deg);
}
.pbmit-testimonial-style-3 .pbminfotech-box-star-ratings i {
font-size: 22px;
}
.pbmit-testimonial-style-3 .pbmit-ihbox,
.pbmit-testimonial-style-3 .pbmit-ele-header-area {
padding-left: 20px;
}
.pbmit-testimonial-style-3 .pbminfotech-box-author,
.pbmit-testimonial-style-3 .pbminfotech-box-desc,
.pbmit-testimonial-style-3 .pbminfotech-box-star-ratings {
padding-left: 20px;
}
.pbmit-testimonial-style-3 .pbminfotech-box-star-ratings i.pbmit-active {
color: var(--pbmit-secondary-color);
}
.pbmit-testimonial-style-3 .pbminfotech-box-img:after {
background-color: var(--pbmit-secondary-color);
}
/** Style 4 **/
.pbmit-testimonial-style-4 {
position: relative;
transition: 1s;
}
.pbmit-testimonial-style-4 img,
.pbmit-testimonial-style-4 .pbminfotech-box-img img {
border-radius: 6px;
height: 100px;
width: 100px;
border: 5px solid #fff;
box-shadow: 0 0 30px rgba(140, 152, 164, 0.5);
}
.pbmit-testimonial-style-4 .pbminfotech-box-inner {
background: #fff;
padding: 40px 30px 50px 80px;
border-radius: 6px;
}
.pbmit-testimonial-style-4 .pbminfotech-box-desc {
padding-bottom: 5px;
padding-top: 0;
}
.pbmit-testimonial-style-4 .pbminfotech-box-author {
position: relative;
text-align: left;
display: inline-block;
}
.pbmit-testimonial-style-4 .pbminfotech-box-title {
font-size: 18px;
line-height: 24px;
font-weight: 700 !important;
display: inline-block;
margin-bottom: 0;
margin-top: 25px;
color: var(--pbmit-global-color);
}
.pbmit-text-color-white .pbmit-testimonial-style-4 .pbminfotech-box-author-details,
.pbmit-text-color-white .pbmit-testimonial-style-4 .pbmit-designation {
color: #6d7a8c;
}
.pbmit-testimonial-style-4 blockquote {
font-size: 22px;
line-height: 30px;
padding: 0;
margin: 0;
margin-top: 15px;
border: 0;
font-style: normal;
font-weight: 400;
background: transparent;
color: var(--pbmit-secondary-color);
}
.pbmit-testimonial-style-4 .pbminfotech-box-content {
position: relative;
padding-top: 40px;
padding-left: 60px;
}
.pbmit-testimonial-style-4 .pbminfotech-box-img {
position: absolute;
top: 0;
left: 0;
}
.pbmit-testimonial-style-4:after {
position: absolute;
content: "\e805";
font-family: "pbminfotech-base-icons";
font-size: 60px;
line-height: 60px;
bottom: 40px;
right: 40px;
transform: rotate(180deg);
color: var(--pbmit-global-color);
}
.pbmit-testimonial-style-4 .owl-carousel .owl-dots {
text-align: right;
margin-top: 0;
position: absolute;
bottom: -50px;
right: 40%;
}
.pbmit-testimonial-style-4.pbminfotech-viewtype-carousel .owl-carousel button.owl-dot {
background:#fff;
}
.pbmit-testimonial-style-4.pbminfotech-viewtype-carousel .owl-carousel button.owl-dot.active {
background-color: var(--pbmit-secondary-color);
}
.pbmit-testimonial-style-4 .pbmit-ihbox.pbmit-ihbox-style-hsbox .pbmit-ihbox-heading .vc_custom_heading:before {
background-color: var(--pbmit-global-color);
}
/** Style 5 **/
.pbmit-testimonial-style-5 {
position: relative;
padding-bottom: 40px;
}
.pbmit-testimonial-style-5 .pbminfotech-box-img {
position: absolute;
top: 80px;
left: 20px;
z-index: 1;
}
.owl-carousel .owl-item .pbmit-testimonial-style-5 img,
.pbmit-testimonial-style-5 .pbminfotech-box-img img {
border-radius: 50%;
height: 100px;
width: 100px;
}
.pbmit-testimonial-style-5 .pbmit-featured-wrapper {
position: relative;
}
.pbmit-testimonial-style-5 .pbmit-featured-wrapper:before {
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
content: "";
border: 10px solid #fff;
border-radius: 50%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.pbmit-testimonial-style-5 .pbminfotech-box-inner {
background: #fff;
padding: 40px 30px 50px 80px;
border-radius: 4px;
position: relative;
box-shadow: 0 0 30px rgba(140, 152, 164, 0.1);
}
.pbmit-testimonial-style-5 .pbminfotech-box-inner:after {
content: '';
position: absolute;
bottom: 0;
left: 15%;
width: 0;
height: 0;
border: 40px solid transparent;
border-top-color: #fff;
border-bottom: 0;
margin-left: -30px;
margin-bottom: -30px;
}
.pbmit-testimonial-style-5 .pbminfotech-box-desc {
padding-bottom: 5px;
padding-top: 0;
}
.pbmit-testimonial-style-5 .pbminfotech-box-author {
position: relative;
text-align: left;
display: inline-block;
}
.pbmit-testimonial-style-5 .pbminfotech-box-title {
font-size: 18px;
line-height: 24px;
font-weight: 700 !important;
display: inline-block;
margin-bottom: 0;
margin-top: 20px;
color: var(--pbmit-global-color);
}
.pbmit-text-color-white .pbmit-testimonial-style-5 .pbminfotech-box-author-details,
.pbmit-text-color-white .pbmit-testimonial-style-5 .pbmit-designation {
color: #6d7a8c;
}
.pbmit-testimonial-style-5 blockquote {
font-family: var(--pbmit-heading-typography-font-family);
font-size: 18px;
line-height: 30px;
padding: 0;
margin: 0;
margin-top: 15px;
border: 0;
font-style: normal;
font-weight: 400;
background: transparent;
color: var(--pbmit-blackish-color);
}
.pbmit-testimonial-style-5 .pbminfotech-box-content {
position: relative;
padding-left: 70px;
}
.pbmit-testimonial-style-5:after {
position: absolute;
content: "\e805";
font-family: "pbminfotech-base-icons";
font-size: 50px;
line-height: 50px;
bottom: 80px;
right: 40px;
transform: rotate(180deg);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #e6e6e6;
color: transparent;
}
.pbmit-testimonial-style-5 .owl-carousel .owl-dots {
text-align: center;
margin-top: 30px;
}
.pbmit-testimonial-style-5.pbminfotech-viewtype-carousel .owl-carousel .owl-nav button.owl-next:hover:before,
.pbmit-testimonial-style-5.pbminfotech-viewtype-carousel .owl-carousel .owl-nav button.owl-prev:hover:before {
background-color: var(--pbmit-global-color);
}
/** Style 6 **/
.pbmit-testimonial-style-6 {
position: relative;
padding-top: 20px;
padding-right: 170px;
}
.owl-carousel .owl-item .pbmit-testimonial-style-6 img,
.pbmit-testimonial-style-6 .pbminfotech-box-img img {
border-radius: 50%;
height: 80px;
width: 80px;
}
.pbmit-testimonial-style-6 .pbminfotech-box-desc {
padding-bottom: 40px;
padding-top: 0;
}
.pbmit-testimonial-style-6 .pbminfotech-box-author {
position: relative;
text-align: left;
display: inline-block;
padding-bottom: 20px;
}
.pbmit-testimonial-style-6 .pbminfotech-box-title {
font-size: 18px;
line-height: 24px;
font-weight: 800;
margin-bottom: 0;
margin-top: 15px;
color: var(--pbmit-global-color);
}
.pbmit-testimonial-style-6 blockquote {
font-size: 28px;
line-height: 42px;
padding: 0;
margin: 0;
margin-top: 15px;
border: 0;
font-weight: 300;
font-style: normal;
background: transparent;
}
.pbmit-testimonial-style-6 .pbminfotech-box-img {
padding-right: 20px;
}
.pbmit-testimonial-style-6 .pbminfotech-box-desc {
position: relative;
padding-right: 22px;
}
.pbmit-testimonial-style-6:after {
position: absolute;
content: "\e805";
font-family: "pbminfotech-base-icons";
font-size: 100px;
line-height: 100px;
top: 50px;
right: 130px;
color: transparent;
-webkit-text-stroke: 1px #ffffff44;
transform: rotate(180deg);
}
.pbmit-testimonial-style-6 .pbminfotech-box-star-ratings i {
font-size: 22px;
}
.pbmit-testimonial-style-6 .pbmit-ihbox {
padding-left: 20px;
}
.pbmit-testimonial-style-6.pbminfotech-viewtype-carousel .owl-carousel .owl-nav button {
opacity: 0.2;
background: #fff;
color: #1c232f;
}
.pbmit-testimonial-style-6.pbminfotech-viewtype-carousel .owl-carousel .owl-nav .owl-next {
right: 0;
top: -60px;
}
.pbmit-testimonial-style-6.pbminfotech-viewtype-carousel .owl-carousel .owl-nav .owl-prev {
left: inherit;
right: 0;
}
.pbmit-testimonial-style-6 .pbminfotech-box-star-ratings i.pbmit-active {
color: var(--pbmit-global-color);
font-size: 22px;
}
/** Style 7**/
.pbmit-testimonial-style-7 {
position: relative;
padding-left: 110px;
}
.pbmit-testimonial-style-7 img,
.pbmit-testimonial-style-7 .pbminfotech-box-img img {
border-radius: 50%;
height: 53px;
width: 53px;
}
.pbmit-testimonial-style-7 .pbminfotech-box-desc {
padding-bottom: 10px;
padding-top: 25px;
}
.pbmit-testimonial-style-7 .pbminfotech-box-title {
font-size: 18px;
line-height: 20px;
font-weight: 500;
margin-bottom: 0;
margin-top: 12px;
color: var(--pbmit-global-color);
}
.pbmit-testimonial-style-7 blockquote {
font-size: 24px;
color: #1a191d;
line-height: 36px;
padding: 0;
margin: 0;
border: 0;
background: transparent;
font-style: normal;
font-weight: 400;
}
.pbmit-testimonial-style-7 .pbminfotech-box-img {
padding-right: 25px;
}
.pbmit-testimonial-style-7:after {
position: absolute;
content: "\e805";
font-family: "pbminfotech-base-icons";
font-size: 70px;
line-height: 70px;
top: 0;
left: 2px;
color: transparent;
-webkit-text-stroke: 1px var(--pbmit-secondary-color);
opacity: .30;
}
.pbmit-testimonial-style-7 span.pbmit-designation {
color: #999;
}
.pbmit-testimonial-style-7 .pbminfotech-box-star-ratings i {
font-size: 20px;
color: #ffaa01;
}
.pbmit-testimonial-style-7 .pbminfotech-box-star-ratings i:before {
margin: 0 .1em;
}
/** Style 8 **/
.pbmit-testimonial-style-8 .pbmit-content-box {
position: relative;
margin-left: 100px;
padding-top: 40px;
}
.pbmit-testimonial-style-8 .pbminfotech-box-desc {
padding-bottom: 10px;
padding-top: 38px;
}
.pbmit-testimonial-style-8 .pbminfotech-box-title {
font-size: 18px;
line-height: 20px;
font-weight: 500;
margin-bottom: 0;
margin-top: 12px;
color: var(--pbmit-global-color);
}
.pbmit-testimonial-style-8 blockquote {
font-size: 28px;
color: #1a191d;
line-height: 40px;
padding: 0;
margin: 0;
border: 0;
background: transparent;
font-style: normal;
font-weight: 400;
}
.pbmit-testimonial-style-8 .pbmit-content-box:after {
position: absolute;
content: "\e805";
font-family: "pbminfotech-base-icons";
font-size: 80px;
line-height: 80px;
top: 0;
left: 0px;
color: var(--pbmit-global-color);
}
.pbmit-testimonial-style-8 span.pbmit-designation {
color: #999;
}
.pbmit-testimonial-style-8 .pbminfotech-box-star-ratings {
text-align: right;
}
.pbmit-testimonial-style-8 .pbminfotech-box-star-ratings i {
font-size: 20px;
color: #ffaa01;
}
.pbmit-testimonial-style-8 .pbminfotech-box-star-ratings i:before {
margin: 0 .1em;
}
.pbmit-testimonial-style-8.pbminfotech-viewtype-carousel .owl-carousel .owl-dots {
margin-top: 0;
position: absolute;
right: 0;
bottom: 50px;
}
.pbmit-testimonial-style-8 .pbmit-featured-wrapper {
width: 370px;
}
.pbmit-testimonial-style-8 .pbmit-ele-header-area .left-align.pbmit-heading-subheading,
.pbmit-testimonial-style-8 .pbmit-ihbox-box .pbmit-ihbox-contents {
display: flex;
}
.pbmit-testimonial-style-8 .pbmit-ele-header-area .left-align.pbmit-heading-subheading .pbmit-title,
.pbmit-testimonial-style-8 .pbmit-ihbox-box .pbmit-ihbox-contents .pbmit-ihbox-heading {
padding-left: 380px;
}
/** Style 9 **/
.pbmit-testimonial-style-9 img,
.pbmit-testimonial-style-9 .pbminfotech-box-img img {
border-radius: 50%;
height: 70px;
width: 70px;
}
.pbmit-testimonial-style-9 .pbminfotech-box-desc {
padding-bottom: 30px;
padding-top: 0;
}
.pbmit-testimonial-style-9 .pbminfotech-box-author {
margin-top: 20px;
}
.pbmit-testimonial-style-9 .pbminfotech-box-title {
font-family: 'Quicksand',sans-serif;
font-size: 18px;
line-height: 20px;
font-weight: 600;
margin-bottom: 0;
color: #353b6e;
}
.pbmit-testimonial-style-9 blockquote {
font-family: 'DM Sans',sans-serif;
font-size: 22px;
color: #787c8b;
line-height: 30px;
padding: 0;
margin: 0;
border: 0;
background: transparent;
font-style: normal;
}
.pbmit-testimonial-style-9 .pbminfotech-box-img {
position: relative;
padding-right: 15px;
}
.pbmit-testimonial-style-9 .pbminfotech-box-desc {
position: relative;
}
.pbmit-testimonial-style-9 .pbminfotech-box-img:after {
position: absolute;
content: "\e805";
font-family: "pbminfotech-base-icons";
font-size: 16px;
top: 5px;
right: 0;
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
border-radius: 50%;
color: #fff;
background: #000;
}
.pbmit-testimonial-style-9 .pbminfotech-box-star-ratings i {
font-size: 18px;
color: #f2e72a;
}
/*----------------------------------------*/
/* 08 - Header
/*----------------------------------------*/
/** Header Style 1 **/
.header-style-1 .header-wrapper{
position: absolute;
top: 0;
z-index: 99;
width: 100%;
}
.header-style-1 .pre-header {
color: #fff;
font-size: 14px;
padding: 0 35px;
height: 50px;
line-height: 50px;
border-bottom: 1px solid rgba(255,255,255,.13);
}
.header-style-1 .site-header-menu{
padding: 0 35px;
color: #fff;
border-bottom: 1px solid rgba(255,255,255,.13);
}
.header-style-1 .pbmit-contact-info li {
font-family: var(--pbmit-heading-typography-font-family);
font-size: 14px;
font-weight: 600;
display: inline-block;
vertical-align: top;
position: relative;
margin: 0 15px;
}
.header-style-1 .pbmit-contact-info li::after {
content: "";
position: absolute;
left: -16px;
top: 0;
width: 1px;
height: 49px;
background-color: rgba(255,255,255,.18);
}
.header-style-1 .pbmit-contact-info li:first-child{
margin-left: 0;
}
.header-style-1 .pbmit-contact-info li:last-child::before {
content: "";
position: absolute;
right: -16px;
top: 0;
width: 1px;
height: 49px;
background-color: rgba(255,255,255,.18);
}
.header-style-1 .pbmit-contact-info i {
color: var(--pbmit-global-color);
font-size: 15px;
margin-right: 5px;
}
.header-style-1 .pbmit-contact-info li a{
color: #fff;
}
.header-style-1 .pbmit-contact-info a span {
font-weight: 500;
}
.header-style-1 .pbmit-social-links{
margin: 0 15px;
position: relative;
display: inline-block;
}
.header-style-1 .pre-header .pbmit-social-li {
margin-right: 8px;
display: inline-block;
}
.header-style-1 .pre-header .pbmit-social-li::after {
content: "";
position: absolute;
right: -16px;
top: 0;
width: 1px;
height: 49px;
background-color: rgba(255,255,255,.05);
}
.header-style-1 .pre-header .pbmit-social-li::before {
content: "";
position: absolute;
left: -16px;
top: 0;
width: 1px;
height: 49px;
background-color: rgba(255,255,255,.05);
}
.header-style-1 .pbmit-social-links a {
position: relative;
display: inline-block;
line-height: 35px;
width: 35px;
font-size: 15px;
color: #fff;
text-align: center;
vertical-align: middle;
}
.header-style-1 .pbmit-social-links a:hover{
color: var(--pbmit-global-color);
}
.header-style-1 .pbmit-pre-header-right .pbmit-header-search-btn{
margin: 0 15px;
}
.header-style-1 .pbmit-pre-header-right .pbmit-header-search-btn a{
font-size: 16px;
color: #fff;
}
.header-style-1 .pbmit-pre-header-right .pbmit-header-search-btn a:hover{
color: var(--pbmit-global-color);
}
.header-style-1 .site-header-menu .site-branding{
margin-right: 80px;
}
.header-style-1 .site-header-menu .site-branding .sticky-logo{
display: none;
}
.pbmit-right-box {
display: flex;
align-items: center;
}
.header-style-1 .pbmit-right-box>* {
padding: 0 0 0 16px;
position: relative;
}
.header-style-1 .site-navigation ul.navigation > li > a{
color: #fff;
}
.header-style-1 .site-header-menu .site-navigation .navigation > li > a{
line-height: 120px;
height: 100%;
}
.header-style-1 .pbmit-header-search-btn a {
font-size: 20px;
color: var(--pbmit-blackish-color);
}
.header-style-1 .pbmit-header-button a {
color: #fff;
height: 100%;
display: inline-block;
padding: 0 60px;
vertical-align: middle;
padding-right: 8px;
font-weight: 400;
font-size: 16px;
position: relative;
border-radius: 6px;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header-style-1 .pbmit-header-button a:after {
content: "\e83f";
font-family: "pbminfotech-base-icons";
font-size: 45px;
line-height: 45px;
top: 3px;
color: var(--pbmit-global-color);
position: absolute;
left: 0;
font-weight: 400;
}
.header-style-1 .pbmit-header-button a .pbmit-header-button-text-1{
font-family:var(--pbmit-heading-typography-font-family);
display: block;
font-size: 16px ;
letter-spacing: 1px;
font-weight: 700;
margin-bottom: 5px;
line-height: normal;
}
.header-style-1 .pbmit-header-button a .pbmit-header-button-text-2{
font-family:var(--pbmit-heading-typography-font-family);
display: block;
font-size: 16px ;
letter-spacing: 1px;
font-weight: 400;
margin-bottom: 5px;
line-height: normal;
}
.header-style-1 .sticky-header .site-branding .logo-img{
display: none;
}
.header-style-1 .sticky-header .site-branding .sticky-logo{
display:unset;
}
.header-style-1 .sticky-header .site-navigation .navigation > li > a{
color: var(--pbmit-blackish-color);
}
.header-style-1 .sticky-header .site-navigation .navigation > li.active > a{
color: var(--pbmit-global-color);
}
.header-style-1 .sticky-header .site-navigation .navigation > li > a {
line-height: 90px;
height: 100%;
}
.header-style-1 .sticky-header .pbmit-header-button a{
color: var(--pbmit-blackish-color);
}
/** Header style 2 **/
.header-style-2.pbmit-contact-info i {
font-size: 20px;
font-weight: 400;
}
.header-style-2 .pbmit-header-top-area {
background-color: var(--pbmit-blackish-color);
color: #fff;
height: 50px;
line-height: 50px;
}
.header-style-2 .pbmit-contact-info li a{
color: #fff;
font-size: 14px;
font-weight: 800;
}
.header-style-2 .pbmit-contact-info li {
display: inline-block;
padding: 0 15px;
vertical-align: top;
}
.header-style-2 .pbmit-contact-info li:first-child {
padding: 0 ;
}
.header-style-2 .site-header-menu {
border-top: 1px solid rgba(0,0,0,.1);
}
.header-style-2 .site-header-menu-wrapper .pbmit-header-box {
margin-right: 50px;
padding-right: 0;
position: relative;
padding: 34px 0 34px 60px;
display: inline-block;
vertical-align: middle;
}
.header-style-2 .site-header-menu-wrapper .pbmit-header-box:last-child {
margin-right: 0px;
}
.header-style-2 .site-header-menu-wrapper .pbmit-header-box .pbmit-header-box-title{
display: block;
font-size: 15px;
line-height: 25px;
letter-spacing: 0;
color: #b0b6bf;
text-transform: none;
}
.header-style-2 .site-header-menu-wrapper .pbmit-header-box-icon i {
position: absolute;
top: 40px;
left: 0;
font-size: 24px;
height: 40px;
width: 40px;
line-height: 35px;
text-align: center;
background-color: transparent;
border-radius: 50%;
color: var(--pbmit-global-color);
}
.header-style-2 .site-header-menu-wrapper .pbmit-header-box .pbmit-header-box-content{
display: block;
font-family: var(--pbmit-heading-typography-font-family);
font-weight: 800;
font-size: 17px;
line-height: 27px;
letter-spacing: 1px;
color: #0c121d;
text-transform: none;
font-style: normal;
}
.header-style-2 .site-header-menu .site-branding{
display: none;
}
.header-style-2 .site-navigation ul.navigation > li > a{
color: var(--pbmit-secondary-color);
line-height: 70px;
height: 100%;
font-weight: 800;
font-size: 15px;
}
.header-style-2 .pbmit-header-search-btn a{
color: #fff;
}
.header-style-2 .pbmit-social-links{
position: relative;
}
.header-style-2 .pbmit-social-links::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 49px;
background-color: rgba(255,255,255,.18);
}
.header-style-2 .pbmit-social-links li{
margin: 0;
position: relative;
}
.header-style-2 .pbmit-social-links li:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 49px;
background-color: rgba(255,255,255,.18);
}
.header-style-2 .pbmit-social-links a {
position: relative;
display: inline-block;
width: 50px;
height: 100%;
line-height: 50px;
font-size: 15px;
color:#fff;
vertical-align: middle;
text-align: center;
}
.header-style-2 .pbmit-right-box form{
height: 100%;
border-right: 1px solid rgba(0,0,0,.1);
border-left: 1px solid rgba(0,0,0,.1);
}
.header-style-2 .pbmit-right-box form .search-input{
position: relative;
height: 100%;
}
.header-style-2 .pbmit-right-box form .search-input::after{
font-family: "pbminfotech-base-icons";
content: '\e800';
position: absolute;
top: 50%;
right: 24px;
color: var(--pbmit-blackish-color);
font-size: 17px;
line-height: normal;
transform: translateY(-50%);
}
.header-style-2 .pbmit-right-box input[type=search]{
padding: 15px 50px 15px 15px;
height: 100%;
border: 0;
}
.header-style-2 .pbmit-right-box .menu-right-box{
height: 100%;
padding: 0 25px;
border-right: 1px solid rgba(0,0,0,.1);
}
.header-style-2 .pbmit-right-box .menu-right-box .pbmit-cart-detail{
position: relative;
}
.header-style-2 .pbmit-right-box .menu-right-box .pbmit-cart-detail {
color: var(--pbmit-blackish-color);
font-size: 16px;
font-weight: 800;
}
.header-style-2 .pbmit-right-box .menu-right-box .pbmit-cart-detail i:hover{
color: var(--pbmit-global-color);
}
.header-style-2 .pbmit-right-box .menu-right-box .pbmit-cart-detail span{
position: absolute;
top: 50%;
margin-top: -24px;
left: 4px;
background-color: var(--pbmit-global-color);
color: #fff;
height: 17px;
line-height: 17px;
width: 17px;
text-align: center;
border-radius: 50%;
font-size: 10px;
}
.header-style-2 .pbmit-social-links a:hover {
background: #fff;
color: var(--pbmit-global-color)!important;
}
.header-style-2 .pbmit-header-button a:hover {
background-color:#fff;
}
.header-style-2 .pbmit-header-button a:hover span{
color: var(--pbmit-blackish-color);
}
.header-style-2 .pbmit-header-button a:hover span:after {
color: var(--pbmit-blackish-color);
}
.header-style-2 .sticky-header {
background-color: #fff;
}
.header-style-2 .sticky-header .site-branding{
display: unset;
padding: 18px 0 5px;
margin: 0;
}
/** Header style 3 **/
.header-style-3 .site-header-menu {
padding: 0 15px;
}
.header-style-3 .pre-header {
border-bottom: 1px solid #ddd;
font-size: 14px;
padding: 0 15px;
height: 61px;
line-height:61px;
color: var(--pbmit-blackish-color);
}
.header-style-3 .pbmit-contact-info i {
font-family: var(--pbmit-heading-typography-font-family);
color: var(--pbmit-global-color);
font-size: 15px;
font-weight: 600;
}
.header-style-3 .pbmit-contact-info li {
display: inline-block;
margin: 0 15px;
vertical-align: top;
}
.header-style-3 .pbmit-contact-info li:first-child {
margin: 0;
}
.header-style-3 .pbmit-contact-info li a{
font-family: var(--pbmit-heading-typography-font-family);
font-weight: 600;
font-style: normal;
color: var(--pbmit-blackish-color);
font-size: 14px;
line-height: 60px;
}
.header-style-3 .pbmit-social-links {
display: inline-block;
position: relative;
}
.pbmit-social-li {
margin-right: 5px;
display: inline-block;
}
.pbmit-social-li:last-child{
margin: 0;
}
.header-style-3 .pbmit-social-links a {
position: relative;
display: inline-block;
line-height: 35px;
width: 35px;
font-size: 15px;
color: var(--pbmit-blackish-color);
text-align: center;
vertical-align: middle;
}
.header-style-3 .pbmit-social-links a:hover{
color: var(--pbmit-global-color);
}
.header-style-3 .site-header-menu .site-branding{
margin-right: 60px;
}
.header-style-3 .site-header-menu .site-navigation .navigation > li > a{
line-height: 110px;
height: 100%;
}
.header-style-3 .site-header-menu .pbmit-right-box .pbmit-header-search-btn{
padding: 0 25px;
}
.header-style-3 .site-header-menu .pbmit-right-box .pbmit-header-search-btn i{
font-size: 16px;
font-weight: 800;
}
.header-style-3 .site-header-menu .pbmit-right-box .pbmit-btn{
height: 100%;
display: inline-block;
padding: 0 30px;
vertical-align: middle;
padding-right: 8px;
line-height: 60px;
height: 60px;
text-transform: uppercase;
font-weight: 800;
font-size: 13px;
position: relative;
border-radius: 6px;
letter-spacing: 1px;
-webkit-transition: all .6s;
}
.header-style-3 .site-header-menu .pbmit-right-box .pbmit-btn::after{
content: "\e81c";
font-family: "pbminfotech-base-icons";
margin-left: 20px;
font-size: 20px;
top: 0;
position: relative;
font-weight: 700;
background-color: #fff;
color: #0c121d;
padding: 14px 18px;
border-radius: 5px;
-webkit-transition: all .6s;
}
.header-style-3 .sticky-header .site-navigation .navigation > li > a{
line-height: 90px;
height: 100%;
}
/** Header style 4 **/
.header-style-4 .site-header-menu{
position: absolute;
width: 100%;
background-color: transparent;
top: 0;
z-index: 99;
padding: 0 35px;
}
.header-style-4 .site-header-menu .site-navigation .navigation > li > a{
line-height: 120px;
height: 100%;
color: #fff;
}
.header-style-4 .site-header-menu .site-navigation .navigation > li > a:hover{
color: var(--pbmit-blackish-color);
}
.header-style-4 .site-header-menu .site-navigation .navigation > li.active > a{
font-family: var(--pbmit-heading-typography-font-family);
color: var(--pbmit-blackish-color);
font-size: 16px;
font-weight: 700;
}
.header-style-4 .site-header-menu .site-branding{
margin-right: 80px;
}
.header-style-4 .site-header-menu .site-branding .sticky-logo{
display: none;
}
.header-style-4 .pbmit-social-links{
padding: 0 20px;
}
.header-style-4 .pbmit-social-links a {
position: relative;
display: inline-block;
line-height: 35px;
font-size: 15px;
color: #fff;
text-align: center;
vertical-align: middle;
}
.header-style-4 .site-header-menu .pbmit-right-box .pbmit-btn{
display: inline-block;
padding: 0 30px;
vertical-align: middle;
padding-right: 8px;
line-height: 60px;
height: 60px;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
position: relative;
border-radius: 6px;
color: #0c121d;
background-color: #fff;
letter-spacing: 1px;
}
.header-style-4 .site-header-menu .pbmit-right-box .pbmit-btn::after{
content: "\e81c";
font-family: "pbminfotech-base-icons";
margin-left: 20px;
font-size: 20px;
top: 0;
position: relative;
font-weight: 200;
background-color: var(--pbmit-global-color);
color: #fff;
padding: 14px 18px;
border-radius: 5px;
}
.header-style-4 .site-header-menu .pbmit-right-box .pbmit-btn:hover{
color: #fff;
background-color: var(--pbmit-global-color);
}
.header-style-4 .site-header-menu .pbmit-right-box .pbmit-btn:hover::after{
color: #0c121d;
background-color: #fff;
}
.header-style-4 .sticky-header{
background-color: #fff;
}
.header-style-4 .sticky-header .site-branding .logo-img{
display: none;
}
.header-style-4 .sticky-header .site-branding .sticky-logo{
display: unset;
}
.header-style-4 .sticky-header .site-navigation .navigation > li > a {
line-height: 90px;
height: 100%;
color: var(--pbmit-secondary-color);
}
.header-style-4 .sticky-header .site-navigation .navigation > li.active > a{
color: var(--pbmit-global-color);
}
.header-style-4 .sticky-header .pbmit-social-links a {
color: var(--pbmit-secondary-color);
}
.header-style-4 .sticky-header .pbmit-right-box .pbmit-btn{
color: #fff;
background-color: var(--pbmit-global-color);
}
.header-style-4 .sticky-header .pbmit-right-box .pbmit-btn::after{
background-color: #fff;
color: #0c121d;
}
.header-style-4 .sticky-header .pbmit-right-box .pbmit-btn:hover{
background-color: var(--pbmit-blackish-color);
}
/** Header style 5 **/
.header-style-5{
z-index: unset !important;
}
.header-style-5 .pre-header{
line-height: 120px;
height: 120px;
}
.header-style-5 .pre-header .pbmit-header-box {
margin-right: 50px;
padding-right: 0;
position: relative;
padding-left: 60px;
display: inline-block;
vertical-align: middle;
}
.header-style-5 .pre-header .pbmit-header-box.pbmit-header-box-2{
margin: 0;
}
.header-style-5 .pre-header .pbmit-header-box:last-child {
margin-right: 0px;
}
.header-style-5 .pre-header .pbmit-header-box .pbmit-header-box-title{
font-family: 'Montserrat',sans-serif;
display: block;
font-weight: 500;
font-size: 15px;
line-height: 26px;
letter-spacing: 0;
color: #0c121d;
text-transform: none;
}
.header-style-5 .pre-header .pbmit-header-box-icon i {
position: absolute;
top: 7px;
left: 0;
font-size: 35px;
height: 40px;
width: 40px;
line-height: 35px;
text-align: center;
background-color: transparent;
border-radius: 50%;
color: var(--pbmit-global-color);
}
.pbmit-header-info .pbmit-base-icon-phone-outline{
transform: rotateZ(90deg);
}
.header-style-5 .pre-header .pbmit-header-box .pbmit-header-box-content{
font-family: var(--pbmit-heading-typography-font-family);
display: block;
font-family: var(--pbmit-heading-typography-font-family);
font-weight: 800;
font-size: 17px;
line-height: 25px;
letter-spacing: 0;
color: #1c232f;
text-transform: none;
font-style: normal;
}
.header-style-5 .pre-header .pbmit-btn{
display: inline-block;
padding: 0 8px 0 30px;
line-height: 60px;
height: 60px;
}
.header-style-5 .pre-header .pbmit-btn::after{
content: "\e81c";
font-family: "pbminfotech-base-icons";
margin-left: 20px;
font-size: 20px;
top: 0;
position: relative;
font-weight: 200;
background-color: #fff;
color: var(--pbmit-blackish-color);
padding: 14px 18px;
border-radius: 5px;
}
.header-style-5 .pre-header .pbmit-btn:hover::after{
color: #0c121d;
background-color: #fff;
}
.header-style-5 .site-header-menu .site-branding{
display: none;
}
.header-style-5 .site-navigation ul.navigation > li > a {
color: #fff;
margin: 0 20px;
}
.header-style-5 .pbmit-right-box form{
height: 100%;
width: 92%;
}
.header-style-5 .pbmit-right-box form .search-input{
position: relative;
height: 100%;
}
.header-style-5 .pbmit-right-box form .search-input::after{
font-family: "pbminfotech-base-icons";
content: '\e800';
position: absolute;
top: 50%;
right: 24px;
color: #fff;
font-size: 17px;
line-height: normal;
transform: translateY(-50%);
}
.header-style-5 .pbmit-right-box input[type=search]{
padding: 15px 50px 15px 15px;
height: 100%;
border: 0;
background-color: transparent;
color: #fff;
}
.header-style-5 .sticky-header{
background-color: #fff;
}
.header-style-5 .sticky-header .site-branding{
display: unset;
padding: 17px 40px 5px;
}
.header-style-5 .sticky-header .site-navigation .navigation > li > a {
line-height: 90px;
height: 100%;
color: var(--pbmit-secondary-color);
}
.header-style-5 .sticky-header .pbmit-social-links a {
color: var(--pbmit-secondary-color);
}
.header-style-5 .sticky-header .pbmit-right-box form {
border-left: 1px solid rgba(0,0,0,.1);
border-right: 1px solid rgba(0,0,0,.1);
}
.header-style-5 .sticky-header .pbmit-right-box form .search-input::after {
color: var(--pbmit-secondary-color);
}
.header-style-5 .sticky-header .site-navigation ul.navigation > li.active > a {
color: var(--pbmit-global-color);
}
.header-style-5 .sticky-header .site-navigation ul.navigation > li > a:hover {
color: var(--pbmit-global-color);
}
/** Header style 6 **/
.header-style-6{
position: relative;
}
.header-style-6::after{
position: absolute;
content: "";
width: 85px;
height: 100%;
background-color: #fff;
left: 0;
top: 0;
z-index: 1;
}
.header-style-6 .site-header-menu{
padding: 0 65px ;
}
.header-style-6 .site-header-menu .site-branding{
margin-right: 70px;
position: relative;
z-index: 5;
}
.header-style-6 .site-navigation ul.navigation > li > a{
font-family: 'Nunito',sans-serif;
color: var(--pbmit-secondary-color);
line-height: 90px;
height: 100%;
font-weight: 700;
font-size: 16px;
}
.header-style-6 .pbmit-right-box .menu-right-box{
height: 100%;
padding: 0 0 0 20px;
border-left: 1px solid rgba(0,0,0,.1);
}
.header-style-6 .pbmit-right-box .menu-right-box .pbmit-cart-detail{
position: relative;
}
.header-style-6 .pbmit-right-box .menu-right-box .pbmit-cart-detail {
color: var(--pbmit-blackish-color);
font-size: 16px;
font-weight: 800;
}
.header-style-6 .pbmit-right-box .menu-right-box .pbmit-cart-detail i:hover{
color: var(--pbmit-global-color);
}
.header-style-6 .pbmit-right-box .menu-right-box .pbmit-cart-detail span{
position: absolute;
top: 50%;
margin-top: -24px;
left: 6px;
background-color: var(--pbmit-blackish-color);
color: #fff;
height: 17px;
line-height: 17px;
width: 17px;
text-align: center;
border-radius: 50%;
font-size: 10px;
}
.header-style-6 .pbmit-right-box .pbmit-header-search-btn{
margin: 0 25px;
}
.header-style-6 .pbmit-right-box .pbmit-header-search-btn a{
font-size: 16px;
color: var(--pbmit-blackish-color);
}
.header-style-6 .pbmit-social-links {
position: absolute;
left: 30px;
top: 50%;
display: block;
z-index: 10;
list-style: none;
margin: 0;
padding: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-style-6 .pbmit-social-links li{
display: block;
margin: 30px 0;
}
.header-style-6 .pbmit-social-links li a{
font-size: 20px;
}
/** Header style 7 **/
.header-style-7 .pre-header{
padding: 0 33px;
height: 121px;
line-height: 121px;
border-bottom: 1px solid #ebebeb;
}
.header-style-7 .site-branding{
margin-right: 90px;
}
.header-style-7 .pbmit-header-info{
display: flex;
}
.header-style-7 .pbmit-header-info .pbmit-header-box{
display:inline-block;
margin-right: 25px;
vertical-align: middle;
}
.header-style-7 .pre-header .pbmit-header-info .pbmit-header-box-title{
display: inline-block;
vertical-align: middle;
font-weight: 400;
font-size: 15px;
line-height: 25px;
letter-spacing: 0;
color: #8e8d8d;
text-transform: none;
}
.header-style-7 .pre-header .pbmit-header-info .pbmit-header-box-icon i {
font-size: 25px;
line-height: normal;
text-align: center;
background-color: transparent;
border-radius: 50%;
color: var(--pbmit-global-color);
}
.header-style-7 .pre-header .pbmit-header-info .pbmit-header-box-content{
font-family: 'Outfit',sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 25px;
letter-spacing: 0px;
color: #484746;
text-transform: none;
font-style: normal;
}
.header-style-7 .pre-header .pbmit-social-links li{
display: inline-block;
}
.header-style-7 .pre-header .pbmit-social-links li:last-child{
margin-right: 0;
}
.header-style-7 .pre-header .pbmit-social-links li a{
display: inline-block;
font-size: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: var(--pbmit-light-color);
}
.header-style-7 .pre-header .pbmit-social-links li a:hover{
display: inline-block;
font-size: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
background-color: var(--pbmit-global-color);
}
.header-style-7 .site-header-menu{
padding: 0 0 0 45px;
border-bottom: 1px solid #ebebeb;
}
.header-style-7 .site-header-menu .site-branding{
display: none;
}
.header-style-7 .site-header-menu ul.navigation > li > a:first-child{
border-left: 1px solid #ebebeb;
}
.header-style-7 .site-header-menu ul.navigation > li > a{
font-family: 'Nunito',sans-serif;
color: var(--pbmit-secondary-color);
line-height: 68px;
height: 100%;
font-weight: 700;
font-size: 15px;
padding: 0 55px;
border-right: 1px solid #ebebeb;
margin: 0;
}
.header-style-7 .pbmit-right-box form{
height: 100%;
border-right: 1px solid rgba(0,0,0,.1);
border-left: 1px solid rgba(0,0,0,.1);
}
.header-style-7 .pbmit-right-box form .search-input{
position: relative;
height: 100%;
}
.header-style-7 .pbmit-right-box form .search-input::after{
font-family: "pbminfotech-base-icons";
content: '\e800';
position: absolute;
top: 50%;
right: 24px;
color: var(--pbmit-blackish-color);
font-size: 17px;
line-height: normal;
transform: translateY(-50%);
}
.header-style-7 .pbmit-right-box input[type=search]{
padding: 15px 50px 15px 15px;
height: 100%;
width: 90%;
border: 0;
}
.header-style-7 .pbmit-right-box .menu-right-box{
height: 100%;
padding: 0 20px;
border-right: 1px solid rgba(0,0,0,.1);
}
.header-style-7 .pbmit-right-box .menu-right-box .pbmit-cart-detail{
position: relative;
}
.header-style-7 .pbmit-right-box .menu-right-box .pbmit-cart-detail {
color: var(--pbmit-blackish-color);
font-size: 16px;
font-weight: 800;
}
.header-style-7 .pbmit-right-box .menu-right-box .pbmit-cart-detail i:hover{
color: var(--pbmit-global-color);
}
.header-style-7 .pbmit-right-box .menu-right-box .pbmit-cart-detail span{
position: absolute;
top: 50%;
margin-top: -24px;
left: 6px;
background-color: var(--pbmit-global-color);
color: #fff;
height: 17px;
line-height: 17px;
width: 17px;
text-align: center;
border-radius: 50%;
font-size: 10px;
}
.header-style-7 .pbmit-right-box .pbmit-header-button{
height: 100%;
vertical-align: middle;
line-height: normal;
}
.header-style-7 .pbmit-right-box .pbmit-header-button .pbmit-btn{
font-family: 'Outfit',sans-serif,sans-serif;
height: 100%;
line-height: normal;
text-transform: none;
display: flex;
align-items: center;
border-radius: 0;
padding: 0 40px;
line-height: 34px;
text-transform: none;
font-size: 16px;
letter-spacing: 0;
}
.header-style-7 .sticky-header .site-branding{
display: unset;
padding: 17px 0 5px;
}
.header-style-7 .sticky-header .site-navigation{
margin-left: auto;
}
.header-style-7 .sticky-header .pbmit-right-box form{
border-left: none;
}
/** Header style 8 **/
.site-header.header-style-8{
background-image: url(../images/bg/bg-14.png);
background-position: 0% 30%;
}
.header-style-8 .site-header-menu{
padding: 0 35px;
background-color: transparent;
}
.header-style-8 .site-header-menu .site-branding {
margin-right: 80px;
}
.header-style-8 .site-navigation ul.navigation > li > a{
color: var(--pbmit-secondary-color);
line-height: 120px;
height: 100%;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.5px;
margin: 0 20px;
}
.header-style-8 .search-cart-wrapper{
height: 100%;
}
.header-style-8 .search-cart-wrapper .cart-box .pbmit-header-button{
padding: 0 20px;
border-left: 1px solid rgba(0,0,0,.1);
}
.header-style-8 .search-cart-wrapper .cart-box .pbmit-cart-detail{
position: relative;
}
.header-style-8 .search-cart-wrapper .cart-box .pbmit-cart-detail {
color: #0c0367;
font-size: 16px;
font-weight: 800;
}
.header-style-8 .search-cart-wrapper .cart-box .pbmit-cart-detail i:hover{
color: var(--pbmit-global-color);
}
.header-style-8 .search-cart-wrapper .cart-box .pbmit-cart-detail span{
position: absolute;
top: 50%;
margin-top: -24px;
left: 6px;
background-color: var(--pbmit-global-color);
color: #fff;
height: 17px;
line-height: 17px;
width: 17px;
text-align: center;
border-radius: 50%;
font-size: 10px;
}
.header-style-8 .search-cart-wrapper .pbmit-header-search-btn{
margin: 0 25px;
}
.header-style-8 .search-cart-wrapper .pbmit-header-search-btn a{
font-size: 16px;
color: #0c0367;
}
.header-style-8 .search-cart-wrapper .pbmit-header-search-btn a:hover{
font-size: 16px;
color: var(--pbmit-global-color);
}
.header-style-8 .pbmit-right-box .pbmit-social-links{
margin-right: 50px;
position: relative;
}
.header-style-8 .pbmit-right-box .pbmit-social-links::after {
content: '';
width: 1px;
height: 50px;
background-color: #ebebeb;
position: absolute;
right: -30px;
top: -9px;
}
.header-style-8 .pbmit-right-box .pbmit-header-box {
margin-right: 50px;
padding-right: 0;
position: relative;
padding-left: 60px;
display: inline-block;
vertical-align: middle;
}
.header-style-8 .pbmit-right-box .pbmit-header-box:last-child {
margin-right: 0px;
}
.header-style-8 .pbmit-right-box .pbmit-header-box .pbmit-header-box-title{
font-family: 'Nunito',sans-serif;
display: block;
font-size: 14px;
color: #666;
font-weight: 600!important;
line-height:normal;
letter-spacing: 0;
text-transform: none;
}
.header-style-8 .pbmit-right-box .pbmit-header-box-icon i {
position: absolute;
top: 7px;
left: 0;
font-size: 35px;
height: 40px;
width: 40px;
line-height: 35px;
text-align: center;
background-color: transparent;
border-radius: 50%;
color: var(--pbmit-global-color);
}
.header-style-8 .pbmit-right-box .pbmit-header-box .pbmit-header-box-content{
display: block;
font-size: 16px;
font-weight: 700;
color: var(--pbmit-secondary-color);
line-height: normal;
letter-spacing: 1px;
text-transform: none;
font-style: normal;
}
.header-style-8 .pbmit-right-box .pbmit-header-button .pbmit-btn{
font-family: 'Quicksand',sans-serif;
padding: 0 35px;
line-height: 50px;
height: 50px;
margin-left: 20px;
font-weight: 800;
font-size: 14px;
position: relative;
border-radius: 25px;
letter-spacing: 1px;
text-transform: none;
}
.header-style-8 .sticky-header{
background-color: #fff;
}
/*----------------------------------------*/
/* 09 - Footer
/*----------------------------------------*/
/* style 1 */
.pbmit-footer-widget-area-top{
position: relative;
z-index: 1;
padding: 50px 0;
}
.pbmit-footer-widget-area-top::after{
content: "";
position: absolute;
width: 30%;
height: 100%;
background: url(../images/footer/footer-bg.png) no-repeat 0 center;
top: 0;
left: 62%;
z-index: -1;
}
.pbmit-footer-widget-area-top .pbmit-footer-big-title{
font-size: 25px;
line-height: 35px;
font-weight: 700;
color: #fff;
margin: 0;
position: relative;
padding-left: 90px;
}
.pbmit-footer-widget-area-top .pbmit-footer-big-title:after {
content: "\e83c";
font-family: "pbminfotech-base-icons";
position: absolute;
width: 70px;
height: 70px;
line-height: 70px;
color: var(--pbmit-blackish-color);
background-color: #fff;
border-radius: 50%;
left: 0;
top: -20px;
text-align: center;
font-weight: 500;
font-size: 32px;
}
.pbmit-footer-widget-area {
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
background-attachment: scroll;
padding: 40px 0;
}
.pbmit-footer-widget-area .pbmit-first-widget img{
height: 60px;
margin-top: 35px;
}
.pbmit-footer-widget-area .text{
font-size: 15px;
margin-bottom: 15px;
}
.pbmit-footer-widget-area .footer-support{
background-color: #fff;
padding: 20px 30px;
border-radius: 10px;
}
.pbmit-footer-widget-area .footer-support .footer-support-inner{
position: relative;
padding: 0 55px 0 0px!important;
margin-bottom: 15px;
font-size: 16px;
font-weight: 900;
color: var(--pbmit-blackish-color);
margin: 0;
}
.pbmit-footer-widget-area .footer-support .footer-support-inner::after{
content: '\e83b';
font-size: 50px;
font-family: 'pbminfotech-base-icons';
display: inline-block;
position: absolute;
right: -12px;
top: 0;
font-weight: 400;
line-height: normal;
color: var(--pbmit-global-color);
}
.pbmit-footer-widget-area .footer-support-inner span{
display: block;
font-weight: 700;
font-size: 16px;
}
.pbmit-footer-widget-area .widget-title{
font-size: 18px;
border-bottom: 1px solid rgba(0,0,0,.1);
padding-bottom: 10px;
margin-top: 35px;
line-height: 27px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .5px;
position: relative;
margin-bottom: 30px;
color: var(--pbmit-blackish-color);
}
.pbmit-footer-widget-area .widget-title:after {
content: "";
width: 50px;
height: 2px;
bottom: -2px;
left: 0;
position: absolute;
z-index: 1;
background-color: var(--pbmit-global-color);
}
.pbmit-widget{
padding: 0 0 20px 0;
}
.pbmit-footer-widget-area .pbmit-two-widget li{
padding: 0 0 15px 0;
}
.pbmit-footer-widget-area .pbmit-two-widget li a{
position: relative;
padding-left: 20px;
display: inline-block;
font-weight: 700;
}
.pbmit-footer-widget-area .pbmit-two-widget li a::before{
position: absolute;
content: '\e814';
left: 0;
font-size: 16px;
top: 3px;
color: inherit;
font-family: 'pbminfotech-base-icons';
font-weight: 400;
line-height: normal;
}
.pbmit-footer-widget-area .pbmit-three-widget .pbmit-rpw-list li{
display: flex;
align-items: center;
padding-bottom: 15px;
}
.pbmit-footer-widget-area .pbmit-three-widget .pbmit-rpw-list a{
margin-right: 15px;
font-size: 15px;
}
.pbmit-footer-widget-area .pbmit-three-widget .pbmit-rpw-list .pbmit-rpw-content{
color: var(--pbmit-blackish-color);
font-weight: 700;
}
.pbmit-footer-widget-area .pbmit-three-widget .pbmit-rpw-list .pbmit-rpw-content:hover,
.pbmit-footer-widget-area .pbmit-three-widget .pbmit-rpw-list .pbmit-rpw-content .pbmit-rpw-date a{
color: var(--pbmit-global-color);
display: block;
}
.pbmit-four-widget .pbmit-footer-newslatter {
position: relative;
margin-top: 25px;
}
.pbmit-four-widget .pbmit-footer-newslatter input[type="email"] {
font-size: 15px;
width: 100%;
height: 56px;
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 1);
border-radius: 5px;
padding: 10px 60px 10px 15px;
margin-bottom: 10px;
}
.pbmit-four-widget .pbmit-footer-newslatter button[type=submit] {
border-radius: 5px;
height: 50px;
width: 50px;
color: #fff;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0;
background-color: var(--pbmit-global-color);
font-weight: 700;
position: absolute;
top: 3px;
right: 3px;
outline: none;
border: 0;
}
.pbmit-four-widget .pbmit-social-links li {
margin-right: 8px;
display: inline-block;
padding-bottom: 15px;
}
.pbmit-four-widget .pbmit-social-links li a {
position: relative;
display: inline-block;
text-align: center;
color: var(--pbmit-blackish-color);
font-size: 17px;
width: 50px;
height: 50px;
line-height: 50px;
border: 2px solid var(--pbmit-blackish-color);
border-radius: 5px;
}
.pbmit-four-widget .pbmit-social-links li a:hover{
border: 2px solid var(--pbmit-global-color);
background-color: var(--pbmit-global-color);
color: #fff;
}
.pbmit-footer-widget-area-bottom{
padding-top: 10px;
padding-bottom: 50px;
font-size: 14px;
position: relative;
}
.pbmit-footer-widget-area-bottom-inner{
background-color: #fff;
padding: 30px 15px 30px 25px;
box-shadow: 0 9px 30px 0 rgb(26 47 106 / 7%);
border-radius: 10px;
}
.pbmit-footer-widget-area-bottom-inner .pbmit-footer-menu li{
display: inline-block;
margin: 0 10px;
}
.pbmit-footer-widget-area-bottom-inner p{
line-height: 1.6;
font-size: 14px;
color: var(--pbmit-blackish-color);
margin: 0;
}
.pbmit-footer-widget-area-bottom-inner p span{
color: var(--pbmit-global-color);
}
.pbmit-footer-widget-area-bottom .scroll-to-top{
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 200;
opacity: 1;
top: -7px;
right: 20px;
width: 62px;
height: 62px;
line-height: 62px;
font-size: 22px;
text-align: center;
border-radius: 10px;
border: none;
color: #fff;
background-color: var(--pbmit-blackish-color);
}
.pbmit-footer-widget-area-bottom .scroll-to-top:hover{
background-color: var(--pbmit-global-color);
color: #fff;
}
.pbmit-footer-widget-area-bottom .scroll-to-top i{
transform: rotate(-90deg);
position: absolute;
width: auto;
left: 16px;
}
/* style 2 */
.footer-style-1{
background-image: url(../images/bg/footer-bg-pettern.png);
background-repeat: repeat;
background-position: center top;
background-size: auto;
background-attachment: scroll;
color: rgba(255,255,255,.9);
}
.footer-style-1 .logo{
padding: 0px 10px 20px 0px;
}
.footer-style-1-top{
align-items: center;
border-bottom: 1px solid #2f383e;
padding-top: 80px;
padding-bottom: 30px;
justify-content: space-between;
}
.footer-style-1-top .pbmit-footer-newslatter{
display: flex;
align-items: center;
justify-content:space-between;
align-items: center;
}
.footer-style-1-top .pbmit-newslatter-title{
font-size: 24px;
line-height: 34px;
margin-bottom: 0;
margin-right: 10px;
font-weight: 400;
color: #fff;
}
.footer-style-1-top .pbmit-footer-mailchip{
position: relative;
}
.footer-style-1-top input[type="email"] {
font-size: 15px;
width: 400px;
height: 50px;
background-color: transparent;
border: 1px solid #2f383e;
border-radius: 50px;
padding: 10px 173px 10px 30px;
line-height: normal;
}
.footer-style-1-top button[type=submit] {
font-family: 'Outfit',sans-serif,sans-serif;
position: absolute;
border-radius: 50px;
height: 40px;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 0;
padding: 0 50px;
background-color: var(--pbmit-global-color);
color: #fff;
top: 5px;
right: 5px;
border: 0;
}
.footer-style-1-bottom{
padding-top: 50px;
padding-bottom: 80px;
}
.footer-style-1-bottom .footer-text a{
color: var(--pbmit-global-color);
}
.footer-style-1-bottom .footer-text a:hover{
color: #fff;
}
.footer-style-1-bottom .pbmit-social-links li {
margin-right: 5px;
display: inline-block;
}
.footer-style-1-bottom .pbmit-social-links li a {
position: relative;
display: inline-block;
text-align: center;
color: var(--pbmit-blackish-color);
font-size: 17px;
width: 40px;
height: 40px;
line-height: 40px;
background-color: var(--pbmit-global-color);
border-radius: 50%;
}
.footer-style-1-bottom .pbmit-social-links li a i{
color: #fff;
font-size: 15px;
}
.footer-style-1-bottom .pbmit-social-links li a:hover{
background-color: #fff;
transition-duration: .2s;
}
.footer-style-1-bottom .pbmit-social-links li a:hover i{
color: var(--pbmit-global-color);
}
.footer-style-1-bottom .pbmit-footer-menu{
display: flex;
justify-content: space-between;
padding-left: 50px;
}
.footer-style-1-bottom .pbmit-footer-menu .menu-item{
margin: 0 10px;
display: inline-block;
}
.footer-style-1-bottom .pbmit-footer-menu .menu-item a{
color: rgba(255,255,255,.9);
}
.footer-style-1-bottom .pbmit-footer-menu .menu-item a:hover{
color: var(--pbmit-global-color);
}
/* style 2 */
.footer-style-2 {
position: relative;
z-index: 1;
}
.footer-style-2 .footer-style-2-top{
padding-top: 100px;
padding-bottom: 50px;
position: relative;
}
.footer-style-2 .footer-style-2-top img{
display: block;
margin: 0 auto;
max-width: 220px !important;
}
.footer-style-2 .footer-style-2-middle{
padding: 40px 0;
}
.footer-style-2-middle .footer-style-2-middle-inner{
border-bottom: 1px solid rgb(255 255 255 / 20%);
padding: 0 50px;
padding-bottom: 65px;
}
.footer-style-2-middle .footer-contact-info{
padding: 0 30px;
justify-content: center;
}
.footer-style-2-middle .footer-contact-info .pbmit-footer-icon{
position: relative;
min-width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border: 2px solid #fff;
border-radius: 100%;
background-color: transparent;
font-size: 22px;
color: #fff;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footer-style-2-middle .footer-contact-info .pbmit-footer-icon::after{
content: "";
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
z-index: -1;
background-color: var(--pbmit-global-color);
top: -5px;
left: -10px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footer-style-2-middle .footer-contact-info .pbmit-footer-icon.first::after{
background-color: #c4a2fc;
}
.footer-style-2-middle .footer-contact-info .pbmit-footer-icon.third::after{
background-color: #fcb248;
}
.footer-style-2-middle .footer-contact-info:hover .pbmit-footer-icon{
border: 0;
}
.footer-style-2-middle .footer-contact-info:hover .pbmit-footer-icon::after{
top: -1px;
left: 0;
}
.footer-style-2-middle .pbmit-footer-contact-info-text{
color: #fff;
margin-left: 25px;
}
.footer-style-2-middle .pbmit-footer-contact-info-text .pbmit-footer-label{
display: block;
}
.footer-style-2 .footer-style-2-bottom{
color: rgba(255,255,255,.9);
padding: 30px 0 100px;
}
.footer-style-2-bottom .footer-text{
padding: 10px 0;
}
.footer-style-2-bottom .footer-text a{
color: var(--pbmit-global-color);
}
.footer-style-2-bottom .footer-text a:hover{
color: #fff;
}
.footer-style-2-bottom .pbmit-social-links{
padding: 20px 0;
}
.footer-style-2-bottom .pbmit-social-links li {
margin-right: 5px;
display: inline-block;
}
.footer-style-2-bottom .pbmit-social-links li a {
position: relative;
display: inline-block;
text-align: center;
color: var(--pbmit-blackish-color);
font-size: 17px;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid rgba(225,225,225,.2);
border-radius: 50%;
}
.footer-style-2-bottom .pbmit-social-links li a i{
color: #fff;
font-size: 15px;
}
.footer-style-2-bottom .pbmit-social-links li a:hover{
background-color: var(--pbmit-global-color);
transition-duration: .2s;
}
.footer-style-2-bottom .pbmit-footer-menu{
display: flex;
justify-content: space-between;
padding: 10px 0;
}
.footer-style-2-bottom .pbmit-footer-menu .menu-item{
margin: 0 10px;
display: inline-block;
}
.footer-style-2-bottom .pbmit-footer-menu .menu-item a{
color: rgba(255,255,255,.9);
}
.footer-style-2-bottom .pbmit-footer-menu .menu-item a:hover{
color: var(--pbmit-global-color);
}
/*----------------------------------------*/
/* 10 - Title Bar
/*----------------------------------------*/
.pbmit-title-bar-wrapper {
background-color: #f6f6f6;
background-image: url(../images/bg/title-bg.jpg);
background-repeat: no-repeat;
background-position: right top;
background-size: cover;
background-attachment: scroll;
}
.pbmit-title-bar-content {
position: relative;
z-index: 1;
display: flex;
align-items: center;
padding: 64px 0;
min-height:600px;
}
.pbmit-title-bar-content .pbmit-tbar-inner {
max-width: none;
padding: 0;
}
.pbmit-title-bar-content-inner {
width: 100%;
}
.pbmit-title-bar-content .pbmit-tbar-title {
margin-bottom: 5px;
font-weight: 700;
font-size: 48px;
line-height: 58px;
letter-spacing: 0;
text-transform: capitalize;
font-style: normal;
color: #fff;
}
.pbmit-title-bar-wrapper .pbmit-title-bar-content .pbmit-breadcrumb-inner {
display: inline-block;
border-radius: 5px;
padding: 5px 2px;
}
.pbmit-title-bar-wrapper .pbmit-title-bar-content .pbmit-breadcrumb-inner span{
font-family: Muli,sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 1.5;
letter-spacing: 1px;
color: #fff;
text-transform: none;
font-style: normal;
}
.pbmit-title-bar-wrapper .pbmit-title-bar-content .pbmit-breadcrumb-inner span:hover a span{
color: var(--pbmit-global-color);
}
.pbmit-breadcrumb,
.pbmit-breadcrumb a {
font-family: Muli,sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 1.5;
letter-spacing: 1px;
text-transform: none;
letter-spacing: 0;
color: #fff;
font-style: normal;
opacity: 0.9;
}
.pbmit-breadcrumb-inner .sep {
margin: 0 5px;
}
.pbmit-title-bar-wrapper .list-inline-item {
color: #fff;
font-size: 13px;
font-weight: 600;
}
.pbmit-title-bar-wrapper .list-inline-item a {
color: #fff;
}
.pbmit-title-bar-wrapper .list-inline-item i {
color: var(--pbmit-global-color);
}
/*----------------------------------------*/
/* 11 - Overlap Colomn
/*----------------------------------------*/
.overlap-colomn {
position: relative;
}
.overlap-wrapper {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 9;
}
.overlap-img,
.overlap-bg {
position: absolute;
width: 100%;
height: 100%;
}
.overlap-left {
margin-left: -500px;
}
.overlap-right {
margin-right: -500px;
width: auto;
left: 0;
right: 0;
}
.overflow-hidden {
overflow: hidden;
}
.content-text {
position: relative;
z-index: 99;
padding-top: 60px;
padding-bottom: 40px;
padding-right: 30px;
}
/*----------------------------------------*/
/* 12 - Progress Bar
/*----------------------------------------*/
.progressbar{
margin-bottom: 20px;
overflow: hidden;
}
.progressbar .progress-label{
color: var(--pbmit-blackish-color);
font-size: 15px;
font-weight: 700;
line-height: 36px;
}
.progress{
overflow: visible;
position: relative;
height: 8px !important;
background-color: #ececf0 !important;
margin:0 0 5px;
border-radius: 6px;
}
.progress .progress-meter {
position: relative;
border-radius: 6px;
overflow: visible;
background: var(--pbmit-global-color);
}
.progress .progress-percent {
line-height: 20px;
position: absolute;
right: 0;
top: -28px;
font-size: 15px;
font-weight: 700;
color: var(--pbmit-blackish-color);
}
.progress .progress-meter::after{
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
right: 0;
top: -4px;
border: 3px solid var(--pbmit-global-color);
}
/*----------------------------------------*/
/* 13 - Accordion
/*----------------------------------------*/
/* style-1 */
.accordion-style-1.accordion{
background: none;
border-radius: 0;
}
.accordion-style-1 .accordion-item{
color: #272727;
border: none;
border-radius: 6px;
background-color: #fff;
margin-bottom: 30px;
}
.accordion-style-1 .accordion-item:last-child{
margin-bottom: 0;
}
.accordion-style-1 .accordion-item h2{
position: relative;
display: inline-block;
width: 100%;
font-size: 18px;
line-height: 24px;
color: var(--pbmit-blackish-color);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
margin-bottom: 0;
border: none;
border-radius: 6px;
box-shadow: 0 0 1.25rem rgb(108 118 134 / 10%);
}
.accordion-style-1 .accordion-icon{
position: absolute;
top: 30%;
right: 20px;
color: var(--pbmit-global-color);
}
.accordion-style-1 .accordion-item.active{
background: #fff;
}
.accordion-style-1 .accordion-button:hover {
z-index: 0;
}
.accordion-style-1 .accordion-button {
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
padding: 17px 20px 17px 35px;
background: none;
outline: none;
font-family: 'Nunito',sans-serif,sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 800;
letter-spacing: -0.6px;
color: var(--pbmit-heading-color);
border-radius: 6px;
}
.accordion-style-1 .pbmit-accordian-icon{
display: inline-block;
}
.accordion-style-1 .accordion-button::after{
font: normal normal normal 16px/1 FontAwesome;
content: "\f0d7";
color: var(--pbmit-global-color);
background: none;
transform:none;
}
.accordion-style-1 .accordion-button:not(.collapsed)::after {
color: #fff;
content: "\f0d8";
}
.accordion-style-1 .accordion-button:focus{
box-shadow:none;
border-color: #d4d4d4;
}
.accordion-style-1 .accordion-item.active h2{
background-color: var(--pbmit-global-color);
color: #fff;
box-shadow: none;
}
.accordion-style-1 .accordion-item.active h2 .accordion-button{
color: #fff;
}
.accordion-style-1 .accordion-item.active > .accordion-header > .accordion-icon{
transform: rotateZ(180deg);
color: #fff;
}
.accordion-style-1 .accordion-body{
font-weight: normal;
font-size: 16px;
background-color: #fbfbfb;
color: #272727;
-webkit-box-shadow: 0 0 1.25rem rgb(108 118 134 / 10%);
box-shadow: 0 0 1.25rem rgb(108 118 134 / 10%);
border-radius: 6px;
padding: 30px 55px 35px 40px;
}
.accordion-style-1 .accordion-item.collapsed {
background-color: #fff;
}
/* style-2 */
.accordion-style-2.accordion {
background: none;
border-radius: 0;
}
.accordion-style-2 .accordion-item{
border: none;
background-color: transparent;
padding: 20px 20px 20px 35px;
}
.accordion-style-2 .accordion-item h2{
position: relative;
font-size: 18px;
line-height: 24px;
color: var(--pbmit-blackish-color);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
margin-bottom: 10px;
border: none;
}
.accordion-style-2 .accordion-item.active{
background: #fff;
box-shadow: 0 3px 12px 0 rgba(0,0,0,.08)!important;
}
.accordion-style-2 .accordion-button {
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
background: none;
outline: none;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.6px;
color: var(--pbmit-heading-color);
}
.accordion-style-2 .accordion-button::after{
background-color: var(--pbmit-secondary-color);
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px;
background-image: none;
content: "\e811";
text-align: center;
}
.accordion-style-2 .accordion-button:not(.collapsed)::after {
background-image: none;
content: '\e812';
font-family: 'pbminfotech-base-icons';
transform: var(--bs-accordion-btn-icon-transform);
background-color: var(--pbmit-global-color);
}
.accordion-style-2 .accordion-button:focus{
box-shadow:none;
border-color: #d4d4d4;
}
.accordion-style-2 .accordion-button:not(.collapsed) {
color: var(--pbmit-global-color);
background: none;
box-shadow: none;
}
.accordion-style-2 .accordion-body{
padding:0;
padding: 0;
font-family: 'Jost',sans-serif;
font-weight: 400;
font-size: 16px;
}
.accordion-style-2 button.accordion-button.collapsed:hover {
color: var(--pbmit-global-color);
}
.accordion-style-2 .accordion-button.collapsed {
font-size: 18px;
line-height: 24px;
font-weight: 700;
}
.accordion-style-2 .accordion-item.collapsed {
background-color: #fff;
}
/*----------------------------------------*/
/* 14 - Tab
/*----------------------------------------*/
body .nav-tabs{
border: none;
}
.nav-tabs{
margin-top: 30px;
padding: 0 30px;
}
.nav-item {
margin-top: 30px;
position: relative;
border-right: none;
display: block;
text-align: center;
cursor: pointer;
font-size: 16px;
font-weight: 600;
color: var(--pbmit-blackish-color);
}
.nav-link {
padding: 0;
}
.nav-tabs .nav-link,
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
border: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: var(--pbmit-blackish-color);
background-color: transparent;
border-color:transparent;
}
.nav-tabs .nav-link span{
position: relative;
}
.nav-tabs .nav-link span:before {
position: absolute;
content: '';
left: 50%;
top: -25px;
height: 15px;
width: 15px;
transform: translateX(-50%);
background: var(--pbmit-global-color);
border-radius: 50%;
border: 3px solid #fff;
z-index: 9;
}
.nav-tabs .nav-link:after {
position: absolute;
content: '';
left: inherit;
right: 0;
top: -19px;
height: 3px;
width: 50%;
background: var(--pbmit-global-color);
}
.nav-tabs .nav-link:before{
position: absolute;
content: '';
left: -1px;
top: -19px;
height: 3px;
width: 50%;
background: var(--pbmit-global-color);
}
.nav-tabs .nav-item:first-child .nav-link:before{
display: none;
}
.nav-tabs .nav-item:last-child span:after{
display: none;
}
.tab-content {
padding: 0 100px;
}
.tab-content h4 {
font-size: 18px;
line-height: 28px;
color: var(--pbmit-global-color);
margin-bottom: 10px;
}
.tab-content-img{
position: relative;
}
.tab-icon-img {
position: absolute;
left: 0;
bottom: 30px;
animation: animation02 4s infinite linear;
}
@keyframes animation02 {
0% {
transform: translate(0px, 0px) rotate(0); }
25% {
transform: translate(-10px, -10px) rotate(5deg); }
50% {
transform: translate(-20px, 0px) rotate(0); }
75% {
transform: translate(-10px, -10px) rotate(-2deg); }
100% {
transform: translate(0, 0) rotate(0); }
}
.nav-tabs .nav-link span{
font-size: 16px;
font-weight: 800;
color: var(--pbmit-heading-color);
font-family: var(--pbmit-heading-typography-font-family);
letter-spacing: -0.3px;
display: block;
line-height: 16px;
}
.nav-tabs li.tabactive ~ li .nav-link:after{
background: #fff;
}
.nav-tabs li.tabactive ~ li .nav-link:before {
background: #fff;
}
.nav-tabs li.tabactive .nav-link:after{
background: #fff !important;
}
.nav-tabs li:last-child .nav-link:after,
.nav-tabs li:first-child .nav-link:before{
display: none;
}
.nav-tabs li.tabactive:last-child .nav-link span:after{
background-color: transparent;
}
/*----------------------------------------*/
/* 15 - Circle Progress
/*----------------------------------------*/
.db-circle-overlay {
position: absolute;
top: 50%;
-khtml-transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
-o-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
left: 0;
width: 100%;
text-align: center
}
.db-fidbox-style-2 .db-circle-w {
position: relative;
text-align: center
}
.db-fidbox-style-2 .db-fid-title {
text-align: center;
color: #fff;
font-size: 14px;
font-weight: 600;
margin-top: 0
}
.db-fidbox-style-2 .db-circle-number sub,
.db-fidbox-style-2 .db-circle-number {
font-size: 20px;
color: #fff;
font-weight: bold
}
.db-fidbox-style-2 .db-circle-number sub {
bottom: 0
}
.db-fidbox-style-1 .db-fid-title {
font-size: 18px;
line-height: 20px;
margin-top: 0
}
.db-fidbox-style-1 .db-fid-title-w,
.db-fidbox-style-1 .db-circle-w {
display: inline-block
}
.db-fidbox-style-1 .db-fid-title-w {
width: 43%;
margin-left: 12px
}
.db-fidbox-style-1 .db-circle-w {
width: 122px;
position: relative;
vertical-align: top
}
.db-fidbox-style-1 .db-circle-number sub,
.db-fidbox-style-1 .db-circle-number {
font-size: 20px;
font-weight: bold
}
.db-fidbox-style-1 .db-circle-number sub {
bottom: 0
}
.db-fidbox-style-1 .db-fid-title-w {
position: absolute;
top: 50%;
-khtml-transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
-o-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%)
}
.db-fidbox-style-1 .db-fid-title-w h3 {
margin-bottom: 0
}
.db-circle canvas {
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: -o-crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
.db-circle canvas {
max-width: 100%;
height: auto !important
}
.db-overlap-row {
position: relative;
z-index: 1
}
.db-overlap-row-section {
position: relative;
z-index: 2
}
/*----------------------------------------*/
/* 16 - Static-box
/*----------------------------------------*/
/** Style 1 **/
.pbmit-static-box-style-1{
position: relative;
margin-bottom: 30px;
}
.pbmit-static-box-style-1 .pbmit-static-box-inner {
padding: 35px 30px 60px;
margin-left: -30px;
height: 100%;
text-align: left;
background-color: #f7f9fa;
position: relative;
}
.pbmit-static-box-style-1 .pbminfotech-box-title h4,
.pbmit-static-box-style-1 .pbminfotech-box-title h4 {
font-size: 16px;
line-height: 32px;
text-transform: uppercase;
color: #fff;
}
.pbmit-static-box-style-1 .pbmit-imgbox {
margin-right: 40px;
}
.pbmit-static-box-style-1 .pbmit-contentbox {
width: 40px;
background: var(--pbmit-secondary-color);
color: #fff;
border-radius: 6px;
vertical-align: middle;
z-index: 0;
position: absolute;
transform: rotate(90deg);
transform-origin: 0 top;
top: 0;
left: calc(100% - 15px);
width: 169px;
margin: 0;
text-transform: uppercase;
text-align: center;
height: 45px;
}
.pbmit-static-box-style-1 .pbmit-contentbox .pbminfotech-box-title {
margin-top: 8px;
}
.pbmit-static-box-style-1 .pbmit-imgbox img {
border-radius: 6px;
}
/*----------------------------------------*/
/* 17 - List Gourp
/*----------------------------------------*/
.list-group-borderless .list-group-item {
border: none;
color: var(--pbmit-blackish-color);
padding: 0;
padding-bottom: calc(13px/2);
background: transparent;
font-family: var(--pbmit-heading-typography-font-family);
font-size: 16px;
font-weight: 600;
display: flex;
align-items: center;
}
.list-group-borderless .list-group-item i{
font-size: 13px;
padding-right: 15px;
color: var(--pbmit-global-color);
}
.list-group.list-group-borderless .list-group-item:hover {
color: var(--pbmit-global-color)!important;
}
ul.list-group.list-group-borderless {
margin-bottom: 1.75em;
}
/*----------------------------------------*/
/* 21 - Revolution
/*----------------------------------------*/
/** Slider 01 **/
.hermes.tp-bullets{
}
.hermes .tp-bullet{
overflow:hidden;
border-radius:50%;
width:16px;
height:16px;
background-color:rgba(0,0,0,0);
box-shadow:inset 0 0 0 2px #ffffff;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease; position:absolute
}
.hermes .tp-bullet.rs-touchhover{
background-color:rgba(0,0,0,0.21)
}
.hermes .tp-bullet:after{
content:' ';
position:absolute;
bottom:0;
height:0;
left:0;
width:100%;
background-color:#ffffff;
box-shadow:0 0 1px #ffffff;
-webkit-transition:height 0.3s ease;
transition:height 0.3s ease
}
.hermes .tp-bullet.selected:after{
height:100%
}
/** Slider 06*/
.pbmit-slider-title{
font-family:Outfit,sans-serif,sans-serif !important
}
.rs-btn{
position:relative
}
.rs-btn span
{
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
#rev_slider_6 .rs-btn:hover span{
margin-left:30px
}
#rev_slider_6 .rs-btn::before{
content:'\e81f';
font-family:'pbminfotech-base-icons';
top:-13px; left:-30px;
position:absolute;
width:50px;
height:50px;
line-height:50px;
opacity:0;
visibility:hidden;
display:inline-block;
text-align:center;
border:2px solid #fff !important;
color:#fff;
background-color:transparent;
border-radius:50%;
border:2px solid transparent;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
-webkit-transform:translate(0%,0%) scale(0);
transform:translate(0%,0%) scale(0)
}
#rev_slider_6 .rs-btn:hover::before{
opacity:1; visibility:visible;
-webkit-transform:translate(0%,0%) scale(1);
transform:translate(0%,0%) scale(1)
}
#rev_slider_6 .rs-btn::after{
content:'';
top:-13px;
left:-25px;
display:inline-block;
position:absolute;
height:50px;
width:50px;
line-height:50px;
background-color:#fff;
border-radius:50%;
border:2px solid transparent;
z-index:-1;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
-webkit-transform:translate(0%,0%) scale(1);
transform:translate(0%,0%) scale(1)
}
#rev_slider_6 .rs-btn:hover::after{
opacity:0;
visibility:hidden;
-webkit-transform:translate(0%,0%) scale(0);
transform:translate(0%,0%) scale(0)
}
@media (max-width:575px){
#rev_slider_6 .rs-btn::after{
content:'';
top:-11px;
left:-22px;
height:40px;
width:40px;
line-height:40px
}
#rev_slider_6 .rs-btn::before{
top:-11px;
left:-22px;
width:40px;
height:40px;
line-height:40px
}
#rev_slider_6 .rs-btn:hover span{
margin-left:25px
}
}
/** Slider 07*/
.rs-btn{
position:relative
}
.rs-btn span{
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
#rev_slider_7 .rs-btn:hover span{
margin-left:30px
}
#rev_slider_7 .rs-btn::before{
content:'\e81f';
font-family:'pbminfotech-base-icons';
top:-15px;
left:-30px;
position:absolute;
width:50px;
height:50px;
line-height:50px;
opacity:0;
visibility:hidden;
display:inline-block;
text-align:center;
border:2px solid #fff !important;
color:#fff;
background-color:transparent;
border-radius:50%;
border:2px solid transparent;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
-webkit-transform:translate(0%,0%) scale(0);
transform:translate(0%,0%) scale(0)
}
#rev_slider_7 .rs-btn:hover::before{
opacity:1;
visibility:visible;
-webkit-transform:translate(0%,0%) scale(1);
transform:translate(0%,0%) scale(1)
}
#rev_slider_7 .rs-btn::after{
content:'';
top:-15px;
left:-25px;
display:inline-block;
position:absolute;
height:50px;
width:50px;
line-height:50px;
background-color:#101010;
border-radius:50%;
border:2px solid transparent;
z-index:-1;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
-webkit-transform:translate(0%,0%) scale(1);
transform:translate(0%,0%) scale(1)
}
#rev_slider_7 .rs-btn:hover::after{
opacity:0;
visibility:hidden;
-webkit-transform:translate(0%,0%) scale(0);
transform:translate(0%,0%) scale(0)
}
@media (max-width:575px){
#rev_slider_7 .rs-btn::after{
content:'';
top:-11px;
left:-22px;
height:40px;
width:40px;
line-height:40px
}
#rev_slider_7 .rs-btn::before{
top:-11px;
left:-22px;
width:40px;
height:40px;
line-height:40px
}
#rev_slider_7 .rs-btn:hover span{
margin-left:25px
}
}
.revslider-initialised .pbmit-text-stroke {
color: transparent !important;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #0c121d;
display: block;
}
.pbmit-skincolor{
color: var(--pbmit-global-color);
}
.pbmit-blackish{
color: var(--pbmit-blackish-color);
}