body {counter-reset: pbmitbox1 pbmitbox2 pbmitbox3 pbmitbox4; } /*----------------------------------------*/ /*  00 - Section Title /*----------------------------------------*/ .pbmit-heading, .pbmit-heading-subheading, .pbmit-heading-subheading-style-1 {position: relative; z-index: 1; } .pbmit-heading-subheading .pbmit-subtitle {font-size: 14px; line-height: 24px; font-weight: normal; letter-spacing: 0px; text-transform: uppercase; font-style: normal; position: relative; display: inline-block; padding: 0 0 0 15px; margin-bottom: 5px; color: #C9A227; } .pbmit-heading-subheading .pbmit-subtitle:before {content: ""; position: absolute; left: 0; top: 5px; border-left: 7px solid var(--pbmit-global-color); height: 14px; width: 14px; border-radius: 50%; } .pbmit-heading-subheading .pbmit-title, .pbmit-heading .pbmit-title {font-size: 48px; line-height: 48px; letter-spacing: -2px; text-transform: none; font-style: normal; } .pbmit-heading-subheading .pbmit-heading-desc {margin: 25px 0 15px 0; } .pbmit-bg-color-secondary .pbmit-heading-subheading .pbmit-title, .pbmit-bg-color-blackish .pbmit-heading-subheading .pbmit-title, .pbmit-bg-color-global .pbmit-heading-subheading .pbmit-title {color: var(--pbmit-white-color); } .pbmit-heading-subheading-style-1 .pbmit-subtitle {position: relative; margin-bottom: 25px; font-size: 12px; line-height: 20px; letter-spacing: .5px; padding: 5px 30px; border-radius: 20px; display: inline-block; text-transform: uppercase; color: var(--pbmit-global-color); background-color: var(--pbmit-secondary-color); } .pbmit-heading-subheading-style-1 .pbmit-title {font-size: 60px; line-height: 60px; letter-spacing: -2px; text-transform: none; font-style: normal; margin-bottom: 0; color: var(--pbmit-white-color); } .pbmit-heading-desc {margin-bottom: 15px; } .pbmit-bg-color-secondary .pbmit-heading-desc, .pbmit-bg-color-blackish .pbmit-heading-desc, .pbmit-bg-color-global .pbmit-heading-desc {color: rgba(var(--pbmit-white-color-rgb), .8); } /*----------------------------------------*/ /*  For The Same Css /*----------------------------------------*/ .pbmit-ele-blog .pbmit-meta-line, .pbmit-ihbox-style-4 .pbmit-ihbox-icon:before, .pbmit-service-style-3 .pbminfotech-box-number, .pbmit-ihbox-style-10 .pbmit-element-title, .blog-classic .pbmit-blog-meta span.pbmit-meta, .pbmit-rpw-content .pbmit-rpw-date a, .pbmit-comment-content .pbmit-comment-author, .pbmit-comment-author-inner, .pbmit-testimonial-style-4 .pbminfotech-testimonial-text {font-family: var(--pbmit-heading-typography-font-family); font-weight: normal; font-style: normal; } .pbmit-ihbox-btn a, .pbmit-header-button, .pbmit-static-btn a, .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn .pbmit-button-text {font-family: var(--pbmit-heading-typography-font-family); font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.25px; text-transform: capitalize; font-style: normal; } .pbmit-ihbox-btn .pbmit-button-inner .pbmit-button-wrapper span {position: relative; overflow: hidden; } .pbmit-ihbox-btn .pbmit-button-inner .pbmit-button-wrapper::after, .pbmit-static-btn .pbmit-button-inner .pbmit-button-wrapper::after {content: '\e8eb'; font-family: "pbminfotech-base-icons"; } .pbmit-ihbox-btn .pbmit-button-inner .pbmit-button-wrapper::after, .pbmit-static-btn .pbmit-button-inner .pbmit-button-wrapper::after {position: absolute; right: -35px; left: auto; width: 50px; height: 50px; background-color: var(--pbmit-global-color); color: var(--pbmit-white-color); top: 0; border-radius: 50%; line-height: 50px; font-size: 12px; text-align: center; transform: translate3d(0, 0, 0) rotateZ(0); transform-style: preserve-3d; transition: all .5s ease-in-out; } .pbmit-ihbox-style-11 .pbmit-ihbox-icon-type-text, .pbminfotech-ele-fid-style-1 .pbmit-fid-inner, .pbminfotech-ele-fid-style-1 .pbmit-fid-sub .pbmit-fid-title, .pbmit-ihbox-style-1 .pbmit-ihbox-icon-type-text, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-price-w, .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-frequency, .pbmit-heading-subheading-style-1 .pbmit-subtitle, .pbmit-text-design, .sidebar .widget-categories .pbmit-cat-li a, .sidebar .widget-categories .pbmit-brackets, .widget-recent-post .pbmit-rpw-title a, .post-navigation .nav-links .nav-title, .blog-details .pbmit-author-content .pbmit-author-name, .blog-details .pbmit-comment-content .reply a, .pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-value, .service-sidebar .all-post-list ul li a, .widget .download .item-download a, .pbminfotech-ele-fid-style-3 .pbmit-fid-inner, .progressbar .progress-label, .pbmit-element-timeline-style-1 .pbmit-timeline-year, .team-single .pbmit-entry-content .list-group .pbmit-icon-list-text, .pbmit-element-static-box-style-2 .pbmit-box-number, .pbmit-static-box-style-1 .pbmit-box-number, .list-group.list-group-style-1 .pbmit-icon-list-text, .pricing-six-rightbox .list-group .pbmit-icon-list-text, .list-group .pbmit-icon-list-text, .pbmit-static-box-style-3 .pbmit-box-number, .pbmit-fid-style-6-new .pbminfotech-ele-fid-style-6 .pbmit-fid-title {font-family: var(--pbmit-heading-typography-font-family); font-weight: 600; font-style: normal; } /*----------------------------------------*/ /*  01 - Icon Box /*----------------------------------------*/ /** Style 1 **/ .pbmit-ihbox-style-1 {border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), .1); padding-bottom: 20px; margin-bottom: 20px; } .pbmit-miconheading-style-1:last-child .pbmit-ihbox-style-1 {border-bottom: unset; } .pbmit-ihbox-style-1 .pbmit-ihbox-icon, .pbmit-ihbox-style-1 .pbmit-ihbox-svg {margin-right: 5px; } .pbmit-ihbox-style-1 .pbmit-ihbox-icon-wrapper {font-size: 24px; line-height: 30px; color: var(--pbmit-blackish-color); } .pbmit-ihbox-style-1 .pbmit-ihbox-icon-type-image img {width: 60px; height: auto; } .pbmit-ihbox-style-1 .pbmit-ihbox-icon .pbmit-icon-type-icon svg {width: 25px; height: 25px; } .pbmit-ihbox-style-1 .pbmit-element-title {font-size: 24px; line-height: 30px; margin-bottom: 0; } .pbmit-ihbox-style-1 .pbmit-ihbox-contents {transition: all 0.3s ease-in; } .pbmit-ihbox-style-1:hover .pbmit-ihbox-contents {transform: translate(1.5%, 0); } .pbmit-ihbox-style-1 .pbmit-element-subtitle {font-size: 15px; line-height: 22px; margin-bottom: 5px; } /*=== pbmit-ihbox-style-1-new ===*/ .pbmit-ihbox-style-1-new .pbmit-ihbox-style-1 {padding-bottom: 17px; } .pbmit-ihbox-style-1-new .pbmit-ihbox-style-1 .pbmit-element-title, .pbmit-ihbox-style-1-new .pbmit-ihbox-style-1 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-1-new .pbmit-ihbox-style-1 .pbmit-ihbox-icon-wrapper {font-size: 20px; line-height: 28px; } /** Style 2 **/ .pbmit-ihbox-style-2 .pbmit-element-heading {font-size: 16px; line-height: 20px; margin-bottom: 0; color: var(--pbmit-global-color); } .pbmit-ihbox-style-2 .pbmit-element-title {font-size: 60px; line-height: 64px; margin-bottom: 0; } .pbmit-ihbox-style-2 .pbmit-element-subtitle {font-size: 18px; line-height: 22px; margin-bottom: 0; } .pbmit-ihbox-style-2 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-2 .pbmit-ihbox-icon-type-image, .pbmit-ihbox-style-2 .pbmit-ihbox-icon-type-text, .pbmit-ihbox-style-2 .pbmit-ihbox-svg-wrapper {font-size: 25px; line-height: 25px; display: inline-block; padding: 0 15px; } .pbmit-ihbox-style-2 .pbmit-title-wrap {margin-right: 20px; } .pbmit-ihbox-style-2 .pbmit-ihbox-icon-type-image img {width: auto; height: 30px; } .pbmit-ihbox-style-2 .pbmit-ihbox-svg-wrapper {background-color: var(--pbmit-global-color); border-radius: 30px; } .pbmit-ihbox-style-2 .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-white-color); height: 10px; top: -2px; position: relative; width: 60px; } .pbmit-bg-color-secondary .pbmit-ihbox-style-2 .pbmit-element-title {color: var(--pbmit-global-color); } .pbmit-bg-color-secondary .pbmit-ihbox-style-2 .pbmit-ihbox-svg-wrapper {background-color: var(--pbmit-white-color); } .pbmit-bg-color-secondary .pbmit-ihbox-style-2 .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-blackish-color); } .pbmit-bg-color-secondary .pbmit-ihbox-style-2 .pbmit-element-heading, .pbmit-bg-color-blackish .pbmit-ihbox-style-2 .pbmit-element-title {color: var(--pbmit-white-color); } /** Style 3 **/ /** Style 4 **/ .pbmit-ihbox-style-4 {margin-bottom: 30px; } .pbmit-ihbox-style-4 .pbmit-ihbox-headingicon {text-align: center; display: inline-block; } .pbmit-ihbox-style-4 .pbmit-element-title {font-size: 24px; line-height: 30px; margin-bottom: 10px; } .pbmit-ihbox-style-4 .pbmit-element-subtitle, .pbmit-ihbox-style-4 .pbmit-element-heading {font-size: 18px; line-height: 24px; margin-bottom: 0px; } .pbmit-ihbox-style-4 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-4 .pbmit-ihbox-icon-type-image, .pbmit-ihbox-style-4 .pbmit-icon-type-icon, .pbmit-ihbox-style-4 .pbmit-ihbox-icon-type-text {font-size: 40px; line-height: 85px; color: var(--pbmit-global-color); margin-bottom: 12px; transition: all 0.5s ease-in-out; background: var(--pbmit-light-color); height: 85px; width: 85px; border-radius: 50%; margin: 10px auto 35px; overflow: hidden; } .pbmit-ihbox-style-4:hover .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-4:hover .pbmit-ihbox-icon-type-image, .pbmit-ihbox-style-4:hover .pbmit-icon-type-icon, .pbmit-ihbox-style-4:hover .pbmit-ihbox-icon-type-text {transform: translate(0, -5px); background: var(--pbmit-global-color); color: var(--pbmit-white-color); } .pbmit-ihbox-style-4 .pbmit-heading-desc {padding: 0 30px; color: #000; } .pbmit-ihbox-style-4 .pbmit-ihbox-icon {position: relative; } .pbmit-ihbox-style-4 .pbmit-ihbox-icon:before {position: absolute; counter-increment: pbmitbox2; content: counter(pbmitbox2, decimal-leading-zero) !important; right: -100px; top: 0; left: 0; color: var(--pbmit-global-color); font-size: 16px; line-height: 26px; } .pbmit-ihbox-style-4 .pbmit-ihbox-icon::after {position: absolute; content: ''; border: 3px dotted var(--pbmit-global-color); width: 105px; border-right-style: none; border-left-style: none; border-bottom-style: none; top: 50%; right: -120px; transform: translate(-50%, -50%); } .pbmit-miconheading-style-4:last-child .pbmit-ihbox-style-4 .pbmit-ihbox-icon::after {position: unset; content: unset; } .pbmit-ihbox-style-4 .pbmit-ihbox-svg {font-size: 15px; margin-bottom: 20px; } .pbmit-ihbox-style-4 .pbmit-ihbox-icon-type-image img {width: 90px; height: 90px; object-fit: cover; } .pbmit-ihbox-style-4 .pbmit-ihbox-icon .pbmit-icon-type-icon svg {height: 40px; width: 40px; fill: var(--pbmit-secondary-color); } .pbmit-element-column-four .pbmit-ihbox-style-4 .pbmit-element-title {font-size: 20px; line-height: 30px; } /** Style 5 **/ .pbmit-ihbox-style-5 .pbmit-element-title {font-size: 18px; line-height: 28px; margin-bottom: 0; color: var(--pbmit-global-color) } .pbmit-ihbox-style-5 .pbmit-content-wrapper {margin-right: 30px } .pbmit-ihbox-style-5 .pbmit-heading-desc {font-size: 14px; line-height: 24px; } .pbmit-ihbox-style-5 .pbmit-ihbox-icon-type-text, .pbmit-ihbox-style-5 .pbmit-icon-type-icon {font-size: 50px; line-height: 50px; color: var(--pbmit-global-color) } .pbmit-ihbox-style-5 .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-global-color); height: 50px; width: 50px } .pbmit-ihbox-style-5 .pbmit-element-subtitle {font-size: 15px; line-height: 20px; } /** Style 7 **/ .pbmit-ihbox-style-7 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-7 .pbmit-ihbox-svg, .pbmit-ihbox-style-7, .pbmit-ihbox-style-7 .pbmit-ihbox-box, .pbmit-ihbox-style-7 .pbmit-ihbox-box-number, .pbmit-ihbox-style-7 .pbmit-ihbox-box::before, .pbmit-ihbox-style-7 .pbmit-content-wrapper::before {transition: all 0.4s ease-in; } .pbmit-ihbox-style-7 {position: relative; overflow: hidden; padding-top: 10px; } .pbmit-ihbox-style-7 .pbmit-ihbox-box {padding: 45px 35px; border-radius: 30px; position: relative; background: transparent; } .pbmit-ihbox-style-7 .pbmit-ihbox-box::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: var(--pbmit-light-color); z-index: -1; clip-path: polygon(6.726% 0%, 93.274% 0%, 93.274% 0%, 94.364% 0.14%, 95.399% 0.545%, 96.364% 1.192%, 97.245% 2.061%, 98.029% 3.129%, 98.701% 4.373%, 99.249% 5.772%, 99.657% 7.303%, 99.912% 8.945%, 100% 10.676%, 100% 61.278%, 100% 61.278%, 99.732% 65.983%, 98.988% 69.483%, 97.863% 71.995%, 96.447% 73.739%, 94.835% 74.934%, 93.119% 75.798%, 91.39% 76.552%, 89.742% 77.413%, 88.268% 78.601%, 87.061% 80.335%, 87.061% 80.335%, 86.147% 82.63%, 85.483% 85.137%, 84.946% 87.749%, 84.409% 90.359%, 83.749% 92.86%, 82.839% 95.146%, 81.556% 97.11%, 79.775% 98.644%, 77.369% 99.643%, 74.215% 100%, 6.726% 100%, 6.726% 100%, 5.637% 99.861%, 4.603% 99.457%, 3.638% 98.811%, 2.758% 97.944%, 1.974% 96.879%, 1.302% 95.638%, 0.754% 94.241%, 0.346% 92.712%, 0.09% 91.071%, 0% 89.342%, 0% 10.676%, 0% 10.676%, 0.088% 8.945%, 0.343% 7.303%, 0.751% 5.772%, 1.299% 4.373%, 1.971% 3.129%, 2.755% 2.061%, 3.636% 1.192%, 4.601% 0.545%, 5.636% 0.14%, 6.726% 0%); } .pbmit-ihbox-style-7:hover {transform: translate(0, -10px); } .pbmit-ihbox-style-7 .pbmit-ihbox-icon, .pbmit-ihbox-style-7 .pbmit-ihbox-svg {margin-right: 15px; } .pbmit-ihbox-style-7 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-7 .pbmit-ihbox-svg {background-color: var(--pbmit-white-color); border-radius: 50%; height: 80px; width: 80px; display: flex; justify-content: center; align-items: center; } .pbmit-ihbox-style-7:hover .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-7:hover .pbmit-ihbox-svg {background-color: var(--pbmit-global-color); } .pbmit-ihbox-style-7 .pbmit-icon-type-icon {font-size: 36px; line-height: 36px; color: var(--pbmit-blackish-color); } .pbmit-ihbox-style-7:hover .pbmit-icon-type-icon {color: var(--pbmit-white-color); } .pbmit-ihbox-style-7 .pbmit-ihbox-svg-wrapper {font-size: 12px; line-height: 12px; color: var(--pbmit-blackish-color); margin-top: 5px; } .pbmit-ihbox-style-7 .pbmit-element-title {font-size: 26px; line-height: 30px; margin-bottom: 0; } .pbmit-ihbox-style-7 .pbmit-ihbox-box-number {font-size: 20px; line-height: 26px; margin-bottom: 10px; } .pbmit-ihbox-style-7 .pbmit-content-wrapper {padding-top: 25px; margin-top: 25px; padding-right: 70px; border-top: 1px solid rgba(var(--pbmit-blackish-color-rgb), .1); position: relative; } .pbmit-ihbox-style-7 .pbmit-content-wrapper::before {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 1px; background-color: rgba(var(--pbmit-blackish-color-rgb), .6); } .pbmit-ihbox-style-7:hover .pbmit-content-wrapper::before {width: 100%; } .pbmit-ihbox-style-7 .pbmit-content-wrapper .pbmit-heading-desc {color: rgba(var(--pbmit-blackish-color-rgb), .8); } .pbmit-ihbox-style-7 .pbmit-ihbox-btn .pbmit-button-inner {position: relative; display: inline-block; padding: 0; border: unset; border-radius: 0px; } .pbmit-ihbox-style-7 .pbmit-ihbox-btn {position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; z-index: 1; } .pbmit-ihbox-style-7 .pbmit-ihbox-btn .pbmit-button-inner .pbmit-button-wrapper:after {right: -50px; top: -5px; background-color: var(--pbmit-light-color); color: var(--pbmit-blackish-color); } .pbmit-ihbox-style-7:hover .pbmit-ihbox-btn .pbmit-button-inner .pbmit-button-wrapper:after {background-color: var(--pbmit-global-color); color: var(--pbmit-white-color); transform: unset; } .pbmit-ihbox-style-7 .pbmit-ihbox-btn a span.pbmit-button-text {font-size: 0; line-height: 0; } .pbmit-ihbox-style-7 .pbmit-ihbox-icon-type-text {font-size: 40px; } .pbmit-ihbox-style-7 .pbmit-element-subtitle {font-size: 20px; line-height: 26px; margin-bottom: 10px; } .pbmit-ihbox-style-7 .pbmit-ihbox-btn .pbmit-button-inner .pbmit-button-wrapper {display: inline-block; } /** Style 8 **/ .pbmit-miconheading-style-8 {margin-bottom: 30px; } .pbmit-ihbox-style-8, .pbmit-ihbox-style-8 .pbmit-ihbox-contents, .pbmit-ihbox-style-8 .pbmit-ihbox-icon-wrapper i, .pbmit-ihbox-style-8 .pbmit-icon-type-icon, .pbmit-ihbox-style-8 .pbmit-ihbox-icon::before, .pbmit-ihbox-style-8 .pbmit-ihbox-svg::before, .pbmit-ihbox-style-8 .pbmit-ihbox-icon-type-text, .pbmit-ihbox-style-8 .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper svg {transition: all 0.3s ease-in; } .pbmit-ihbox-style-8 .pbmit-ihbox-box {align-items: flex-start; } .pbmit-miconheading-style-8 .pbmit-ihbox-style-8 .pbmit-ihbox-box {margin-bottom: 45px; } .pbmit-miconheading-style-8:last-child .pbmit-ihbox-style-8 .pbmit-ihbox-box {margin-bottom: 0; } .pbmit-ihbox-style-8 .pbmit-ihbox-icon, .pbmit-ihbox-style-8 .pbmit-ihbox-svg {margin-right: 25px; position: relative; display: inline-block; background-color: var(--pbmit-global-color); color: var(--pbmit-blackish-color); border-radius: 50%; } .pbmit-ihbox-style-8 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-8 .pbmit-ihbox-svg-wrapper {border-radius: 50%; height: 80px; width: 80px; display: flex; justify-content: center; align-items: center; position: relative; border-radius: 50%; overflow: hidden; } .pbmit-ihbox-style-8 .pbmit-ihbox-icon-wrapper img {width: 100%; height: 100%; object-fit: cover; } .pbmit-ihbox-style-8 .pbmit-ihbox-box .pbmit-ihbox-icon::before, .pbmit-ihbox-style-8 .pbmit-ihbox-box .pbmit-ihbox-svg::before {content: ""; position: absolute; background-color: var(--pbmit-secondary-color); left: 50%; top: 50%; border-radius: 50%; transform: translate(-20px, -20px); width: 40px; height: 40px; opacity: 0; } .pbmit-ihbox-style-8:hover .pbmit-ihbox-box .pbmit-ihbox-icon::before, .pbmit-ihbox-style-8:hover .pbmit-ihbox-box .pbmit-ihbox-svg::before {width: 100%; height: 100%; transform: translate(0, 0); left: 0; top: 0; opacity: 1; } .pbmit-ihbox-style-8 .pbmit-ihbox-icon-wrapper i, .pbmit-ihbox-style-8 .pbmit-icon-type-icon {font-size: 35px; line-height: 35px; color: var(--pbmit-white-color); } .pbmit-ihbox-style-8:hover .pbmit-ihbox-icon-wrapper i, .pbmit-ihbox-style-8:hover .pbmit-icon-type-icon {color: var(--pbmit-white-color); } .pbmit-ihbox-style-8 .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper svg {width: 50px; height: 50px; } .pbmit-ihbox-style-8:hover .pbmit-ihbox-svg .pbmit-ihbox-svg-wrapper svg, .pbmit-ihbox-style-8:hover .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper svg {fill: var(--pbmit-white-color); } .pbmit-ihbox-style-8 .pbmit-element-title {font-size: 24px; line-height: 30px; margin-bottom: 10px; } .pbmit-ihbox-style-8 .pbmit-heading-desc {margin-bottom: 0; } .pbmit-ihbox-style-8 .pbmit-ihbox-icon-type-image {background-color: transparent; } .pbmit-ihbox-style-8 .pbmit-ihbox-icon-type-text {font-size: 40px; } .pbmit-ihbox-style-8:hover .pbmit-ihbox-icon-type-text {color: var(--pbmit-white-color); } .pbmit-bg-color-blackish .pbmit-ihbox-style-8:hover .pbmit-icon-type-icon, .pbmit-bg-color-blackish .pbmit-ihbox-style-8:hover .pbmit-ihbox-icon-wrapper i {color: var(--pbmit-blackish-color); } .pbmit-bg-color-blackish .pbmit-ihbox-style-8 .pbmit-ihbox-box .pbmit-ihbox-icon::before {background-color: var(--pbmit-white-color); } /*=== pbmit-ihbox-style-8-new ===*/ .pbmit-ihbox-style-8-new .pbmit-ihbox-style-8 .pbmit-element-title {font-size: 18px; line-height: 24px; } .pbmit-ihbox-style-8-new.pbmit-bg-color-blackish .pbmit-ihbox-style-8 .pbmit-element-title {color: var(--pbmit-white-color); } .pbmit-ihbox-style-8-new.pbmit-bg-color-blackish .pbmit-ihbox-style-8 .pbmit-heading-desc {color: rgba(var(--pbmit-white-color-rgb), 0.6); } .pbmit-ihbox-style-8-new .pbmit-ihbox-style-8 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-8-new .pbmit-ihbox-style-8 .pbmit-ihbox-svg-wrapper {width: 70px; height: 70px; } .pbmit-ihbox-style-8-new .pbmit-ihbox-style-8 .pbmit-ihbox-box {display: flex !important; } .pbmit-ihbox-style-8-new .pbmit-ihbox-style-8 .pbmit-ihbox-icon, .pbmit-ihbox-style-8-new .pbmit-ihbox-style-8 .pbmit-ihbox-svg {margin: 0 30px 0 0 !important; } /** Style 9 **/ .pbmit-ihbox-style-9 .pbmit-ihbox-box, .pbmit-ihbox-style-9 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-9 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-9 .pbmit-ihbox-icon-type-text, .pbmit-ihbox-style-9 .pbmit-element-title, .pbmit-ihbox-style-9 .pbmit-heading-desc, .pbmit-ihbox-style-9::before, .pbmit-ihbox-style-9 {transition: all 0.5s ease-in; } .pbmit-ihbox-style-9 .pbmit-element-title {font-size: 18px; line-height: 24px; margin: 0; } .pbmit-ihbox-style-9:hover .pbmit-element-title {color: var(--pbmit-global-color); } .pbmit-ihbox-style-9 .pbmit-ihbox-box {border: 1px solid rgba(var(--pbmit-blackish-color-rgb), .15); position: relative; overflow: hidden; border-radius: 50px; padding: 5px; } .pbmit-ihbox-style-9:hover .pbmit-ihbox-box {border-color: var(--pbmit-global-color); } .pbmit-ihbox-style-9 .pbmit-ihbox-icon, .pbmit-ihbox-style-9 .pbmit-ihbox-svg {margin-right: 25px; } .pbmit-ihbox-style-9 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-9 .pbmit-ihbox-svg-wrapper {width: 60px; height: 60px; font-size: 30px; line-height: 30px; background-color: var(--pbmit-light-color); color: var(--pbmit-global-color); display: flex; align-items: center; justify-content: center; border-radius: 50%; } .pbmit-elementor-bg-color-light .pbmit-ihbox-style-9 .pbmit-icon-wrapper, .pbmit-elementor-bg-color-light .pbmit-ihbox-style-9 .pbmit-ihbox-icon-wrapper, .pbmit-elementor-bg-color-light .pbmit-ihbox-style-9 .pbmit-ihbox-svg-wrapper {background-color: var(--pbmit-white-color); } .pbmit-ihbox-style-9:hover .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-9:hover .pbmit-ihbox-svg-wrapper {background-color: var(--pbmit-global-color); color: var(--pbmit-white-color); } /** Style 10 **/ .pbmit-ihbox-style-10 .pbmit-ihbox-headingicon {text-align: center; } .pbmit-ihbox-style-10 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-10 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-10 .pbmit-ihbox-icon-type-text {font-size: 80px; line-height: 100px; display: flex; justify-content: center; align-items: center; margin: 0 auto 30px; transition: all 0.5s ease-in; } .pbmit-ihbox-style-10 .pbmit-ihbox-icon-type-image, .pbmit-ihbox-style-10 .pbmit-ihbox-icon .pbmit-icon-type-icon svg, .pbmit-ihbox-style-10 .pbmit-ihbox-svg svg {width: 100px; height: 100px; } .pbmit-ihbox-style-10 .pbmit-element-title {font-size: 18px; line-height: 22px; margin-bottom: 10px; padding: 0 30px; } .pbmit-ihbox-style-10 .pbmit-element-subtitle {font-size: 14px; line-height: 20px; margin-bottom: 10px; color: var(--pbmit-global-color); text-transform: capitalize; } .pbmit-ihbox-style-10 .pbmit-heading-desc {text-transform: capitalize; padding: 0 30px; } .pbmit-ihbox-style-10:hover .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-10:hover .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-10:hover .pbmit-ihbox-icon-type-text {transform: translate(0, -5px); } /** Style 11 **/ .pbmit-ihbox-style-11 {padding: 10px 10px 0 0; position: relative; background-color: var(--pbmit-white-color); border-radius: 0 40px 0 0; } .pbmit-ihbox-style-11 .pbmit-ihbox-headingicon {text-align: center; display: inline-block; background-color: var(--pbmit-global-color); padding: 40px 45px; border-radius: 30px; } .pbmit-ihbox-style-11 .pbmit-element-title {font-size: 20px; line-height: 22px; margin-bottom: 0; color: var(--pbmit-white-color); font-weight: 400; } .pbmit-ihbox-style-11 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-11 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-11 .pbmit-ihbox-icon-type-text {font-size: 80px; line-height: 80px; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease-in; color: var(--pbmit-white-color); } .pbmit-ihbox-style-11 .pbmit-ihbox-icon-type-text {font-size: 50px; line-height: 60px; } .pbmit-ihbox-style-11 .pbmit-ihbox-icon-type-text span {font-size: 30px; line-height: 30px; margin-top: -20px; } .pbmit-ihbox-style-11 .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-11 .pbmit-ihbox-icon .pbmit-ihbox-svg-wrapper svg {height: 80px; width: 80px; fill: var(--pbmit-white-color); margin: 0 auto 10px; } .pbmit-ihbox-style-11 .pbmit-element-subtitle {font-size: 14px; line-height: 20px; margin-bottom: 12px; color: var(--pbmit-white-color); text-transform: capitalize; } .pbmit-ihbox-style-11 .pbmit-heading-desc {text-transform: capitalize; padding: 0 30px; color: var(--pbmit-white-color); } .pbmit-ihbox-style-11 .pbmit-button-inner:hover {color: var(--pbmit-white-color); } .pbmit-ihbox-style-11:hover .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-11:hover .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-11:hover .pbmit-ihbox-icon-type-text {transform: translate(0, -5px); } .pbmit-ihbox-style-11 .pbmit-sticky-corner {transform: rotate(90deg); } .pbmit-ihbox-style-11 .pbmit-top-right-corner {top: auto; right: -30px; bottom: 0; } .pbmit-ihbox-style-11 .pbmit-bottom-left-corner {top: -30px; left: 0px; } .pbmit-ihbox-style-11 .pbmit-ihbox-btn .pbmit-button-inner .pbmit-button-wrapper:after {background-color: var(--pbmit-white-color); color: var(--pbmit-blackish-color); } /** Style 12 **/ .pbmit-ihbox-style-12 {padding: 10px 0 0 10px; position: relative; background-color: var(--pbmit-white-color); border-radius: 40px 0 0; } .pbmit-ihbox-style-12 .pbmit-ihbox-headingicon {text-align: center; display: inline-block; background-color: var(--pbmit-global-color); padding: 20px 50px; border-radius: 30px; } .pbmit-ihbox-style-12 .pbmit-element-title {font-size: 18px; line-height: 22px; margin-bottom: 0; color: var(--pbmit-white-color); font-weight: 400; } .pbmit-ihbox-style-12 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-12 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-text {font-size: 80px; line-height: 80px; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease-in; color: var(--pbmit-white-color); } .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-text {font-size: 50px; line-height: 60px; } .pbmit-ihbox-style-12 .pbmit-ihbox-icon-type-text span {font-size: 30px; line-height: 30px; margin-top: -20px; } .pbmit-ihbox-style-12 .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-12 .pbmit-ihbox-icon .pbmit-ihbox-svg-wrapper svg {height: 80px; width: 80px; fill: var(--pbmit-white-color); margin: 0 auto 10px; } .pbmit-ihbox-style-12 .pbmit-element-subtitle {font-size: 14px; line-height: 20px; margin-bottom: 12px; color: var(--pbmit-white-color); text-transform: capitalize; } .pbmit-ihbox-style-12 .pbmit-heading-desc {text-transform: capitalize; padding: 0 30px; color: var(--pbmit-white-color); } .pbmit-ihbox-style-12 .pbmit-button-inner:hover {color: var(--pbmit-white-color); } .pbmit-ihbox-style-12:hover .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-12:hover .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-12:hover .pbmit-ihbox-icon-type-text {transform: translate(0, -5px); } .pbmit-ihbox-style-12 .pbmit-ihbox-btn .pbmit-button-inner .pbmit-button-wrapper:after {background-color: var(--pbmit-white-color); color: var(--pbmit-blackish-color); } /** Style 13 **/ .pbmit-ihbox-style-13 .pbmit-ihbox-icon, .pbmit-ihbox-style-13 .pbmit-ihbox-svg {margin-right: 25px; } .pbmit-ihbox-style-13 .pbmit-title-wrap {display: flex; align-items: center; } .pbmit-ihbox-style-13 .pbmit-element-heading, .pbmit-ihbox-style-13 .pbmit-element-title {font-size: 20px; line-height: 24px; font-weight: 600; margin-bottom: 10px; transition: all 0.6s ease-in-out; color: var(--pbmit-global-color); } .pbmit-ihbox-style-13 .pbmit-element-heading {margin-left: 5px; } .pbmit-ihbox-style-13 .pbmit-element-subtitle {font-size: 18px; line-height: 22px; margin-bottom: 0; } .pbmit-ihbox-style-13 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-13 .pbmit-ihbox-svg-wrapper {font-size: 40px; } .pbmit-ihbox-style-13 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-13 .pbmit-ihbox-svg-wrapper svg {margin-bottom: 5px; fill: #666; } .pbmit-ihbox-style-13 .pbmit-ihbox-icon-type-image {width: 100px; height: 50px; margin-bottom: 30px; } .pbmit-ihbox-style-13 .pbmit-ihbox-btn a {position: relative; display: inline-block; padding: 13px 30px !important; border: 1px solid rgba(var(--pbmit-blackish-color-rgb), .2); border-radius: 30px; } .pbmit-ihbox-style-13 .pbmit-ihbox-btn a:hover {background-color: var(--pbmit-blackish-color); color: var(--pbmit-white-color); } .pbmit-ihbox-style-13 .pbmit-ihbox-btn a:hover {border-color: var(--pbmit-blackish-color); background-color: var(--pbmit-blackish-color); color: var(--pbmit-white-color); } /** Style 14 **/ .pbmit-ihbox-style-14, .pbmit-ihbox-style-14 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-14 .pbmit-ihbox-svg-wrapper {transition: all 0.5s ease-in; } .pbmit-element-posts-wrapper.row .pbmit-ele.pbmit-miconheading-style-14 {margin-bottom: 0; } .pbmit-miconheading-style-14 {border-right: 1px solid rgba(var(--pbmit-blackish-color-rgb), .1); } .pbmit-miconheading-style-14:last-child {border-right: none; } .pbmit-miconheading-style-14 .pbmit-ihbox-style-14 {padding: 40px 90px; } .pbmit-ihbox-style-14 .pbmit-ihbox-box {display: inline-block; } .pbmit-ihbox-style-14:hover {transform: translate(0, -5px); } .pbmit-ihbox-style-14 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-14 .pbmit-ihbox-svg-wrapper {font-size: 30px; line-height: 30px; color: var(--pbmit-global-color); background-color: transparent; border-radius: 50%; height: 90px; width: 90px; display: flex; justify-content: center; align-items: center; } .pbmit-ihbox-style-14:hover .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-14:hover .pbmit-ihbox-svg-wrapper {color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .pbmit-ihbox-style-14 .pbmit-ihbox-icon-type-image img {border-radius: 50%; } .pbmit-ihbox-style-14 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-14 .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-global-color); } .pbmit-ihbox-style-14:hover .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-14:hover .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-white-color); } .pbmit-ihbox-style-14 .pbmit-element-subtitle {font-size: 16px; line-height: 22px; margin: 10px 0 0; } .pbmit-ihbox-style-14 .pbmit-element-title {font-size: 36px; line-height: 40px; margin: 10px 0; color: var(--pbmit-global-color); } .pbmit-ihbox-style-14 .pbmit-heading-desc {color: var(--pbmit-blackish-color); } /** Style 15 **/ .pbmit-ihbox-style-15 .pbmit-ihbox-box {align-items: flex-start; } .pbmit-ihbox-style-15 .pbmit-ihbox-icon, .pbmit-ihbox-style-15 .pbmit-ihbox-svg {position: relative; display: inline-block; } .pbmit-ihbox-style-15 .pbmit-ihbox-contents {position: relative; padding: 80px 0 0 70px; } .pbmit-ihbox-style-15 .pbmit-element-title {font-size: 14px; line-height: 30px; font-weight: 400; letter-spacing: 0.5px; margin-bottom: 10px; color: var(--pbmit-global-color); } .pbmit-ihbox-style-15 .pbmit-element-subtitle {font-size: 14px; line-height: 20px; margin-bottom: 5px; text-transform: capitalize; } .pbmit-ihbox-style-15 .pbmit-heading-desc {margin-bottom: 15px; font-size: 22px; line-height: 32px; color: var(--pbmit-blackish-color); } .pbmit-ihbox-style-15 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-15 .pbmit-ihbox-icon-wrapper:not(.pbmit-ihbox-icon-type-image) {position: absolute; left: 0; top: 0; font-size: 150px; line-height: 150px; display: inline-block; color: rgba(var(--pbmit-blackish-color-rgb), 0.2); background: -webkit-linear-gradient(rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 0.53) 67%, rgba(246, 246, 246, 0.3) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; z-index: -1; } .pbmit-ihbox-style-15 .pbmit-ihbox-svg-wrapper svg, .pbmit-ihbox-style-15 .pbmit-ihbox-icon-wrapper svg {fill: rgba(var(--pbmit-blackish-color-rgb), 0.2); } /** Style 16 **/ .pbmit-miconheading-style-16 {margin-bottom: 20px; } .pbmit-ihbox-style-16 .pbmit-ihbox-box, .pbmit-ihbox-style-16 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-16 .pbmit-ihbox-svg-wrapper svg, .pbmit-ihbox-style-16 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-16 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-16 .pbmit-element-title, .pbmit-ihbox-style-16 .pbmit-heading-desc, .pbmit-ihbox-style-16::before, .pbmit-ihbox-style-16 {transition: all 0.5s ease-in; } .pbmit-ihbox-style-16 .pbmit-element-title {font-size: 18px; line-height: 24px; margin: 0; } .pbmit-ihbox-style-16:hover .pbmit-element-title {color: var(--pbmit-global-color); } .pbmit-ihbox-style-16 .pbmit-ihbox-box {position: relative; overflow: hidden; border-radius: 50px; padding: 5px; background-color: var(--pbmit-light-color); } .pbmit-bg-color-light .pbmit-ihbox-style-16 .pbmit-ihbox-box {background-color: var(--pbmit-white-color); } .pbmit-ihbox-style-16 .pbmit-ihbox-icon, .pbmit-ihbox-style-16 .pbmit-ihbox-svg {margin-right: 25px; } .pbmit-ihbox-style-16 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-16 .pbmit-ihbox-svg-wrapper {width: 62px; height: 62px; font-size: 32px; line-height: 32px; background-color: var(--pbmit-white-color); color: var(--pbmit-global-color); display: flex; align-items: center; justify-content: center; border-radius: 50%; } .pbmit-bg-color-light .pbmit-ihbox-style-16 .pbmit-ihbox-icon-wrapper, .pbmit-bg-color-light .pbmit-ihbox-style-16 .pbmit-ihbox-svg-wrapper {background-color: var(--pbmit-light-color); } .pbmit-ihbox-style-16:hover .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-16:hover .pbmit-ihbox-svg-wrapper {background-color: var(--pbmit-global-color); color: var(--pbmit-white-color); } /* Bg Color */ .pbmit-bg-color-global .pbmit-ihbox-style-16:hover .pbmit-element-subtitle, .pbmit-bg-color-global .pbmit-ihbox-style-16:hover .pbmit-element-title, .pbmit-bg-color-gradient .pbmit-ihbox-style-16:hover .pbmit-element-subtitle, .pbmit-bg-color-gradient .pbmit-ihbox-style-16:hover .pbmit-element-title {color: var(--pbmit-secondary-color); } .pbmit-bg-color-global.pbmit-ihbox-style-16:hover .pbmit-ihbox-icon-wrapper, .pbmit-bg-color-global .pbmit-ihbox-style-16:hover .pbmit-ihbox-svg-wrapper, .pbmit-bg-color-gradient .pbmit-ihbox-style-16:hover .pbmit-ihbox-icon-wrapper, .pbmit-bg-color-gradient .pbmit-ihbox-style-16:hover .pbmit-ihbox-svg-wrapper {background-color: var(--pbmit-secondary-color); } /** Style 17 **/ .pbmit-ihbox-style-17, .pbmit-ihbox-style-17 .pbmit-ihbox-box, .pbmit-ihbox-style-17 .pbmit-ihbox-box-number {transition: all 0.4s ease-in; } .pbmit-ihbox-style-17 {position: relative; overflow: hidden; padding-top: 10px; } .pbmit-ihbox-style-17 .pbmit-ihbox-box {padding: 45px 36px 100px; position: relative; overflow: hidden; border-radius: 20px; background-color: var(--pbmit-light-color); } .pbmit-bg-color-light-2 .pbmit-ihbox-style-17 .pbmit-ihbox-box {background-color: var(--pbmit-white-color); } .pbmit-ihbox-style-17:hover {transform: translate(0, -10px); } .pbmit-ihbox-style-17 .pbmit-ihbox-icon, .pbmit-ihbox-style-17 .pbmit-ihbox-svg {position: absolute; bottom: 35px; } .pbmit-ihbox-style-17 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-17 .pbmit-ihbox-svg-wrapper {font-size: 55px; line-height: 55px; color: var(--pbmit-global-color); } .pbmit-ihbox-style-17 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-17 .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-global-color); } .pbmit-ihbox-style-17 .pbmit-element-title {font-size: 22px; line-height: 28px; margin-bottom: 10px; } .pbmit-ihbox-style-17 .pbmit-box-number-wrap {position: absolute; right: 0; bottom: 0; z-index: 2; width: 70px; height: 60px; padding: 10px; border-radius: 20px 0 0; background-color: var(--pbmit-white-color); } .pbmit-bg-color-light-2 .pbmit-ihbox-style-17 .pbmit-box-number-wrap {background-color: var(--pbmit-light-color); } .pbmit-bg-color-blackish .pbmit-ihbox-style-17 .pbmit-box-number-wrap {background-color: var(--pbmit-blackish-color); } .pbmit-bg-color-secondary .pbmit-ihbox-style-17 .pbmit-box-number-wrap {background-color: var(--pbmit-secondary-color); } .pbmit-bg-color-globalcolor .pbmit-ihbox-style-17 .pbmit-box-number-wrap {background-color: var(--pbmit-global-color); } .pbmit-ihbox-style-17 .pbmit-box-number-wrap::after, .pbmit-ihbox-style-17 .pbmit-box-number-wrap::before {content: ""; position: absolute; background-color: transparent; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); z-index: 1; } .pbmit-bg-color-light-2 .pbmit-ihbox-style-17 .pbmit-box-number-wrap::after, .pbmit-bg-color-light-2 .pbmit-ihbox-style-17 .pbmit-box-number-wrap::before {box-shadow: 0 20px 0 0 var(--pbmit-light-color); } .pbmit-bg-color-blackish .pbmit-ihbox-style-17 .pbmit-box-number-wrap::after, .pbmit-bg-color-blackish .pbmit-ihbox-style-17 .pbmit-box-number-wrap::before {box-shadow: 0 20px 0 0 var(--pbmit-blackish-color); } .pbmit-bg-color-secondary .pbmit-ihbox-style-17 .pbmit-box-number-wrap::after, .pbmit-bg-color-secondary .pbmit-ihbox-style-17 .pbmit-box-number-wrap::before {box-shadow: 0 20px 0 0 var(--pbmit-secondary-color); } .pbmit-bg-color-global .pbmit-ihbox-style-17 .pbmit-box-number-wrap::after, .pbmit-bg-color-global .pbmit-ihbox-style-17 .pbmit-box-number-wrap::before {box-shadow: 0 20px 0 0 var(--pbmit-global-color); } .pbmit-ihbox-style-17 .pbmit-box-number-wrap::after {bottom: 60px; left: 72%; border-bottom-right-radius: 20px; } .pbmit-ihbox-style-17 .pbmit-box-number-wrap::before {bottom: 0; right: 100%; border-bottom-right-radius: 20px; } .pbmit-ihbox-style-17 .pbmit-ihbox-box-number {position: relative; display: inline-block; width: 50px; height: 50px; font-size: 16px; line-height: 50px; font-weight: 500 !important; border-radius: 50%; text-align: center; z-index: 3; color: var(--pbmit-global-color); background-color: var(--pbmit-light-color); } .pbmit-bg-color-light-2 .pbmit-ihbox-style-17 .pbmit-ihbox-box-number {background-color: var(--pbmit-white-color); } .pbmit-ihbox-style-17:hover .pbmit-ihbox-box-number {background-color: var(--pbmit-global-color); color: var(--pbmit-white-color); } .pbmit-bg-color-global .pbmit-ihbox-style-17:hover .pbmit-ihbox-box-number {background-color: var(--pbmit-blackish-color); } .pbmit-ihbox-style-17 .pbmit-heading-desc {margin-bottom: 85px; } .pbmit-ihbox-style-17 .pbmit-element-subtitle {font-size: 20px; line-height: 26px; margin-bottom: 10px; } /** Style 18 **/ .pbmit-ihbox-style-18 {position: relative; overflow: hidden; display: inline-block; padding: 0 20px; } .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon {position: relative; padding: 25px 35px; background-color: var(--pbmit-light-color); border-radius: 30px 30px 0 0; } .pbmit-bg-color-light .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon {background-color: var(--pbmit-white-color); } .pbmit-ihbox-style-18 .pbmit-ihbox-icon, .pbmit-ihbox-style-18 .pbmit-ihbox-svg {margin-right: 10px; } .pbmit-ihbox-style-18 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-18 .pbmit-ihbox-icon-wrapper {font-size: 20px; line-height: 20px; color: #fba311; } .pbmit-ihbox-style-18 .pbmit-ihbox-svg-wrapper svg, .pbmit-ihbox-style-18 .pbmit-ihbox-icon-wrapper svg {fill: #fba311; } .pbmit-ihbox-style-18 .pbmit-ihbox-icon-type-image img {width: 60px; height: auto; } .pbmit-ihbox-style-18 .pbmit-element-title {font-size: 18px; line-height: 30px; margin-bottom: 0; color: var(--pbmit-blackish-color); } .pbmit-ihbox-style-18 .pbmit-element-subtitle {font-size: 15px; line-height: 22px; margin-bottom: 5px; } .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon::after, .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon::before {content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-light-color); } .pbmit-bg-color-light .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon::after, .pbmit-bg-color-light .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon::before {box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon::before {right: 100%; border-bottom-right-radius: 20px; } .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon::after {left: 100%; border-bottom-left-radius: 20px; } /* icon-heading-style-18-new */ .icon-heading-style-18-new .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon {border-radius: 20px 0 20px 0; background-color: var(--pbmit-light-color); } .icon-heading-style-18-new .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon::after, .icon-heading-style-18-new .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon::before {box-shadow: 0 20px 0 0 var(--pbmit-light-color); } .icon-heading-style-18-new .pbmit-ihbox-style-18 .pbmit-ihbox-headingicon::after {left: calc(100% - 8%); bottom: 80px; border-bottom-left-radius: 0; border-bottom-right-radius: 20px; } .icon-heading-style-18-new .pbmit-ihbox-style-18 {padding: 20px 0 0 20px; } .icon-heading-style-18-new .pbmit-ihbox-style-18 .pbmit-ihbox-icon-wrapper {color: var(--pbmit-global-color); } /** Style 19 **/ .pbmit-miconheading-style-19 {margin-bottom: 20px; } .pbmit-ihbox-style-19 .pbmit-ihbox-box {padding: 70px 45px 40px; position: relative; overflow: hidden; text-align: center; border-radius: 20px; background-color: var(--pbmit-light-color); } .pbmit-ihbox-style-19 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-19 .pbmit-ihbox-svg-wrapper {font-size: 55px; line-height: 55px; color: var(--pbmit-global-color); margin-bottom: 30px; } .pbmit-ihbox-style-19 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-19 .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-global-color); } .pbmit-ihbox-style-19 .pbmit-element-title {font-size: 24px; line-height: 34px; margin-bottom: 15px; } .pbmit-ihbox-style-19 .pbmit-ihbox-box-number {font-size: 20px; line-height: 26px; margin-bottom: 10px; } .pbmit-ihbox-style-19 .pbmit-content-wrapper .pbmit-heading-desc {color: rgba(var(--pbmit-blackish-color-rgb), .8); } .pbmit-ihbox-style-19 .pbmit-element-subtitle {font-size: 20px; line-height: 26px; margin-bottom: 10px; } .ihbox-six-right-area .pbmit-miconheading-style-19:nth-child(2) .pbmit-ihbox-style-19 .pbmit-ihbox-box, .ihbox-six-right-area .pbmit-miconheading-style-19:nth-child(3) .pbmit-ihbox-style-19 .pbmit-ihbox-box, .ihbox-six-right-area .pbmit-miconheading-style-19:nth-child(6) .pbmit-ihbox-style-19 .pbmit-ihbox-box {background-color: transparent; } /** Style 20 **/ .pbmit-ihbox-style-20 {position: relative; overflow: hidden; display: inline-block; padding: 0 20px; } .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon {position: relative; padding: 18px 35px; background-color: var(--pbmit-light-color); border-radius: 20px 20px 0 0; } .pbmit-bgimage-yes .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon, .pbmit-bg-color-light .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon {background-color: var(--pbmit-white-color); } .pbmit-ihbox-style-20 .pbmit-ihbox-icon, .pbmit-ihbox-style-20 .pbmit-ihbox-svg {margin-left: 15px; } .pbmit-ihbox-style-20 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-20 .pbmit-ihbox-icon-wrapper {font-size: 38px; line-height: 0; color: var(--pbmit-global-color); } .pbmit-ihbox-style-20 .pbmit-ihbox-svg-wrapper svg, .pbmit-ihbox-style-20 .pbmit-ihbox-icon-wrapper svg {fill: var(--pbmit-global-color); } .pbmit-ihbox-style-20 .pbmit-ihbox-icon-wrapper i:before {font-weight: 600; } .pbmit-ihbox-style-20 .pbmit-ihbox-icon-type-image img {width: 60px; height: auto; } .pbmit-ihbox-style-20 .pbmin-lightbox-video {flex-direction: row-reverse; } .pbmit-ihbox-style-20 .pbmit-element-title {font-size: 18px; line-height: 30px; margin-bottom: 0; text-transform: uppercase; color: var(--pbmit-blackish-color); } .pbmit-ihbox-style-20 .pbmit-element-subtitle {font-size: 15px; line-height: 22px; margin-bottom: 5px; } .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::after, .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::before {content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-light-color); } .pbmit-bg-color-light .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::after, .pbmit-bg-color-light .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::before {box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::before {right: 100%; border-bottom-right-radius: 20px; } .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::after {left: 100%; border-bottom-left-radius: 20px; } /* pbmit-iconbox-20-new */ .pbmit-iconbox-20-new .pbmit-ihbox-style-20 {padding: 0 20px 40px 0; } .pbmit-iconbox-20-new .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon {border-radius: 0 0 20px 0; } .pbmit-iconbox-20-new .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::after, .pbmit-iconbox-20-new .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::before {box-shadow: 0 -20px 0 0 var(--pbmit-light-color); } .pbmit-bg-color-light .pbmit-iconbox-20-new .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::after, .pbmit-bg-color-light .pbmit-iconbox-20-new .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::before {box-shadow: 0 -20px 0 0 var(--pbmit-white-color); } .pbmit-iconbox-20-new .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::before {bottom: -40px; right: 93%; border-top-left-radius: 20px; border-bottom-right-radius: 0; } .pbmit-iconbox-20-new .pbmit-ihbox-style-20 .pbmit-ihbox-headingicon::after {top: 0; border-top-left-radius: 20px; border-bottom-left-radius: 0; } /** Style 21 **/ .pbmit-ihbox-style-21 {transition: all .4s ease-out; } .pbmit-ihbox-style-21 .pbmit-ihbox-contents {position: relative; text-align: center; z-index: 1; display: inline-block; height: 180px; width: 180px; padding: 55px 10px 10px; } .pbmit-ihbox-style-21 .pbmit-element-title a, .pbmit-ihbox-style-21 .pbmit-element-title {position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; z-index: 2; font-size: 36px; line-height: 36px; margin-bottom: 0; font-weight: 600; text-transform: uppercase; color: var(--pbmit-white-color); } .pbmit-ihbox-style-21 .pbmit-element-subtitle {font-size: 16px; line-height: 16px; margin-bottom: 5px; } .pbmit-ihbox-style-21 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-21 .pbmit-ihbox-icon-type-icon, .pbmit-ihbox-style-21 .pbmit-ihbox-icon-type-text {font-size: 25px; line-height: 25px; margin-top: 10px; color: var(--pbmit-white-color); } .pbmit-ihbox-style-21 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-21 .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-white-color); } .pbmit-ihbox-style-21 .pbmit-heading-desc {margin: 20px 0 10px 0; } .pbmit-ihbox-style-21 .pbmit-ihbox-icon-type-image {height: 50px; width: 50px; margin: 0 auto; } .pbmit-ihbox-style-21 .pbmit-ihbox-contents::before {position: absolute; content: ''; top: 0; left: 0; height: 180px; width: 180px; background-image: url(../images/homepage-5/bg/offer-img.svg); transform-origin: 50% 50% 0; transform: rotate(0); z-index: 0; background-size: cover; filter: invert(33%) sepia(74%) saturate(7081%) hue-rotate(345deg) brightness(86%) contrast(105%); animation-name: pbmit_rotate_1; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes pbmit_rotate_1 {from {transform: rotate(0); } to {transform: rotate(360deg); } } /** Style 22 **/ .pbmit-ihbox-style-22 {margin-bottom: 50px; } .pbmit-ihbox-style-22, .pbmit-ihbox-style-22 .pbmit-ihbox-contents, .pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-22 .pbmit-ihbox-svg-wrapper svg, .pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-22 .pbmit-ihbox-svg-wrapper, .pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper::before, .pbmit-ihbox-style-22 .pbmit-ihbox-svg-wrapper::before {transition: all 0.3s ease-in; } .pbmit-ihbox-style-22 .pbmit-ihbox-box {align-items: flex-start; } .pbmit-ihbox-style-22 .pbmit-ihbox-icon, .pbmit-ihbox-style-22 .pbmit-ihbox-svg {margin-right: 35px; position: relative; display: inline-block; } .pbmit-elementor-bg-color-light .pbmit-ihbox-style-22 .pbmit-ihbox-icon, .pbmit-elementor-bg-color-light .pbmit-ihbox-style-22 .pbmit-ihbox-svg {background-color: var(--pbmit-white-color); } .pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-22 .pbmit-ihbox-svg-wrapper {font-size: 35px; line-height: 35px; border-radius: 50%; height: 80px; width: 80px; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; overflow: hidden; background-color: var(--pbmit-light-color); color: var(--pbmit-global-color); } .pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-22 .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-global-color); } .pbmit-ihbox-style-22:hover .pbmit-ihbox-icon-wrapper {color: var(--pbmit-white-color); } .pbmit-ihbox-style-22:hover .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-22:hover .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-white-color); } .pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper img {width: 100%; height: 100%; object-fit: cover; } .pbmit-ihbox-style-22 .pbmit-ihbox-icon-wrapper::before, .pbmit-ihbox-style-22 .pbmit-ihbox-svg-wrapper::before {content: ""; position: absolute; background-color: var(--pbmit-global-color); left: 50%; top: 50%; border-radius: 50%; transform: translate(-20px, -20px); width: 40px; height: 40px; opacity: 0; z-index: -1; } .pbmit-ihbox-style-22:hover .pbmit-ihbox-icon-wrapper::before, .pbmit-ihbox-style-22:hover .pbmit-ihbox-svg-wrapper::before {width: 100%; height: 100%; transform: translate(0, 0); left: 0; top: 0; opacity: 1; } .pbmit-ihbox-style-22 .pbmit-element-title {font-size: 20px; line-height: 28px; margin-bottom: 5px; } .pbmit-ihbox-style-22 .pbmit-heading-desc {margin-bottom: 0; } .pbmit-ihbox-style-22 .pbmit-ihbox-icon-type-image {background-color: transparent !important; } .pbmit-ihbox-style-22 .pbmit-xinterio-icon {margin-top: 5px; display: inline-block; } /** Style 23 **/ .pbmit-ihbox-style-23 .pbmit-element-title {font-size: 16px; line-height: 24px; margin-bottom: 0; color: #666666; font-family: var(--pbmit-body-typography-font-family); font-weight: normal; } .pbmit-ihbox-style-23 .pbmit-heading-desc {font-size: 14px; line-height: 24px; } .pbmit-ihbox-style-23 .pbmit-ihbox-icon, .pbmit-ihbox-style-23 .pbmit-ihbox-svg {margin-bottom: 18px; } .pbmit-ihbox-style-23 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-23 .pbmit-ihbox-svg-wrapper {font-size: 50px; line-height: 50px; color: var(--pbmit-global-color) } .pbmit-ihbox-style-23 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-23 .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-global-color); margin-bottom: 5px; } .pbmit-ihbox-style-23 .pbmit-element-subtitle {font-size: 15px; line-height: 20px; } .pbmit-ihbox-style-23-new .pbmit-ihbox-style-23 .pbmit-ihbox-icon {margin-bottom: 5px; } /** Style 24 **/ .pbmit-ihbox-style-24 .pbmit-ihbox-headingicon {display: flex; align-items: center; } .pbmit-ihbox-style-24 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-24 .pbmit-ihbox-svg-wrapper {font-size: 80px; line-height: 100px; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease-in; } .pbmit-ihbox-style-24 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-24 .pbmit-ihbox-svg-wrapper svg {fill: #666; } .pbmit-ihbox-style-24 .pbmit-ihbox-icon, .pbmit-ihbox-style-24 .pbmit-ihbox-svg {margin-right: 20px; } .pbmit-ihbox-style-24 .pbmit-ihbox-icon-type-image {width: 100px; height: 100px; } .pbmit-ihbox-style-24 .pbmit-element-title {font-size: 18px; line-height: 28px; margin-bottom: 0; font-family: var(--pbmit-body-typography-font-family); font-weight: 300 !important; } .pbmit-ihbox-style-24 .pbmit-element-subtitle {font-size: 14px; line-height: 20px; margin-bottom: 10px; color: var(--pbmit-global-color); text-transform: capitalize; } .pbmit-ihbox-style-24:hover .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-24:hover .pbmit-ihbox-svg-wrapper {transform: translate(0, -5px); } /** Style 25 **/ .pbmit-ihbox-style-25 {transition: all 0.5s ease-in; } .pbmit-ihbox-style-25 .pbmit-ihbox-box {display: inline-block; } .pbmit-ihbox-style-25:hover {transform: translate(0, -5px); } .pbmit-ihbox-style-25 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-25 .pbmit-ihbox-svg-wrapper {font-size: 50px; line-height: 50px; color: var(--pbmit-global-color); margin-bottom: 10px; } .pbmit-ihbox-style-25 .pbmit-ihbox-icon-wrapper svg, .pbmit-ihbox-style-25 .pbmit-ihbox-svg-wrapper svg {fill: var(--pbmit-global-color); } .pbmit-ihbox-style-25 .pbmit-element-subtitle {font-size: 24px; line-height: 30px; letter-spacing: -0.5px; margin: 0 0 70px; } .pbmit-ihbox-style-25 .pbmit-element-title {font-size: 170px; line-height: 1; margin-bottom: 0; color: var(--pbmit-global-color); } .pbmit-ihbox-style-25 .pbmit-heading-desc {font-size: 18px; line-height: 28px; } /*----------------------------------------*/ /*  02 - Team Member /*----------------------------------------*/ /** Style 1 **/ .pbmit-team-style-1 {margin-bottom: 30px; padding: 0 15px; } .pbmit-team-style-1 .pbmit-featured-wrapper img, .pbmit-team-style-1 .pbmit-featured-wrapper::after, .pbmit-team-style-1 .pbmit-team-social-links li a, .pbmit-team-style-1 .pbmit-team-social-links li, .pbmit-team-style-1 .pbmit-team-btn .pbmit-team-text, .pbmit-team-style-1 .pbminfotech-box-social-links {transition: all .6s ease-in-out; } .pbmit-team-style-1 .pbmit-featured-wrap {position: relative; overflow: hidden; } .pbmit-team-style-1 .pbminfotech-post-item {position: relative; overflow: hidden; } .pbmit-team-style-1 .pbminfotech-box-content {padding: 14px 0 0; } .pbmit-team-style-1 .pbmit-featured-inner {position: relative; } .pbmit-team-style-1 .pbmit-featured-wrapper img {width: 100%; transition: all .3s ease-out; } .pbmit-team-style-1:hover .pbmit-featured-wrapper img {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .pbmit-team-style-1 .pbmit-team-title {font-size: 19px; line-height: 36px; margin-bottom: 0px; } .pbmit-team-style-1 .pbmit-team-btn {position: absolute; bottom: 2px; right: 2px; z-index: 9; } .pbmit-team-style-1 .pbmit-team-btn .pbmit-team-text {width: 50px; height: 50px; font-size: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 1; color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .pbmit-team-style-1 .pbmit-team-btn:hover .pbmit-team-text {color: var(--pbmit-white-color); background-color: var(--pbmit-blackish-color); } .pbmit-team-style-1 .pbminfotech-box-social-links {text-align: center; position: absolute; bottom: 50px; right: 0; transform: translateY(10px); opacity: 0; padding: 3px; } .pbmit-team-style-1 .pbminfotech-box-social-links ul {display: flex; flex-direction: column-reverse; } .pbmit-team-style-1 .pbmit-team-btn:hover .pbminfotech-box-social-links {transform: translateY(-25px); opacity: 1; } .pbmit-team-style-1 .pbmit-team-btn .pbmit-team-social-links li {display: block; margin: 0; padding: 0 !important; margin-bottom: 5px; transform: translate(0); transition: all 600ms ease-in-out; } .pbmit-team-style-1 .pbmit-team-btn:hover .pbmit-team-social-links li {transform: translate(0); } .pbmit-team-style-1 .pbmit-team-social-links li:nth-child(1) {transition-delay: 750px; } .pbmit-team-style-1 .pbmit-team-social-links li:nth-child(1) {transform: translate(0, 0); } .pbmit-team-style-1 .pbmit-team-social-links li:nth-child(2) {transition-delay: 700px; } .pbmit-team-style-1 .pbmit-team-social-links li:nth-child(2) {transform: translate(0, 43px); } .pbmit-team-style-1 .pbmit-team-social-links li:nth-child(3) {transition-delay: 650px; } .pbmit-team-style-1 .pbmit-team-social-links li:nth-child(3) {transform: translate(0, 86px); } .pbmit-team-style-1 .pbmit-team-social-links li:nth-child(4) {transition-delay: 800px; } .pbmit-team-style-1 .pbmit-team-social-links li:nth-child(4) {transform: translate(0, 129px); } .pbmit-team-style-1 .pbmit-team-social-links li:nth-child(5) {transition-delay: 850px; } .pbmit-team-style-1 .pbmit-team-social-links li:nth-child(5) {transform: translate(0, 172px); } .pbmit-team-style-1 .pbmit-team-social-links li:first-child {margin-top: 0; } .pbmit-team-style-1 .pbmit-team-social-links li a {display: inline-block; opacity: 1; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; text-align: center; font-size: 16px; background: transparent; color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); } .pbmit-team-style-1 .pbmit-team-social-links li a:hover {color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } /*----------------------------------------*/ /*  03 - Counter /*----------------------------------------*/ /** Style 1 **/ .pbminfotech-ele-fid-style-1 .pbmit-circle {position: relative; display: inline-block; } .pbminfotech-ele-fid-style-1 .pbmit-circle canvas {transform: rotate(0deg) translate(0px, 4px); } .pbminfotech-ele-fid-style-1 .pbmit-fid-inner {position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 50%; height: 105px; width: 105px; top: 50%; left: 50%; font-size: 20px; line-height: 29px; color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); transform: translate(-50%, -50%); } .pbminfotech-ele-fid-style-1 .pbmit-fid-sub .pbmit-fid-title {font-size: 24px; line-height: 30px; margin: 0; } .pbminfotech-ele-fid-style-1 .pbmit-fid-sub {margin-left: 15px; } .pbminfotech-ele-fid-style-1 .pbmit-fid-inner sub, .pbminfotech-ele-fid-style-1 .pbmit-fid-inner sup .pbminfotech-ele-fid-style-1 .pbmit-fid-inner span {margin: 0 2px; } .pbminfotech-ele-fid-style-1 .pbmit-fid-inner sub, .pbminfotech-ele-fid-style-1 .pbmit-fid-inner sup {top: -7px; font-size: 15px; line-height: 15px; margin: 0 2px; } .pbminfotech-ele-fid-style-1 .pbmit-fid-inner sub {top: inherit; bottom: -2px; } .pbmit-bg-color-blackish .pbmit-fid-style-one .pbminfotech-ele-fid-style-1 .pbmit-fid-sub .pbmit-fid-title {color: var(--pbmit-white-color); } /* With Class */ .pbmit-fid-style-one .pbminfotech-ele-fid-style-1 .pbmit-fid-sub .pbmit-fid-title {font-size: 18px; line-height: 24px; margin: 0; font-weight: 600 !important; } .pbmit-fid-style-one .pbminfotech-ele-fid-style-1 .pbmit-fid-inner {font-size: 20px; line-height: 20px; } .pbmit-fid-style-one .pbminfotech-ele-fid-style-1 .pbmit-fid-sub {margin: 0 0 0 20px; } .pbmit-fid-style-one .pbminfotech-ele-fid-style-1 .pbmit-circle canvas {transform: rotate(0deg) translate(0px, 3px); } .pbmit-fid-style-one .pbminfotech-ele-fid-style-1 .pbmit-circle canvas {height: 117px; width: 117px; } .pbmit-fid-style-one .pbminfotech-ele-fid-style-1 .pbmit-fid-inner {height: 90px; width: 90px; } .pbmit-fid-style-one .pbminfotech-ele-fid-style-1 .pbmit-fid-sub .pbmit-fid-title {color: var(--pbmit-global-color); } /** Style 2 **/ .pbminfotech-ele-fid-style-2 .pbmit-fid-inner {font-size: 90px; line-height: 90px; } .pbminfotech-ele-fid-style-2 .pbmit-fid-title {color: var(--pbmit-global-color); margin: 0 0 0 10px; } .pbminfotech-ele-fid-style-2 .pbmit-fid-icon-title {display: flex; align-items: center; } .pbminfotech-ele-fid-style-2 .pbmit-icon-type-icon i {color: var(--pbmit-global-color); font-size: 22px; line-height: 22px; } .pbminfotech-ele-fid-style-2 .pbmit-fid-svg-wrapper svg, .pbminfotech-ele-fid-style-2 .pbmit-sbox-icon-wrapper svg {fill: var(--pbmit-global-color); stroke: var(--pbmit-global-color); width: 20px; height: 20px; } .pbminfotech-ele-fid-style-2 .pbmit-fid-inner sub, .pbminfotech-ele-fid-style-2 .pbmit-fid-inner sup {font-size: 50px; line-height: 50px; } .pbminfotech-ele-fid-style-2 .pbmit-fid-before sup, .pbminfotech-ele-fid-style-2 .pbmit-fid sup {margin-left: -20px; top: -30px; } .pbminfotech-ele-fid-style-2 .pbmit-fid-before sup {margin-right: -20px; } .pbminfotech-ele-fid-style-2 .pbmit-fid-before sub, .pbminfotech-ele-fid-style-2 .pbmit-fid-inner sub {margin-left: -14px; bottom: -2px; } .pbminfotech-ele-fid-style-2 .pbmit-fid-before sub {margin-right: -14px; } .pbminfotech-ele-fid-style-2 .pbmit-fid-inner .pbmit-fid span {margin-left: -22px; } .pbminfotech-ele-fid-style-2 .pbmit-fid-inner .pbmit-fid-before span {margin-right: -22px; } /** Style 3 **/ .pbminfotech-ele-fid-style-3 .pbmit-circle {position: relative; display: inline-block; } .pbminfotech-ele-fid-style-3 .pbmit-circle canvas {transform: rotate(0deg) translate(0px, 4px); } .pbminfotech-ele-fid-style-3 .pbmit-fid-inner {position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 50%; height: 127px; width: 127px; top: 50%; left: 50%; font-size: 26px; line-height: 30px; color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); transform: translate(-50%, -50%); } .pbminfotech-ele-fid-style-3 .pbmit-fid-title {font-size: 18px; line-height: 28px; margin-bottom: 10px; color: var(--pbmit-global-color); font-weight: 600; } .pbminfotech-ele-fid-style-3 .pbmit-fid-sub {margin: 20px 0 0 0; } .pbminfotech-ele-fid-style-3 .pbmit-fid-inner sub, .pbminfotech-ele-fid-style-3 .pbmit-fid-inner sup, .pbminfotech-ele-fid-style-3 .pbmit-fid-inner span {margin: 0 2px; } .pbminfotech-ele-fid-style-3 .pbmit-fid-inner sub, .pbminfotech-ele-fid-style-3 .pbmit-fid-inner sup {top: -7px; font-size: 15px; line-height: 15px; margin: 0 2px; } .pbminfotech-ele-fid-style-3 .pbmit-fid-inner sub {top: inherit; bottom: -2px; } /** Style 4 **/ .pbminfotech-ele-fid-style-4 .pbmit-fid-inner {font-size: 80px; line-height: 80px; color: var(--pbmit-global-color); } .pbminfotech-ele-fid-style-4 .pbmit-fid-title {color: var(--pbmit-global-color); margin: 0 0 5px 10px; text-transform: uppercase; font-weight: normal; font-size: 18px; line-height: 24px; } .pbminfotech-ele-fid-style-4 .pbmit-fid-inner sub, .pbminfotech-ele-fid-style-4 .pbmit-fid-inner sup {font-size: 50px; line-height: 50px; } .pbminfotech-ele-fid-style-4 .pbmit-fid-before sup, .pbminfotech-ele-fid-style-4 .pbmit-fid sup {margin-left: -20px; top: -30px; } .pbminfotech-ele-fid-style-4 .pbmit-fid-before sup {margin-right: -20px; } .pbminfotech-ele-fid-style-4 .pbmit-fid-before sub, .pbminfotech-ele-fid-style-4 .pbmit-fid-inner sub {margin-left: -14px; bottom: -2px; } .pbminfotech-ele-fid-style-4 .pbmit-fid-before sub {margin-right: -14px; } .pbminfotech-ele-fid-style-4 .pbmit-fid-inner .pbmit-fid span {margin-left: -22px; } .pbminfotech-ele-fid-style-4 .pbmit-fid-inner .pbmit-fid-before span {margin-right: -22px; } /** Style 5 **/ .pbminfotech-ele-fid-style-5 .pbmit-fld-wrap {display: flex; align-items: center; } .pbminfotech-ele-fid-style-5 .pbmit-fid-inner {min-width: 250px; font-size: 100px; line-height: 100px; margin-bottom: 0; font-weight: 500; color: var(--pbmit-global-color); } .pbmit-bg-color-gradient .pbminfotech-ele-fid-style-5 .pbmit-fid-inner, .pbmit-bg-color-globalcolor .pbminfotech-ele-fid-style-5 .pbmit-fid-inner {color: var(--pbmit-blackish-color); } .pbminfotech-ele-fid-style-5 .pbmit-number-rotate {font-weight: 700; letter-spacing: -2px; color: transparent; -webkit-text-stroke: 1px var(--pbmit-global-color); } .pbmit-bg-color-gradient .pbminfotech-ele-fid-style-5 .pbmit-number-rotate, .pbmit-bg-color-globalcolor .pbminfotech-ele-fid-style-5 .pbmit-number-rotate {-webkit-text-stroke-color: var(--pbmit-blackish-color); } .pbminfotech-ele-fid-style-5 .pbmit-fid-inner sub, .pbminfotech-ele-fid-style-5 .pbmit-fid-inner sup {font-size: 50px; line-height: 50px; } .pbminfotech-ele-fid-style-5 .pbmit-fid-title {display: inline-block; margin-left: 10px; color: var(--pbmit-blackish-color); } .pbmit-bg-color-blackish .pbminfotech-ele-fid-style-5 .pbmit-fid-title, .pbmit-text-color-white .pbminfotech-ele-fid-style-5 .pbmit-fid-title {color: var(--pbmit-white-color); } .pbminfotech-ele-fid-style-5 .pbmit-fid-before sup, .pbminfotech-ele-fid-style-5 .pbmit-fid sup {top: -30px; } .pbminfotech-ele-fid-style-5 .pbmit-fid sup {margin-left: -20px; } .pbminfotech-ele-fid-style-5 .pbmit-fid-before sup {margin-right: -20px; } .pbminfotech-ele-fid-style-5 .pbmit-fid-before sub, .pbminfotech-ele-fid-style-5 .pbmit-fid sub {bottom: -2px; } .pbminfotech-ele-fid-style-5 .pbmit-fid sub {margin-left: -14px; } .pbminfotech-ele-fid-style-5 .pbmit-fid-before sub {margin-right: -14px; } .pbminfotech-ele-fid-style-5 .pbmit-fid span {margin-left: -25px; } .pbminfotech-ele-fid-style-5 .pbmit-fid-before span {margin-right: -25px; } /** Style 6 **/ .pbminfotech-ele-fid-style-6 .pbmit-fid-inner {font-size: 100px; line-height: 100px; font-weight: 500; margin-bottom: 0; color: var(--pbmit-global-color); } .pbmit-elementor-bg-color-gradient .pbminfotech-ele-fid-style-6 .pbmit-fid-inner, .pbmit-elementor-bg-color-globalcolor .pbminfotech-ele-fid-style-6 .pbmit-fid-inner {color: var(--pbmit-blackish-color); } .pbminfotech-ele-fid-style-6 .pbmit-number-rotate {font-weight: 700; letter-spacing: -2px; color: transparent; -webkit-text-stroke: 1px var(--pbmit-global-color); } .pbmit-elementor-bg-color-gradient .pbminfotech-ele-fid-style-6 .pbmit-number-rotate, .pbmit-elementor-bg-color-globalcolor .pbminfotech-ele-fid-style-6 .pbmit-number-rotate {-webkit-text-stroke-color: var(--pbmit-blackish-color); } .pbminfotech-ele-fid-style-6 .pbmit-fid-inner sub, .pbminfotech-ele-fid-style-6 .pbmit-fid-inner sup {font-size: 50px; line-height: 50px; } .pbminfotech-ele-fid-style-6 .pbmit-fid-title {display: inline-block; margin-top: 5px; color: var(--pbmit-blackish-color); } .pbmit-elementor-bg-color-blackish .pbminfotech-ele-fid-style-6 .pbmit-fid-title, .pbmit-text-color-white .pbminfotech-ele-fid-style-6 .pbmit-fid-title {color: var(--pbmit-white-color); } .pbminfotech-ele-fid-style-6 .pbmit-fid-before sup, .pbminfotech-ele-fid-style-6 .pbmit-fid sup {top: -30px; } .pbminfotech-ele-fid-style-6 .pbmit-fid sup {margin-left: -20px; } .pbminfotech-ele-fid-style-6 .pbmit-fid-before sup {margin-right: -20px; } .pbminfotech-ele-fid-style-6 .pbmit-fid-before sub, .pbminfotech-ele-fid-style-6 .pbmit-fid sub {bottom: -2px; } .pbminfotech-ele-fid-style-6 .pbmit-fid sub {margin-left: -14px; } .pbminfotech-ele-fid-style-6 .pbmit-fid-before sub {margin-right: -14px; } .pbminfotech-ele-fid-style-6 .pbmit-fid span {margin-left: -25px; } .pbminfotech-ele-fid-style-6 .pbmit-fid-before span {margin-right: -25px; } /* pbmit-fid-style-6-new */ .pbmit-fid-style-6-new .pbminfotech-ele-fid-style-6 {text-align: center; } .pbmit-fid-style-6-new .pbminfotech-ele-fid-style-6 .pbmit-fid-inner {font-weight: 700; } .pbmit-fid-style-6-new .pbminfotech-ele-fid-style-6 .pbmit-fid-title {letter-spacing: -0.5px; } /** Style 7 **/ .pbminfotech-ele-fid-style-7 {display: inline-block; padding: 30px; background-color: var(--pbmit-secondary-color); border-radius: 12px; text-align: center; } .pbminfotech-ele-fid-style-7 .pbmit-fid-inner {font-size: 48px; line-height: 48px; margin-bottom: 0; color: var(--pbmit-global-color); } .pbminfotech-ele-fid-style-7 .pbmit-fid-inner sub, .pbminfotech-ele-fid-style-7 .pbmit-fid-inner sup {font-size: 30px; line-height: 30px; } .pbminfotech-ele-fid-style-7 .pbmit-fid-title {display: inline-block; font-size: 18px; line-height: 18px; font-weight: 600; margin-top: 5px; margin-bottom: 0; text-transform: capitalize; color: var(--pbmit-white-color); } .pbminfotech-ele-fid-style-7 .pbmit-fid-before sup, .pbminfotech-ele-fid-style-7 .pbmit-fid sup {top: -15px; } .pbminfotech-ele-fid-style-7 .pbmit-fid sup {margin-left: -10px; } .pbminfotech-ele-fid-style-7 .pbmit-fid-before sup {margin-right: -10px; } .pbminfotech-ele-fid-style-7 .pbmit-fid-before sub, .pbminfotech-ele-fid-style-7 .pbmit-fid sub {bottom: -2px; } .pbminfotech-ele-fid-style-7 .pbmit-fid sub {margin-left: -10px; } .pbminfotech-ele-fid-style-7 .pbmit-fid-before sub {margin-right: -10px; } .pbminfotech-ele-fid-style-7 .pbmit-fid span {margin-left: -14px; } .pbminfotech-ele-fid-style-7 .pbmit-fid-before span {margin-right: -14px; } /** Style 8 **/ .pbminfotech-ele-fid-style-8 .pbmit-fid-inner {font-size: 100px; line-height: 100px; margin-bottom: 0; color: var(--pbmit-global-color); } .pbminfotech-ele-fid-style-8 .pbmit-number-rotate {font-weight: 700; letter-spacing: -2px; color: transparent; -webkit-text-stroke: 1px var(--pbmit-blackish-color); } .pbmit-elementor-bg-color-secondary .pbminfotech-ele-fid-style-8 .pbmit-number-rotate, .pbmit-elementor-bg-color-blackish .pbminfotech-ele-fid-style-8 .pbmit-number-rotate {-webkit-text-stroke-color: var(--pbmit-global-color); } .pbminfotech-ele-fid-style-8 .pbmit-fid-inner sub, .pbminfotech-ele-fid-style-8 .pbmit-fid-inner sup {font-size: 50px; line-height: 50px; } .pbminfotech-ele-fid-style-8 .pbmit-fid-title {display: inline-block; margin-top: 10px; padding-right: 30px; color: var(--pbmit-blackish-color); } .pbminfotech-ele-fid-style-8 .pbmit-fid-before sup, .pbminfotech-ele-fid-style-8 .pbmit-fid sup {top: -30px; } .pbminfotech-ele-fid-style-8 .pbmit-fid sup {margin-left: -20px; } .pbminfotech-ele-fid-style-8 .pbmit-fid-before sup {margin-right: -20px; } .pbminfotech-ele-fid-style-8 .pbmit-fid-before sub, .pbminfotech-ele-fid-style-8 .pbmit-fid sub {bottom: -2px; } .pbminfotech-ele-fid-style-8 .pbmit-fid sub {margin-left: -14px; } .pbminfotech-ele-fid-style-8 .pbmit-fid-before sub {margin-right: -14px; } .pbminfotech-ele-fid-style-8 .pbmit-fid span {margin-left: -25px; } .pbminfotech-ele-fid-style-8 .pbmit-fid-before span {margin-right: -25px; } /* pbmit-fid-text-style-normal */ .pbmit-fid-text-style-normal .pbminfotech-ele-fid-style-8 .pbmit-fid-before span, .pbmit-fid-text-style-normal .pbminfotech-ele-fid-style-8 .pbmit-fid span {font-size: 80px; position: relative; bottom: 10px; } .pbmit-fid-text-style-normal .pbminfotech-ele-fid-style-8 .pbmit-fid-before span {margin-right: -20px; } .pbmit-fid-text-style-normal .pbminfotech-ele-fid-style-8 .pbmit-fid span {margin-left: -20px; } /*----------------------------------------*/ /*  04 - Service /*----------------------------------------*/ /** Style 1 **/ .pbmit-service-style-1 .pbminfotech-post-item .pbmit-box-content-wrap, .pbmit-service-style-1 .pbmit-featured-wrapper img {transition: all 0.5s ease-in-out; } .pbmit-service-style-1, .pbmit-service-style-1 .pbminfotech-post-item {position: relative; } .pbmit-service-style-1 .pbminfotech-post-item .pbmit-box-content-wrap {padding: 20px 20px 40px; border-radius: 30px; background-color: var(--pbmit-light-color); z-index: 1; } .pbmit-service-style-1 .pbminfotech-post-item .pbmit-box-content-wrap::before {content: ''; position: absolute; width: 119px; height: 112px; top: auto; left: auto; bottom: -1px; right: -1px; z-index: 1; background-color: var(--pbmit-white-color); mask: url(../images/bg/shape-bottom.png) bottom right no-repeat; -webkit-mask: url(../images/bg/shape-bottom.png) bottom right no-repeat; } .pbmit-bg-color-secondary .pbmit-service-style-1 .pbminfotech-post-item .pbmit-box-content-wrap::before, .pbmit-text-color-white .pbmit-service-style-1 .pbminfotech-post-item .pbmit-box-content-wrap::before {background-color: var(--pbmit-secondary-color); } .pbmit-service-style-1 .pbmit-featured-wrapper {overflow: hidden; border-radius: 30px; margin-bottom: 25px; } .pbmit-service-style-1 .pbmit-featured-wrapper img {width: 100%; } .pbmit-service-style-1:hover .pbmit-featured-wrapper img {transform: scale(1.1); } .pbmit-service-style-1 .pbmit-box-content-inner {padding: 0 10px; } .pbmit-service-style-1 .pbmit-service-title {position: relative; font-size: 28px; line-height: 36px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .pbmit-service-style-1 .pbminfotech-box-number {font-size: 12px; line-height: 22px; font-weight: 400; color: var(--pbmit-global-color); } .pbmit-service-style-1 .pbmit-service-description {position: relative; color: #666; border-top: 1px solid rgba(var(--pbmit-blackish-color-rgb), .1); padding: 20px 20px 0 0; margin: 55px 25px 0 0; } .pbmit-service-style-1 .pbmit-service-description::before {content: ""; position: absolute; top: -1px; left: 0; width: 0%; height: 1px; background-color: rgba(var(--pbmit-blackish-color-rgb), .3); transition: all .6s ease-in-out; } .pbmit-service-style-1:hover .pbmit-service-description::before {width: 100%; } .pbmit-service-style-1 .pbmit-service-description p {margin: 0; } .pbmit-service-style-1 .pbmit-service-icon, .pbmit-service-style-1 .pbmit-serv-cat {display: none; } .pbmit-service-style-1.pbmit-ele-service .pbmit-service-btn {color: var(--pbmit-blackish-color); background-color: var(--pbmit-light-color); z-index: 1; } /** Style 2 **/ .pbmit-service-style-2 .pbmit-service-image-wrapper {transition: all .5s ease-in-out } .pbmit-service-style-2 {position: relative } .pbmit-service-style-2 .pbmit-featured-wrapper {position: relative; overflow: hidden; transition: all .8s ease-in-out; } .pbmit-service-style-2 .pbmit-service-image-wrapper img {transition: all .4s ease-in-out; width: 100% } .pbmit-service-style-2:hover .pbmit-service-image-wrapper img {transform: scale(1.05) } .pbmit-service-style-2 .pbmit-featured-wrapper::before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 73%); } .pbmit-service-style-2 .pbminfotech-box-content {position: relative; } .pbmit-service-style-2 .pbmit-content-box {position: absolute; bottom: 30px; left: 40px; z-index: 1; width: calc(100% - 30%); } .pbmit-service-style-2 .pbmit-service-title {font-size: 30px; line-height: 40px; margin-bottom: 15px; } .pbmit-service-style-2 .pbmit-service-title a {color: var(--pbmit-white-color); } .pbmit-service-style-2 .pbmit-service-title a:hover {color: var(--pbmit-global-color); } .pbmit-service-style-2 .pbmit-serv-cat {display: none; } .pbmit-service-style-2 .pbmit-service-icon {position: absolute; top: 40px; left: 40px; z-index: 2; } .pbmit-service-style-2 .pbmit-service-icon img {width: 40px; height: 40px } .pbmit-service-style-2 .pbmit-service-icon i {font-size: 40px; line-height: 40px; color: var(--pbmit-white-color) } .pbmit-service-style-2 .pbmit-service-icon svg {fill: var(--pbmit-white-color) } .pbmit-service-style-2 .pbmit-service-description {height: 0; opacity: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; color: var(--pbmit-white-color); } .pbmit-service-style-2:hover .pbmit-service-description {opacity: 1; height: 60px; } .pbmit-service-style-2.pbmit-ele-service .pbmit-service-btn {color: var(--pbmit-blackish-color); background-color: var(--pbmit-light-color); } .pbmit-service-btn {font-family: var(--pbmit-heading-typography-font-family); font-weight: 600; letter-spacing: -.25px; text-transform: capitalize; font-style: normal; } .pbmit-service-style-2 .pbminfotech-post-item {position: relative; } .pbmit-ele-blog .pbmit-blog-btn, .pbmit-ele-service .pbmit-service-btn {position: absolute; bottom: 0; right: 3px; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: var(--pbmit-blackish-color); background-color: var(--pbmit-light-color); line-height: 50px; font-size: 12px; text-align: center; transform: translate3d(0, 0, 0) rotateZ(0); transform-style: preserve-3d; border-radius: 50%; transition: all .5s ease-in-out 0s; z-index: 2; } .pbmit-ele-service:hover .pbmit-service-btn {background-color: var(--pbmit-global-color); color: var(--pbmit-white-color); } /** Style 3 **/ .pbmit-service-style-3 .pbmit-service-image-wrapper {transition: all .5s ease-in-out } .pbmit-service-style-3 .pbminfotech-post-item, .pbmit-service-style-3 {position: relative } .pbmit-service-style-3 .pbminfotech-box-number {position: absolute; right: 60px; top: 50px; font-size: 48px; line-height: 48px; z-index: 2; color: rgba(var(--pbmit-white-color-rgb), .52); } .pbmit-service-style-3 .pbmit-featured-wrapper {position: relative; overflow: hidden; transition: all .8s ease-in-out; clip-path: polygon(4.724% .355%, 4.724% .355%, 4.058% .579%, 3.43% .857%, 2.845% 1.186%, 2.305% 1.563%, 1.814% 1.983%, 1.376% 2.444%, .995% 2.942%, .675% 3.472%, .42% 4.032%, .233% 4.619%, .233% 4.619%, .181% 5.212%, .137% 6.592%, .102% 8.797%, .073% 11.866%, .052% 15.839%, .038% 20.755%, .031% 26.653%, .03% 33.571%, .035% 41.549%, .047% 50.627%, .116% 95.628%, .605% 96.536%, .605% 96.536%, .822% 96.906%, 1.067% 97.26%, 1.339% 97.599%, 1.638% 97.919%, 1.961% 98.221%, 2.308% 98.504%, 2.678% 98.766%, 3.069% 99.006%, 3.479% 99.224%, 3.909% 99.418%, 5.236% 99.97%, 40.024% 100.03%, 40.024% 100.03%, 46.77% 100.039%, 52.801% 100.042%, 58.126% 100.039%, 62.755% 100.031%, 66.697% 100.017%, 69.962% 99.998%, 72.56% 99.974%, 74.499% 99.945%, 75.79% 99.911%, 76.442% 99.872%, 76.442% 99.872%, 77.034% 99.778%, 77.631% 99.653%, 78.227% 99.501%, 78.811% 99.323%, 79.376% 99.124%, 79.915% 98.907%, 80.418% 98.674%, 80.877% 98.43%, 81.284% 98.177%, 81.631% 97.918%, 81.631% 97.918%, 81.953% 97.628%, 82.251% 97.323%, 82.531% 96.995%, 82.797% 96.637%, 83.053% 96.242%, 83.305% 95.803%, 83.556% 95.312%, 83.811% 94.762%, 84.075% 94.146%, 84.353% 93.457%, 84.353% 93.457%, 84.885% 92.163%, 85.384% 91.083%, 85.883% 90.188%, 86.413% 89.451%, 87.006% 88.846%, 87.694% 88.344%, 88.509% 87.918%, 89.482% 87.541%, 90.646% 87.186%, 92.032% 86.825%, 92.032% 86.825%, 93.53% 86.432%, 94.825% 86.027%, 95.931% 85.596%, 96.867% 85.128%, 97.649% 84.61%, 98.293% 84.029%, 98.817% 83.372%, 99.236% 82.628%, 99.567% 81.783%, 99.828% 80.825%, 99.828% 80.825%, 99.88% 80.265%, 99.923% 79.078%, 99.959% 77.224%, 99.987% 74.659%, 100.008% 71.344%, 100.022% 67.235%, 100.029% 62.292%, 100.03% 56.473%, 100.025% 49.737%, 100.014% 42.041%, 99.944% 4.441%, 99.293% 3.316%, 99.293% 3.316%, 99.064% 2.951%, 98.808% 2.603%, 98.524% 2.271%, 98.215% 1.958%, 97.882% 1.663%, 97.526% 1.389%, 97.148% 1.136%, 96.749% .905%, 96.331% .697%, 95.895% .513%, 94.825% .099%, 50.379% .059%, 50.379% .059%, 38.88% .049%, 29.54% .043%, 22.128% .042%, 16.412% .05%, 12.159% .067%, 9.137% .095%, 7.115% .136%, 5.86% .192%, 5.14% .264%, 4.724% .355%) } .pbmit-service-style-3 .pbmit-service-image-wrapper img {border-radius: 30px; transition: all .4s ease-in-out; width: 100% } .pbmit-service-style-3:hover .pbmit-service-image-wrapper img {transform: scale(1.05) } .pbmit-service-style-3 .pbmit-featured-wrapper::before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 73%); } .pbmit-service-style-3 .pbminfotech-box-content {position: relative; } .pbmit-service-style-3 .pbmit-content-box {position: absolute; bottom: 50px; left: 50px; z-index: 1; width: calc(100% - 50%); } .pbmit-service-style-3 .pbmit-service-title {font-size: 30px; line-height: 34px; margin-bottom: 0; } .pbmit-service-style-3 .pbmit-service-title a {color: var(--pbmit-white-color) } .pbmit-service-style-3 .pbmit-serv-cat {display: none; } .pbmit-service-style-3 .pbmit-service-icon {position: absolute; top: 50px; left: 50px; z-index: 2; } .pbmit-service-style-3 .pbmit-service-icon img {width: 50px; height: 50px } .pbmit-service-style-3 .pbmit-service-icon i {font-size: 50px; line-height: 50px; color: var(--pbmit-white-color) } .pbmit-service-style-3 .pbmit-service-icon svg {fill: var(--pbmit-white-color) } /** Style 4 **/ .pbmit-service-style-4 .pbmit-service-image-wrapper {transition: all .5s ease-in-out } .pbmit-service-style-4 {position: relative } .pbmit-service-style-4 .pbmit-featured-img-wrapper {position: relative; } .pbmit-service-style-4 .pbmit-featured-img-wrapper::before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 73%); z-index: 1; border-radius: 30px; } .pbmit-service-style-4 .pbmit-service-image-wrapper img {border-radius: 30px; transition: all .4s ease-in-out; width: 100% } .pbmit-service-style-4:hover .pbmit-service-image-wrapper img {transform: scale(1.05) } .pbmit-service-style-4 .pbmit-featured-wrapper {position: relative; overflow: hidden; border-radius: 30px; } .pbmit-service-style-4 .pbmit-featured-img-wrapper::after {content: ''; position: absolute; width: 119px; height: 112px; top: auto; left: auto; bottom: -1px; right: -1px; z-index: 1; background-color: var(--pbmit-white-color); mask: url(../images/homepage-4/bg/shape-bottom.png) bottom right no-repeat; -webkit-mask: url(../images/homepage-4/bg/shape-bottom.png) bottom right no-repeat; } .pbmit-service-style-4 .pbminfotech-box-content {position: relative; } .pbmit-service-style-4 .pbmit-content-box {position: absolute; bottom: 30px; left: 40px; z-index: 1; width: calc(100% - 30%); } .pbmit-service-style-4 .pbmit-service-title {font-size: 30px; line-height: 40px; margin-bottom: 15px; } .pbmit-service-style-4 .pbmit-service-title a {color: var(--pbmit-white-color); } .pbmit-service-style-4 .pbmit-service-title a:hover {color: var(--pbmit-global-color); } .pbmit-service-style-4 .pbmit-serv-cat {display: none; } .pbmit-service-style-4 .pbmit-service-icon {position: absolute; top: 40px; left: 40px; z-index: 2; } .pbmit-service-style-4 .pbmit-service-icon img {max-width: 40px; height: 40px } .pbmit-service-style-4 .pbmit-service-icon {font-size: 40px; line-height: 40px; color: var(--pbmit-white-color) } .pbmit-service-style-4 .pbmit-service-icon svg {fill: var(--pbmit-white-color) } .pbmit-service-style-4 .pbmit-service-description {height: 0; opacity: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; color: var(--pbmit-white-color); } .pbmit-service-style-4:hover .pbmit-service-description {opacity: 1; height: 60px; } .pbmit-element-service-style-4 .pbmit-service-description {color: var(--pbmit-white-color); } .pbmit-service-style-4 .pbmit-service-btn {color: var(--pbmit-blackish-color); background-color: var(--pbmit-light-color); } .pbmit-bg-color-global .pbmit-service-style-4:hover .pbmit-service-btn {background-color: var(--pbmit-blackish-color); } .pbmit-service-style-4.pbmit-ele-service .pbminfotech-post-item {position: relative; } /* For bg color */ .pbmit-bg-color-light .pbmit-service-style-4 .pbmit-featured-img-wrapper::after {background-color: var(--pbmit-light-color); } .pbmit-bg-color-blackish .pbmit-service-style-4 .pbmit-featured-img-wrapper::after {background-color: var(--pbmit-blackish-color); } .pbmit-bg-color-global .pbmit-service-style-4 .pbmit-featured-img-wrapper::after {background-color: var(--pbmit-global-color); } .pbmit-bg-color-secondary .pbmit-service-style-4 .pbmit-featured-img-wrapper::after {background-color: var(--pbmit-secondary-color); } .pbmit-bg-color-light .pbmit-service-style-4 .pbmit-service-btn {background-color: var(--pbmit-white-color); } /** Style 5 **/ .pbmit-service-style-5 .pbmit-service-image-wrapper .pbmit-service-btn, .pbmit-service-style-5 .pbmit-featured-wrapper img {position: relative; -webkit-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .pbmit-service-style-5 .pbminfotech-post-item {border-radius: 30px; border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.15); } .pbmit-element-viewtype-carousel .pbmit-service-style-5 .pbminfotech-post-item {margin: 0 0 5px 5px; } .pbmit-service-style-5 .pbmit-featured-wrapper {overflow: hidden; border-radius: 30px; } .pbmit-element-viewtype-carousel.pbmit-element-service-style-5 .pbmit-element-posts-wrapper {border-radius: 30px; } .pbmit-service-style-5 .pbmit-featured-wrapper img {width: 100%; } .pbmit-service-style-5:hover .pbmit-featured-wrapper img {transform: scale(1.02); } .pbmit-service-style-5 .pbmit-service-image-wrapper {position: relative; } .pbmit-service-style-5 .pbmit-service-image-wrapper a.pbmit-link {z-index: 0; } .pbmit-service-style-5 .pbmit-service-btn-wrapper {position: absolute; right: 50px; bottom: -10px; display: table; text-align: center; z-index: 1; padding: 8px 8px 0 8px; border-radius: 50px 50px 0 0; background-color: var(--pbmit-white-color); } .pbmit-service-style-5 .pbmit-service-btn-wrapper::after, .pbmit-service-style-5 .pbmit-service-btn-wrapper::before {content: ""; position: absolute; background-color: transparent; bottom: 10px; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-service-style-5 .pbmit-service-btn-wrapper::before {right: 100%; border-bottom-right-radius: 20px; } .pbmit-service-style-5 .pbmit-service-btn-wrapper::after {left: 100%; border-bottom-left-radius: 20px; } .pbmit-service-style-5 .pbmit-service-image-wrapper .pbmit-service-btn {width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 100%; text-align: center; font-size: 24px; z-index: 2; position: relative; color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .pbmit-service-style-5:hover .pbmit-service-image-wrapper .pbmit-service-btn {background-color: var(--pbmit-blackish-color); } .pbmit-service-style-5 .pbmit-content-box {padding: 40px 35px 30px 35px; } .pbmit-service-style-5 .pbminfotech-box-number {font-size: 16px; line-height: 24px; font-weight: 400; color: var(--pbmit-global-color); } .pbmit-service-style-5 .pbmit-service-title {position: relative; font-size: 24px; line-height: 28px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-transform: capitalize; word-break: break-all; } .pbmit-service-style-5 .pbmit-service-description p {margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .pbmit-service-style-5 .pbmit-service-icon {width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 20px; text-align: center; font-size: 45px; line-height: 30px; color: var(--pbmit-global-color); background-color: var(--pbmit-light-color-3); } .pbmit-service-style-5 .pbmit-serv-cat, .pbmit-service-style-5 .pbminfotech-box-number {display: none; } /** Style 6 **/ .pbmit-service-style-6 .pbmit-featured-wrapper img {position: relative; -webkit-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .pbmit-service-style-6 .pbminfotech-post-item {border-radius: 30px; border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.15); } .pbmit-element-viewtype-carousel .pbmit-service-style-6 .pbminfotech-post-item {margin: 0 0 5px 5px; } .pbmit-element-viewtype-carousel.pbmit-element-service-style-6 .pbmit-element-posts-wrapper {border-radius: 30px; } .pbmit-service-style-6 .pbmit-featured-wrapper {overflow: hidden; border-radius: 30px 30px 0 0; } .pbmit-service-style-6 .pbmit-featured-wrapper img {width: 100%; } .pbmit-service-style-6:hover .pbmit-featured-wrapper img {transform: scale(1.02); } .pbmit-service-style-6 .pbmit-service-image-wrapper {position: relative; } .pbmit-service-style-6 .pbmit-service-icon-wrapper {position: absolute; left: 50%; bottom: -34px; display: table; text-align: center; z-index: 1; padding: 6px 6px 0 6px; border-radius: 50px 50px 0 0; background-color: var(--pbmit-white-color); -khtml-transform: translateX(-50%) translateY(0%); -moz-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); -o-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); } .pbmit-service-style-6 .pbmit-service-icon-wrapper::after, .pbmit-service-style-6 .pbmit-service-icon-wrapper::before {content: ""; position: absolute; background-color: transparent; bottom: 34px; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-service-style-6 .pbmit-service-icon-wrapper::before {right: calc(100% - 4%); border-bottom-right-radius: 20px; } .pbmit-service-style-6 .pbmit-service-icon-wrapper::after {left: calc(100% - 4%); border-bottom-left-radius: 20px; } .pbmit-service-style-6 .pbmit-content-box {text-align: center; padding: 75px 60px 50px 60px; } .pbmit-service-style-6 .pbminfotech-box-number {font-size: 16px; line-height: 24px; font-weight: 400; color: var(--pbmit-global-color); } .pbmit-service-style-6 .pbmit-service-title {position: relative; font-size: 30px; line-height: 30px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-transform: capitalize; word-break: break-all; } .pbmit-service-style-6 .pbmit-service-description p {margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .pbmit-service-style-6 .pbmit-service-icon {width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 50%; text-align: center; font-size: 35px; line-height: 35px; color: var(--pbmit-white-color); background-color: var(--pbmit-blackish-color); } .pbmit-service-style-6 .pbmit-service-btn-text {padding-left: 30px; margin-bottom: 20px; display: inline-block; } .pbmit-service-style-6 .pbmit-service-btn-text, .pbmit-service-style-6 .pbmit-serv-cat, .pbmit-service-style-6 .pbminfotech-box-number {display: none; } /** Style 7 **/ .pbmit-service-style-7 {margin-bottom: 30px; } .pbmit-service-style-7 .pbmit-service-image-wrapper {transition: all .5s ease-in-out } .pbmit-service-style-7, .pbmit-service-style-7 .pbmit-featured-img-wrapper {position: relative; } .pbmit-service-style-7 .pbmit-featured-img-wrapper::before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 73%); z-index: 1; border-radius: 30px; } .pbmit-service-style-7 .pbmit-service-image-wrapper img {border-radius: 30px; transition: all .4s ease-in-out; width: 100% } .pbmit-service-style-7:hover .pbmit-service-image-wrapper img {transform: scale(1.05) } .pbmit-service-style-7 .pbmit-featured-wrapper {position: relative; overflow: hidden; border-radius: 30px; } .pbmit-service-style-7 .pbmit-featured-img-wrapper::after {content: ''; position: absolute; width: 119px; height: 112px; top: auto; left: auto; bottom: -1px; right: -1px; z-index: 1; background-color: var(--pbmit-white-color); mask: url(../images/bg/shape-bottom.png) bottom right no-repeat; -webkit-mask: url(../images/bg/shape-bottom.png) bottom right no-repeat; } .pbmit-service-style-7 .pbminfotech-box-content {position: relative; } .pbmit-service-style-7 .pbmit-content-box {position: absolute; bottom: 30px; left: 30px; z-index: 1; width: calc(100% - 35%); } .pbmit-service-style-7 .pbmit-service-title {font-size: 24px; line-height: 26px; margin-bottom: 15px; padding-right: 20%; } .pbmit-service-style-7 .pbmit-service-title a {color: var(--pbmit-white-color); } .pbmit-service-style-7 .pbmit-service-title a:hover {color: var(--pbmit-global-color); } .pbmit-service-style-7 .pbmit-service-icon, .pbmit-service-style-7 .pbmit-serv-cat {display: none; } .pbmit-service-style-7 .pbmit-service-icon {position: absolute; top: 40px; left: 40px; z-index: 2; } .pbmit-service-style-7 .pbmit-service-icon img {max-width: 40px; height: 40px } .pbmit-service-style-7 .pbmit-service-icon {font-size: 40px; line-height: 40px; color: var(--pbmit-white-color) } .pbmit-service-style-7 .pbmit-service-icon svg {fill: var(--pbmit-white-color) } .pbmit-service-style-7 .pbmit-service-description {height: 0; opacity: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; color: var(--pbmit-white-color); } .pbmit-service-style-7:hover .pbmit-service-description {opacity: 1; height: 56px; } .pbmit-service-style-7.pbmit-ele-service .pbmit-service-btn {color: var(--pbmit-blackish-color); background-color: transparent; border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.1); } .pbmit-service-style-7.pbmit-ele-service:hover .pbmit-service-btn {border-color: transparent; color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .pbmit-service-style-7.pbmit-ele-service .pbminfotech-post-item {position: relative; } /*----------------------------------------*/ /*  05 - Blog /*----------------------------------------*/ /** Style 1 **/ .pbmit-blog-style-1 .pbmit-featured-wrapper img, .pbmit-blog-style-1 .pbmit-featured-container .pbmit-blog-btn {-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .pbmit-blog-style-1 .pbmit-featured-container {position: relative; overflow: hidden; border-radius: 30px; margin: 0 0 25px; } .pbmit-blog-style-1 .pbmit-post-title {font-size: 24px; line-height: 32px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pbmit-blog-style-1:hover .pbmit-featured-wrapper img {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .pbmit-blog-style-1 .pbmit-featured-wrapper, .pbmit-blog-style-1 .pbmit-featured-wrapper img {position: relative; width: 100%; border-radius: 30px; } .pbmit-blog-style-1 .pbminfotech-box-content .pbmit-blog-btn {top: 30px; right: 30px; bottom: inherit; } .pbmit-ele-blog.pbmit-blog-style-1:hover .pbmit-blog-btn {background-color: var(--pbmit-global-color); color: var(--pbmit-white-color); } .pbmit-blog-style-1 .pbmit-post-author span {margin-right: 3px; display: inline-block; } .pbmit-blog-style-1 .pbmit-meta-line i {font-size: 18px; margin-right: 3px; color: var(--pbmit-global-color); } /** Style 2 **/ .pbmit-blog-style-2 .pbmit-featured-wrapper img, .pbmit-blog-style-2 .pbmit-featured-container .pbmit-blog-btn, .pbmit-blog-style-2 .pbmit-featured-wrapper::before {-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .pbmit-blog-style-2 .post-item {position: relative; } .pbmit-blog-style-2 .pbminfotech-content-inner {display: flex; align-items: center; } .pbmit-blog-style-2 .pbmit-featured-img-wrapper {margin-right: 35px; } .pbmit-blog-style-2 .pbmit-featured-wrapper img {max-width: 110px; height: 110px; border-radius: 20px; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } .pbmit-blog-style-2:hover .pbmit-featured-wrapper img {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .pbmit-blog-style-2 .pbmit-post-title {font-size: 22px; line-height: 28px; margin-bottom: 0; } .pbmit-blog-style-2 .pbmit-post-title, .pbmit-blog-style-2 .pbmit-post-title a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-transform: capitalize; } .pbmit-meta-line {margin-bottom: 5px; display: inline-block; margin-right: 9px; position: relative; } .pbmit-meta-line, .pbmit-meta-line a {font-size: 14px; line-height: 26px; letter-spacing: .5px; text-transform: uppercase; color: #666; } .pbmit-blog-style-2 .pbmit-meta-line i {font-size: 20px; line-height: 20px; color: var(--pbmit-global-color); } .blog-one-left-col .pbmit-blog-style-2:not(:last-child) .post-item, .blog-three-right-col .pbmit-blog-style-2:not(:last-child) .post-item {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), .15); } .pbmit-blog-style-2 .pbmit-post-author span {margin-right: 3px; display: inline-block; } /** Style 3 **/ .pbmit-blog-style-3 .pbmit-featured-wrapper img, .pbmit-blog-style-3 .pbmit-featured-wrapper::before, .pbmit-blog-style-3 .pbmit-featured-wrapper::after, .pbmit-blog-style-3 .pbmit-post-title::before {transition: all 0.6s ease-in-out; } .pbmit-blog-style-3 .post-item {border-radius: 30px; position: relative; } .pbmit-blog-style-3 .pbmit-featured-wrapper {position: relative; display: none; overflow: hidden; border-radius: 30px; } .pbmit-blog-style-3 .pbmit-featured-wrapper::before {bottom: 0; content: ""; position: absolute; top: 0; left: 50%; right: 50%; z-index: 1; } .pbmit-blog-style-3 .pbmit-featured-container {background: var(--pbmit-white-color); border-radius: 30px 0 0 30px; flex: 1 1 0%; max-width: 885px; } .pbmit-blog-style-3 .pbmit-bg-image {border-radius: 30px 0 0 30px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .pbmit-blog-style-3 .pbminfotech-box-wrap {flex: 1 1 0%; position: relative; } .pbmit-blog-style-3 .pbmit-featured-wrapper img {position: relative; width: 100%; border-radius: 30px; } .pbmit-blog-style-3:hover .pbmit-featured-wrapper img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .pbmit-blog-style-3 .pbmit-date-admin-wraper {margin-bottom: 15px; } .pbmit-blog-style-3 .pbmit-meta-line i {font-size: 20px; line-height: 20px; color: var(--pbmit-global-color); } .pbmit-blog-style-3 .pbmit-meta-line {margin-right: 12px; } .pbmit-blog-style-3 .pbmit-meta-line:last-child {margin-right: 0; } .pbmit-blog-style-3 .pbminfotech-box-content {padding: 130px 70px; padding-bottom: 0; min-height: 500px; position: relative; background-color: var(--pbmit-light-color); border-radius: 0 30px 30px 0; z-index: 1; } .pbmit-blog-style-3 .pbminfotech-box-content::before {content: ''; position: absolute; width: 112px; height: 112px; top: auto; left: auto; bottom: -1px; right: -1px; background-color: var(--pbmit-white-color); -webkit-mask: url(../images/bg/shape-bottom.png) bottom right no-repeat; mask: url(../images/bg/shape-bottom.png) bottom right no-repeat; } .pbmit-blog-style-3 .pbmit-post-title {font-size: 30px; line-height: 36px; } .pbmit-blog-style-3 .pbmit-post-title, .pbmit-blog-style-3 .pbmit-post-title a {position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-transform: capitalize; } .pbmit-blog-style-3 .pbminfotech-box-wrap .pbmit-blog-btn {color: var(--pbmit-blackish-color); background-color: var(--pbmit-light-color); z-index: 1; } .pbmit-elementor-bg-color-light .pbmit-blog-style-3 .pbmit-blog-btn {background-color: var(--pbmit-white-color); } .pbmit-blog-style-3:hover .pbminfotech-box-wrap .pbmit-blog-btn {background-color: var(--pbmit-global-color); color: var(--pbmit-white-color); } .pbmit-blog-style-3 .pbmit-post-author span {margin-right: 3px; display: inline-block; } .pbmit-button-icon i:before {font-weight: 600 !important; } /** Style 4 **/ .pbmit-blog-style-4 .pbmit-featured-wrapper img {-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .pbmit-blog-style-4 .pbmit-post-item {border-radius: 30px; border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.15); } .pbmit-element-viewtype-carousel .pbmit-blog-style-4 .pbmit-post-item {margin: 0 0 5px 5px; } .pbmit-blog-style-4 .pbmit-featured-container {position: relative; overflow: hidden; border-radius: 30px; } .pbmit-element-viewtype-carousel.pbmit-element-blog-style-4 .pbmit-element-posts-wrapper {border-radius: 30px; } .pbmit-blog-style-4 .pbmit-featured-container a.pbmit-link {z-index: 0; } .pbmit-blog-style-4 .pbmit-content-wrapper {padding: 45px 35px 35px 35px; } .pbmit-blog-style-4 .pbmit-post-title {font-size: 24px; line-height: 30px; margin-bottom: 10px; } .pbmit-blog-style-4 .pbmit-post-title a {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } .pbmit-blog-style-4 .pbmit-meta-category-wrapper {margin: 0; } .pbmit-blog-style-4 .pbmit-meta-category-wrapper a:hover {color: #666; } .pbmit-blog-style-4 .pbmit-meta-date {position: absolute; bottom: 0; right: 50px; margin: 0; padding: 12px 30px 12px 30px; border-radius: 30px 30px 0 0; color: var(--pbmit-global-color); background-color: var(--pbmit-white-color); } .pbmit-blog-style-4 .pbmit-meta-date::after, .pbmit-blog-style-4 .pbmit-meta-date::before {content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-blog-style-4 .pbmit-meta-date::before {right: 100%; border-bottom-right-radius: 20px; } .pbmit-blog-style-4 .pbmit-meta-date::after {left: 100%; border-bottom-left-radius: 20px; } .pbmit-blog-style-4:hover .pbmit-featured-wrapper img {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .pbmit-blog-style-4 .pbmit-featured-wrapper, .pbmit-blog-style-4 .pbmit-featured-wrapper img {position: relative; width: 100%; border-radius: 30px; } /** Style 5 **/ .pbmit-blog-style-5 {margin-bottom: 30px; } .pbmit-blog-style-5 .pbminfotech-box-content::after, .pbmit-blog-style-5 .pbmit-featured-wrapper, .pbmit-blog-style-5 .pbmit-post-title a, .pbmit-blog-style-5 .pbmit-post-title {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .pbmit-blog-style-5 .pbminfotech-box-content {position: relative; padding: 40px 35px 20px; border: 1px solid #e5e5e5; border-radius: 20px; } .pbmit-blog-style-5 .pbmit-featured-container {position: relative; overflow: hidden; border-radius: 30px; margin: 0 0 25px; } .pbmit-blog-style-5 .pbmit-post-title {font-size: 22px; line-height: 26px; margin-bottom: 140px; min-height: 55px; } .pbmit-blog-style-5:hover .pbmit-post-title a, .pbmit-blog-style-5:hover .pbmit-post-title {color: var(--pbmit-white-color); } .pbmit-blog-style-5 .pbmit-post-title a {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .pbmit-blog-style-5 .pbmit-featured-wrapper::after, .pbmit-blog-style-5 .pbmit-featured-wrapper {position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; border-radius: 20px; z-index: -1; } .pbmit-blog-style-5 .pbmit-featured-wrapper::after {content: ''; z-index: 0; background-color: rgba(var(--pbmit-secondary-color-rgb), 0.6); } .pbmit-blog-style-5:hover .pbmit-featured-wrapper::after, .pbmit-blog-style-5:hover .pbmit-featured-wrapper {opacity: 1; visibility: visible; } .pbmit-blog-style-5 .pbmit-featured-wrapper img {border-radius: 20px; object-fit: cover; width: 100%; height: 100%; } .pbmit-ele-blog.pbmit-blog-style-5 .pbmit-blog-btn {position: unset; width: 60px; height: 60px; line-height: 60px; color: var(--pbmit-blackish-color); background-color: transparent; border: 1px solid #e5e5e5; } .pbmit-ele-blog.pbmit-blog-style-5:hover .pbmit-blog-btn {background-color: var(--pbmit-global-color); color: var(--pbmit-white-color); } .pbmit-blog-style-5 .pbmit-meta-line a, .pbmit-blog-style-5 .pbmit-meta-line {color: var(--pbmit-global-color); } .pbmit-blog-style-5 .pbmit-blog-button-box {position: absolute; right: -1px; bottom: -1px; } .pbmit-blog-style-5 .pbmit-blog-button-wrapper {border-radius: 40px 0 0 0; padding: 10px 2px 2px 10px; background-color: var(--pbmit-white-color); border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; } .pbmit-blog-style-5 .pbmit-blog-button-box::after, .pbmit-blog-style-5 .pbmit-blog-button-box::before {content: ""; position: absolute; top: -29px; right: 0; height: 30px; width: 30px; border-radius: 0 0 20px 0; background-color: transparent; border: 1px solid #e5e5e5; border-top: 0; border-left: 0; box-shadow: 0 15px 0 0 var(--pbmit-white-color); } .pbmit-blog-style-5 .pbmit-blog-button-box::after {top: inherit; bottom: 0; left: -29px; right: inherit; } .pbmit-element-blog-style-5 .pbmit-blog-group-right .row {margin: 0; } .pbmit-element-blog-style-5 .pbmit-date-wraper {padding-right: 45px; } .pbmit-element-blog-style-5 .pbmit-meta-line a, .pbmit-element-blog-style-5 .pbmit-meta-line {display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 1; -webkit-line-clamp: 1; word-break: break-all; overflow: hidden; } /* First Blog Design */ .pbmit-element-blog-style-5 .pbmit-blog-group-left .pbmit-featured-wrapper {position: unset; content: unset; opacity: 1; visibility: visible; } .pbmit-element-blog-style-5 .pbmit-blog-group-left .pbmit-content-wrapper {height: auto; position: absolute; bottom: 50px; left: 50px; right: 50px; } .pbmit-element-blog-style-5 .pbmit-blog-group-left .pbminfotech-box-content {padding: 0; } .pbmit-element-blog-style-5 .pbmit-blog-group-left .pbmit-post-title a {color: var(--pbmit-white-color); } .pbmit-element-blog-style-5 .pbmit-blog-group-left .pbmit-featured-wrapper::after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 20px; z-index: 0; background: linear-gradient(to top, rgba(var(--pbmit-secondary-color-rgb), 1) 0%, rgba(var(--pbmit-secondary-color-rgb), 0) 51%, rgba(var(--pbmit-secondary-color-rgb), 0) 63%); opacity: 1; visibility: visible; } .pbmit-element-blog-style-5 .pbmit-blog-group-left .pbmit-post-title {font-size: 22px; line-height: 26px; margin-bottom: 15px; min-height: 0; text-transform: capitalize; } /*----------------------------------------*/ /*  06 - Testimonial /*----------------------------------------*/ /** Style 1 **/ .pbmit-testimonial-style-1 .pbminfotech-post-item {position: relative; } .pbmit-testimonial-style-1 .pbmit-box-content-wrap {padding: 45px 55px 50px; position: relative; background-color: transparent; z-index: 1; } .pbmit-testimonial-style-1 .pbmit-box-content-wrap::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--pbmit-light-color); clip-path: polygon(0% 91.654%, 0% 9.05%, 0% 9.05%, 0.008% 8.5%, 0.034% 7.954%, 0.079% 7.411%, 0.142% 6.872%, 0.224% 6.34%, 0.324% 5.815%, 0.442% 5.298%, 0.578% 4.789%, 0.731% 4.291%, 0.902% 3.804%, 0.902% 3.781%, 0.902% 3.781%, 1.015% 3.51%, 1.136% 3.249%, 1.266% 2.997%, 1.403% 2.755%, 1.549% 2.524%, 1.701% 2.303%, 1.86% 2.093%, 2.027% 1.895%, 2.199% 1.709%, 2.379% 1.535%, 2.379% 1.535%, 2.705% 1.243%, 3.041% 0.98%, 3.385% 0.748%, 3.738% 0.546%, 4.097% 0.376%, 4.463% 0.236%, 4.833% 0.129%, 5.208% 0.053%, 5.586% 0.01%, 5.967% -0%, 94.523% 0%, 94.523% 0%, 94.81% 0.008%, 95.096% 0.038%, 95.379% 0.09%, 95.66% 0.164%, 95.938% 0.259%, 96.212% 0.376%, 96.482% 0.514%, 96.747% 0.673%, 97.007% 0.853%, 97.261% 1.053%, 97.314% 1.1%, 97.314% 1.1%, 97.799% 1.589%, 98.242% 2.146%, 98.64% 2.763%, 98.992% 3.435%, 99.296% 4.156%, 99.548% 4.919%, 99.746% 5.719%, 99.89% 6.549%, 99.975% 7.403%, 100% 8.276%, 100% 60.435%, 100% 60.435%, 99.997% 60.702%, 99.988% 60.968%, 99.974% 61.234%, 99.954% 61.499%, 99.929% 61.762%, 99.898% 62.025%, 99.862% 62.285%, 99.82% 62.544%, 99.772% 62.802%, 99.719% 63.056%, 99.719% 63.056%, 99.658% 63.338%, 99.596% 63.62%, 99.534% 63.902%, 99.47% 64.182%, 99.405% 64.462%, 99.339% 64.74%, 99.271% 65.017%, 99.2% 65.293%, 99.127% 65.566%, 99.051% 65.837%, 99.051% 65.837%, 98.74% 66.825%, 98.395% 67.763%, 98.013% 68.647%, 97.593% 69.472%, 97.131% 70.234%, 96.625% 70.93%, 96.073% 71.554%, 95.472% 72.103%, 94.821% 72.572%, 94.116% 72.957%, 94.116% 72.957%, 93.814% 73.084%, 93.51% 73.186%, 93.205% 73.267%, 92.898% 73.328%, 92.591% 73.375%, 92.282% 73.408%, 91.973% 73.432%, 91.663% 73.45%, 91.353% 73.464%, 91.042% 73.478%, 91.042% 73.478%, 89.62% 73.645%, 88.303% 74.003%, 87.095% 74.551%, 85.996% 75.285%, 85.011% 76.202%, 84.14% 77.3%, 83.386% 78.576%, 82.752% 80.027%, 82.24% 81.651%, 81.851% 83.445%, 81.851% 83.445%, 81.766% 83.98%, 81.697% 84.516%, 81.642% 85.055%, 81.599% 85.595%, 81.565% 86.137%, 81.54% 86.68%, 81.52% 87.225%, 81.505% 87.77%, 81.492% 88.317%, 81.479% 88.864%, 81.479% 88.864%, 81.382% 90.497%, 81.175% 92.007%, 80.861% 93.393%, 80.439% 94.654%, 79.91% 95.789%, 79.276% 96.799%, 78.537% 97.681%, 77.695% 98.436%, 76.75% 99.062%, 75.704% 99.558%, 75.704% 99.558%, 75.628% 99.581%, 75.55% 99.593%, 75.471% 99.597%, 75.39% 99.596%, 75.308% 99.593%, 75.227% 99.591%, 75.146% 99.592%, 75.067% 99.601%, 74.989% 99.618%, 74.913% 99.648%, 74.913% 99.648%, 74.73% 99.725%, 74.546% 99.793%, 74.36% 99.853%, 74.173% 99.903%, 73.985% 99.945%, 73.797% 99.977%, 73.608% 100.001%, 73.418% 100.015%, 73.228% 100.02%, 73.038% 100.017%, 5.568% 100.017%, 5.568% 100.017%, 5.038% 99.983%, 4.516% 99.875%, 4.008% 99.696%, 3.515% 99.448%, 3.04% 99.133%, 2.587% 98.753%, 2.159% 98.311%, 1.759% 97.809%, 1.39% 97.249%, 1.056% 96.635%, 1.056% 96.635%, 1.055% 96.628%, 1.053% 96.621%, 1.05% 96.614%, 1.046% 96.606%, 1.042% 96.599%, 1.037% 96.592%, 1.033% 96.585%, 1.028% 96.577%, 1.024% 96.569%, 1.02% 96.561%, 1.02% 96.561%, 0.827% 96.122%, 0.654% 95.668%, 0.5% 95.199%, 0.366% 94.719%, 0.253% 94.227%, 0.16% 93.726%, 0.088% 93.216%, 0.037% 92.7%, 0.008% 92.179%, -0% 91.654%); z-index: -1; } .pbmit-element-testimonial-style-1 .pbmit-ele-header-area {position: relative; padding: 80px 70px 0 50px; } .pbmit-element-testimonial-style-1 .pbmit-ele-header-area::before {font-family: "pbminfotech-base-icons"; content: '\e826'; position: absolute; left: -130px; top: -10px; font-size: 300px; line-height: 300px; display: inline-block; background: rgba(var(--pbmit-blackish-color-rgb), 0.03); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; z-index: -1; } .pbmit-testimonial-style-1 .pbminfotech-box-title {font-size: 18px; line-height: 24px; margin-bottom: 0; font-weight: 400; color: var(--pbmit-global-color); } .pbmit-testimonial-style-1 .pbmit-featured-wrapper img {width: 65px; height: 65px; border-radius: 50%; } .pbmit-testimonial-style-1 .pbminfotech-box-img {position: absolute; right: 0; bottom: 0; } .pbmit-testimonial-style-1 .pbminfotech-testimonial-text {font-size: 16px; line-height: 24px; margin: 0; padding: 20px 0 30px; border: 0; } .pbmit-testimonial-style-1 .pbminfotech-testimonial-text p {margin-bottom: 0; } .pbmit-testimonial-style-1 .pbminfotech-testimonial-detail, .pbmit-testimonial-style-1 .pbminfotech-box-title {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .pbmit-testimonial-style-1 .pbminfotech-box-star-ratings {font-size: 12px; line-height: 12px; color: rgba(var(--pbmit-global-color-rgb), 0.5); } .pbmit-testimonial-style-1 .pbminfotech-box-star-ratings .pbmit-active {color: #ffa72a; } .pbmit-testimonial-style-1 .pbminfotech-testimonial-detail {font-size: 12px; } .pbmit-bg-color-light .pbmit-testimonial-style-1 .pbmit-box-content-wrap::before {background-color: var(--pbmit-white-color); } /** Style 2 **/ .pbmit-testimonial-style-2 .pbminfotech-box-star-ratings {font-size: 12px; line-height: 12px; margin-bottom: 22px; } .pbmit-testimonial-style-2 .pbminfotech-box-star-ratings i {color: rgba(var(--pbmit-global-color-rgb), 0.6); } .pbmit-testimonial-style-2 .pbminfotech-box-star-ratings .pbmit-active {color: #ffa72a; } .pbmit-testimonial-style-2 blockquote {padding: 0; margin: 0; font-size: 16px; line-height: 24px; border: 0; margin-bottom: 30px; color: var(--pbmit-blackish-color); } .pbmit-testimonial-style-2 .pbminfotech-box-content {position: relative; display: flex; background-color: var(--pbmit-light-color); border-radius: 30px; padding: 5px; } .pbmit-testimonial-style-2 .pbminfotech-box-content-inner {padding: 60px 55px; } .pbmit-testimonial-style-2 .pbmit-featured-wrapper {position: relative; } .pbmit-element-testimonial-style-2 .pbmit-ele-header-area {position: relative; padding: 80px 70px 0 90px; } .pbmit-element-testimonial-style-2 .pbmit-ele-header-area::before {font-family: "pbminfotech-base-icons"; content: '\e826'; position: absolute; left: 0; top: -45px; font-size: 300px; line-height: 300px; display: inline-block; color: rgba(var(--pbmit-white-color-rgb), 0.2); background: -webkit-linear-gradient(rgba(108, 79, 54, 1) 0%, rgba(81, 64, 49, 0.3) 99%, rgba(81, 64, 49, 0.3) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 30%; z-index: -1; } .pbmit-testimonial-style-2 .pbmit-featured-wrapper {width: 370px; } .pbmit-testimonial-style-2 .pbmit-featured-wrapper img {border-radius: 30px; } .pbmit-testimonial-style-2 .pbminfotech-box-title {font-size: 16px; line-height: 18px; margin-bottom: 0; color: var(--pbmit-global-color); } .pbmit-testimonial-style-2 .pbminfotech-testimonial-detail {font-size: 12px; color: var(--pbmit-blackish-color); } /** Style 3 **/ .pbmit-testimonial-style-3 .pbminfotech-post-item, .pbmit-element-testimonial-style-3 .pbmit-ele-header-area {position: relative; } .pbmit-element-testimonial-style-3 .pbmit-ele-header-area::before {font-family: "pbminfotech-base-icons"; content: '\e886'; position: absolute; right: -63%; top: -23px; font-size: 290px; line-height: 290px; display: inline-block; color: rgba(var(--pbmit-blackish-color-rgb), 0.2); background: -webkit-linear-gradient(rgba(196, 196, 196, 1) 0%, rgba(254, 254, 254, 0.3) 99%, rgba(255, 255, 255, 0.3) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.2; z-index: -1; } .pbmit-testimonial-style-3 .pbminfotech-box-title {font-size: 16px; line-height: 24px; margin-bottom: 0; color: var(--pbmit-global-color); } .pbmit-testimonial-style-3 .pbmit-featured-wrapper {width: 80px; margin-right: 20px; } .pbmit-testimonial-style-3 .pbmit-featured-wrapper img {width: 80px; height: 80px; border-radius: 50%; } .pbmit-testimonial-style-3 .pbminfotech-testimonial-text {font-size: 16px; line-height: 28px; margin: 0; padding: 10px 0 30px; border: 0; } .pbmit-testimonial-style-3 .pbminfotech-testimonial-text p {margin-bottom: 0; } .pbmit-testimonial-style-3 .pbminfotech-testimonial-detail, .pbmit-testimonial-style-3 .pbminfotech-box-title {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .pbmit-testimonial-style-3 .pbminfotech-box-star-ratings {font-size: 12px; line-height: 12px; color: rgba(var(--pbmit-global-color-rgb), 0.5); } .pbmit-testimonial-style-3 .pbminfotech-box-star-ratings .pbmit-active {color: #ffa72a; } /** Style 4 **/ .pbmit-testimonial-style-4 .pbminfotech-post-item {position: relative; padding: 130px 100px 160px; z-index: 1; border-radius: 20px; color: var(--pbmit-white-color); background-color: var(--pbmit-secondary-color); } .pbmit-element-testimonial-style-4 .pbmit-element-inner {position: relative; overflow: hidden; } .pbmit-bg-color-blackish .pbmit-testimonial-style-4 .pbminfotech-post-item, .pbmit-bg-color-secondary .pbmit-testimonial-style-4 .pbminfotech-post-item {background-color: rgba(var(--pbmit-global-color-rgb), 0.4); } .pbmit-testimonial-style-4 .pbminfotech-post-item::before {font-family: "pbminfotech-base-icons"; content: '\e826'; position: absolute; right: 40px; top: 40px; font-size: 290px; line-height: 290px; display: inline-block; color: rgba(var(--pbmit-white-color-rgb), 0.04); z-index: -1; } .pbmit-testimonial-style-4 .pbminfotech-box-title {font-size: 18px; line-height: 28px; margin-bottom: 0; color: var(--pbmit-global-color); } .pbmit-testimonial-style-4 .pbminfotech-box-title::before {content: '/'; margin-right: 3px; display: inline-block; } .pbmit-testimonial-style-4 .pbmit-featured-wrapper {display: none; width: 80px; margin-right: 20px; } .pbmit-testimonial-style-4 .pbmit-featured-wrapper img {width: 80px; height: 80px; border-radius: 50%; } .pbmit-testimonial-style-4 .pbminfotech-testimonial-text {font-size: 24px; line-height: 30px; margin: 0; padding: 10px 0 30px; border: 0; } .pbmit-testimonial-style-4 .pbminfotech-testimonial-text p {margin-bottom: 0; } .pbmit-testimonial-style-4 .pbminfotech-testimonial-detail, .pbmit-testimonial-style-4 .pbminfotech-box-title {display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .pbmit-testimonial-style-4 .pbminfotech-box-star-ratings {font-size: 20px; line-height: 20px; color: rgba(var(--pbmit-global-color-rgb), 0.5); margin-bottom: 20px; } .pbmit-testimonial-style-4 .pbminfotech-box-star-ratings i:before {margin: 0; } .pbmit-testimonial-style-4 .pbminfotech-box-star-ratings .pbmit-active {color: #ffa72a; } .pbmit-testimonial-style-4 .pbmit-auther-content {display: flex; } .pbmit-testimonial-style-4 .pbminfotech-testimonial-detail {line-height: 28px; margin: 2px 0 0 8px; } /** Style 5 **/ .pbmit-testimonial-style-5 .pbminfotech-post-item, .pbmit-element-testimonial-style-5 .pbmit-ele-header-area {position: relative; } .pbmit-testimonial-style-5 .pbminfotech-post-item {color: var(--pbmit-global-color); font-weight: 400; padding: 45px 0 10px; } .pbmit-bg-color-gradient .pbmit-testimonial-style-5 .pbminfotech-post-item, .pbmit-bg-color-global .pbmit-testimonial-style-5 .pbminfotech-post-item {color: var(--pbmit-blackish-color); } .pbmit-element-testimonial-style-5 .pbmit-ele-header-area::before {font-family: "pbminfotech-base-icons"; content: '\e826'; position: absolute; right: -140px; top: -45px; font-size: 290px; line-height: 290px; display: inline-block; color: rgba(var(--pbmit-blackish-color-rgb), 0.2); background: -webkit-linear-gradient(rgba(113, 89, 68, 1) 0%, rgba(255, 255, 255, 0.3) 99%, rgba(255, 255, 255, 0.3) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.2; z-index: -1; } .pbmit-elementor-bg-color-blackish .pbmit-element-testimonial-style-5 .pbmit-ele-header-area::before {background: -webkit-linear-gradient(rgba(113, 89, 68, 1) 0%, rgba(64, 50, 38, 0.3) 99%, rgba(64, 50, 38, 0.3) 100%); -webkit-background-clip: text; background-clip: text; } .pbmit-testimonial-style-5 .pbminfotech-box-title {font-size: 20px; line-height: 32px; margin-bottom: 0; color: var(--pbmit-blackish-color); } .pbmit-bg-color-blackish .pbmit-testimonial-style-5 .pbminfotech-box-title, .pbmit-text-color-white .pbmit-testimonial-style-5 .pbminfotech-box-title {color: var(--pbmit-white-color); } .pbmit-testimonial-style-5 .pbmit-featured-wrapper {width: 70px; margin-right: 20px; } .pbmit-testimonial-style-5 .pbmit-featured-wrapper img {width: 70px; height: 70px; border-radius: 50%; } .pbmit-testimonial-style-5 .pbminfotech-testimonial-text {font-size: 24px; line-height: 36px; font-weight: 500; margin: 0; padding: 10px 0 50px; border: 0; } .pbmit-testimonial-style-5 .pbminfotech-testimonial-text p {margin-bottom: 0; } .pbmit-testimonial-style-5 .pbminfotech-testimonial-detail, .pbmit-testimonial-style-5 .pbminfotech-box-title {display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .pbmit-testimonial-style-5 .pbminfotech-box-star-ratings {font-size: 20px; line-height: 20px; margin-bottom: 10px; color: rgba(var(--pbmit-global-color-rgb), 0.5); } .pbmit-testimonial-style-5 .pbminfotech-box-star-ratings i:before {margin: 0; } .pbmit-testimonial-style-5 .pbminfotech-box-star-ratings .pbmit-active {color: #ffa72a; } /** Style 6 **/ .pbmit-testimonial-style-6 .pbminfotech-post-item {position: relative; z-index: 1; } .pbmit-testimonial-style-6 .pbminfotech-post-item::before {font-family: "pbminfotech-base-icons"; content: '\e874'; position: absolute; right: 1px; top: 0; width: 50px; height: 50px; font-size: 25px; line-height: 50px; text-align: center; z-index: 1; border-radius: 50%; color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .pbmit-testimonial-style-6 .pbmit-box-content-wrap {position: relative; padding: 60px 50px; border-radius: 30px; z-index: 1; background-color: transparent; } .pbmit-testimonial-style-6 .pbmit-box-content-wrap::before {position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; border-radius: 30px; background-color: var(--pbmit-light-color); mask: url(../images/bg/shape-new-02.png) top right no-repeat; -webkit-mask: url(../images/bg/shape-new-02.png) top right no-repeat; } .pbmit-bg-color-light .pbmit-testimonial-style-6 .pbmit-box-content-wrap::before, .pbmit-bgimage-yes .pbmit-testimonial-style-6 .pbmit-box-content-wrap::before {background-color: var(--pbmit-white-color); } .pbmit-testimonial-style-6 .pbminfotech-box-title {font-size: 18px; line-height: 24px; margin-bottom: 0; } .pbmit-testimonial-style-6 .pbmit-featured-wrapper {width: 80px; margin-right: 20px; } .pbmit-testimonial-style-6 .pbmit-featured-wrapper img {width: 80px; height: 80px; border-radius: 50%; } .pbmit-testimonial-style-6 .pbminfotech-testimonial-text {font-size: 22px; line-height: 34px; margin: 0; padding: 13px 0 30px; border: 0; } .pbmit-testimonial-style-6 .pbminfotech-testimonial-text p {margin-bottom: 0; } .pbmit-testimonial-style-6 .pbminfotech-testimonial-detail, .pbmit-testimonial-style-6 .pbminfotech-box-title {display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .pbmit-testimonial-style-6 .pbminfotech-box-author {position: relative; } .pbmit-testimonial-style-6 .pbminfotech-box-star-ratings {position: relative; font-size: 18px; line-height: 18px; color: rgba(var(--pbmit-global-color-rgb), 0.5); } .pbmit-testimonial-style-6 .pbminfotech-box-star-ratings i:before {margin: 0 2px; } .pbmit-testimonial-style-6 .pbminfotech-testimonial-detail {color: var(--pbmit-global-color); } .pbmit-testimonial-style-6 .pbminfotech-box-star-ratings .pbmit-active {color: #ffa72a; } /** Style 7 **/ .pbmit-testimonial-style-7 .pbminfotech-post-item {position: relative; padding: 70px 70px 50px 70px; border-radius: 30px; border: 1px solid #e5e5e5; } .pbmit-testimonial-style-7 .pbminfotech-box-title {font-size: 18px; line-height: 24px; margin-bottom: 0; color: var(--pbmit-global-color); } .pbmit-testimonial-style-7 .pbmit-featured-wrapper img {width: 70px; height: 70px; border-radius: 100%; } .pbmit-testimonial-style-7 .pbmit-featured-wrapper {border-radius: 50px 50px 0 0; padding: 8px 8px 0 8px; background-color: var(--pbmit-white-color); border: 1px solid #e5e5e5; border-bottom: none; position: relative; } .pbmit-testimonial-style-7 .pbmit-featured-wrapper::before, .pbmit-testimonial-style-7 .pbmit-featured-wrapper::after {content: ""; position: absolute; bottom: 0; height: 40px; width: 20px; border: 1px solid #e5e5e5; border-top: none; background-color: transparent; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-testimonial-style-7 .pbmit-featured-wrapper::before {border-radius: 0 0 30px 0; border-left: 0; right: 100%; } .pbmit-testimonial-style-7 .pbmit-featured-wrapper::after {border-radius: 0px 0px 0px 30px; border-right: 0; left: 100%; } .pbmit-testimonial-style-7 .pbmit-featured-img-wrapper {display: inline; position: absolute; bottom: -1px; right: 55px; } .pbmit-testimonial-style-7 .pbminfotech-box-desc {position: relative; } .pbmit-testimonial-style-7 .pbminfotech-testimonial-text {font-size: 20px; line-height: 30px; margin: 0; padding: 15px 0 40px 0; border: 0; font-weight: 700; } .pbmit-testimonial-style-7 .pbminfotech-testimonial-text p {margin-bottom: 0; } .pbmit-testimonial-style-7 .pbminfotech-box-star-ratings {font-size: 12px; line-height: 12px; color: rgba(var(--pbmit-global-color-rgb), 0.5); } .pbmit-testimonial-style-7 .pbminfotech-box-star-ratings .pbmit-active {color: #ffa72a; } /** Style 8 **/ .pbmit-testimonial-style-8 .pbminfotech-post-item {position: relative; z-index: 1; } .pbmit-testimonial-style-8 .pbminfotech-post-item::after {font-family: "pbminfotech-base-icons"; content: '\e826'; position: absolute; right: 50px; bottom: 65px; font-size: 48px; line-height: 48px; z-index: 1; color: var(--pbmit-global-color); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .pbmit-testimonial-style-8 .pbmit-box-content-wrap {position: relative; padding: 55px 40px 40px 50px; border-radius: 30px; z-index: 1; background-color: var(--pbmit-light-color); } .pbmit-element-viewtype-carousel.pbmit-element-testimonial-style-8 .pbmit-element-posts-wrapper {border-radius: 30px; } .pbmit-testimonial-style-8 .pbminfotech-box-title {font-size: 18px; line-height: 24px; margin-bottom: 0; } .pbmit-testimonial-style-8 .pbmit-featured-wrapper {width: 80px; margin-right: 20px; } .pbmit-testimonial-style-8 .pbmit-featured-wrapper img {width: 80px; height: 80px; border-radius: 50%; } .pbmit-testimonial-style-8 .pbminfotech-testimonial-text {font-size: 16px; line-height: 30px; font-weight: 400; margin: 0; padding: 40px 10px 30px 0; border: 0; } .pbmit-testimonial-style-8 .pbminfotech-testimonial-text p {margin-bottom: 0; } .pbmit-testimonial-style-8 .pbminfotech-testimonial-detail, .pbmit-testimonial-style-8 .pbminfotech-box-title {display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .pbmit-testimonial-style-8 .pbminfotech-box-author {position: relative; padding: 30px 0 0; margin: 20px 0 0; border-top: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.1); } .pbmit-testimonial-style-8 .pbminfotech-box-star-ratings {position: relative; font-size: 18px; line-height: 18px; color: rgba(var(--pbmit-global-color-rgb), 0.5); } .pbmit-testimonial-style-8 .pbminfotech-box-star-ratings .pbmit-active {color: #ffa72a; } /** Style 9 **/ .pbmit-testimonial-style-9 .pbminfotech-post-item {position: relative; } .pbmit-testimonial-style-9 .pbmit-box-content-wrap {padding: 45px 40px 50px; position: relative; background-color: var(--pbmit-light-color); z-index: 1; border-radius: 30px; } .pbmit-testimonial-style-9 .pbmit-box-content-wrap::before {content: ''; position: absolute; width: 119px; height: 112px; top: auto; left: auto; bottom: -1px; right: -1px; z-index: 1; background-color: var(--pbmit-white-color); mask: url(../images/homepage-8/bg/shape-img.png) bottom right no-repeat; -webkit-mask: url(../images/homepage-8/bg/shape-img.png) bottom right no-repeat; } .pbmit-testimonial-style-9 .pbminfotech-box-title {font-size: 18px; line-height: 24px; margin-bottom: 0; font-weight: 400; color: var(--pbmit-global-color); } .pbmit-testimonial-style-9 .pbmit-featured-wrapper img {width: 65px; height: 65px; border-radius: 50%; } .pbmit-testimonial-style-9 .pbminfotech-box-img {position: absolute; right: 0; bottom: 0; z-index: 1; } .pbmit-testimonial-style-9 .pbminfotech-testimonial-text {font-size: 16px; line-height: 24px; margin: 0; padding: 20px 0 30px; border: 0; } .pbmit-testimonial-style-9 .pbminfotech-testimonial-text p {margin-bottom: 0; } .pbmit-testimonial-style-9 .pbminfotech-testimonial-detail, .pbmit-testimonial-style-9 .pbminfotech-box-title {display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .pbmit-testimonial-style-9 .pbminfotech-box-star-ratings {font-size: 12px; line-height: 12px; color: rgba(var(--pbmit-global-color-rgb), 0.5); } .pbmit-testimonial-style-9 .pbminfotech-box-star-ratings .pbmit-active {color: #ffa72a; } .pbmit-testimonial-style-9 .pbminfotech-testimonial-detail {font-size: 12px; } /* BG Color Set */ .pbmit-bg-color-light .pbmit-testimonial-style-9 .pbmit-box-content-wrap {background-color: var(--pbmit-white-color); } .pbmit-bg-color-light .pbmit-testimonial-style-9 .pbmit-box-content-wrap::before {background-color: var(--pbmit-light-color); } .pbmit-element-testimonial-style-9 .pbmit-element-posts-wrapper.row {margin: 0; } .pbmit-element-testimonial-style-9 .pbmit-vertical-scroller-wrapper {position: relative; overflow: hidden; padding: 0; } .pbmit-element-testimonial-style-9 .pbmit-vertical-scroller-wrapper::after, .pbmit-element-testimonial-style-9 .pbmit-vertical-scroller-wrapper::before {content: ''; position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 12%; z-index: 2; background: linear-gradient(to bottom, rgba(var(--pbmit-light-color-rgb), 1) 41%, rgba(var(--pbmit-light-color-rgb), 0.36) 79%, rgba(var(--pbmit-light-color-rgb), 0) 100%); } .pbmit-element-testimonial-style-9 .pbmit-vertical-scroller-wrapper::after {top: inherit; bottom: 0; height: 20%; background: linear-gradient(to top, rgba(var(--pbmit-light-color-rgb), 1) 41%, rgba(var(--pbmit-light-color-rgb), 0.36) 79%, rgba(var(--pbmit-light-color-rgb), 0) 100%); } /*----------------------------------------*/ /*  07 - Header /*----------------------------------------*/ .pbmit-header-overlay {position: absolute; z-index: 2; width: 100%; background-color: #000000bd; } .site-title {margin: 0; padding: 0; display: flex; align-items: center; vertical-align: middle; text-align: center; width: 100%; height: 100px; transition: none; line-height: inherit; } .site-title a {display: flex; align-items: center; } .site-header .pbmit-header-search-btn {padding-right: 15px; } .site-header .pbmit-header-search-btn a {font-size: 16px; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; border-radius: 50%; color: var(--pbmit-blackish-color); background-color: transparent; border: 1px solid rgba(var(--pbmit-blackish-color-rgb), .2); } .site-header .pbmit-header-search-btn a:hover {color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .pbmit-right-box .pbmit-button-box-second {padding-right: 35px; } /** Header Style 1 **/ .header-style-1 .site-branding {border-radius: 0 0 20px; position: relative; padding: 0 20px; margin-right: 20px; background-color: var(--pbmit-white-color); } .header-style-1 .site-branding .pbmit-top-right-corner {top: 4px; right: -20px; transform: rotate(-180deg); } .header-style-1 .site-branding .pbmit-bottom-left-corner {bottom: -24px; left: 0; transform: rotate(-180deg); } .pbmit-button-box {display: flex; align-items: center; padding: 0; } .header-style-1 .pbmit-header-button-text-2 {display: none; } .header-style-1 .site-navigation ul.navigation>li>a {color: var(--pbmit-white-color); } .header-style-1 .pbmit-header-search-btn a {color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); border-width: 0 !important; } /** Header Style 2 **/ .header-style-2 .pbmit-pre-header-wrapper {color: var(--pbmit-white-color); } .header-style-2.site-header .pbmit-social-links li:not(:last-child), .header-style-3.site-header .pbmit-social-links li:not(:last-child) {padding-right: 15px; } .site-header .pbmit-pre-header-wrapper .pbmit-social-links li i {margin: 0; font-size: 15px; } .header-style-2 .pbmit-pre-header-wrapper .pbmit-social-links li a:hover {color: var(--pbmit-blackish-color); } .site-header .pbmit-pre-header-wrapper .pbmit-pre-header-right {display: flex; align-items: center; } .site-header .pbmit-contact-info li i {font-size: 15px; margin-right: 8px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: var(--pbmit-global-color); } .header-style-2 .site-branding .site-title {height: 85px; } .header-style-2 .pbmit-button-box-second .pbmit-btn-outline {color: var(--pbmit-blackish-color); } .header-style-2 .pbmit-button-box-second .pbmit-btn-outline:hover {color: var(--pbmit-global-color); } /** Header Style 3 **/ .header-style-3.site-header .pbmit-social-links li a {color: var(--pbmit-blackish-color); } .header-style-3.site-header .pbmit-social-links li a:hover {color: var(--pbmit-global-color); } .header-style-3 .site-branding .site-title {height: 85px; } .header-style-3 .pbmit-button-box-second .pbmit-button-text {color: var(--pbmit-blackish-color); } .header-style-3 .pbmit-button-box-second .pbmit-btn:hover .pbmit-button-text {color: var(--pbmit-global-color); } /** Header Style 4 **/ .header-style-4 {background-color: var(--pbmit-light-color); } .header-style-4 .pbmit-contact-info {font-size: 14px; font-weight: 400; } .header-style-4 .pbmit-contact-info li {display: inline-block; vertical-align: top; } .header-style-4 .pbmit-contact-info li:not(:last-child) {padding-right: 12px; } .header-style-4 .pbmit-contact-info .pbmit-social-links li i {color: var(--pbmit-blackish-color); } .header-style-4 .pbmit-contact-info .pbmit-social-links li i:hover {color: var(--pbmit-global-color); } .header-style-4 .site-branding .site-title {height: 90px; } .header-style-4 .pbmit-header-search-btn a {border: none; background-color: var(--pbmit-white-color); } /** Header Style 5 **/ .header-style-5 .site-branding .site-title {height: 80px; } /** Header Style 7 **/ .header-style-7 .pbmit-right-box .pbmit-button-box-second {padding-left: 30px; } .header-style-7 .pbmit-right-box .pbmit-button-box-second a {color: var(--pbmit-blackish-color); } .header-style-7 .pbmit-right-box .pbmit-button-box-second a:hover {color: var(--pbmit-global-color); } .header-style-7 .pbmit-header-button .pbmit-header-button-text-2, .header-style-8 .pbmit-header-button .pbmit-header-button-text-2 {display: none; } /** Header Style 8 **/ .header-style-8 .site-branding .site-title {height: 75px; } .header-style-8 .pbmit-header-button a:hover {color: var(--pbmit-global-color); } .header-style-8 .pbmit-right-box .pbmit-button-box-second {padding-left: 20px; } /** Header Style 10 **/ .header-style-9.site-header .pbmit-social-links li a {color: var(--pbmit-blackish-color); } .header-style-9.site-header .pbmit-social-links li a:hover {color: var(--pbmit-global-color); } .header-style-9 .pbmit-pre-header-right .pbmit-contact-info {font-size: 14px; } .header-style-9 .pbmit-contact-info li {display: inline-block; } .header-style-9 .pbmit-contact-info li:not(:last-child) {padding: 0 12px 0 0; } .header-style-9 .site-branding .site-title {height: 85px; } .header-style-9 .pbmit-right-box .pbmit-button-box-second a {color: white; } .header-style-9 .pbmit-right-box .pbmit-button-box-second a:hover {color: var(--pbmit-global-color); } /*----------------------------------------*/ /*  08 - Footer /*----------------------------------------*/ /** Footer Style 1 **/ .site-footer {font-size: 16px; position: relative; } .footer-style-1, .footer-style-1 a {color: rgba(var(--pbmit-white-color-rgb), 1); } .footer-style-1, .footer-style-1::before {border-radius: 30px 30px 0 0; } .footer-style-1::before {position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: ""; display: block; z-index: -1; } .footer-wrap {padding-top: 50px; padding-bottom: 50px; } .footer-style-1 .pbmit-footer-widget-area {padding-top: 40px; } .site-footer .widget {position: relative; } .site-footer .pbmit-two-column-menu.widget ul {display: flex; flex-wrap: wrap; } .site-footer .pbmit-two-column-menu.widget ul>li {width: 50%; } .site-footer .widget ul>li {padding: 0 0 15px 0; line-height: 20px; } .site-footer .widget ul>li:last-child {padding-bottom: 0; } .footer-style-1 .pbmit-two-column-menu.widget ul li a {color: rgba(var(--pbmit-white-color-rgb), 1); } .footer-style-1 .pbmit-two-column-menu.widget ul li a:hover {color: var(--pbmit-global-color); } .site-footer .widget ul a {display: inline-block; } .footer-style-1 .widget .pbmit-footer-logo {text-align: center; } .footer-style-1 .widget .pbmit-footer-logo img {height: 65px; padding: 10px 0 0 0; } .footer-style-1 .pbmit-footer-left span {display: block; } .footer-style-1 .pbmit-footer-left .pbmit-phone-number {margin-top: 3px; } .footer-style-1 .pbmit-footer-right {text-align: center; } .footer-style-1 .pbmit-footer-right-social {text-align: right; } .footer-style-1 .pbmit-social-li a {color: rgba(var(--pbmit-white-color-rgb), 1); } .footer-style-1 .pbmit-social-li a:hover {color: var(--pbmit-global-color); } .site-footer .pbmit-footer-text-area {background-color: transparent; padding-top: 15px; padding-bottom: 15px; } .footer-style-1 .pbmit-footer-text-area {background: #30251b; } .footer-style-1 .pbmit-footer-text-inner {font-size: 16px; } .footer-style-1 .pbmit-footer-text-area .col-md-12 {text-align: center; } .site-footer .sb-instagram {padding-bottom: 10px; } .site-footer .sb-instagram .sbi-images {display: grid; gap: 10px; width: 100%; padding: 12px 0; grid-template-columns: repeat(6, 1fr); } .site-footer .sb-instagram .sbi-images .sbi-item {display: inline-block; width: 100%; vertical-align: top; zoom: 1; margin: 0 !important; text-decoration: none; opacity: 1; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .site-footer .sb-instagram .sbi-images .sbi-photo-wrap {position: relative; } .site-footer .sb-instagram .sbi-item img {width: 100%; height: inherit; object-fit: cover; scale: 1; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; vertical-align: middle; border-radius: 20px; } .site-footer .sb-instagram .sbi-item .sbi-photo-wrap a:hover {opacity: .85; } /** Footer Style 2 **/ .footer-style-2 {color: var(--pbmit-blackish-color); padding: 40px 0 80px; } .footer-style-2 .pbmit-footer-widget-area {padding-top: 0; } .footer-style-2 .pbmit-footer-widget-area .widget_text {font-size: 16px; line-height: 26px; } .footer-style-2 .pbmit-footer-logo img {height: 40px; } .footer-style-2 .pbmit-footer-big-area {padding: 10px 15px 40px; } .footer-style-2 .pbmit-footer-big-area .container {border: 1px solid var(--pbmit-global-color); background: var(--pbmit-white-color); border-radius: 20px; } .footer-style-2 .pbmit-footer-big-area .pbmit-footer-left {padding: 40px 20px 40px 65px; } .footer-style-2 .pbmit-newsletter h3 {font-size: 24px; margin-bottom: 20px; line-height: 30px; } .footer-style-2 .pbmit-footer-email-button {position: relative; overflow: hidden; width: 100%; } .footer-style-2 .pbmit-footer-email-button input {height: 50px; font-size: 15px; width: 80%; font-weight: normal; padding: 15px 80px 15px 20px; border-radius: 36px; background: var(--pbmit-white-color); border: 1px solid rgba(var(--pbmit-blackish-color-rgb), .2); } .footer-style-2 .pbmit-newsletter .pbmit-btn:after {display: none; } .footer-style-2 .pbmit-newsletter .pbmit-btn {width: 30%; position: absolute; top: 0; right: 0; padding: 0; height: 50px; border: none; line-height: normal; border-radius: 36px; color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .footer-style-2 .pbmit-newsletter .pbmit-btn:hover {background-color: var(--pbmit-blackish-color); } .footer-style-2 .pbmit-footer-social-area ul {text-align: right; } /** Footer Style 3 **/ .footer-style-3 {padding-top: 100px; background-image: url(../images/bg/footer-bg.png); background-repeat: no-repeat; background-position: left bottom; background-size: auto; background-attachment: scroll; color: rgba(var(--pbmit-white-color-rgb), 1); overflow: hidden; } .footer-style-3 .pbmit-footer-big-area {padding: 0; } .footer-style-3 .pbmit-footer-big-area .pbmit-footer-logo img {max-height: 110px; max-width: 280px; width: auto; height: auto; object-fit: contain; } .footer-style-3 .pbmit-newsletter {display: flex; align-items: center; justify-content: space-between; padding-bottom: 40px; border-bottom: 1px solid rgba(var(--pbmit-white-color-rgb), .2); } .footer-style-3 .pbmit-newsletter h3 {font-size: 40px; line-height: 50px; margin: 0; padding-right: 42px; font-weight: 600; text-transform: capitalize; color: var(--pbmit-white-color); } .footer-style-3 .pbmit-newsletter .pbmit-footer-email-button {position: relative; overflow: hidden; width: 100%; } .footer-style-3 .pbmit-newsletter input[type="email"] {font-size: 15px; width: 68%; font-weight: 400; padding: 0 50px 0 30px; background-color: transparent; border-radius: 36px; border: 1px solid rgba(var(--pbmit-white-color-rgb), 1); margin-bottom: 0; } .footer-style-3 .pbmit-newsletter input[type="email"]:focus {color: var(--pbmit-white-color); } .footer-style-3 .pbmit-newsletter input::placeholder {color: rgba(var(--pbmit-white-color-rgb), .8); } .footer-style-3 .pbmit-newsletter button {position: absolute; top: 0; right: 0; height: 60px; width: 33%; border-radius: 36px; margin-right: 46px; transition: all .6s; display: inherit; padding: 0 30px 0 20px; } .footer-style-3 .pbmit-newsletter button:after {width: 60px; height: 60px; line-height: 60px; } .footer-style-3 .pbmit-newsletter button:hover {color: var(--pbmit-global-color); } .footer-style-3 .pbmit-footer-widget-area {padding-bottom: 100px; } .footer-style-3 .widget {position: relative; } .footer-style-3 .widget_text {font-size: 16px; line-height: 26px; } .footer-style-3 .pbmit-footer-widget-area .pbmit-social-links li.pbmit-social-li {margin: 0 6px 5px 0; } .footer-style-3 .pbmit-footer-widget-area .pbmit-social-links li.pbmit-social-li a {font-size: 15px; display: inline-block; color: rgba(var(--pbmit-white-color-rgb), 1); border-radius: 8px; padding: 5px; background-image: linear-gradient(135deg, #F5D76E 0%, #D4AF37 50%, #B8860B 100%); background-color: #C9A227; } .footer-style-3 .pbmit-footer-widget-area .pbmit-social-links li.pbmit-social-li a:hover {color: var(--pbmit-global-color); } .footer-style-3 .pbmit-footer-widget-area .widget .widget-title {font-size: 18px; line-height: 26px; margin-bottom: 15px; letter-spacing: 0px; color: white; text-transform: capitalize; font-style: normal; } .footer-style-3 .pbmit-two-column-menu.widget ul {display: flex; flex-wrap: wrap; } .footer-style-3 .widget ul>li {padding: 0 0 10px 0; } .footer-style-3 .pbmit-two-column-menu.widget ul>li {width: 50%; line-height: 20px; } .footer-style-3 .pbmit-two-column-menu.widget ul>li:last-child {padding-bottom: 0; } .footer-style-3 .pbmit-two-column-menu.widget ul li a, .footer-style-3 .pbmit-timelist-list .pbmit-timelist-time {color: rgba(var(--pbmit-white-color-rgb), 1); } .footer-style-3 .pbmit-two-column-menu.widget ul li a:hover {color: #C9A227; } .footer-style-3 .pbmit-timelist-list li:last-child {padding-bottom: 0; } .footer-style-3 .pbmit-timelist-list .pbmit-timelist-time {font-weight: 300; font-size: 15px; } .footer-style-3 .pbmit-footer-text-area>.container {position: relative; } .footer-style-3 .pbmit-footer-text-area {padding: 0; } .footer-style-3 .pbmit-footer-text-inner {font-size: 16px; padding: 20px 35px; border-radius: 30px 30px 0 0; background-color: var(--pbmit-white-color); } .footer-style-3 .pbmit-footer-text-inner:before, .footer-style-3 .pbmit-footer-text-inner:after {content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .footer-style-3 .pbmit-footer-text-inner::before {left: -8px; border-bottom-right-radius: 20px; } .footer-style-3 .pbmit-footer-text-inner:after {right: -8px; border-bottom-left-radius: 20px; } .footer-style-3 .pbmit-footer-copyright-text-area, .footer-style-3 .pbmit-footer-menu-area .pbmit-footer-menu li a {color: var(--pbmit-secondary-color); } .footer-style-3 .pbmit-footer-copyright-text-area a {color: #666; } .footer-style-3 .pbmit-footer-copyright-text-area a:hover {color: var(--pbmit-global-color); } .footer-style-3 .pbmit-footer-menu-area {float: right; } .footer-style-3 .pbmit-footer-menu-area .pbmit-footer-menu {display: flex; } .footer-style-3 .pbmit-footer-menu-area .pbmit-footer-menu li {position: relative; padding: 0 10px; } .footer-style-3 .pbmit-footer-menu-area .pbmit-footer-menu li:last-child {padding-right: 0; } .footer-style-3 .pbmit-footer-menu-area .pbmit-footer-menu li:not(:first-child):before {content: ""; position: absolute; height: 15px; width: 1px; background-color: rgba(var(--pbmit-blackish-color-rgb), 0.20); left: 0; top: 50%; transform: translate(0, -50%); } .footer-style-3 .pbmit-footer-menu-area .pbmit-footer-menu li a:hover {color: var(--pbmit-global-color); } /*----------------------------------------*/ /*  09 - Title Bar /*----------------------------------------*/ .pbmit-title-bar-wrapper {position: relative; z-index: 1; background-image: url(../images/homebg/residential.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: scroll; } .pbmit-title-bar-wrapper, .pbmit-title-bar-content {min-height: 470px; } .pbmit-title-bar-wrapper:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: none !important; } .pbmit-title-bar-content {position: relative; z-index: 1; display: flex; align-items: center; } .pbmit-title-bar-content-inner {width: 100%; text-align: center; padding-top: 30px; } .pbmit-title-bar-wrapper .pbmit-tbar, .pbmit-title-bar-wrapper .pbmit-breadcrumb {display: block; } .pbmit-title-bar-content .pbmit-tbar-inner {max-width: none; padding: 0 !important; margin-bottom: 15px; } .pbmit-tbar-subtitle {padding-top: 5px; margin-bottom: 20px; font-weight: normal; font-size: 16px; line-height: 24px; letter-spacing: 0px; color: var(--pbmit-white-color); text-transform: capitalize; font-style: normal; } .pbmit-tbar-title {font-weight: 700; font-size: 60px; line-height: 60px; letter-spacing: 0; text-transform: none; font-style: normal; margin-bottom: 0px; color: var(--pbmit-white-color); font-family: var(--pbmit-heading-typography-font-family); } .pbmit-title-bar-wrapper .pbmit-breadcrumb, .pbmit-title-bar-wrapper .pbmit-breadcrumb a {font-weight: 300; font-size: 15px; line-height: 25px; letter-spacing: .5px; color: var(--pbmit-white-color); text-transform: capitalize; font-style: normal; } .pbmit-breadcrumb .pbmit-breadcrumb-inner {padding-left: 5px; } .pbmit-breadcrumb .pbmit-breadcrumb-inner span {display: inline-block; font-size: 15px; } .pbmit-breadcrumb .pbmit-breadcrumb-inner span i:before {margin: 0; } .pbmit-breadcrumb-inner .sep {line-height: 15px; top: 0px; position: relative; padding: 0 4px; } .pbmit-breadcrumb-inner i {font-size: 15px; color: var(--pbmit-white-color); display: inline-block; } /*----------------------------------------*/ /*  10 - 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-element-text {position: relative; z-index: 99; padding-top: 60px; padding-bottom: 40px; padding-right: 30px; } /*----------------------------------------*/ /*  11 - Accordion /*----------------------------------------*/ .accordion-item {border: none; position: relative; background-color: transparent; color: inherit; border-bottom: none; box-shadow: none; border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), .2); } .accordion-item:last-child {border-bottom: none; } .accordion-button:not(.collapsed) {box-shadow: none; color: var(--pbmit-blackish-color); background-color: transparent; } .accordion-button {display: inherit; margin: 0; border-radius: 0 !important; font-weight: 600; font-size: 18px; line-height: 26px; cursor: pointer; outline: none; position: relative; padding: 25px 15px 25px 0; -webkit-transition: all 9s ease-in-out; transition: all 9s ease-in-out; color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); font-family: var(--pbmit-heading-typography-font-family); } .accordion-item .pbmit-accordion-icon {font-size: 14px; position: relative; display: inline-block; width: auto; color: var(--pbmit-global-color); } .accordion-item:last-of-type {border-radius: 0; } .pbmit-accordion-icon.pbmit-accordion-icon-right {float: right; text-align: right; } .accordion-item.active .pbmit-accordion-icon-closed {display: none; } .accordion-item .pbmit-accordion-icon-closed {display: block; } .accordion-item .pbmit-accordion-icon-opened {display: none; } .accordion-item.active .pbmit-accordion-icon-opened {display: block; } .accordion-button::after {display: none; } .accordion .pbmit-accordion-icon svg {width: 1em; height: 1em; fill: var(--pbmit-global-color); } .pbmit-accordion-title:hover {color: var(--pbmit-global-color); } .accordion-body {padding: 0 30px 15px 0; } .accordion-body p {margin: 0; font-size: 15px; } .accordion-button:focus {box-shadow: none; } .pbmit-accordion-style-1 .accordion-item {border-bottom: none; border-radius: 30px; transition: all .25s ease-in-out; } .pbmit-accordion-style-1 .accordion-item.active {background-color: var(--pbmit-blackish-color); } .pbmit-accordion-style-1 .accordion-button {display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; font-size: 24px; line-height: 24px; color: var(--pbmit-global-color); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; padding: 40px 35px 10px; border-radius: 30px 30px 0 0 !important; } .pbmit-accordion-style-1 .accordion-item.active .accordion-button {background-color: var(--pbmit-light-color); } .pbmit-accordion-style-1 .accordion-item .pbmit-accordion-icon {width: 32px; height: 32px; font-size: 20px; line-height: 26px; text-align: center; border: 1px solid var(--pbmit-global-color); border-radius: 50%; } .pbmit-accordion-style-1 .accordion-item .pbmit-accordion-title {display: flex; color: inherit; } .pbmit-accordion-style-1 .accordion-item .pbmit-accordion-title span {font-size: 14px; line-height: 14px; align-self: flex-start; margin-right: 2px; } .pbmit-accordion-style-1 .accordion-body {padding: 10px 35px 40px; border-radius: 0 0 30px 30px; } .pbmit-accordion-style-1 .accordion-item.active .accordion-body {background-color: var(--pbmit-light-color); } .pbmit-accordion-blackish-bg.pbmit-accordion-style-1 .accordion-item.active .accordion-button, .pbmit-accordion-blackish-bg.pbmit-accordion-style-1 .accordion-item.active .accordion-body {background-color: var(--pbmit-blackish-color); } .pbmit-accordion-blackish-bg.pbmit-accordion-style-1 .accordion-button {padding-right: 40px; padding-left: 70px; } .pbmit-accordion-blackish-bg.pbmit-accordion-style-1 .accordion-item:not(.active) .accordion-button:focus {background-color: var(--pbmit-blackish-color); padding: 40px 40px 30px 70px; border-radius: 30px !important; } .pbmit-accordion-blackish-bg.pbmit-accordion-style-1 .accordion-body {padding-left: 70px; padding-right: 70px; color: var(--pbmit-white-color); } .pbmit-accordion-blackish-bg.pbmit-accordion-style-1 .accordion-body p {font-size: 16px; } /*----------------------------------------*/ /*  12 - 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 } /*----------------------------------------*/ /*  13 - List Group /*----------------------------------------*/ .list-group-borderless .list-group-item {display: flex; font-size: inherit; align-items: center; padding-bottom: calc(5px/2); padding: 0; margin-bottom: 5px; color: var(--pbmit-blackish-color); position: relative; border: none; background: transparent; } .list-group-borderless .list-group-item:not(:first-child) {margin-top: calc(10px/2); } .list-group .pbmit-icon-list-icon {color: var(--pbmit-blackish-color); display: flex; position: relative; top: 2px; } .list-group .pbmit-icon-list-icon i {width: 1.25em; line-height: inherit; font-size: 20px; color: var(--pbmit-global-color); } .list-group .pbmit-icon-list-text {font-size: 16px; line-height: 26px; padding-left: 10px; margin-bottom: 0; color: var(--pbmit-blackish-color); font-family: var(--pbmit-heading-typography-font-family); } .list-group.list-group-style-1 .list-group-item svg {width: 20px; height: 20px; fill: var(--pbmit-global-color); } /*----------------------------------------*/ /*  14 -  Portfolio /*----------------------------------------*/ /** Style 1 **/ .pbmit-portfolio-style-1 {overflow: hidden; } .pbmit-portfolio-style-1 .pbminfotech-box-content {position: absolute; top: inherit; bottom: 32px; left: 40px; right: 40px; z-index: 2; } .pbmit-portfolio-style-1 .pbmit-port-cat a {font-size: 12px; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--pbmit-global-color); } .pbmit-portfolio-style-1 .pbmit-port-cat a:hover {color: var(--pbmit-white-color); } .pbmit-portfolio-style-1 .pbmit-portfolio-title {font-size: 24px; line-height: 30px; margin-bottom: 0; } .pbmit-portfolio-style-1 .pbmit-portfolio-title, .pbmit-portfolio-style-1 .pbmit-portfolio-title a {color: var(--pbmit-white-color); } .pbmit-portfolio-style-1 .pbmit-portfolio-title a:hover {color: var(--pbmit-global-color); } .pbmit-portfolio-style-1 .pbmit-featured-wrapper {position: relative; overflow: hidden; } .pbmit-portfolio-style-1 .pbmit-featured-wrapper img {width: 100%; transform: scale(1.05) rotate(.5deg); transform-origin: 90% 50%; border-radius: 30px; transition: transform 1.2s cubic-bezier(.4, .01, .14, .99); } .pbmit-portfolio-style-1:hover .pbmit-featured-wrapper img {transform: scale(1.001) rotate(0); } .pbmit-element-portfolio-style-1 .pbmit-element-inner .swiper-wrapper {-webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pbmit-portfolio-style-1 .pbminfotech-post-content {position: relative; overflow: hidden; border-radius: 30px; } .pbmit-portfolio-style-1 .pbminfotech-post-content::before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: linear-gradient(to top, rgba(var(--pbmit-secondary-color-rgb), 1) 0%, rgba(var(--pbmit-secondary-color-rgb), 0) 52%, rgba(var(--pbmit-secondary-color-rgb), 0) 73%); } /** Style 2 **/ .pbmit-portfolio-style-2 {overflow: hidden; } .pbmit-portfolio-style-2 .pbminfotech-box-content {position: absolute; top: inherit; bottom: 40px; left: 40px; right: 40px; padding: 25px 30px; opacity: 0; border-radius: 20px; word-break: break-word; transform: translateY(100%) scale(0.7); background: var(--pbmit-white-color); transition: all .5s; } .pbmit-portfolio-style-2:hover .pbminfotech-box-content {transition: all .5s; opacity: 1; transform: translateY(0); } .pbmit-portfolio-style-2 .pbmit-port-cat a {font-size: 14px; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--pbmit-global-color); } .pbmit-portfolio-style-2 .pbmit-port-cat a:hover {color: var(--pbmit-secondary-color); } .pbmit-portfolio-style-2 .pbmit-portfolio-title {font-size: 24px; line-height: 30px; margin-bottom: 0; } .pbmit-portfolio-style-2 .pbmit-portfolio-title:hover {color: var(--pbmit-global-color); } .pbmit-portfolio-style-2 .pbmit-portfolio-title {font-size: 22px; line-height: 28px; margin-bottom: 0; } .pbmit-portfolio-style-2 .pbmit-featured-wrapper {position: relative; overflow: hidden; } .pbmit-portfolio-style-2 .pbmit-featured-wrapper img {width: 100%; transform: scale(1.05) rotate(.5deg); transform-origin: 90% 50%; border-radius: 30px; transition: transform 1.2s cubic-bezier(.4, .01, .14, .99); } .pbmit-portfolio-style-2:hover .pbmit-featured-wrapper img {transform: scale(1.001) rotate(0); } .pbmit-portfolio-style-2 .pbminfotech-post-content {position: relative; overflow: hidden; border-radius: 30px; } /** Style 3 **/ .pbmit-portfolio-style-3 {margin-bottom: 30px; } .pbmit-portfolio-style-3 .pbminfotech-post-content {position: relative; } .pbmit-portfolio-style-3 .pbminfotech-box-content {opacity: 0; transition: all .2s; transform: scale(0.9); max-width: unset; position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: flex-end; bottom: 0px; left: 0px; right: 0px; top: 0px; padding: 30px; background: rgba(var(--pbmit-global-color-rgb), .9); will-change: opacity; border-radius: 30px; } .pbmit-portfolio-style-3:hover .pbminfotech-box-content {opacity: 1; transition: all .2s; transform: scale(1); } .pbmit-portfolio-style-3 .pbmit-port-cat, .pbmit-portfolio-style-3 .pbmit-port-cat a {color: var(--pbmit-white-color); font-size: 14px; } .pbmit-portfolio-style-3 .pbmit-title:hover, .pbmit-portfolio-style-3 .pbmit-port-cat a:hover {color: var(--pbmit-white-color); } .pbmit-portfolio-style-3 .pbmit-portfolio-title a, .pbmit-portfolio-style-3 .pbmit-portfolio-title {font-size: 24px; line-height: 30px; color: var(--pbmit-white-color); margin-bottom: 0; } .pbmit-portfolio-style-3 .pbmit-featured-wrapper {position: relative; overflow: hidden; border-radius: 30px; } .pbmit-portfolio-style-3 .pbmit-featured-wrapper img {width: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; border-radius: 30px; } .pbmit-portfolio-style-3:hover .pbmit-featured-wrapper img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .pbmit-portfolio-style-3 .pbmit-portfolio-btn {position: absolute; top: 30px; right: 30px; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .pbmit-portfolio-style-3 .pbmit-portfolio-btn {-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .pbmit-portfolio-style-3:hover .pbmit-portfolio-btn {-webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } .pbmit-portfolio-style-3 .pbmit-portfolio-btn i {font-size: 22px; line-height: 26px; color: var(--pbmit-white-color); z-index: 1; position: relative; } .pbmit-portfolio-style-3 .pbmit-portfolio-btn a:hover i {color: var(--pbmit-white-color); } .pbmit-link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .pbmit-portfolio-style-3-new .pbmit-portfolio-style-3 {margin-bottom: 5px; } .pbmit-portfolio-style-3-new .pbmit-portfolio-style-3 .pbminfotech-box-content, .pbmit-portfolio-style-3-new .pbmit-portfolio-style-3 .pbmit-featured-wrapper img, .pbmit-portfolio-style-3-new .pbmit-portfolio-style-3 .pbmit-featured-wrapper {border-radius: 8px; } /** Style 4 **/ .pbmit-element-portfolio-style-4 .pbmit-titlebox-wrap, .pbmit-element-portfolio-style-4 .pbmit-portfolio-title a, .pbmit-element-portfolio-style-4 .pbmit-portfolio-title {-webkit-transition: all 0.3s; transition: all 0.3s; } .pbmit-element-portfolio-style-4 .pbmit-main-hover-faded {position: relative; overflow: hidden; } .pbmit-element-portfolio-style-4 .pbmit-featured-img-wrapper::before {position: absolute; content: ''; left: 0; right: 0; height: 100%; width: 100%; z-index: 2; background: -moz-linear-gradient(to top, rgba(var(--pbmit-blackish-color-rgb), 1) 0, rgba(var(--pbmit-blackish-color-rgb), .11) 68%, rgba(var(--pbmit-blackish-color-rgb), 0) 76%); background: -webkit-linear-gradient(to top, rgba(var(--pbmit-blackish-color-rgb), 1) 0, rgba(var(--pbmit-blackish-color-rgb), .11) 68%, rgba(var(--pbmit-blackish-color-rgb), 0) 76%); background: linear-gradient(to top, rgba(var(--pbmit-blackish-color-rgb), 1) 0, rgba(var(--pbmit-blackish-color-rgb), .11) 68%, rgba(var(--pbmit-blackish-color-rgb), 0) 76%); } .pbmit-element-portfolio-style-4 .swiper-hover-slide-nav .pbmit-content-box-inner {border-right: 1px solid rgba(var(--pbmit-white-color-rgb), .5); } .pbmit-element-portfolio-style-4 .swiper-hover-slide-images {position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 100%; } .pbmit-element-portfolio-style-4 .swiper-hover-slide-nav .pbmit-content-box-inner {height: 76vh; } .pbmit-element-portfolio-style-4 .pbmit-content-box-inner {display: grid; } .pbmit-element-portfolio-style-4 .pbmit-titlebox-wrap {align-self: self-end; padding: 45px; transition: all 0.3s; display: flex; align-items: center; justify-content: space-between; } .pbmit-element-portfolio-style-4 .pbmit-hover-image-faded .swiper-slide img {transition: all 0.5s; width: 100%; height: 800px; object-fit: cover; } .pbmit-element-portfolio-style-4 .pbmit-portfolio-title {font-size: 24px; line-height: 34px; margin: 0; } .pbmit-element-portfolio-style-4 .pbmit-portfolio-title a {color: var(--pbmit-white-color); } .pbmit-element-portfolio-style-4 .swiper-slide.pbmit-active .pbmit-portfolio-title a {color: var(--pbmit-secondary-color); } .pbmit-element-portfolio-style-4 .pbmit-portfolio-title a:hover {color: var(--pbmit-global-color); } .pbmit-element-portfolio-style-4 .swiper-hover-slide-nav .pbmit-port-cat a {color: var(--pbmit-global-color); position: relative; font-size: 16px; } .pbmit-element-portfolio-style-4 .swiper-hover-slide-nav .pbmit-port-cat a:hover {color: var(--pbmit-blackish-color); } .pbmit-element-portfolio-style-4 .pbmit-ele-header-area {display: flex; align-items: center; justify-content: space-between; } .pbmit-element-portfolio-style-4 .pbmit-portfolio-btn {transition: all .4s ease-in; } .pbmit-element-portfolio-style-4 .pbmit-portfolio-btn a {display: inline-block; width: 50px; height: 50px; font-size: 14px; line-height: 50px; border-radius: 50%; text-align: center; color: var(--pbmit-white-color); border: 1px solid var(--pbmit-white-color); } .pbmit-element-portfolio-style-4 .pbmit-portfolio-btn a>i {display: inline-block; } .pbmit-element-portfolio-style-4 .pbmit-active .pbmit-portfolio-btn a {color: var(--pbmit-global-color); border-color: var(--pbmit-global-color); } .pbminfotech-element.pbmit-element-portfolio-style-4 .swiper-button-next, .pbminfotech-element.pbmit-element-portfolio-style-4 .swiper-button-prev {background-color: rgba(var(--pbmit-white-color-rgb), .4); margin: 0 30px; display: none; } .pbmit-element-portfolio-style-4 .swiper-hover-slide-nav .swiper-slide {overflow: hidden; } .pbmit-element-portfolio-style-4 .swiper-slide .pbmit-titlebox-wrap {-webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; position: relative; overflow: hidden; } .pbmit-element-portfolio-style-4 .swiper-slide .pbmit-titlebox-wrap::after {position: absolute; content: ''; left: 0; height: 100%; width: 100%; bottom: 100%; top: 100%; z-index: -1; -webkit-transition: .9s cubic-bezier(.68, 1.55, .265, .55); -moz-transition: .9s cubic-bezier(.68, 1.55, .265, .55); -ms-transition: .9s cubic-bezier(.68, 1.55, .265, .55); -o-transition: .9s cubic-bezier(.68, 1.55, .265, .55); transition: .9s cubic-bezier(.68, 1.55, .265, .55); } .pbmit-element-portfolio-style-4 .swiper-slide.pbmit-active .pbmit-titlebox-wrap::after {top: 0; background-color: var(--pbmit-white-color); } /** Style 5 **/ .pbmit-portfolio-style-5 {overflow: hidden; margin-bottom: 5px; } .pbmit-portfolio-style-5 .pbminfotech-box-content {display: flex; align-items: center; justify-content: space-between; position: absolute; top: inherit; bottom: 40px; left: 40px; right: 40px; padding: 25px 30px; opacity: 0; word-break: break-word; transform: translateY(100%) scale(0.7); background: var(--pbmit-white-color); transition: all .5s; } .pbmit-portfolio-style-5:hover .pbminfotech-box-content {transition: all .5s; opacity: 1; transform: translateY(0); } .pbmit-portfolio-style-5 .pbmit-port-cat a {font-size: 14px; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--pbmit-global-color); } .pbmit-portfolio-style-5 .pbmit-port-cat a:hover {color: var(--pbmit-secondary-color); } .pbmit-portfolio-style-5 .pbmit-portfolio-title {font-size: 24px; line-height: 30px; margin-bottom: 0; } .pbmit-portfolio-style-5 .pbmit-portfolio-title:hover {color: var(--pbmit-global-color); } .pbmit-portfolio-style-5 .pbmit-portfolio-title {font-size: 22px; line-height: 28px; margin-bottom: 0; } .pbmit-portfolio-style-5 .pbmit-featured-wrapper {position: relative; overflow: hidden; } .pbmit-portfolio-style-5 .pbmit-featured-wrapper img {width: 100%; transform: scale(1.05) rotate(.5deg); transform-origin: 90% 50%; transition: transform 1.2s cubic-bezier(.4, .01, .14, .99); } .pbmit-portfolio-style-5:hover .pbmit-featured-wrapper img {transform: scale(1.001) rotate(0); } .pbmit-portfolio-style-5 .pbminfotech-post-content {position: relative; overflow: hidden; } .pbmit-portfolio-style-5 .pbmit-portfolio-btn a {display: inline-block; width: 50px; height: 50px; font-size: 12px; line-height: 50px; text-align: center; border-radius: 50%; color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .pbmit-portfolio-style-5 .pbmit-portfolio-btn a>i::before {font-weight: 600; } .pbmit-element-portfolio-style-5 .pbmit-portfolio-btn a>i {display: inline-block; } .pbmit-portfolio-style-5:hover .pbmit-portfolio-btn a {background-color: var(--pbmit-blackish-color); } /** Style 6 **/ .pbmit-portfolio-style-6 .pbmit-featured-img-wrapper img {width: 100%; border-radius: 30px; } .pbmit-portfolio-style-6 .pbminfotech-box-content {position: absolute; z-index: 3; bottom: 30px; left: 30px; word-break: break-word; -webkit-transition: clip-path 0.4s ease-out; transition: clip-path 0.4s ease-out; overflow: hidden; opacity: 0; clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); } .pbmit-portfolio-style-6 .pbminfotech-box-content .pbmit-port-cat {font-size: 13px; line-height: 20px; letter-spacing: 1px; position: relative; display: inline-block; text-transform: uppercase; padding: 8px 20px 5px 20px; border-radius: 10px 10px 0 0; color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); } .pbmit-portfolio-style-6 .pbminfotech-box-content .pbmit-port-cat::after {content: ''; position: absolute; background-color: transparent; bottom: 0px; right: -10px; height: 30px; width: 10px; z-index: -1; border-bottom-left-radius: 10px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-portfolio-style-6 .pbminfotech-box-content .pbmit-portfolio-title {font-size: 22px; line-height: 28px; width: 240px; word-wrap: break-word; margin-bottom: 0; padding: 5px 20px 10px 20px; border-radius: 0 10px 10px 10px; color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); } .pbmit-portfolio-style-6 .pbmit-featured-wrapper {position: relative; display: block; overflow: hidden; border-radius: 30px; } .pbmit-portfolio-style-6 .pbmit-featured-wrapper img {position: relative; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .pbmit-portfolio-style-6:hover .pbmit-featured-wrapper img {-webkit-transform: scale(1.03); -ms-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } .pbmit-element-portfolio-style-6 .pbmit-element-viewtype-carousel-4 .pbmit-portfolio-style-6.pbmit-even {margin-top: 30px; } /** Style 7 **/ .pbmit-portfolio-style-7 {overflow: hidden; } .pbmit-portfolio-style-7 .pbminfotech-box-content {position: absolute; top: inherit; bottom: -10px; left: 40px; right: 40px; z-index: 2; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; } .pbmit-portfolio-style-7:hover .pbminfotech-box-content {bottom: 32px; opacity: 1; visibility: visible; } .pbmit-portfolio-style-7 .pbmit-port-cat a {font-size: 12px; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--pbmit-global-color); } .pbmit-portfolio-style-7 .pbmit-port-cat a:hover {color: var(--pbmit-white-color); } .pbmit-portfolio-style-7 .pbmit-portfolio-title {font-size: 24px; line-height: 30px; margin-bottom: 0; } .pbmit-portfolio-style-7 .pbmit-portfolio-title, .pbmit-portfolio-style-7 .pbmit-portfolio-title a {color: var(--pbmit-white-color); } .pbmit-portfolio-style-7 .pbmit-portfolio-title a:hover {color: var(--pbmit-global-color); } .pbmit-portfolio-style-7 .pbmit-featured-wrapper {position: relative; overflow: hidden; } .pbmit-portfolio-style-7 .pbmit-featured-wrapper img {width: 100%; transform: scale(1.05) rotate(.5deg); transform-origin: 90% 50%; border-radius: 20px; transition: transform 1.2s cubic-bezier(.4, .01, .14, .99); } .pbmit-element-viewtype-carousel.pbmit-element-portfolio-style-7 .pbmit-element-posts-wrapper {border-radius: 20px; } .pbmit-portfolio-style-7:hover .pbmit-featured-wrapper img {transform: scale(1.001) rotate(0); } .pbmit-element-portfolio-style-7 .pbmit-element-inner .swiper-wrapper {-webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pbmit-portfolio-style-7 .pbminfotech-post-content {position: relative; overflow: hidden; border-radius: 20px; } .pbmit-portfolio-style-7 .pbminfotech-post-content::before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: linear-gradient(to top, rgba(var(--pbmit-secondary-color-rgb), 1) 0%, rgba(var(--pbmit-secondary-color-rgb), 0) 52%, rgba(var(--pbmit-secondary-color-rgb), 0) 73%); opacity: 0; visibility: hidden; transition: all 0.2s ease 0s; } .pbmit-portfolio-style-7:hover .pbminfotech-post-content::before {opacity: 1; visibility: visible; } /*----------------------------------------*/ /*  15 - Client /*----------------------------------------*/ /** Style 1 **/ .pbmit-hide {display: none; } .pbmit-client-style-1 .pbmit-border-wrapper {display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px 70px; } .pbmit-client-style-1 .pbmit-client-wrapper {overflow: hidden; z-index: 1; height: -webkit-max-content; display: inline-block; position: relative; text-align: center; transition: transform .4s ease, -webkit-transform .4s ease; } .pbmit-client-style-1 .pbmit-border-wrapper {transition: all .4s ease-in; } .pbmit-client-style-1 .pbmit-client-with-hover-img .pbmit-featured-wrapper, .pbmit-client-style-1 .pbmit-client-with-hover-img .pbmit-client-hover-img {-webkit-transition: -webkit-transform .4s ease; -moz-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .pbmit-client-style-1 .pbmit-client-hover-img {position: absolute; z-index: 1; top: 0; left: 0; transform: translateY(-100%); } .pbmit-client-style-1:hover .pbmit-client-with-hover-img .pbmit-client-hover-img {visibility: visible; transform: translateY(0%); } .pbmit-client-style-1:hover .pbmit-client-with-hover-img .pbmit-featured-wrapper {transform: translateY(100%); } /* pbmit-client-style-1-new */ .pbmit-client-style-1-new .pbmit-client-style-1 .pbmit-border-wrapper {padding: 10px 30px; } .pbmit-client-style-1-new .pbmit-client-style-1 .pbmit-border-wrapper {margin-bottom: 30px; } /** Style 2 **/ .pbmit-client-style-2 {padding: 45px 0; border: 1px solid rgba(var(--pbmit-blackish-color-rgb), .2); display: block; margin-bottom: 0px !important; } .pbmit-element-client-style-2 .col-md-2.pbmit-ele-client:nth-of-type(11), .pbmit-element-client-style-2 .col-md-2.pbmit-ele-client:nth-of-type(9), .pbmit-element-client-style-2 .col-md-2.pbmit-ele-client:nth-of-type(7), .pbmit-element-client-style-2 .col-md-2.pbmit-ele-client:nth-of-type(6), .pbmit-element-client-style-2 .col-md-2.pbmit-ele-client:nth-of-type(4), .pbmit-element-client-style-2 .col-md-2.pbmit-ele-client:nth-of-type(2), .pbmit-element-client-style-2 .col-md-6.col-lg-3.pbmit-ele-client:nth-of-type(12), .pbmit-element-client-style-2 .col-md-6.col-lg-3.pbmit-ele-client:nth-of-type(10), .pbmit-element-client-style-2 .col-md-6.col-lg-3.pbmit-ele-client:nth-of-type(7), .pbmit-element-client-style-2 .col-md-6.col-lg-3.pbmit-ele-client:nth-of-type(5), .pbmit-element-client-style-2 .col-md-6.col-lg-3.pbmit-ele-client:nth-of-type(4), .pbmit-element-client-style-2 .col-md-6.col-lg-3.pbmit-ele-client:nth-of-type(2), .pbmit-element-client-style-2 .col-md-4.pbmit-ele-client:nth-child(even), .pbmit-element-client-style-2 .col-md-6:not(.col-lg-3).pbmit-ele-client:nth-of-type(11), .pbmit-element-client-style-2 .col-md-6:not(.col-lg-3).pbmit-ele-client:nth-of-type(10), .pbmit-element-client-style-2 .col-md-6:not(.col-lg-3).pbmit-ele-client:nth-of-type(7), .pbmit-element-client-style-2 .col-md-6:not(.col-lg-3).pbmit-ele-client:nth-of-type(6), .pbmit-element-client-style-2 .col-md-6:not(.col-lg-3).pbmit-ele-client:nth-of-type(3), .pbmit-element-client-style-2 .col-md-6:not(.col-lg-3).pbmit-ele-client:nth-of-type(2), .pbmit-element-client-style-2 .col-md-12.pbmit-ele-client:nth-child(even), .pbmit-element-client-style-2 .col-md-20percent.pbmit-ele-client:nth-child(even), .pbmit-client-style-2-new .pbmit-client-style-2:nth-child(even) {border: none; } .pbmit-client-style-2 .pbmit-client-wrapper {overflow: hidden; display: block; position: relative; text-align: center; z-index: 1; height: -webkit-max-content; transition: transform .4s ease, -webkit-transform .4s ease; } .pbmit-client-style-2 .pbmit-client-with-hover-img .pbmit-featured-wrapper, .pbmit-client-style-2 .pbmit-client-hover-img {-webkit-transition: -webkit-transform .4s ease; -moz-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } .pbmit-client-style-2 .pbmit-client-hover-img {position: absolute; z-index: 1; top: 0; left: 0; transform: translateY(-100%); display: block; text-align: center; width: 100% } .pbmit-client-style-2 .pbmit-client-with-hover-img .pbmit-client-hover-img {transform: translateY(-100%) } .pbmit-client-style-2 .pbmit-client-with-hover-img:hover .pbmit-client-hover-img {visibility: visible; transform: translateY(0) } .pbmit-client-style-2 .pbmit-client-with-hover-img:hover .pbmit-featured-wrapper {transform: translateY(100%) } /** Style 3 **/ .pbmit-client-style-3 .pbmit-border-wrapper {display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px 0; } .pbmit-client-style-3 .pbmit-client-wrapper {overflow: hidden; z-index: 1; height: -webkit-max-content; display: inline-block; position: relative; text-align: center; transition: transform .4s ease, -webkit-transform .4s ease; } .pbmit-client-style-3 .pbmit-border-wrapper {transition: all .4s ease-in; } .pbmit-client-style-3 .pbmit-client-with-hover-img .pbmit-featured-wrapper, .pbmit-client-style-3 .pbmit-client-with-hover-img .pbmit-client-hover-img {-webkit-transition: -webkit-transform .4s ease; -moz-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .pbmit-client-style-3 .pbmit-client-hover-img {position: absolute; z-index: 1; top: 0; left: 0; transform: translateY(-100%); } .pbmit-client-style-3:hover .pbmit-client-with-hover-img .pbmit-client-hover-img {visibility: visible; transform: translateY(0%); } .pbmit-client-style-3:hover .pbmit-client-with-hover-img .pbmit-featured-wrapper {transform: translateY(100%); } .pbmit-client-style-3 .pbmit-featured-wrapper img {opacity: .7; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .pbmit-client-style-3 .pbmit-client-hover-img img {filter: brightness(150); } /*----------------------------------------*/ /* 16 - Pricing /*----------------------------------------*/ /** Style 1 **/ .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col .pbmit-pricing-table-box, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:hover .pbmit-head-wrap::before {transition: all 0.6s ease-in-out; } .pbminfotech-ele-ptable-style-1 .pbmit-head-wrap {position: relative; text-align: center; padding-bottom: 28px; border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.2); } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col .pbmit-head-wrap::before {content: ""; position: absolute; background-color: var(--pbmit-secondary-color); width: 0%; height: 1px; bottom: -1px; left: 0; } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(4) .pbmit-head-wrap::before, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(2) .pbmit-head-wrap::before {background-color: var(--pbmit-blackish-color); } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(4) .pbmit-head-wrap, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(2) .pbmit-head-wrap {border-color: var(--pbmit-white-color); } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:hover .pbmit-head-wrap::before {width: 100%; } .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-heading {font-size: 18px; line-height: 28px; text-transform: capitalize; color: var(--pbmit-global-color); margin-bottom: 25px; font-weight: 600; border: 1px solid var(--pbmit-global-color); border-radius: 30px; display: inline-block; padding: 0 20px; } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(4) .pbminfotech-ptable-heading, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(2) .pbminfotech-ptable-heading {color: var(--pbmit-white-color); border-color: var(--pbmit-white-color); } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(4) .pbmit-ptable-line, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(2) .pbmit-ptable-line, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(4) .pbminfotech-ptable-frequency, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(2) .pbminfotech-ptable-frequency, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(4) .pbmit-ptable-price-w, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(2) .pbmit-ptable-price-w {color: var(--pbmit-white-color); } .pbminfotech-ele-ptable-style-1 .pbmit-price-wrapper {display: flex; align-items: flex-end; justify-content: center; } .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-box {background-color: var(--pbmit-white-color); position: relative; padding: 45px 40px; border-radius: 30px; border: 1px solid rgba(var(--pbmit-blackish-color-rgb), .2); } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(4) .pbmit-pricing-table-box, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(2) .pbmit-pricing-table-box {background-color: var(--pbmit-global-color); } .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-symbol {font-size: 50px; line-height: 50px; } .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-price {font-size: 90px; line-height: 90px; } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-price-w {display: flex; align-items: flex-start; color: var(--pbmit-secondary-color); } .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-frequency {color: var(--pbmit-blackish-color); font-size: 18px; line-height: 22px; margin-bottom: 15px; letter-spacing: -0.25px; text-transform: uppercase; color: var(--pbmit-blackish-color); position: relative; } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-inner {padding: 25px 0 0px; } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-line {margin-bottom: 10px; position: relative; } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-line:last-child {margin-bottom: 0; } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-line svg, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-line .pbmit-ptable-line-svg, .pbminfotech-ele-ptable-style-1 .pbmit-ptable-line i {font-size: 18px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); color: var(--pbmit-global-color); } .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-btn .pbmit-button a {padding: 14px 30px; color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); border: none; width: 100%; position: relative; display: inline-block; border-radius: 30px; } .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-btn .pbmit-button a:hover {background-color: var(--pbmit-secondary-color); } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col:nth-child(even) .pbmit-button a, .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col .pbmit-button a {color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); } .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col.pbmit-ptable-col:nth-child(odd) .pbmit-button a {color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col.pbmit-ptable-col:nth-child(odd) .pbmit-button a:hover {background-color: var(--pbmit-secondary-color); } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-line .pbmit-ptable-line-svg {display: inline-block; margin-right: 5px; } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-line svg {width: 15px; height: 15px; margin: 0 15px 0 0; fill: var(--pbmit-global-color); } .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-btn {text-align: center; margin-top: 40px; } .pbminfotech-ele-ptable-style-1 .pbmit-button .pbmit-button-text {font-family: var(--pbmit-btn-typography-font-family); font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -.25px; text-transform: capitalize; font-style: normal; } .pbminfotech-ele-ptable-style-1 .pbmit-button .pbmit-button-wrapper .pbmit-button-text {position: relative; overflow: hidden; } .pbminfotech-ele-ptable-style-1 .pbmit-ptable-col .pbmit-pricing-table-box:hover {transform: translateY(-5px); } .pbminfotech-ele-ptable-style-1 .pbmit-button i {display: none; } /* pbmit-pricing-style-1-new */ .pbmit-pricing-style-1-new .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-box {background-color: var(--pbmit-light-color); border: none } .pbmit-pricing-style-1-new .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col .pbmit-pricing-table-box {background-color: var(--pbmit-global-color); } .pbmit-pricing-style-1-new .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-heading {background-color: var(--pbmit-white-color); } .pbmit-pricing-style-1-new .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col .pbminfotech-ptable-heading {background-color: transparent; } /** Style 2 **/ .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-box, .pbminfotech-ele-ptable-style-2 .pbmit-head-wrap::before {transition: all 0.6s ease-in-out; } .pbminfotech-ele-ptable-style-2 .pbmit-ptable-col {margin-bottom: 30px; } .pbminfotech-ele-ptable-style-2 .pbmit-head-wrap {width: 37%; padding-right: 30px; margin-right: 30px; border-right: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.1); } .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-heading {font-size: 16px; line-height: 24px; text-transform: uppercase; margin-bottom: 25px; font-weight: 500; } .pbminfotech-ele-ptable-style-2 .pbmit-price-wrapper {display: flex; align-items: flex-end; } .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-box {position: relative; overflow: hidden; display: flex; padding: 60px 40px 90px; border-radius: 20px; background-color: var(--pbmit-light-color); } .pbmit-bg-color-light .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-box {background-color: var(--pbmit-white-color); } .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-symbol {font-size: 36px; line-height: 36px; } .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-symbol, .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-price {font-weight: 700; font-style: normal; font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-price {font-size: 60px; line-height: 60px; } .pbminfotech-ele-ptable-style-2 .pbmit-ptable-price-w {display: flex; align-items: flex-start; color: var(--pbmit-secondary-color); } .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-frequency {font-size: 16px; line-height: 22px; margin-bottom: 10px; font-weight: 400; } .pbminfotech-ele-ptable-style-2 .pbmit-ptable-inner {width: 100%; padding: 0 10px; } .pbminfotech-ele-ptable-style-2 .pbmit-ptable-lines-w {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; } .pbminfotech-ele-ptable-style-2 .pbmit-ptable-line {margin-bottom: 10px; position: relative; padding-left: 30px; } .pbminfotech-ele-ptable-style-2 .pbmit-ptable-line i {position: absolute; left: 0; top: 4px; font-size: 17px; font-weight: bold; line-height: 20px; color: var(--pbmit-blackish-color); } .pbminfotech-ele-ptable-style-2 .pbmit-ptable-line svg {font-size: 16px; line-height: 16px; fill: var(--pbmit-blackish-color); } .pbminfotech-ele-ptable-style-2 .pbmit-ptable-line:last-child {margin-bottom: 0; } .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn .pbmit-button a {padding: 18px 30px; color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); border: none; width: 100%; border-radius: 30px 30px 0 0; position: relative; display: inline-block; } .pbmit-bg-color-secondary .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn .pbmit-button a, .pbmit-bg-color-blackish .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn .pbmit-button a {color: var(--pbmit-white-color); } .pbmit-bg-color-light .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn .pbmit-button a {background-color: var(--pbmit-light-color); } .pbmit-bg-color-blackish .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn .pbmit-button a {background-color: var(--pbmit-blackish-color); } .pbmit-bg-color-secondary .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn .pbmit-button a {background-color: var(--pbmit-secondary-color); } .pbmit-bg-color-global .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn .pbmit-button a {background-color: var(--pbmit-global-color); } .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn .pbmit-button a:hover {color: var(--pbmit-global-color); } .pbmit-bg-color-global .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn .pbmit-button a:hover {color: var(--pbmit-white-color); } .pbminfotech-ele-ptable-style-2 .pbminfotech-ptable-btn {position: absolute; bottom: 0; right: 45px; display: inline-block; text-align: center; margin-top: 40px; } .pbminfotech-ele-ptable-style-2 .pbmit-ptable-col .pbmit-pricing-table-box:hover {transform: translateY(-5px); } .pbminfotech-ele-ptable-style-2 .pbmit-button-wrapper::after {content: '\e8eb'; font-family: "pbminfotech-base-icons"; display: inline-block; margin-left: 10px; } .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::after, .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::before {content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-bg-color-light .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::after, .pbmit-bg-color-light .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::before {box-shadow: 0 20px 0 0 var(--pbmit-light-color); } .pbmit-bg-color-blackish .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::after, .pbmit-bg-color-blackish .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::before {box-shadow: 0 20px 0 0 var(--pbmit-blackish-color); } .pbmit-bg-color-secondary .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::after, .pbmit-bg-color-secondary .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::before {box-shadow: 0 20px 0 0 var(--pbmit-secondary-color); } .pbmit-bg-color-global .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::after, .pbmit-bg-color-global .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::before {box-shadow: 0 20px 0 0 var(--pbmit-global-color); } .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::before {right: 100%; border-bottom-right-radius: 20px; } .pbminfotech-ele-ptable-style-2 .pbmit-button-inner::after {left: 100%; border-bottom-left-radius: 20px; } .pbmit-bg-color-white .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-box {background-color: var(--pbmit-light-color); } /* Featured Column */ .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-pricing-table-box {background-color: var(--pbmit-blackish-color); } .pbmit-bg-color-secondary .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-pricing-table-box, .pbmit-bg-color-blackish .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-pricing-table-box {background-color: var(--pbmit-global-color); } .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-head-wrap {border-color: rgba(var(--pbmit-global-color-rgb), 0.5); } .pbmit-bg-color-secondary .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-head-wrap, .pbmit-bg-color-blackish .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-head-wrap {border-color: rgba(var(--pbmit-blackish-color-rgb), 0.1); } .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbminfotech-ptable-heading, .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-ptable-line, .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbminfotech-ptable-frequency, .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-ptable-price-w {color: var(--pbmit-white-color); } .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbminfotech-ptable-price, .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-ptable-line i {color: var(--pbmit-global-color); } .pbmit-bg-color-secondary .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbminfotech-ptable-price, .pbmit-bg-color-blackish .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbminfotech-ptable-price, .pbmit-bg-color-secondary .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-ptable-line i, .pbmit-bg-color-blackish .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-ptable-line i {color: var(--pbmit-blackish-color); } .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-ptable-line svg {fill: var(--pbmit-global-color); } .pbmit-bg-color-secondary .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-ptable-line svg, .pbmit-bg-color-blackish .pbminfotech-ele-ptable-style-2 .pbmit-pricing-table-featured-col .pbmit-ptable-line svg {fill: var(--pbmit-blackish-color); } /* -------------------------------------- * 17 - Sortable * ---------------------------------------*/ .pbmit-sortable-list-ul {list-style: none; margin: 0; padding: 0; margin-bottom: 50px; display: block; text-align: center; } .pbmit-sortable-list-ul li {display: inline-block; } .pbmit-sortable-list-ul li::before {content: ' '; margin: 0 10px; } .pbmit-sortable-list-ul li:first-child::before {display: none; } .pbmit-sortable-list a {display: inline-block; font-size: 16px; padding: 8px 20px; font-weight: 400; min-width: 100px; border-radius: 20px; } .pbmit-sortable-list a.pbmit-selected {background: var(--pbmit-blackish-color); color: var(--pbmit-white-color); } .pbmit-sortable-list-style-2 .pbmit-sortable-list-ul {text-align: left; } .pbmit-sortable-list-style-2 ul li:before {display: none; } .pbmit-sortable-list-style-2 .pbmit-sortable-list-ul a {position: relative; display: inline; font-weight: 500; padding: 0; margin-right: 40px; } .pbmit-sortable-list-style-2 .pbmit-sortable-list-ul a.pbmit-selected {color: var(--pbmit-global-color); background-color: transparent; } .pbmit-bg-color-blackish .pbmit-sortable-list a.pbmit-selected {color: var(--pbmit-global-color); } .pbmit-bg-color-blackish .pbmit-sortable-list a {color: var(--pbmit-white-color); } /* -------------------------------------- * 18 - Img Animation * ---------------------------------------*/ .pbmit-animation-style1, .pbmit-animation-style2, .pbmit-animation-style3, .pbmit-animation-style4 {display: inline-block; position: relative; overflow: hidden; transition: 2s cubic-bezier(0.5, 0.5, 0, 1); } .pbmit-animation-style1 img, .pbmit-animation-style2 img, .pbmit-animation-style3 img, .pbmit-animation-style4 img {transform-origin: 50% 50%; transition: 2s cubic-bezier(0.5, 0.5, 0, 1); } /* -------------------------------------- * 19 - Marquee * ---------------------------------------*/ /** Style 1 **/ .pbmit-marquee-effect-style-1 .pbmit-element-title {font-size: 90px; line-height: 120px !important; position: relative !important; overflow: visible !important; display: flex; overflow: visible !important; text-shadow: 1px 1px 0 rgba(var(--pbmit-blackish-color-rgb), .2), -1px -1px 0 rgba(var(--pbmit-blackish-color-rgb), .2), 1px -1px 0 rgba(var(--pbmit-blackish-color-rgb), .2), -1px 1px 0 rgba(var(--pbmit-blackish-color-rgb), .2), 1px 1px 0 rgba(var(--pbmit-blackish-color-rgb), .2); -webkit-text-fill-color: var(--pbmit-white-color); -webkit-text-stroke-width: 0; color: transparent; letter-spacing: -1px; } .pbmit-marquee-effect-style-1 .pbmit-element-title:hover {text-shadow: 1px 1px 0 rgba(var(--pbmit-global-color-rgb), .2), -1px -1px 0 rgba(var(--pbmit-global-color-rgb), .2), 1px -1px 0 rgba(var(--pbmit-global-color-rgb), .2), -1px 1px 0 rgba(var(--pbmit-global-color-rgb), .2), 1px 1px 0 rgba(var(--pbmit-global-color-rgb), .2); } .pbmit-marquee-effect-style-1 .pbmit-element-title::before {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; white-space: nowrap; content: attr(data-text); transition: max-width .8s cubic-bezier(.22, .61, .36, 1); -webkit-text-fill-color: var(--pbmit-global-color); -webkit-text-stroke: transparent; max-width: 0; } .pbmit-marquee-effect-style-1 .pbmit-element-title:hover::before {max-width: 100%; } .pbmit-marquee-effect-style-1 .pbmit-tag-wrapper {padding-left: 100px; margin-left: 50px; position: relative; } .pbmit-marquee-effect-style-1 .pbmit-tag-wrapper::before {content: "+"; position: absolute; left: 0; top: 50%; font-size: 90px; line-height: 90px; transform: translateY(-50%); font-weight: 700; color: var(--pbmit-global-color); font-family: var(--pbmit-heading-typography-font-family); } /* -------------------------------------- * 20 - Tab * ---------------------------------------*/ .pbmit-tab {display: flex; align-items: center; } .pbmit-tab .nav-tabs {margin: 0; display: block; border: none; } .pbmit-tab .nav .nav-item a.active {color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); border-color: var(--pbmit-global-color); } .pbmit-tab .nav .nav-item a {padding: 5px 5px 5px 40px; margin-bottom: 20px; border-radius: 50px; font-size: 18px; line-height: 24px; text-transform: capitalize; transition: all 0.4s ease-in-out; width: 347px; display: flex; align-items: center; justify-content: space-between; color: var(--pbmit-global-color); font-family: var(--pbmit-heading-typography-font-family); border: 1px solid rgba(var(--pbmit-blackish-color-rgb), .2); font-weight: 700; } .pbmit-tab .nav-tabs i {display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 12px; border-radius: 50%; text-align: center; background: var(--pbmit-light-color); color: var(--pbmit-global-color); transition: all 0.3s ease-in; } .pbmit-tab .nav-tabs .nav-link.active i {color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); } .pbmit-tab .tab-content {padding-left: 75px; } .pbmit-tab .tab-content .tab-pane.active {animation: pbmit-faded 3s; } @keyframes pbmit-faded {0% {opacity: 0; } 100% {opacity: 1; } } .pbmit-tab .pbmit-tab-img img {border-radius: 30px; } .pbmit-tab .pbmit-tab-list {padding-left: 80px; } .pbmit-tab .pbmit-tab-list .list-group {margin-top: 40px; } .pbmit-tab .pbmit-tab-list .list-group .pbmit-icon-list-icon i {font-size: 16px; } .pbmit-tab .pbmit-tab-list h2 {font-size: 36px; line-height: 40px; margin-bottom: 15px; } .pbmit-tab.style-2 {display: block; } .pbmit-tab.style-2 .nav-tabs {display: flex; justify-content: center; gap: 5px; margin-bottom: 25px; flex-wrap: initial; } .pbmit-tab.style-2 .nav .nav-item a {width: auto; font-size: 16px; padding: 12px 30px; border: none; color: inherit; margin-bottom: 0; text-align: center; } .pbmit-tab.style-2 .nav .nav-item a.active {color: var(--pbmit-white-color); } .pbmit-tab.style-2 .tab-content {padding: 0; } .pbmit-tab.style-2 .pbmit-column-inner {padding: 40px; border-radius: 20px; background: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 100%); } .pbmit-tab.style-2 .list-group .pbmit-icon-list-icon i {transform: rotate(12deg); font-size: 18px; } .pbmit-tab.style-2 .pbmit-tab-inner-content {position: relative; padding: 70px 160px 70px 40px; } .pbmit-tab.style-2 .pbmit-tab-heading h3 {font-size: 30px; line-height: 36px; font-weight: 600; margin-bottom: 18px; text-transform: capitalize; color: var(--pbmit-blackish-color); } .pbmit-tab.style-2 .pbmit-tab-highlight {position: absolute; right: -100px; top: 65px; } .pbmit-tab.style-2 .pbmit-tab-highlight h3 {display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; text-transform: capitalize; width: 170px; height: 170px; font-size: 18px; line-height: 18px; font-weight: 600; border-radius: 50%; padding: 0 10px; background-color: var(--pbmit-blackish-color); border: 15px solid var(--pbmit-white-color); color: var(--pbmit-white-color); } .pbmit-tab.style-2 .pbmit-tab-highlight h3 span {font-size: 30px; line-height: 30px; font-weight: 700; margin-bottom: 2px; } .pbmit-tab.style-2 .list-group {margin: 20px 0 40px 0; } .pbmit-tab.style-2 .pbmit-tab-image-wrap img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .pbmit-tab.style-2 .pbmit-tab-inner-content .pbmit-btn-outline {color: var(--pbmit-blackish-color); } .pbmit-tab.style-2 .pbmit-tab-inner-content .pbmit-btn-outline:hover {color: var(--pbmit-global-color); } /* -------------------------------------- * 21 - Banner Slider * ---------------------------------------*/ .pbmit-slider-area .transform-top {opacity: 0; transform: translateY(-120px); transition: all 1000ms ease; } .swiper-slide-active .transform-top {opacity: 1; transform: translateY(0); } .pbmit-slider-area .transform-bottom {opacity: 0; transform: translateY(50px); transition: all 1000ms ease; } .swiper-slide-active .transform-bottom {opacity: 1; transform: translateY(0); } .pbmit-slider-area .transform-bottom-1 {opacity: 0; transition: all 1000ms ease; transform: perspective(600px) translate3d(0px, 50px, -40px) rotateX(-70deg); } .swiper-slide-active .transform-bottom-1 {opacity: 1; transform-origin: 50% 50%; transform: perspective(600px) translate(1px, 0px); } .pbmit-slider-area .transform-left {opacity: 0; transition: all 1000ms ease; transform: translateX(-200px); } .swiper-slide-active .transform-left {opacity: 1; transform: translateX(0); } .pbmit-slider-area .transform-right {opacity: 0; transition: all 1000ms ease; transform: translateX(200px); } .swiper-slide-active .transform-right {opacity: 1; transform: translateX(0); } .pbmit-slider-area .transform-center {opacity: 0; transition: all 1000ms ease; transform: scale(0.9); } .swiper-slide-active .transform-center {opacity: 1; transform: scale(1); } .swiper-slide-active .transform-delay-1 {transition-delay: 1000ms; } .swiper-slide-active .transform-delay-2 {transition-delay: 1400ms; } .swiper-slide-active .transform-delay-3 {transition-delay: 1700ms; } .swiper-slide-active .transform-delay-4 {transition-delay: 1900ms; } .swiper-slide-active .transform-delay-5 {transition-delay: 2100ms; } .swiper-slide-active .transform-delay-6 {transition-delay: 2200ms; } .pbmit-slider-area .pbmit-slider-bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: cover; } .pbmit-slider-area .swiper-slider {padding-bottom: 0 !important; } .pbmit-slider-area .pbmit-slider-content .pbmit-sub-title, .pbmit-slider-area .pbmit-slider-content .pbmit-title {color: var(--pbmit-white-color); } /** Style 1 **/ .pbmit-slider-one .pbmit-slider-item {display: flex; align-items: center; height: 900px; background-color: rgba(64, 50, 38, 0.2); } .pbmit-slider-one .pbmit-sub-title {font-size: 16px; line-height: 26px; letter-spacing: 1px; font-weight: 300; text-transform: uppercase; } .pbmit-slider-one .pbmit-title {font-size: 72px; line-height: 76px; margin-bottom: 30px; } .pbmit-slider-one .pbmit-btn-outline {color: var(--pbmit-white-color); border-color: var(--pbmit-white-color); } .pbmit-slider-one .pbmit-btn-outline:hover {color: var(--pbmit-white-color); } .pbmit-slider-one .swiper-horizontal>.swiper-pagination-bullets {display: block; width: 200px; height: 100px; line-height: 100px; right: 0; left: auto; bottom: 0; border-radius: 20px 0 0; background-color: var(--pbmit-white-color); } .pbmit-slider-one .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background-color: rgba(var(--pbmit-global-color-rgb), .5) !important; } .pbmit-slider-one .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active, .pbmit-slider-one .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover {background-color: var(--pbmit-global-color) !important; } /** Style 2 **/ .pbmit-slider-two .pbmit-slider-item {padding: 330px 0 230px 0; background-color: rgba(0, 0, 0, 0.22); } .pbmit-slider-two .pbmit-sub-title {font-size: 60px; line-height: 70px; font-weight: 600; margin: 0; } .pbmit-slider-two .pbmit-title {font-size: 184px; line-height: 184px; text-transform: uppercase; font-weight: 600; margin: 0; } .pbmit-slider-two .pbmit-desc {padding-top: 25px; font-size: 18px; font-weight: 700; line-height: 36px; margin-bottom: 35px; max-width: fit-content; color: var(--pbmit-white-color); border-top: 1px solid rgb(255, 255, 255); font-family: var(--pbmit-body-typography-font-family); } .pbmit-slider-two .pbmit-button-wrap, .pbmit-slider-eight .pbmit-button-wrap, .pbmit-slider-nine .pbmit-button-wrap {opacity: 0; transition-duration: 2s; } .pbmit-slider-two .swiper-slide-active .pbmit-button-wrap, .pbmit-slider-eight .swiper-slide-active .pbmit-button-wrap, .pbmit-slider-nine .swiper-slide-active .pbmit-button-wrap {opacity: 1; } .pbmit-slider-two .swiper-horizontal>.swiper-pagination-bullets {top: 50%; display: table; width: auto; right: 50px; left: auto; transform: translateY(-50%) rotate(-90deg); } .pbmit-slider-two .swiper-pagination-bullet, .pbmit-slider-three .swiper-pagination-bullet, .pbmit-slider-five .swiper-pagination-bullet {border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); transition: box-shadow 0.3s ease; background: transparent; width: 15px; height: 15px; margin: 3px !important; } .pbmit-slider-two .swiper-pagination-bullet::after, .pbmit-slider-three .swiper-pagination-bullet::after, .pbmit-slider-five .swiper-pagination-bullet::after {position: absolute; transition: background-color 0.3s ease, transform 0.3s ease; content: ""; top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0.3); text-indent: -999em; cursor: pointer; } .pbmit-slider-two .swiper-pagination-bullet, .pbmit-slider-three .swiper-pagination-bullet, .pbmit-slider-five .swiper-pagination-bullet {position: relative; } .pbmit-slider-two .swiper-pagination-bullet-active, .pbmit-slider-two .swiper-pagination-bullet:hover, .pbmit-slider-three .swiper-pagination-bullet-active, .pbmit-slider-three .swiper-pagination-bullet:hover, .pbmit-slider-five .swiper-pagination-bullet-active, .pbmit-slider-five .swiper-pagination-bullet:hover {box-shadow: 0 0 0 2px rgba(255, 255, 255, 1); border: none; border-radius: 50%; background: transparent; width: 15px; height: 15px; outline: none; } .pbmit-slider-two .swiper-pagination-bullet-active:after, .pbmit-slider-two .swiper-pagination-bullet:hover:after, .pbmit-slider-three .swiper-pagination-bullet-active:after, .pbmit-slider-three .swiper-pagination-bullet:hover:after, .pbmit-slider-five .swiper-pagination-bullet-active:after, .pbmit-slider-five .swiper-pagination-bullet:hover:after {transform: scale(0.4); -webkit-transform: scale(0.4); background-color: rgba(255, 255, 255, 1); } /** Style 3 **/ .pbmit-slider-three .pbmit-slider-item {display: flex; align-items: center; height: 800px; } .pbmit-slider-three .pbmit-slider-content, .pbmit-slider-five .pbmit-slider-content {position: relative; width: 565px; overflow: hidden; padding: 50px 40px 80px 60px; } .pbmit-slider-three .pbmit-slider-content:after, .pbmit-slider-five .pbmit-slider-content:after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 100%; transform: scaleY(0); background-color: rgba(64, 50, 38, 0.96); opacity: 0; z-index: -1; border-radius: 30px; transition-duration: .5s; transform-origin: top; transition-delay: 1s; } .pbmit-slider-three .swiper-slide-active .pbmit-slider-content:after, .pbmit-slider-five .swiper-slide-active .pbmit-slider-content:after {transform: scaleY(1.0); opacity: 1; } .pbmit-slider-three .pbmit-title, .pbmit-slider-five .pbmit-title {font-size: 60px; line-height: 60px; } .pbmit-slider-three .pbmit-slider-content .pbmit-desc, .pbmit-slider-five .pbmit-slider-content .pbmit-desc {font-size: 18px; font-weight: 700; color: var(--pbmit-white-color); } .pbmit-slider-three .swiper-horizontal>.swiper-pagination-bullets {top: 50%; display: table; width: auto; left: 25px; right: auto; transform: translateY(-50%) rotate(-90deg); } /** Style 4 **/ .pbmit-slider-four .pbmit-slider-item {height: 730px; display: flex; align-items: center; background: rgba(64, 50, 38, 0.26); } .pbmit-slider-four .pbmit-sub-title {font-size: 18px; line-height: 26px; padding: 5px 15px; letter-spacing: 1px; border-radius: 20px; width: max-content; text-transform: uppercase; color: var(--pbmit-global-color) !important; background-color: var(--pbmit-secondary-color); } .pbmit-slider-four .pbmit-title {font-size: 120px; line-height: 120px; text-transform: uppercase; } .pbmit-slider-four .pbmit-slider-content .pbmit-desc {font-size: 24px; line-height: 30px; margin-bottom: 35px; color: var(--pbmit-white-color); } .pbmit-slider-four .swiper-button-prev, .pbmit-slider-four .swiper-button-next, .pbmit-slider-eight .swiper-button-prev, .pbmit-slider-eight .swiper-button-next {border: none; width: 60px; } .pbmit-slider-four .swiper-button-next, .pbmit-slider-eight .swiper-button-next {right: 0; } .pbmit-slider-four .swiper-button-prev:before, .pbmit-slider-four .swiper-button-next:before, .pbmit-slider-eight .swiper-button-prev:before, .pbmit-slider-eight .swiper-button-next:before {content: ''; position: absolute; width: 69px; height: 155px; top: -55px; z-index: -1; background-color: var(--pbmit-light-color); } .pbmit-slider-four .swiper-button-prev:before, .pbmit-slider-eight .swiper-button-prev:before {left: -9px; bottom: -1px; right: -1px; mask: url(../images/banner-slider-img/slider-arrow-before.png) no-repeat; } .pbmit-slider-four .swiper-button-next:before, .pbmit-slider-eight .swiper-button-next:before {right: 0; mask: url(../images/banner-slider-img/slider-arrow-before.png) no-repeat; } .pbmit-slider-four .swiper-button-prev:after, .pbmit-slider-four .swiper-button-next:after, .pbmit-slider-eight .swiper-button-prev:after, .pbmit-slider-eight .swiper-button-next:after {font-size: 28px; color: var(--pbmit-blackish-color); } /** Style 5 **/ .pbmit-slider-five .pbmit-slider-item {display: flex; align-items: center; height: 930px; } .pbmit-slider-five .swiper-horizontal>.swiper-pagination-bullets {top: 50%; display: table; width: auto; left: 10px; right: auto; transform: translateY(-50%) rotate(-90deg); } /** Style 6 **/ .pbmit-slider-six .pbmit-slider-item {padding: 250px 0 285px 0; } .pbmit-slider-six .pbmit-slider-content .pbmit-sub-title {font-size: 20px; line-height: 30px; letter-spacing: -.5px; padding: 5px 15px; border-radius: 20px; margin-bottom: 0; display: inline-block; color: rgb(187, 154, 101); background-color: rgb(64, 50, 38); font-family: var(--pbmit-body-typography-font-family); } .pbmit-slider-six .pbmit-slider-content .pbmit-title {font-size: 140px; line-height: 140px; margin: 0; text-transform: uppercase; } .pbmit-slider-six .pbmit-slider-content .pbmit-title-small {font-size: 50px; line-height: 50px; margin-bottom: 30px; color: var(--pbmit-white-color); } .pbmit-slider-six .swiper-horizontal>.swiper-pagination-bullets {position: absolute; right: auto; left: 43%; bottom: 0; width: 210px; height: 70px; background-color: var(--pbmit-white-color); border-radius: 20px 20px 0 0; } .pbmit-slider-six .swiper-horizontal>.swiper-pagination-bullets:before, .pbmit-slider-six .swiper-horizontal>.swiper-pagination-bullets:after {content: ""; position: absolute; bottom: 0; background-color: transparent; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-slider-six .swiper-horizontal>.swiper-pagination-bullets:before {right: 100%; border-bottom-right-radius: 20px; } .pbmit-slider-six .swiper-horizontal>.swiper-pagination-bullets:after {left: 100%; border-bottom-left-radius: 20px; } .pbmit-slider-six .swiper-pagination-bullet {background-color: rgba(var(--pbmit-global-color-rgb), .5); } .pbmit-slider-six .swiper-pagination-bullet-active {outline-color: var(--pbmit-global-color); background-color: var(--pbmit-global-color); } /** Style 7 **/ .pbmit-slider-seven .pbmit-slider-item {display: flex; align-items: center; height: 830px; } .pbmit-slider-seven .pbmit-slider-content .pbmit-sub-title {font-size: 13px; line-height: 20px; padding: 5px 20px; border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; max-width: max-content; background-color: var(--pbmit-global-color); } .pbmit-slider-seven .pbmit-slider-content .pbmit-title {font-size: 80px; line-height: 80px; font-weight: 600; color: var(--pbmit-blackish-color); } .pbmit-slider-seven .pbmit-slider-content .pbmit-desc {font-size: 18px; line-height: 30px; font-weight: 400; margin-bottom: 25px; color: var(--pbmit-blackish-color); } .pbmit-slider-seven .pbmit-rotate-box {opacity: 0; transform-origin: 50% 50%; transform: scale(0.9, 0.9); transition: 1s 1400ms ease; } .pbmit-slider-seven .swiper-slide-active .pbmit-rotate-box {opacity: 1; transform: translate(0px, 0px); } .pbmit-slider-seven .pbmit-rotate-box-contents {position: relative; text-align: center; z-index: 1; display: flex; align-items: center; justify-content: center; height: 180px; width: 180px; padding: 0px 10px; } .pbmit-slider-seven .pbmit-rotate-box-contents:before {animation-name: pbmit_rotate_1; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; filter: invert(60%) sepia(45%) saturate(3661%) hue-rotate(360deg) brightness(105%) contrast(105%); position: absolute; content: ''; top: 0; left: 0; height: 180px; width: 180px; background-image: url(../images/banner-slider-img/offer-img.svg); transform-origin: 50% 50% 0; transform: rotate(0); z-index: 0; background-size: cover; } .pbmit-slider-seven .pbmit-rotate-box .pbmit-title {position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; z-index: 2; font-size: 26px; line-height: 30px; margin-bottom: 0; font-weight: 600; text-transform: uppercase; color: var(--pbmit-white-color); } .pbmit-slider-seven .pbmit-rotate-box {position: absolute; width: auto; height: auto; right: auto; left: 60px; } .pbmit-slider-seven .swiper-horizontal>.swiper-pagination-bullets {display: block; inset: 44% 0px auto auto; width: 50px; height: 140px; border-radius: 20px 0 0 20px; background-color: var(--pbmit-white-color); } .pbmit-slider-seven .swiper-horizontal>.swiper-pagination-bullets:before, .pbmit-slider-seven .swiper-horizontal>.swiper-pagination-bullets:after {content: ""; position: absolute; background-color: transparent; right: 0; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-slider-seven .swiper-horizontal>.swiper-pagination-bullets:before {top: 100%; border-top-right-radius: 20px; box-shadow: 0 -20px 0 0 var(--pbmit-white-color); padding: 0; margin: 0; } .pbmit-slider-seven .swiper-horizontal>.swiper-pagination-bullets:after {bottom: 100%; border-bottom-right-radius: 20px; } .pbmit-slider-seven .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {display: block; position: absolute; top: 35px; left: 20px; margin: 0 !important; background-color: rgba(var(--pbmit-global-color-rgb), .5); } .pbmit-slider-seven .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2) {top: 65px; } .pbmit-slider-seven .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3) {top: 95px; } .pbmit-slider-seven .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: var(--pbmit-global-color); } /** Style 8 **/ .pbmit-slider-eight .pbmit-slider-item {height: 850px; display: flex; align-items: center; } .pbmit-slider-eight .pbmit-slider-content {max-width: max-content; display: inline-block; } .pbmit-slider-eight .pbmit-slider-content .pbmit-sub-title {font-size: 18px; line-height: 30px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .pbmit-slider-eight .pbmit-slider-content .pbmit-title {font-size: 140px; line-height: 140px; letter-spacing: -1px; margin-bottom: 0; text-transform: uppercase; } .pbmit-slider-eight .pbmit-slider-content .pbmit-title-small {font-size: 70px; line-height: 70px; letter-spacing: -1px; margin-bottom: 35px; color: var(--pbmit-white-color); } .pbmit-slider-eight .swiper-button-prev:before, .pbmit-slider-eight .swiper-button-next:before {background-color: var(--pbmit-white-color); } /** Style 9 **/ .pbmit-slider-nine .pbmit-slider-item {display: flex; align-items: center; height: 930px; } .pbmit-slider-nine .pbmit-slider-content {margin: 0 auto; width: max-content; } .pbmit-slider-nine .pbmit-slider-content .pbmit-sub-title {font-size: 13px; line-height: 20px; padding: 5px 15px; border-radius: 20px; letter-spacing: 2px; font-weight: 400; display: inline-block; text-transform: uppercase; border: 1px solid var(--pbmit-white-color); } .pbmit-slider-nine .pbmit-slider-content .pbmit-title {font-size: 100px; line-height: 100px; letter-spacing: -1px; margin-bottom: 30px; } .pbmit-slider-nine .pbmit-slider-content .pbmit-button a:hover {color: var(--pbmit-blackish-color); } .pbmit-slider-nine .swiper-horizontal>.swiper-pagination-bullets {display: block; width: 110px; height: 50px; bottom: 0; transform: translate(275px, 0px); border-radius: 20px 20px 0 0; background-color: var(--pbmit-white-color); } .pbmit-slider-nine .swiper-horizontal>.swiper-pagination-bullets:before, .pbmit-slider-nine .swiper-horizontal>.swiper-pagination-bullets:after {content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } .pbmit-slider-nine .swiper-horizontal>.swiper-pagination-bullets:before {right: 100%; border-bottom-right-radius: 20px; padding: 0; margin: 0; } .pbmit-slider-nine .swiper-horizontal>.swiper-pagination-bullets:after {left: 100%; border-bottom-left-radius: 20px; } .pbmit-slider-nine .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background-color: rgba(var(--pbmit-global-color-rgb), .5); } .pbmit-slider-nine .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: var(--pbmit-global-color); } /* -------------------------------------- * 22 - Progress Bar * ---------------------------------------*/ .progressbar {margin-bottom: 20px; overflow: hidden; } .progressbar .progress-label {color: var(--pbmit-blackish-color); display: inline-block; position: relative; top: -5px; font-size: 16px; line-height: 20px; } .progress {position: relative !important; line-height: 30px; height: 100%; border-radius: 16px; margin-top: 0; padding: 2px; border: 1px solid var(--pbmit-global-color); background-color: transparent; } .progress .progress-bar {position: relative; height: 17px; overflow: visible; border-radius: 0px; border-radius: 12px; background-color: var(--pbmit-global-color); } .progress.progress-percent-bg .progress-percent {position: absolute; right: 10px; left: auto; top: 2px; font-size: 14px; line-height: 14px; color: var(--pbmit-white-color); font-weight: 500; } .progressbar.style-2 {margin-bottom: 25px; } .progressbar.style-2 .progress-label {font-size: 18px; line-height: 24px; } .progressbar.style-2 .progress {border-width: 0 0 1px 0; border-color: rgba(var(--pbmit-blackish-color-rgb), .1); border-radius: 0px; margin: 5px 0 10px 0; overflow: visible; } .progressbar.style-2 .progress-bar {height: 5px; } .progressbar.style-2 .progress .progress-percent {right: 0; top: -25px; font-size: 16px; line-height: 16px; font-weight: 700 !important; color: var(--pbmit-global-color); font-family: var(--pbmit-heading-typography-font-family); } /* -------------------------------------- * 23 - Static Box * ---------------------------------------*/ /** Style 1 **/ .pbmit-static-box-style-1 {margin: 0 2px 5px 2px; } .pbmit-static-box-style-1:first-child {margin-left: 0 } .pbmit-static-box-style-1:last-child {margin-right: 0 } .pbmit-static-box-style-1 .pbmit-staticbox-wrapper {position: relative; width: 100%; height: 100% } .pbmit-static-box-style-1.pbmit-active {flex: 6 } .pbmit-static-box-style-1 {flex: 2; transition: .7s; position: relative; overflow: hidden; height: 70vh } .pbmit-static-box-style-1 .pbmit-bg-imgbox {height: 100%; width: 100%; background-repeat: no-repeat; transition: .5s; z-index: 0; position: absolute; background-position: center center; background-size: cover; } .pbmit-static-box-style-1 .pbmit-img {display: none } .pbmit-static-box-style-1 .pbmit-bg-imgbox::after {position: absolute; content: ""; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; border-radius: 20px; background: -moz-linear-gradient(to top, rgba(var(--pbmit-blackish-color-rgb), 1) 0, rgba(var(--pbmit-blackish-color-rgb), .11) 68%, rgba(var(--pbmit-blackish-color-rgb), 0) 76%); background: -webkit-linear-gradient(to top, rgba(var(--pbmit-blackish-color-rgb), 1) 0, rgba(var(--pbmit-blackish-color-rgb), .11) 68%, rgba(var(--pbmit-blackish-color-rgb), 0) 76%); background: linear-gradient(to top, rgba(var(--pbmit-blackish-color-rgb), 1) 0, rgba(var(--pbmit-blackish-color-rgb), .11) 68%, rgba(var(--pbmit-blackish-color-rgb), 0) 76%) } .pbmit-static-box-style-1 .pbmit-bg-imgbox .pbmit-static-btn {position: absolute; top: 40px; left: 50%; z-index: 1; display: block; -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .pbmit-static-box-style-1.pbmit-active .pbmit-bg-imgbox .pbmit-static-btn {display: none; } .pbmit-static-box-style-1 .pbmit-bg-imgbox .pbmit-static-btn .pbmit-button-wrapper::after {border: 1px solid var(--pbmit-blackish-color); background-color: transparent; color: var(--pbmit-blackish-color); } .pbmit-static-box-style-1 .pbmit-content-box {position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 60px; text-align: left; display: flex; align-items: flex-end; width: 100%; height: 100%; justify-content: space-between; transition: .5s } .pbmit-static-box-style-1 .pbmit-bg-imgbox .pbmit-static-box-title {position: absolute; bottom: 300px; left: 50%; top: auto; font-size: 30px; line-height: 36px; margin: 0; z-index: 1; inline-size: 250px; color: var(--pbmit-blackish-color); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-transform: translateX(-50%) translateY(0) rotate(180deg); -moz-transform: translateX(-50%) translateY(0) rotate(180deg); -ms-transform: translateX(-50%) translateY(0) rotate(180deg); -o-transform: translateX(-50%) translateY(0) rotate(180deg); transform: translateX(-90%) translateY(-50%) rotate(-90deg); transform-origin: bottom right } .pbmit-static-box-style-1 .pbmit-content-box, .pbmit-static-box-style-1.pbmit-active .pbmit-bg-imgbox .pbmit-static-box-title {opacity: 0; visibility: hidden; transition: .2s; transition-delay: 0s } .pbmit-static-box-style-1.pbmit-active .pbmit-content-box {opacity: 1; visibility: visible; transition: .5s; transition-delay: .2s } .pbmit-static-box-style-1 .pbmit-content-box .pbmit-static-box-title {font-size: 30px; line-height: 36px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; color: var(--pbmit-white-color) } .pbmit-static-box-style-1 .pbmit-content-box .pbmit-static-box-desc {color: var(--pbmit-white-color); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical } .pbmit-static-box-style-1 .pbmit-content-box .pbmit-content-inner {width: 350px } .pbmit-static-box-style-1 .pbmit-static-btn a .pbmit-button-text {font-size: 0; } .pbmit-static-box-style-1 .pbmit-static-btn .pbmit-button-wrapper::after {position: unset !important; display: inline-block; } .pbmit-static-box-style-1 .pbmit-static-btn {transition: .9s } .pbmit-static-box-style-1 .pbmit-box-number {position: absolute; width: 100%; top: 40px; font-size: 18px; line-height: 18px; text-align: center; color: var(--pbmit-global-color); } .pbmit-active.pbmit-static-box-style-1 .pbmit-bg-imgbox .pbmit-box-number {display: none; } .pbmit-static-box-style-1 .pbmit-content-box .pbmit-box-number {text-align: right; right: 40px; } .pbmit-static-box-style-1 .pbmit-static-btn .pbmit-button-inner {padding: 0; border: none; border-radius: inherit; position: relative; display: inline-block; } /** Style 2 **/ .pbmit-element-static-box-style-2, .pbmit-element-static-box-style-2 .pbmit-content-box, .pbmit-element-static-box-style-2 .pbmit-box-number {transition: all 0.3s ease-in; } .pbmit-element-static-box-style-2 ul.pbmit-hover-inner {padding: 80px 0 0; margin: 0; height: 100%; } .pbmit-element-static-box-style-2 .pbmit-content-box {padding: 0 40px; width: 100%; } .pbmit-element-static-box-style-2 .pbmit-active .pbmit-content-box {position: relative; padding: 40px; border-radius: 20px; background-color: var(--pbmit-white-color); } .pbmit-elementor-bg-color-light .pbmit-element-static-box-style-2 .pbmit-active .pbmit-content-box {background-color: var(--pbmit-light-color); } .pbmit-element-static-box-style-2 .pbmit-active .pbmit-content-box::before {content: ''; border: 12px solid; position: absolute; left: -24px; border-color: transparent var(--pbmit-white-color) transparent transparent; } .pbmit-elementor-bg-color-light .pbmit-element-static-box-style-2 .pbmit-active .pbmit-content-box::before {border-right-color: var(--pbmit-light-color) } .pbmit-element-static-box-style-2 .pbmit-static-box-number {margin: 25px 25px 0 0; position: relative; display: inline-block; visibility: hidden; opacity: 0; height: 0; } .pbmit-element-static-box-style-2 .pbmit-box-number {font-size: 24px; line-height: 24px; color: var(--pbmit-white-color); height: 65px; width: 65px; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; border-radius: 50%; z-index: 9; background-color: var(--pbmit-global-color); } .pbmit-element-static-box-style-2 .swiper-static-slide-images {width: calc(50% - 12px); margin-left: 12px; } .pbmit-element-static-box-style-2 .swiper-static-slide-images img {width: 100%; object-fit: cover; border-radius: 20px; visibility: hidden; opacity: 0; transition: .5s; } .pbmit-element-static-box-style-2 .swiper-static-slide-images .swiper-slide-active img {opacity: 1; visibility: visible } .pbmit-element-static-box-style-2 .swiper-static-slide-nav {width: calc(50% - 12px); margin-right: 12px; height: 100%; padding: 0 75px 0 40px; background-color: var(--pbmit-light-color); border-radius: 20px; } .pbmit-bg-color-light .pbmit-element-static-box-style-2 .swiper-static-slide-nav {background-color: var(--pbmit-white-color); } .pbmit-element-static-box-style-2 .pbmit-hover-inner li {display: flex; list-style: none; position: relative; } .pbmit-element-static-box-style-2 .pbmit-hover-inner li:not(:last-child) {padding: 0 0 20px; } .pbmit-element-static-box-style-2 li.pbmit-title-wrapper.pbmit-active:not(:last-child) {padding: 0 0 40px; } .pbmit-element-static-box-style-2 li.pbmit-title-wrapper.pbmit-active:not(:first-child) {padding-top: 10px; } .pbmit-element-static-box-style-2 .pbmit-static-box-desc {margin-bottom: 0; visibility: hidden; opacity: 0; height: 0; } .pbmit-element-static-box-style-2 .pbmit-active .pbmit-static-box-desc, .pbmit-element-static-box-style-2 .pbmit-active .pbmit-static-box-number {height: auto; opacity: 1; visibility: visible; } .pbmit-element-static-box-style-2 .pbmit-title-wrapper h5 {margin-bottom: 5px; color: rgba(var(--pbmit-blackish-color-rgb), 0.3); } .pbmit-element-static-box-style-2 .pbmit-active.pbmit-title-wrapper h5, .pbmit-element-static-box-style-2 .pbmit-title-wrapper:hover h5 {color: var(--pbmit-global-color); } .pbmit-element-static-box-style-2 .pbmit-static-btn {margin-top: 15px; } .pbmit-element-static-box-style-2 .swiper-static-slide-images img {visibility: visible; opacity: 1; } /** Style 3 **/ .pbmit-static-box-style-3 {position: relative; display: inline-block; text-align: center; } .pbmit-static-box-style-3 .pbmit-img {position: relative; } .pbmit-static-box-style-3 .pbmit-img img {display: inline-block; width: 190px; height: 190px; border-radius: 50%; } .pbmit-static-box-style-3 .pbmit-img-wrapper {display: inline-block; position: relative; padding: 30px 20px 10px; } .pbmit-static-box-style-3 .pbmit-static-box-title {font-size: 24px; line-height: 28px; } .pbmit-static-box-style-3 .pbmit-content-inner {padding: 20px 20px 0; } .pbmit-static-box-style-3 .pbmit-box-number {display: inline-block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; color: var(--pbmit-white-color); background-color: var(--pbmit-blackish-color); } .pbmit-static-box-style-3 .pbmit-static-box-desc {padding: 0 15px; } .pbmit-text-color-white .pbmit-static-box-style-3 .pbmit-static-box-desc {color: rgba(var(--pbmit-white-color-rgb), 0.80); } .pbmit-static-box-style-3 .pbmit-staticbox-wrapper {margin-bottom: 40px; } .pbmit-static-box-style-3 .pbmit-img-wrapper {position: relative; } .pbmit-static-box-style-3 .pbmit-img::after {content: ''; width: calc(100% - 2px); height: 5px; position: absolute; top: calc(50% + 10px); left: 0px; z-index: -1; background-color: transparent; border: 3px dotted rgba(var(--pbmit-global-color-rgb), 0.8); border-width: 3px 0 0 0; } .pbmit-static-box-border .pbmit-static-box-style-3:last-child .pbmit-img::after, .pbmit-static-box-border .pbmit-static-box-style-3:first-child .pbmit-img::after {left: -368px; width: calc(100% + 365px) } .pbmit-static-box-border .pbmit-static-box-style-3:last-child .pbmit-img::after {right: -365px; left: inherit } /** Style 4 **/ .pbmit-element-static-box-style-4, .pbmit-element-static-box-style-4 .pbmit-box-number {transition: all 0.3s ease-in; } .pbmit-element-static-box-style-4 .pbmit-main-static-slider {position: relative; padding: 10px; border-radius: 30px; overflow: hidden; background-position: center bottom; background-repeat: no-repeat; background-size: auto; background-color: var(--pbmit-light-color); } .pbmit-element-static-box-style-4 ul.pbmit-hover-inner {position: relative; padding: 0; margin: 0; display: flex; } .pbmit-element-static-box-style-4 .pbmit-box-number {font-size: 24px; line-height: 24px; height: 55px; width: 55px; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; border-radius: 50%; z-index: 9; color: rgba(var(--pbmit-blackish-color-rgb), 0.5); background-color: transparent; font-family: var(--pbmit-btn-typography-font-family); font-weight: 700; } .pbmit-element-static-box-style-4 .swiper-static-slide-images img {width: 100%; object-fit: cover; border-radius: 20px; visibility: hidden; opacity: 0; transition: .5s; } .pbmit-element-static-box-style-4 .swiper-static-slide-nav {position: relative; padding: 100px 0 0 90px; } .pbmit-element-static-box-style-4 .pbmit-hover-inner li {display: inline-block; list-style: none; } .pbmit-element-static-box-style-4 .pbmit-hover-inner li:not(:last-child) {margin-right: 20px; } .pbmit-element-static-box-style-4 .pbmit-static-title-desc-inner {position: absolute; left: 100px; width: 360px; top: 220px; } .pbmit-element-static-box-style-4 .pbmit-content-box {visibility: hidden; opacity: 0; transition: .5s; } .pbmit-element-static-box-style-4 .swiper-static-slide-images .swiper-slide-active img, .elementor-element-edit-mode .pbmit-element-static-box-style-4 .swiper-static-slide-images img, .pbmit-element-static-box-style-4 .swiper-slide-active .pbmit-content-box, .pbmit-element-static-box-style-4 .swiper-static-slide-images .swiper-slide-active img {opacity: 1; visibility: visible; } .pbmit-element-static-box-style-4 .pbmit-active .pbmit-box-number {color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .pbmit-element-static-box-style-4 .pbmit-static-box-title h5 {margin-bottom: 25px; line-clamp: 1; -webkit-line-clamp: 1; } .pbmit-element-static-box-style-4 .pbmit-static-box-desc, .pbmit-element-static-box-style-4 .pbmit-static-box-title h5 {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .pbmit-element-static-box-style-4 .pbmit-static-box-desc {line-clamp: 6; -webkit-line-clamp: 6; } .pbmit-element-static-box-style-4 .pbmit-static-btn {margin-top: 15px; } /* -------------------------------------- * 24 - Cursor * ---------------------------------------*/ #pbmit-portfolio-cursor, .pbmit-cursor {position: fixed; top: 0; left: 0; z-index: 150; contain: layout style size; pointer-events: none; will-change: transform; -webkit-transition: opacity 0.3s, color 0.4s; -o-transition: opacity 0.3s, color 0.4s; -moz-transition: opacity 0.3s, color 0.4s; transition: opacity 0.3s, color 0.4s; } #pbmit-portfolio-cursor::before, .pbmit-cursor::before {content: ""; position: absolute; top: -24px; left: -24px; display: block; width: 50px; height: 50px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); background: var(--pbmit-blackish-color); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out; transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out; -o-transition: opacity 0.1s, -o-transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out, opacity 0.1s, -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.1s; transition: transform 0.3s ease-in-out, opacity 0.1s, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; } .pbmit-tooltip-content, .pbmit-cursor-text {position: absolute; top: -15px; left: -16px; width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: scale(0) rotate(10deg); -moz-transform: scale(0) rotate(10deg); -ms-transform: scale(0) rotate(10deg); -o-transform: scale(0) rotate(10deg); transform: scale(0) rotate(10deg); opacity: 0; color: var(--pbmit-white-color); font-size: 12px; line-height: 22px; text-transform: uppercase; font-weight: 500; text-align: center; letter-spacing: 1px; -webkit-transition: clip-path 0.4s ease-out; transition: clip-path 0.4s ease-out; overflow: hidden; opacity: 0; clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); } #pbmit-portfolio-cursor.active .pbmit-tooltip-content, .active .pbmit-cursor-text {opacity: 1; overflow: visible; clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); } .pbmit-cursor-text .pbmit-base-icon-right-arrow-1 {font-size: 22px; } @supports (mix-blend-mode: exclusion) {.pbmit-cursor.-exclusion, .pbmit-cursor.-opaque {mix-blend-mode: exclusion; } } @supports (mix-blend-mode: exclusion) {.pbmit-cursor.-exclusion::before, .pbmit-cursor.-opaque::before {background: white; } } .pbmit-cursor.-normal, .pbmit-cursor.-text {mix-blend-mode: normal; } .pbmit-cursor.-normal::before, .pbmit-cursor.-text::before {background: #000; } .pbmit-cursor.-inverse {color: white; } .pbmit-cursor.-visible::before {-webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); } .pbmit-cursor.-visible.-active::before {-webkit-transform: scale(0.23); -moz-transform: scale(0.23); -ms-transform: scale(0.23); -o-transform: scale(0.23); transform: scale(0.23); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .pbmit-cursor.-pointer::before {-webkit-transform: scale(0.15); -moz-transform: scale(0.15); -ms-transform: scale(0.15); -o-transform: scale(0.15); transform: scale(0.15); } .pbmit-cursor.-text::before {opacity: 1; -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); } .pbmit-cursor.-text .pbmit-cursor-text {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pbmit-cursor.-text.-active::before {-webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .pbmit-cursor.-tooltip::before {opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #pbmit-portfolio-cursor .pbmit-tooltip-content, .pbmit-cursor.-tooltip .pbmit-cursor-text {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); text-align: left; display: block; width: auto; height: auto; justify-content: unset; align-items: unset } #pbmit-portfolio-cursor .pbmit-port-cat, .pbmit-cursor.-tooltip .pbmit-cursor-text .pbmit-port-cat {font-size: 13px; line-height: 20px; letter-spacing: 1px; position: relative; display: inline-block; text-transform: uppercase; padding: 8px 20px 5px 20px; border-radius: 10px 10px 0 0; color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); } #pbmit-portfolio-cursor .pbmit-port-cat::after, .pbmit-cursor.-tooltip .pbmit-cursor-text .pbmit-port-cat::after {content: ''; position: absolute; background-color: transparent; bottom: 0px; right: -10px; height: 30px; width: 10px; z-index: -1; border-bottom-left-radius: 10px; box-shadow: 0 20px 0 0 var(--pbmit-white-color); } #pbmit-portfolio-cursor .pbmit-port-cat a, .pbmit-cursor.-tooltip .pbmit-cursor-text .pbmit-cat a {color: var(--pbmit-global-color); } .pbmit-cursor.-tooltip .pbmit-cursor-text>* {width: -moz-fit-content; width: fit-content; padding: 5px 15px; font-size: 18px; line-height: 28px; color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); } #pbmit-portfolio-cursor .pbmit-portfolio-title, .pbmit-cursor.-tooltip .pbmit-cursor-text .pbmit-title {font-size: 22px; line-height: 28px; width: 240px; word-wrap: break-word; margin-bottom: 0; text-transform: none; padding: 5px 20px 10px 20px; border-radius: 0 10px 10px 10px; color: var(--pbmit-blackish-color); background-color: var(--pbmit-white-color); } .pagination a {text-decoration: none; }